/*  BODY------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------*/
body {font: 13px/1.4em Arial, Helvetica, sans-serif; margin-top:0; line-height:16px; color:#333; background-color:#003333;}
* {margin:0; padding:0;}

/* SITE STRUCTURE -------------------------------------------------------------
---------------------------------------------------------------------------*/
#Wrapper {width:769px; margin:0 auto; background-image:url(/img/bg.jpg); background-repeat:repeat-y;}
#sectionDivider {width:769px;}

/* HEADER  ---------------------------------------------------------------------------
---------------------------------------------------------------------------------------*/
#Header {float:left; display:inline; width:769px; height:172px; background-image:url(/img/sub_01.jpg); background-repeat:no-repeat;}
#Phone {float:left; display:inline; width:769px; height:20px; background-image:url(/img/sub_02.jpg); background-repeat:no-repeat;}

/* NAVBAR  ---------------------------------------------------------------------------
---------------------------------------------------------------------------------------*/
#MainNav {float:left; display:inline; width:769px; height:39px; background-color:#3D4043; margin:0; text-align:left;}

	#MainNav a, 
	#MainNav a:link, 
	#MainNav a:visited {color:#fff; text-decoration:none; font-weight:bold;}
	
	#MainNav a:hover, 
	#MainNav a:focus, 
	#MainNav a:active {color:#999; text-decoration:none; font-weight:bold;}
	
a#home {display: block; width:76px; height:39px; background-image: url(/img/sub_03.jpg); margin: 0 auto;}
a#home:hover {background-image: url(/img/subo_03.jpg);}
a#service {display: block; width:87px; height:39px; background-image: url(/img/sub_04.jpg); margin: 0 auto;}
a#service:hover {background-image: url(/img/subo_04.jpg);}
a#about {display: block; width:92px; height:39px; background-image: url(/img/sub_05.jpg); margin: 0 auto;}
a#about:hover {background-image: url(/img/subo_05.jpg);}
a#project {display: block; width:94px; height:39px; background-image: url(/img/sub_06.jpg); margin: 0 auto;}
a#project:hover {background-image: url(/img/subo_06.jpg);}
a#partner {display: block; width:96px; height:39px; background-image: url(/img/sub_07.jpg); margin: 0 auto;}
a#partner:hover {background-image: url(/img/subo_07.jpg);}
a#gsa {display: block; width:67px; height:39px; background-image: url(/img/sub_08.jpg); margin: 0 auto;}
a#gsa:hover {background-image: url(/img/subo_08.jpg);}
a#contact {display: block; width:257px; height:39px; background-image: url(/img/sub_09.jpg); margin: 0 auto;}
a#contact:hover {background-image: url(/img/subo_09.jpg);}
a .alt { display: none; }


/* MAINCONTENT --------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/
#MainContent {float:right; display:inline; width:563px; margin:0; background-color:#FFFFFF; border-top:1px solid #3D5E57; }

	#MainContent h1 {margin:45px 0 0 35px; font-size:1.30em; color:#3D5E57; font-weight:bold; text-align:left;}
	#MainContent h2 {margin:15px 40px 30px 30px; font-size:1em; color:#3D5E57; font-weight:bold; text-align:left;}
	#MainContent p {font-size:1em; margin:15px 40px 30px 45px;}
	.bold {font-size:1em; font-weight:bold;}
	.top {text-align:right; margin-right:40px;}
	#MainContent ul {margin:10px 40px 15px 50px;}
	#MainContent li {margin-bottom:10px;}
	
	#MainContent a, 
	#MainContent a:link, 
	#MainContent a:visited {color:#03549C; text-decoration:none;}
	
	#MainContent a:hover, 
	#MainContent a:focus, 
	#MainContent a:active {color:#003333; text-decoration:underline;}
	

/* NEWS AREA --------------------------------------------------------------------
--------------------------------------------------------------------------------------- */
#newsarea {float:left; display:inline; width:206px; height:512px; margin:0; text-align:left; background-color:#3D4043;}
	#newsarea h1 {font-size:2em; font-weight:bold; text-align:center; line-height:.85em; color:#3D5E57; margin:80px 20px 0 0;}
	#newsarea p {font-size:.85em; line-height:13px; font-weight:normal; color:#fff; margin:15px 30px 5px 18px;}
		#newsarea a,
		#newsarea a:link,
		#newsarea a:visited {color:#fff; text-decoration:none;}
		
		#newsarea a:hover,
		#newsarea a:focus,
		#newsarea a:active {color:#999; text-decoration:none;}

.projects {text-align:center; font-size:.82em; margin-left:40px;}
.imgspace {margin:15px 0;}	
.read {text-align:center; font-size:.82em; margin-left:40px; border:1px solid #333;}
.readhead {font-size:1em; font-weight:bold; text-align:center; color:#CCCCCC; border-right:1px solid #333;}
.txtlft {text-align:left; border-right:1px solid #333; border-bottom:1px solid #333; padding:6px;} 
.tblborder {border-right:1px solid #333; border-bottom:1px solid #333;}
.tblrgt {border-right:1px solid #333;}	
.tblbtm {border-bottom:1px solid #333;}

		
/* FOOTER ----------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------*/
#Footer {float:left; display:inline; width:769px; background-color:#3D4043; padding-bottom:15px;}
	#Footer p {font-size:.85em; line-height:15px; text-align:center; color:#666; margin:15px 5px 0 200px;}
		.footerlinks {}
		
			#Footer a,
			#Footer a:link,
			#Footer a:visited {color:#666; text-decoration:none;}

			#Footer a:hover,
			#Footer a:focus,
			#Footer a:active {color:#999; text-decoration:none;}
			

.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}