/* CSS Document */

body {
	margin: 0;
	padding: 0;
	background-image:url(images/back_img1.gif);
	background-color: #999999;
	}


p	{
	font: 8pt arial;
	}

h1	{
	font: bold 8pt arial;
	}
	
h2 { 
	font: bold 10pt arial;
	}

a:link {
		text-decoration:none;
		color:#333333;
	}	

a:hover {
		text-decoration:none;
		color:#fff;
	}	

a:visited {
		text-decoration:none;
		color:#333333;
	}	

.white {color:#fff;}
.white:link {color:#fff;}
.white:hover {color:#666; background-color:#333;}
.white:visited {color:#fff;}	

.gold { color: #333333;}
/*.gold:link { background-color: #b4ae82;}*/
.gold:hover {color: #333333;text-decoration: none; background: #b4ae82;}
/*.gold:visited {color: #fff;}*/

.blue { color:#333333;}
/*.blue:link {background-color: #259cd3;text-decoration:none; }*/
.blue:hover {color: #333333;text-decoration: none; background: #259cd3;}
/*.blue:visited {color: #fff;}*/

.pink { color:#333333;}
/*.pink:link {background-color: #e1007a;text-decoration:none;}*/
.pink:hover {color: #333333;text-decoration: none; background: #e1007a;}
/*.pink:visited {color: #fff;}*/

.green { color:#333333;}
/*.green:link {background-color: #77ad1c;text-decoration:none;}*/
.green:hover {color: #333333;text-decoration: none; background:#77ad1c;}
/*.green:visited {color: #fff;}*/

.grey { color:#67726a;}
/*.grey:link {background-color: #67726a;text-decoration:none;}*/
.grey:hover {color: #67726a;text-decoration: none; background:#67726a;}
/*.grey:visited {color: #fff;}*/

.gold_back { background-color: #b4ae82;}
.blue_back { background-color:#259cd3;}
.pink_back { background-color:#e1007a;}
.green_back { background-color:#77ad1c;}
.grey_back { background-color:#67726a;}

.gold_2 {color: #b4ae82;}
.blue_2{color:#259cd3;}
.pink_2{ color:#e1007a;}
.green_2 {color:#77ad1c;}
.grey_2 {color:#67726a;}

#nav {margin:0px; background-color:#fff;}
.nav {background-color:#fff;}
.nav:link {text-decoration:none;}
.nav:hover {color: #fff;text-decoration: none;}
.nav:visited {color: #fff;}

#link_about {width: 96px; height: 21px; text-align: left; float: left; }
#link_services {width: 94px; height: 21px; text-align: left; float: left;}
#link_approach {width: 106px; height: 21px; text-align: left; float: left;}
#link_projects {width: 100px; height: 21px; text-align: left; float: left;}
#link_people {width: 100px; height: 21px;  text-align: left; float: left; }
#link_contact {width: 100px; height: 21px; text-align: left; float: left; }


#container {
			width: 596px;
			height:auto;
			text-align: center;
			margin: 75px auto 0 auto;
			}
#header {
		 width: 596px;
		 height: 90px;
		 text-align:left;
		 background-color: #fff;
		 margin:0px;
		 }

#logo {
		width: 96px;
		height: auto;
		float: left;
		}

#banner {
		width: 500px;
		height: auto;
		float:right;
		}


#sub_menu {
			width: 92px;
			height: auto;
			text-align: left;
			float:left;
			padding: 2px;
			}

#main {
			width: 500px;
			height:auto;
			float:left;
			text-align: left;
			}

#content {
			width: 194px;
			height:auto;
			padding: 2px;
			padding-right:4px;
			float:left;
			clear: none;
			text-align: left;
			background-color:#fff;
			color:#666;
			}
#feature { 
			width:300px;
			float:right;
			}	
			
#footer { 
			width: 594px;
			height: auto;
			clear: both;
			text-align: left;
			padding-top: 3px;
			padding-left:2px;
			background-color:#fff;
			}