body{
	height: 100%;
	text-align: left;	
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing:.5px;
	margin: 0;
	padding:0;
	/*background-color: #CCCCCC;*/
	background:url(../images/bkgd.jpg);
	background-repeat:no-repeat;
	background-color:#f4f9fd;
	color: rgb(34,51,65);
}

table {display:table; margin:0px 0; padding:0; border:0px; font-size:100%; }
tr {display:table-row;}
th, td {display: table-cell; margin:0; padding:0px; vertical-align:top;}
th { text-align:center;}

h1, h2, h3, h4, h5 {border:0; margin:1px 0 0px 12px;  font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;}
h1 {font-size:180%; line-height:100%; font-weight:normal;letter-spacing:1px; color:#fff; padding: 0 0 0 10px; margin-left: 8px; margin-top: 3px; text-align:left;}
h2 {font-size:130%; line-height:100%;  color:rgb(34,51,65); padding: 12px 5px 0 13px; text-align:left;}
h3 {font-size:120%; font-weight:bold; color:rgb(0,89,167); width:470px; float:left; background-color:#c2e9c0; line-height:24px;background-image:url(../images/button_bullet_wh.gif);background-repeat:no-repeat;background-position: 12px 0; padding-left:12px; padding-top:2px; text-align:left; }
h3 a {margin-left:35px; }
h4 {font-size:150%; color:rgb(34,51,65); font-weight:bold; letter-spacing:1px; margin-top:35px; padding: 20px 5px 0 13px; text-align:left;}

h5 {font-size:100%; line-height:20px;  color:#CC0000; text-align:right; margin: 0 24px 8px 0 }
h5 a {text-decoration:none;color:#999999; font-size:120%;}
h5 a:hover {text-decoration:none; color:#0059a7; font-size:150%;}
h6 {font-size:110%; color:#0059a7; padding: 0 5px 0 26px;}


dl {border:0; margin:15px 0; padding:0;}
dt {border:0; margin:0; padding:0; font-weight:bold;}
dd {border:0; margin:0 0 0 30px; padding:0;}

a, a:active { color:rgb(34,51,65);text-decoration:none}
a:hover {color:#0059a7; text-decoration:underline;}

.box {min-height:1px; _height:1px;}

.logo {background-image:url(../images/logo_lg2.jpg); background-repeat:no-repeat; width:1024px; height:94px; }
.logo2 {background-image:url(../images/logo_noursh.gif); background-repeat:no-repeat; width:1024px; height:103px; }

.nav { width:1024px; height:22px; }
.nav img {border:none;}

.nav2 {	
	   padding: 8px 4px 8px 4px;
	   text-align:center;	   
	   font: 14px Georgia,Verdana; 
	   font-variant: small-caps;
	   font-weight:bold;
	   } 
	   /*Color navigation bar normal mode*/
.nav2contact {	
	   padding: 8px 0px 8px 0px;
	   text-align:left;	   
	   font: 14px Georgia,Verdana; 
	   font-variant: small-caps;
	   font-weight:bold;
	   } 
	   /*Color navigation bar normal mode*/


#nav4 ul {
	list-style-position: outside;
	list-style-image: url(../images/button_bullet.gif);
	margin:0.5em 0.5em 1.0em 1.5em !important /*Non-IE6*/;
	margin:0.5em 10px 1.0em 2.0em /*IE6*/;
	padding:8px 0 10px 30px /*IE7*/;
	float:left;
	text-align:left
}
#nav4 li a {
		position:relative; top:-6px; bottom:10px; padding-bottom: 5px; 
		font: 14px Georgia,Verdana; font-variant: small-caps; font-weight:700; letter-spacing:.5px; color:#fff; 
		line-height:auto;
		padding:8px 8px 0 8px/*IE7*/
		}

<!--div#header2 { width:720px; margin-bottom:18px; text-align:right; color:#fff; font-weight:bold; font-size: 11px;position:absolute; top:7px; left: 380px; }
<!--div#header2 .player { position:absolute; top:55px; left:500px; padding: 0; margin:0}

#content { margin:0; background-color:#FFFFFF; line-height:18px;}
#content .image {padding:0 4px 0 4px; border: 1px double #E3E4E4; float:left; margin-right:5px;}
#content .image-store {padding:0 4px 0 4px; border: 0; float:left; margin-right:5px;}
#content p {margin: 27px 10px 0 6px; width:460px; padding: 14px 20px 0 15px; line-height:18px; text-align:left; }
#content .main {margin: 5px 25px 5px 10px;text-align:justify;}
#content .lead-para { font-weight: 500; font-size:150%; }
#content hr {border: 1px solid #CCCCCC; width:98%; text-align:center;line-height:1.0em;}
#content .main-small {font-size:10px;font-weight:500;}
#content div.date {font-weight:bold; color: #99cc99; padding: 0 0 -5px 0;text-align:left; margin-left:25px}
#content ul {list-style-position: outside; list-style-image: url(../right.gif);font-size:120%; font-weight:bold; line-height:20px; font-family: Georgia, Verdana, Arial, Helvetica, sans-serif; color:rgb(34,51,65); text-align:left;
	margin:0.5em 0.5em 1.0em 3.5em !important /*Non-IE6*/;
	margin:0.5em 10px 1.0em 2.0em /*IE6*/;
	padding:8px 0 10px 30px /*IE7*/;
	float:left;
	text-align:left;
	list-style-position: outside; list-style-image: url(../right.gif); margin:1.0em 0.5em 1.0em 2.5em !important /*Non-IE6*/; margin:0.5em 10px 1.0em 2.5em /*IE6*/; text-align:left}}

#content ol {list-style-position: outside;}
#content li {padding-bottom: 5px;}

#content .submenu {height: 22px; border:none; font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;font-size:12px;  font-weight:500; letter-spacing:.5px; margin-top:2px; margin-left: 0px;} /*Color navigation bar normal mode*/
	   
#content .submenu  a { color:rgb(255,255,255);text-decoration:none; padding:4px;}
#content .submenu  a:active {  color:rgb(255,255,255);text-decoration:none;}
#content .submenua a:hover {color:rgb(255,255,255); text-decoration:underline;}

#content div.details {
	clear:both;
	margin:1.0em 1.0em 1.0em 1.0em;
	line-height:1.4em;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #676767;
	color:#676767;
}

#content .button {
	padding: 15px 16px 0 16px; background-image:url(../images/button_link.gif); background-repeat:no-repeat; width:343px;}
	
#content .button-image {float:left; margin-right:4px;}
	
#content .button p { color:#000000;margin: 25px 10px 0 0;}

    /* Footer - "back on top" */
	#top span {display:block; position:absolute; left:0; top:0; z-index:1; width:60px; height:32px; cursor:pointer;}
    #top a:hover span {background:url("../images/button_top.gif") -30px 0 no-repeat;}

	
#footer { background:url("../images/footer.jpg") 0 0 no-repeat; background-color:#FFFFFF;display:block; margin:0; cursor:pointer;  text-align:center; padding-top:5px; }  
	
#footer div { padding:3px 0 0 54px; text-align:left; font-size: 12px; letter-spacing:1px; line-height: 20px; color:#003366}
#footer  .subfooter { padding:1px 0 0 50px; text-align:left; font-size: 10px; letter-spacing:1px; line-height: 12px;}


#image4{
	background-image:url(../images/service_biology.jpg);
	background-repeat:no-repeat; height:768px;
	width:1024px; background-position: top left;
	padding:0 }	

#model{
	background-image:url(../images/service_modeling.jpg); 
	background-repeat:no-repeat; width:1024px; height:768px;;
	background-position: top right; padding:0 }
	
#bio{
	background-image:url(../images/service_biology.jpg); 
	background-repeat:no-repeat; width:1024px; height:800px;;
	background-position: top right; padding:0 }
	
#engineer{
	background-image:url(../images/service_noursh.jpg); 
	background-repeat:no-repeat; width:1024px; height:968px;;
	background-position: top right; padding:0 }

#geology{
	background-image:url(../images/service_geology.jpg); 
	background-repeat:no-repeat; width:1024px; height:700px;;
	background-position: top right; padding:0 }
	
#geomatics{
	background-image:url(../images/service_geomatics.jpg); 
	background-repeat:no-repeat; width:1024px; height:968px;;
	background-position: top right; padding:0 }
		
#gis{
	background-image:url(../images/service_gis.jpg); 
	background-repeat:no-repeat; width:1024px; height:968px;;
	background-position: top right; padding:0 }
	
#image3{
	background-image:url(../images/service_permit.jpg);
	background-repeat:no-repeat;
	width:1024px; height:968px;
	background-position: 0px left;
	padding:0 }

#image6{
	background-image:url(../images/service_gis.jpg);
	background-repeat:no-repeat;
	width:1024px; height:768px;
	background-position: top left;
	padding:0}

#image5{
	background-image:url(../images/service_model.jpg);
	background-repeat:no-repeat;
	width:1024px;
	height:175px;
	background-position: top left;
	padding:0}