/* CSS Document */

body, html {
	margin: 0;
	padding: 0;
	background-color: #c0c0c0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	
a:link, a:active, a {outline:none; color:#3c7da7;}
	
#container {
	width: 990px;
	min-height:600px;
	height: auto !important;
	height: 600px;
	margin: 0 auto;
	background:url(images/repeat-y_bg.jpg) repeat-y 0 0 white;
	}
	
	#top_shadow {
		width: 100%;
		height: 40px;
		background-image:url(images/top_shadow.jpg);
		background-position:top left;
		background-repeat:no-repeat;
		}
		
	#bottom_shadow {
		width: 990px;
		height: 40px;
		margin: 0 auto;
		position:relative;
		background-image:url(images/bottom_shadow.jpg);
		background-position:bottom left;
		background-repeat:no-repeat;
		}
		
		#bottom_shadow .footer{
			position:absolute;
			width: 990px;
			height: 20px;
			bottom:0;
			margin: 0;
			padding: 0;
			text-align:center;
			font-size:11px;
			}
			
		.footer p {margin: 0;padding:0;}
		
	.interior #bottom_shadow {
		background-image: url(images/bottom_shadow-interior.jpg);
		}
		
#header {
	background-image:url(images/logo.jpg);
	margin: 0 auto;
	width: 950px;
	height: 360px;
	position:relative;
	}
.floatright {
	float: right;
}

	
	#logo_link {
		position:absolute;
		top: 0;
		left: 0;
		width: 950px;
		height: 330px;
		}	
#navigation {
	margin: 0 0 0 20px;
	height: 38px;
	width: 950px;
	background:url(images/bg-navigation.jpg) no-repeat #c0c0c0;
	}
	
/* Drop Nav */

#nav, #nav ul { /* all lists */
	margin:0 auto;
	padding:0;
	list-style: none;
}
#nav {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	height: 38px;
	width: 576px;
	}
#nav li { /* all list items */
	float: left;
	padding: 0;
	margin: 0;
}

#nav li:hover, #nav li.hover {
    position: static;
	/* fix for ie7 stuck menu */
}

#nav li a {
	padding: 0;
	margin: 0;
	display: block;
	height: 31px;
	text-decoration:none;
}
#nav li a:hover {
	background-image:auto;
	background-position:0px -31px;
}
#nav li a span {
	visibility:hidden;
}
#nav li ul { /* second-level lists */
	padding: 0;
	margin: 0;
	height:auto;
	width:auto;
	position: absolute;
	left: -999em; /* screen reader fix using left instead of display to hide menus because display: none */ 

}

#nav li ul li { /* second-level lists */
	float:none;
	padding: 0;
	margin: 0;
}

#nav li ul li a:link, #nav li ul li a:visited, #nav li ul li a:active {
	display: block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width: 140px;
	height: 22px;
	line-height:22px;
	padding-left: 5px;
	color: black;
	text-decoration:none;
	background:url(images/subnav-bg.jpg) no-repeat 0 0;
}

#nav li ul li a:hover {
	display: block;
	background-image: none;
	background-color: #416986;
	width: 140px;
	color: white;
}

#nav li:hover ul, #nav li.sfhover ul{ /* lists nested under hovered list items */
	left: auto;
}

/* Second Level drop down menu */
#nav li:hover ul li ul, #nav li.sfhover ul li ul {
	left: -999em;
	margin-top: -22px;
	}

#nav li:hover ul li:hover ul, #nav li.sfhover ul li.sfhover ul {
	left: 140px;
	}

		
	#about_us {
		width: 144px;
		background:url(images/nav-aboutus.jpg) 0 0 gray;
		}
		
	#portfolio {
		width: 144px;
		background:url(images/nav-portfolio.jpg) 0 0 gray;
		}
	
	#news { 
		width: 144px;
		background:url(images/nav-news.jpg) 0 0 gray;
		}
		
	#contact {
		width: 144px;
		background:url(images/nav-contact.jpg) 0 0 gray;
		}

/* end Drop Nav */
		
#bottomContent {
	width: 950px;
	margin: 0 0 0 20px;
	background:url(images/bg-bottomContent-repeat.jpg) repeat-y;
	background-color:#c0c7cf;
	}
	
	.interior #bottomContent {
		background-image:url(images/bg-bottomContent-interior.jpg);
		}
	
	#leftSide {
		float: left;
		width: 207px;
		min-height: 196px;
		height: auto !important;
		height: 196px;
		background:url(images/bg-leftSide.jpg) no-repeat;
		padding: 5px 20px 5px 48px;
		}
		
		.interior #leftSide {
			background:url(images/bg-leftSide_interior.jpg) repeat-x;
			width: 157px;
			}
			
	#rightSide {
		float: left;
		width: 495px;
		min-height:196px;
		height: auto !important;
		height: 196px;
		padding: 5px 150px 5px 30px;
		background:url(images/bg-rightSide.jpg) no-repeat;
		}
#rightSide #rightColumn1 {
	width: 247px;
	float: left;
	padding: 10px;
}
#rightSide #rightColumn2 {
	float: left;
	padding: 10px;
}


		
		#rightSide_txt {
			width: 45%;
			float:left;
			margin-right: 5%;
			}
		#rightSide_img {
			width: 40%;
			float: left;
			padding-top: 5px;
			}
	.interior #rightSide {
		width: 545px;
		background:url(images/bg-rightSide_interior.jpg) no-repeat;
		}
		
	.imgBorder {
		border: 2px solid #3C7DA7;
		}

	.clear {
		clear:both;
		}
	
	#bottomContent h2 {
		font-size:14px;
		margin: 10px 0 0 0;
		padding: 0 0 3px 0;
		border-bottom: 1px solid #9ea1a3;
		}
		
	.h3 {
	font-size:14px;
	margin: 0;
		}
		
	#bottomContent a {
		font-weight:bold;
		color: #3c7da7;
		text-decoration: none;
		}
		
		#bottomContent a:hover {
			text-decoration:underline;
			}