/*
    Document   : style
    Created on : Jully 12, 2009, 3:44:03 PM
    Author     : nauman
    Description:
        Purpose of the stylesheet follows.
*/


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align:middle;
	}

body{font: 82% Georgia, "lucida bright", "times new roman", arial;line-height: 1.6;
    color:#737373; background:transparent url(../images/v3/topbarbg.gif)  repeat-x top;}

p   {margin: 0 0 1.5em;}

#wrapper{width:766px;margin:0pt auto;}

.middlecontainer{float:right;max-width:698px;}

.rightcontainer{float:right;width:754px;height:424px;background:white;}

#header{margin:0pt auto;width:766px;height:33px;z-index:8;}
#header .heading{
            margin:1.1em 0 0 2px;
            float:right;
            font-family:arial;
            color:#c4caca;
            font-size:10px;
            vertical-align:middle;

        }
        #header .lheading{
            
            margin:1.1em 0 0 2px;
            float:left;
            font-family:arial;
            color:#c4caca;
            font-size:10px;
            vertical-align:middle;

        }
        #header .cellimg{
            width:13px;
            height:14px;
            margin-top:11px;
            background-attachment:fixed;
            background:url(../images/v3/cell.gif) no-repeat;
            float:right;
       }
        #header .contactusbg{
            float:right;cursor:pointer;
            width:76px;
            height:33px;
        }
        #header .contactusbg2{
            display:none;
        }
       img,div{ behavior: url('inc/iepngfix.htc') }
            .box
            {
            	margin: 0px auto;
            	position:relative;

            }
            #contactFormContainer
            {   z-index:10;
            	position:absolute;
            	font:bold  11px arial;
                color:#000000;
            	float:right;


            }
            #contactForm
            {   z-index:10;

               	height:164px;
            	width:766px;
                display:none;
            }
            #contactForm .leftborder{
                 background:transparent url('../images/v3/formleftbg.png') no-repeat 100% 100%;
                 height:164px;
            	 width:4px;
                 float:left;
            }
            #contactForm .background{
                background:transparent url('../images/v3/formbg.png') repeat-x bottom left;
                width:762px;
                height:164px;
                display:block;
                padding:0;
                margin:0;
                float:left;
            }

            #contactForm .textfields{
                background:transparent url('../images/v3/formright.png') no-repeat 100% -10px;
                margin-top:10px;
                padding-right:4px;
                width:310px;
                height:100px;
                float:left;
                color:#c4caca;
                font:0.881em arial;
                font-weight:bolder;
                word-spacing:0em;

            }

            #contactForm .textright{
                float:left;
                margin-top:10px;
                padding-left:30px;
                color:#c4caca;
                font:0.881em arial;
                word-spacing:0em;
                display:none;
            }

            #contactForm fieldset
            {
            	margin-top:30px;
                margin-left:30px;
            	border:none;
            }
            #contactForm label
            {
            	display:block;
            }

            #contactForm input[type=text]
            {   font: 1.2em/1.4 Tahoma, Helvetica, Arial, sans-serif;
            	display:block;
            	padding:0.3em 0.2em;
                width:23em;
                background:#F6F6F6 url('../images/v3/style1_txt_bg.gif') repeat-x scroll top;
                border:1px solid #D9D9D9;
                color:#08ABBA;

            }
            #contactForm textarea
            {
            	display:block;
            	background:#F6F6F6 url('../images/v3/style1_txt_bg.gif') repeat-x scroll top;
                border:1px solid #D9D9D9;
                color:#08ABBA;
            	width:26em;
            	margin-bottom:10px;
            }
            #contactForm input[type=submit]
            {
            	background:#E4E4E4 url(../images/v3/style1_btn_bg.gif) repeat-x scroll top;
                border:1px solid #C6C7CA;
                color:#333333;
                font-family:"Trebuchet MS";
            	padding:2px;
                font-size:10px;

            }
            
            textarea.error, input.error { border: 1px dotted red !important; }

            #contactLink
            {
            	height:40px;
            	width:766px;
                float:right;
            	display:block;

            	 }

             #contactLink .concursor{
                 background:url('../images/v3/contactusbg.png') no-repeat top right;
                 height:40px;
            	 width:74px;
            	 float:right;
            	 cursor:pointer;
                 }
                #contactLink .concursor2{
                 background:url('../images/v3/contactusbg2.png') no-repeat top right;
                 display:none;
                 height:40px;
            	 width:74px;
            	 float:right;
            	 cursor:pointer;
                 }
            #messageSent
            {   margin-top:8px;

            	display:none;
            }
   #navigation{

       float:left;
       width:766px;
       height:164px;
       margin-top:61px;
       background:url("../images/v3/logo.jpg") no-repeat top left;
     }
        #navigation .title{
            float:left;
            width:310px;
            background:none;
            margin-top:38px;
        }
        .title img{float:right;}

        #navigation #right{

            float:left;
            width:455px;
            height:71px;
        }
        #navigation .menu{
            z-index:9;
            float:right;
            width:455px;
            height:70px;
            text-align:right;
            list-style:none;
            font-size:10px;
            letter-spacing:0.178em;
        }
        /* Styles for the entire LavaLamp menu */
                   .lavaLamp {
                        position:relative;
                        width:455px;
                        top:3.99em;
                        padding:0;
                        height:70px;
                        overflow:visible;
                    }
                  .lavaLamp li {
                        float:right;
                        list-style: none;

                    }

                    .lavaLamp img{
                        margin-bottom:0.395em;
                    }
                        .lavaLamp li.back {
                            background: url("../images/v3/uparrow.png") no-repeat 22% 100%;
                            /*border-bottom: 2px solid blue;*/
                            width:22px;
                            margin-left:3px;
                            height: 30px;
                            z-index:-1;
                            position: absolute;

                        }
                        .lavaLamp li a {
                            font:bold 11px arial;
                            text-decoration: none;
                            color: #000;
                            outline: none;
                            text-align: center;
                            top: 7px;
                            text-transform: uppercase;
                            letter-spacing: 0;

                            display: block;
                            width:auto;
                            height:auto;
                            position: relative;
                            overflow: hidden;
                            margin-left:20px;

                        }
     /*                          .lavaLamp li a:hover, .lavaLamp li a:active, .lavaLamp li a:visited {
                                border: none;
                            }

                        */
                            .lavaLamp li a:hover{
                                border: none;
                                color:#068FA8;
                            }
                            .lavaLamp li a:active{
                                border: none;
                                color:#5ca1aa;
                            }
                            .lavaLamp .current a:hover {
                                border: none;
                                color:#5ca1aa;

                            }
                            .lavaLamp .start{
                                border: none;
                                color:#5ca1aa;
                                font-size:10px !important;
                                margin-top:8px;
                                text-transform: uppercase;
                                letter-spacing: 0;

                                display: block;
                                width:auto;
                                height:auto;
                                position: relative;
                                overflow: hidden;

                            }
            #navigation .titletext{
                margin-top:33px;
                float:left;
                vertical-align:middle;
                word-spacing:0.178em;

               }
                     .titletext a{
                        color:#068FA8;
                        text-decoration:none;
                        border-bottom:dotted 1px;
                        outline: none;
                        top:-.20em;
                        position: relative;
                    }
            #midbutton{

                    width:100%;float:right;text-align:right;}
                    .midlink{
                        width:8px;
                        height:4px;
                        float:right;
                        cursor:pointer;
                        background:url("../images/v3/downarrow.png") no-repeat 100% 100%;

                    }
.test{
    background-color:red;
}
                    .midlink2{
                        width:8px;
                        height:8px;
                        float:right;
                        display:none;
                        cursor:pointer;
                        margin-top:7px;
                        background:url("../images/v3/uparrow.png") no-repeat 100% 100%;

                    }
                    .midlink2 img{
                        padding-top:4px;
                    }
 /*Navigation Ends (logo,title,menu,slogan)*/
                    #middlebody{
                        
                        /*font-family:arial;*/
                        float:right;
                        margin:21px 0 10px 0;
                        width:745px;
                    }

                    
                    #middlebody p a{
                        color:#068FA8;;
                        text-decoration:none;
                        border-bottom:dotted 1px;
                        outline: none;
                        top:-0.16em;
                        position: relative;
                    }
                    
                    .midleftcontainer{
                        
                        float:left;
                        width:180px;
                        margin:0px 0 0px 0;
                    }
                    .midleftspace{
                        
                        float:left;
                        width:95px;
                        height:120px;
                        margin:0px 0 0px 0;
                    }
                            .h4{
                                font:bolder 0.88em arial;
                                color:#5ca1aa;
                                text-transform: uppercase;
                                position: relative;

                            }
                            .h4 img{
                                border:0;
                                margin-bottom:0.39em;
                            }
                            h3{
                                font:bold 11px arial;
                                color:#525454;

                                text-transform: uppercase;
                                position: relative;

                            }
                            h3 img{
                                border:0;
                                margin-bottom:0.39em;
                            }
.smallheading{
    font-size:12px !important;
    
}
.color{color:#5ca1aa;margin-left:5px;margin-bottom:9px;}
.space{
    height:3px;
}
                         .project{
                                float:left;
                                width:auto;
                                height:auto;
                                width:180px;
                                margin-bottom:20px;
                                margin-top:20px;
                                cursor:pointer;
                            }
                            .projectline{
                                float:left;
                                width:100%;
                                height:9px;

                                background:url("../images/v3/projectline.gif") no-repeat;
                            }

                          .project a {
                               outline: none;
                            }


                    .midrightcontainer{
                       background:url("../images/v3/servicesbg.gif") no-repeat 100% -5px;
                        float:right;
                        width:546px;
                        
                    }

    .horizlines{
        float:left;
        width:100%;
        height:1px;
        background:url("../images/v3/horizlines.gif") repeat-x;
    }

    .more img{
        border:0;
        margin-bottom:-0.30em;
    }
    .more a{
        text-decoration:none;
        border-bottom:dotted 1px;
        top:-3px;
        outline: none;
        position: relative;
        color:#068FA8;
    }

/*Start - What we do*/
.services, .philosphy {float:left;width:238px;}
.technology {float:left;width:118px;margin:0 30px 0 20px;}
#middlebody .midwide{margin:12px 0 0 55px;}
            .midwide ul{list-style-image:none;list-style-position:inherit;margin-top:2px;padding-bottom:6px;}
            .midwide li{list-style:square;margin-left:21px;}
.headinghr{float:left;width:95%;height:1px;background-color:#000000;}

 /*What we do - End*/
/*Bottom*/
#bottom img{
    margin-top:-4px;
}
        #network a, #network a:hover, #network a:active, #network a:visited{
        text-decoration:none;
        border-bottom:dotted 1px;
        outline: none;
        line-height:22px;
        bottom:-.20em;
        position: relative;
        color:#737373;
        }
        #tags{
            background:transparent url(../images/v3/verticalline.gif) no-repeat 100% 10px;
            margin-top:10px;
            padding-right:4px;
            width:291px;
            float:left;
            color:#5d5d5d;
            font-size:0.894em;
            word-spacing:0em;
            height:205px;
        }
        #tags a, #tags a:hover, #tags a:active, #tags a:visited{
        text-decoration:none;
        outline: none;
        margin-top:-11px;
        margin-right:4px;
        margin-left:4px;
        padding-left:-4px;
        color:#5d5d5d;
        
    }

    
        #tags .tag{
            padding:0.20em;height:21px;float:left;width:auto;
        }
        #tags .tagtext{
            cursor: pointer;
            float:left;
            background:#e6e6e6;
            height:18px;
            position:relative;
            padding-top:0.1em;
            padding-bottom:0.3em;
            padding-left:0.0em;
            vertical-align:text-bottom;
            }

        #tags .tagleft{
            background:url(../images/v3/tag1bg3.gif);

            float:left;
            width:6px;
            height:22px;
            }

        #tags .tagright{
            background:url(../images/v3/tag2bg5.gif);
            float:left;
            width:6px;
            height:22px;
           }

        #planner{
            background:transparent url(../images/v3/verticalline.gif) no-repeat 100% 10px;
            margin-top:10px;padding-right:4px;
            width:240px;
             height:200px;
            float:left;
            font:0.881em;
            word-spacing:0em;
        }
        #network{
            margin-top:10px;
            width:214px;
            float:left;
            font-size:0.881em;
            word-spacing:0em;
        }
        .textbottom{padding:0 0 0 6px;}

#footer{
    float:left;
    width:766px;
    font:10px arial;
    margin-top:3px;
    margin-bottom:1px;

}
#footer a, #footer a:hover, #footer a:active, #footer a:visited{
        text-decoration:underline;
        outline: none;
        position: relative;
        color:#737373;

        margin-right:4px;
        margin-left:4px;
        padding-left:-4px;
    }


.clear {
clear:both;
}