@charset "utf-8";
/* CSS Document */
body {
    behavior: url(../csshover3.htc)
}  

html, body, p {
	font-family:Arial;
	font-size:100%;
	}

h1 {
	margin:0;
	padding:0;
	}

h2 {
	color:#CCCCCC;
	font-size:200%;
	font-weight:lighter;
	margin-top:10px;
	}

a {
	color:#993333;
	}

#header, #container, #footer {
	margin:auto;
	width:900px;	
	}

#header {
	z-index:50;
	height:108px;
	background:url(header.jpg) no-repeat;
	position:relative;
	}

#container {
	z-index:-50;
	background:url(bg.jpg) repeat-y;
	}

#home-banner {
	z-index:-25;
	width:883px;
	height:225px;
	margin-left:5px;
	}
	
#home-banner ul, li {
	list-style:none;
	margin:0;
	padding:0;
	}

#home-banner ul {
	height:225px;
	overflow:hidden;
	}

#content-images {
	padding-left:5px;
	padding-top:17px;
	padding-right:30px;
	width:305px;
	float:left;
	text-align:right;
	}

#content, #site-map-content, #contact-content, #services-content, #projects-content {
	width:460px;
	}

#home-content {
	width:410px;
	}

#content, #home-content, #site-map-content, #contact-content, #services-content, #projects-content {
	margin-top:25px;
	padding-left:30px;
	border-left: 2px solid #EBC069;
	float:left;
	color:#666666;
	font-size:90%;
	}

#site-map-content, #contact-content {
	border-left: 2px solid #872464;
	}

#services-content {
	border-left: 2px solid #528fd0;
	}

#projects-content {
	border-left: 2px solid #b4ca5b;
	}

#site-map-content ul {
	list-style:inside square url(bullet.jpg);
	}

#site-map-content li {
	margin-bottom:5px;
	}
	
#header ul {
	margin:0px;
	padding:0px;
	font-size:90%;
	}

#footer {
	height:44px;
	background:url(footer.jpg) no-repeat;
	font-size:70%;
	text-align:center;
	color:#888888;
	}

#footer p{
	margin-top:0px;
	padding-top:8px;
	}

.hide {
	visibility:hidden;
	}

#nav {
	z-index:25;
	margin-left:5px;
	position:absolute;
	bottom:0;
	left:220px;
	width:600px;
	border:0;
	font-size:90%;
	}
	
#nav a {
	list-style:none;
	display:inline-block;
	padding-bottom:3px;
	text-decoration:none;
	color:#333333;
	}

#nav li {
	width:125px;
	text-align:center;
	}
	
#nav ul ul {
	display:none;
	}

#nav-services:hover ul {
	left:125px;
	}

#nav ul li ul li a {
	font-size:95%;
	display:block;
	}

#nav-services ul li:hover {
	background-color:#528fd0;
	}
	
#nav-projects:hover ul, #nav-services:hover ul {
	position:absolute;
	top:27px;
	display:inline-block;
	background-color:#eeeeee;
	margin-top:-1px;
	}

#nav-projects:hover ul {
	left:250px;
	}

#nav-projects ul li {
	border: 1px solid #b4ca5b;
	}
	
#nav-services ul li {
	border: 1px solid #528fd0;
	}	
	

#nav-projects ul li:hover {
	background-color:#b4ca5b;
	}	
	
#nav-services ul li, #nav-projects ul li {
	padding:2px 2px 2px 5px;
	width:150px;
	text-align:left;
	}	
	
#nav-about {
	border-bottom: 7px solid #e2a727;
	float:left;
	color:#FFFFFF;
	letter-spacing: 0.1em;
	}
	
#nav-about a:hover {
	color:#e2a727;
	}

#nav-services {
	border-bottom: 7px solid #528fd0;
	float:left;
	letter-spacing: 0.1em;
	}

#nav-services a:hover {
	color:#528fd0;
	}

#nav-services ul li a:hover {
	color:#333333;
	}
		
#nav-projects {
	border-bottom: 7px solid #b4ca5b;
	color:#b4ca5b;
	float:left;
	letter-spacing: 0.1em;
	}

#nav-projects a:hover {
	color:#b4ca5b;
	}
	
#nav-projects ul li a:hover {
	color:#333333;
	}
	
#nav-contact {
	border-bottom: 7px solid #872464;
	float:left;
	letter-spacing: 0.1em;
	}

#nav-contact a:hover {
	color:#872464;
	}

#zest {
	width:885px;
	padding-right:15px;
	font-size:65%;
	text-align:right;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding-bottom: 15px;
	}

#zest a{
	text-decoration:none;
	}

#zest a:hover {
	text-decoration:underline;
	}

#zest p {
	margin:0;
	padding:0;
	}

#gradient {
	background:url(gradient1.jpg) repeat-x;
	height:22px;
	margin-left:5px;
	width:883px;
	}
	
#clear {
	clear:both;
	margin-bottom:25px;
	}
#flatheaderimage {
	height:225px;
	margin-left:5px;
	width:883px;
}