/* CSS Document */

body {
	background-image:url(bg-grad.jpg);
	background-repeat:repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #222222;
	margin:0px 0px 0px 0px;
}

ul.list-ul{padding-top:12px; padding-bottom:12px; margin:0px;}
li.list-li{padding:0px; margin-bottom:5px; margin-left:30px;}

ul.menu-ul{list-style:none; padding:0px; margin: 0px;}
li.menu-li{float: left; padding: 0px; margin: 0px;}

p{padding-top:0px; margin-top:0px;}

h1{font-size:18px; color:#666666; margin-top:0px; margin-bottom:16px;}
h2{font-size:14px; color:#666666; margin-top:0px; margin-bottom:22px;}
h3{font-size:14px; color:#666666; margin-top:0px; margin-bottom:16px;}

.glink{
	color:#0A87BC;
	font-weight:bold;
	text-decoration:none;
}
.glink:hover{ text-decoration:underline;}

.subtitles{
	color:#0A87BC;
	font-weight:bold;
	letter-spacing: 2px;
}

div.spacer{clear:both; background-color:#ffffff; height:0px; width:0px; display:block; line-height:0px; margin:0px; padding:0px;}

#dropmenudiv{
	position:absolute;
	border:1px solid #999999;
	border-bottom-width: 0;
	font:normal 12px/18px arial;
	z-index:100;
	color:#333333;
	text-decoration: none;
}


#dropmenudiv a{
color:#333333;
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 0px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: normal;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color:#2C91E9;
color:#ffffff;
}

.navigation{
position:relative;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#666666;
background-image:url(grad.jpg);
background-repeat:repeat-x;
text-decoration:none;
padding-top:39px;
text-align:center;
}
.navigation:hover{
background-image: url(gradover.jpg);
background-repeat:repeat-x;
color:#ffffff;
}

#nav_home {width:60px; height:20px; display: block; margin-left:213px;}
#nav_aboutus {width:66px; height:20px; display: block; }
#nav_project-mgr {width:148px; height:20px; display: block;}
#nav_facilities {width:74px; height:20px; display: block;}
#nav_GRP {width:73px; height:20px; display: block;}
#nav_case_studies {width:95px; height:20px; display: block;}
#nav_contact_us {width:69px; height:20px; display: block;}


div.spacer{clear:both; background-color:#ffffff; height:0px; width:0px; display:block; line-height:0px; margin:0px; padding:0px;}


#logo{position: absolute; width:200px; height:60px; display:block; top:7px; left:20px; z-index:2;}
#menu{position: relative; width:798px; height:59px; display:block; z-index:1; top:0px; left:0px; background-image:url(images/grad.jpg); background-repeat:repeat-x; border-left:1px solid #999999; border-right:1px solid #999999; border-bottom:1px solid #999999;}
#banner{position:relative; width:800px; height:150px; display:block; margin:12px 0px 12px 0px; z-index:1;}
#img1{position:relative; width:264px; height:150px; display:block; float:left;}
#img2{position:relative; width:264px; height:150px; display:block; float:left; margin:0px 4px 0px 4px;}
#img3{position:relative; width:264px; height:150px; display:block; float:left;}
#bar{position:relative; width:800px; height:4px; line-height:4px; display:block; top:0px; left:0px; background-color: #CCCCCC; margin:12px 0px 0px 0px;}

#bottom-menu-center {font-size:10px; color:#333333; position:relative; width:500px; height:16px; display:block; text-align:center; line-height:16px; float:left;}
#bottom-menu-left {font-size:10px; color:#333333; position:relative; width:150px; height:16px; display:block; text-align:left; line-height:16px; float:left;}
#bottom-menu-right {font-size:10px; color:#333333; position:relative; width:150px; height:16px; display:block; text-align:right; line-height:16px; float:left;}

#sub{
font-size:14px;
line-height:22px;
font-weight:normal;
background-color:#777777;
color:#FFFFFF;
border:0px solid #777777;
width:60px;
height:22px;
display:block;
cursor:hand;}

#sub:hover{background-color:#0A87BC;}
.bold {
	font-weight: bold;
	color: #333333;
}
.submenu {
	color: #333333;
	text-decoration: none;
}
.submenu:hover {
	text-decoration: underline;
}