/* CSS Document */

/*==================================*/
/*    Author: Chris Johnson         */
/*    Company: Corporate 3 Design   */
/*    Date: August 28, 2008           */
/*==================================*/

/*==================================*/
/*---------- PAGE/GENERAL ----------*/
/*==================================*/
* {
	margin: 0;
	padding: 0;
}


html {
	width: 100%;
	height: 100%;
}

body {
	width: 100%;
	height: 100%;
	font-family:"Arial", Helvetica, sans-serif;
	font-size: 100%;
	line-height: 100%;
	background:url(../images/main/gradient_bg.jpg) repeat-x top left #f9fbfe;
}

.clear {
	clear:both;
}

a:link {color: #000; text-decoration: none;}
a:visited {color: #000; text-decoration: none;}
a:hover {text-decoration: none; color: #b3c7d8;}
a:active {text-decoration: none;}

img {
	border: 0;
}

#wrapper {
	width: 900px;
	margin: 0 auto;
	background:url(../images/main/wrapper_bg.gif) top left;
	min-height: 100%;
}

/*==================================*/
/*------------- HEADER -------------*/
/*==================================*/

#header {
	width: 900px;
	height: 118px;
	_height: 100px;
	background: url(../images/main/header_bg.gif) top left no-repeat;
}

ul#navigation {
	color: #136497;
	list-style: none;
	width: 880px;
	padding: 12px 20px 1px 0;
	font-size: .6em;
	height: 15px;
}

ul#navigation li{
	float: right;
}

ul#navigation li a {
	color: #666666;
	padding: 0 4px 0 4px;
}

ul#navigation li#contact a {
	border: 1px solid #9cafd4;
	border-width: 0 1px 0 0;
}

ul#navigation li a:hover {
	color: #0069AA;
}

ul#home {
	width: 123px;
	_width: 123px;
	height: 89px;
	float: left;
	list-style: none;
	padding: 0 228px 0 12px;
}

ul#home a{
	width: 223px;
	_width: 123px;
	height: 89px;
	display: block;
	text-indent: -9999em;
	overflow: hidden;
}

/*==================================*/
/*----------- NAVIGATION -----------*/
/*==================================*/

ul#main_navigation {
 	width: 528px;
	_width: 518px;
 	height: 50px;
 	float: left;
 	background: url(../images/main/navigation_test.jpg) top left no-repeat #fff;
 	font-size: .68em; 
	font-weight: bold; 
	list-style:none; 
 	position: relative;
	margin: 40px 0 0 0;
	padding: 0 9px 0 0;
}



ul#main_navigation li {margin: 0; padding: 0; list-style: none; float: left; position:relative;}
ul#main_navigation a {display: block; text-align: center; color: #666666;}


#whoweare_but {left: 0; top: 0px; width: 105px; height: 50px;}
#whatwedo_but {left: 0; top: 0px; width: 99px; height: 50px; margin-left:4px;}
#howwedoit_but {left: 0; top: 0px; width: 106px; height: 50px;}
#whywestdirect_but {left: 0; top: 0px; width: 120px; height: 50px;}
#govt_but {left: 0; top: 0px; width: 97px; height: 50px;}

#whoweare_but a {height: 25px; padding: 25px 0 0 0;}
#whatwedo_but a {height: 25px; padding: 25px 0 0 0;}
#howwedoit_but a {height: 25px; padding: 25px 0 0 0;}
#whywestdirect_but a {height: 25px; padding: 25px 0 0 0;}
#govt_but a {height: 25px; padding: 25px 0 0 0;}

#whoweare_but a:hover {background: url(../images/main/navigation_test.jpg) 0px -50px no-repeat; color: #0162a2;}
#whatwedo_but a:hover {background: url(../images/main/navigation_test.jpg) -105px -50px no-repeat; color: #5fa630;}
#howwedoit_but a:hover {background: url(../images/main/navigation_test.jpg) -204px -50px no-repeat; color: #f37133;}
#whywestdirect_but a:hover {background: url(../images/main/navigation_test.jpg) -309px -50px no-repeat; color: #863393;}
#govt_but a:hover {background: url(../images/main/navigation_test.jpg) -429px -50px no-repeat; color: #666666;}

/* Active States */
#whowearepage #whoweare_but a, #whowearepage #whoweare_but a:visited {background: url(../images/main/navigation_test.jpg) 0px -50px no-repeat; color: #0162a2;}
#whatwedopage #whatwedo_but a,#whatwedopage #whatwedo_but a:visited {background: url(../images/main/navigation_test.jpg) -105px -50px no-repeat; color: #5fa630;}
#howwedoitpage #howwedoit_but a, #howwedoitpage #howwedoit_but a:visited {background: url(../images/main/navigation_test.jpg) -204px -50px no-repeat; color: #f37133;}
#whywestdirectpage #whywestdirect_but a, #whywestdirectpage #whywestdirect_but a:visited {background: url(../images/main/navigation_test.jpg) -309px -50px no-repeat; color: #863393;}
#govpage #govt_but a,#govpage #govt_but a:visited {background: url(../images/main/navigation_test.jpg) -429px -50px no-repeat; color: #666666;}

/*==================================*/
/*------------- FOOTER -------------*/
/*==================================*/

#footer {
	width: 900px;
	background: url(../images/main/footer_bg.jpg) top left no-repeat;
	text-align: center;
	padding: 30px 0 15px 0;
	font-size: .68em;
	line-height: 150%;
	color: #4B555F;
}

#footer a, #footer a:visited{
	color: #4B555F;
}

#footer a:hover {
	color: #0069AA;
	text-decoration: underline;
}

#footer p {
	margin: 0 0 15px 0;
}