/* CSS Document */

body{
background-image:url(commonimages/prdgbg.gif);
background-repeat:repeat;
background-color:#FFFFFF;
}

p{
color:#003399;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:small;
text-align:justify;
margin:1em;
}

/*headings*/

h1{

font-family:Arial, Helvetica, sans-serif;
font-size:3em;
color:#99CC00;
font-weight:bold;
font-style:normal;
}

h2{

font-family:Arial, Helvetica, sans-serif;
font-size:2em;
font-style:normal;
color:#99CC00;
font-weight:bold;

}

h3{

font-family:Arial, Helvetica, sans-serif;
font-size:1.5em;
font-style:normal;
color:#99CC00;
font-weight:bold;
margin:.5em;

} 

h4{
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
font-style:normal;
color:#99CC00;
font-weight:bold;

}

h5{

font-family:Arial, Helvetica, sans-serif;
font-size:small;
font-style:normal;
color:#99CC00;

}

/*hover effects*/

a:link{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
text-decoration:none;
color:#003399;
}

a:visited{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
text-decoration:none;
color:#003399;
}

a:hover, a:active{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
text-decoration:none;
color:#99cc00;

}


/*main divisions*/


#container{
width: 760px;
background-color:#ffffff;
background-image:url(commonimages/containerbg.jpg);
background-position:center;
background-repeat:repeat-y;

height:auto;
margin-left:auto;
margin-right:auto;

}




#header{
width:760px;
clear:both;

}


#leftmenu{
width:20%;
background-color:#dcdced;
float:left;
margin-top:1em;
margin-bottom:1em;
margin-left:5px;

}

html>body #leftmenu{
width:20%;
background-color:#dcdced;
float:left;
margin-top:1em;
margin-bottom:1em;
margin-left:10px;

}



#contentarea{
width:75%;
background-color:#FFFFFF;
float:right;
margin-top:1em;
margin-bottom:1em;
margin-right:5px;

}

html>body #contentarea{
width:75%;
background-color:#FFFFFF;
float:right;
margin-top:1em;
margin-bottom:1em;
margin-right:10px;

}


#footer{
width:760px;
background-color:#ffffff;
clear:both;
background-image:url(commonimages/footerbg.jpg);
background-position:bottom;
background-repeat:no-repeat;



}


#leftimage{
width:150px;
clear:both;
float:left;
}

#menulist{
width:150px;
clear:both;
float:left;
}


#servicename{
width:15%;
text-align:center;
float:left;
margin-bottom:1em;
}


#servicedetails{
width:70%;
text-align:justify;
float:right;
background-color:#CCCCFF;
margin-right:1em;
margin-bottom:1em;
}


#servicespacer{
width:100;
clear:both;
margin-bottom:1em;
}

#fieldleft{
width:30%;
float:left;
}


#fieldright{
width:60%;
float:right;

}


#fieldworklist{
width:30%;
border:#9999CC 1px solid;
float:left;
margin-right:1em;
margin-left:1em;

}


#fieldworklist2{
width:60%;
border:#9999CC 1px solid;
float:left;
margin-right:1em;
margin-left:1em;

}

/*OTHER STYLES*/

#menulist p{

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:small;
font-weight:bold;
color:#003399;
}

.fieldworktitle{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:medium;
font-weight:bold;
color:#99CC33;
border-bottom:#9999CC 1px solid; 
border-right:#9999CC 1px solid; 
text-align:left;
}


#fieldworklist ul {
display:block;
}


#fieldworklist ul  li{
list-style-type:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:small;
color:#003399;
text-align:left;

}



#fieldworklist2 ul {
display:block;
}


#fieldworklist2 ul  li{
list-style-type:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:small;
color:#003399;
text-align:left;

}

.clientslist ul li{
list-style-type:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:small;
color:#003399;
text-align:left;

}


#footer p{
color:#003399;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:x-small;
text-align:center;

}

#clientleft{
width:48%;
float:left;
clear:right;
}

#clientright{
width:48%;
float:right;
}