/*
Template Name: Corman Marine Construction 2008
*/
body {
	font: 11px Arial,Verdana,Sans-serif;
	margin: 0;
	padding: 0;
	background: url(images/bg.gif) top left repeat-x #8e8e8d;
}

#flash a img {border:0;} 

.right { text-align: right; }
.left { text-align: left; }

.clear { clear: both; }

body#interior,
body#portfolio {
	background-image: url(images/interior_bg.gif);
}

a {
	color: #003768;
	text-decoration: underline;
}

#page {
	width: 913px;
	text-align: left;
	margin: 0 auto;
	padding: 0;
}

#header {
	padding: 0 0 0 30px;
	margin: 0;
	text-align: right;
	position: relative;
	height: 199px;
	overflow: hidden;
	color: #545453;
	line-height: 2em;
}


	#header a.logo {
		display: block;
		position: absolute;
		top: 0;
		left: 30px;
		margin: 0;
		padding: 133px 0 0 0;
		height: 0;
		width: 310px;
		background: url(images/header_logo.gif) top left no-repeat;
	}
	
		#header a.logo span {
			position: absolute;
			top: -9999em;
		}
	
	#header .date {
		padding: 16px 60px 0 0;
	}
	
	#header p {
		margin: 1em 60px 1em 0;
	}
	
	#header form {
		margin: 1em 60px 1em 0;
	}
	
		#header form p {
			margin: 0;
		}
		
		#header form input {
			border: 1px solid #b2b2b2;
			font-family: Verdana,Sans-serif;
			font-size: 11px;
			color: #4e4e4d;
			padding: 4px;
			margin: 0;
		}
		
		#header form input.btn {
			border: 0;
			color: #fff;
			background: #4e4e4d;
		}
		
#header #nav {
	list-style: none;
	margin: 0 0;
	padding: 0;
	position: absolute;
	left: 30px;
	bottom: 0;
	height: 62px;
	width: 853px;
	overflow: hidden;
	background: url("images/nav_bg.gif") top left repeat-x;
}

	#header #nav li {
		float: left;
		text-indent: -9999em;
		height: 38px;
		overflow:hidden;
	}
	
		#header #nav li a {
			display: block;
			color: #fff;
			text-decoration: none;
			cursor: pointer;
			margin: 0;
			padding: 38px 0 0;
			width: 85px;
		}
		
		#header #nav li.home a {
			background: url("images/nav_home.gif") top left no-repeat;
			width: 73px;
		}
		#header #nav li.about a {
			background: url("images/nav_about.gif") top left no-repeat;
			width: 176px;
		}
		#header #nav li.expertise a {
			background: url("images/nav_expertise.gif") top left no-repeat;
			width: 151px;
		}
		#header #nav li.portfolio a {
			background: url("images/nav_portfolio.gif") top left no-repeat;
			width: 141px;
		}
		#header #nav li.news a {
			background: url("images/nav_news.gif") top left no-repeat;
			width: 118px;
		}
		#header #nav li.careers a {
			background: url("images/nav_careers.gif") top left no-repeat;
			width: 90px;
		}
		#header #nav li.contact a {
			background: url("images/nav_contact.gif") top left no-repeat;
			width: 104px;
		}
		
		#header #nav li a:hover {
			background-position: 0 -38px;
		}
		#header #nav li.active a,
		#header #nav li.active a:hover {
			background-position: 0 -76px;
		}

		/* subnav */
		#subnav {
			background: transparent;
			position: absolute;
			bottom: 7px;
			right: 34px;
			font-size: 11px;
			margin: 0;
			padding: 0;
			height: auto;
			line-height: 11px;
			list-style: none;
		}
		
			#subnav li {
				float: left;
			}
		
			#subnav li a {
				display: block;
				padding: 0 12px;
				background: transparent;
				color: #fff;
				font-size: 11px;
				border-left: 1px solid #fff;
				font-weight: normal;
				text-decoration: none;
			}
			
			#subnav li.first a {
				border: 0;
			}
			
			#subnav li a:hover {
				text-decoration: underline;
				background: transparent;
				padding: 0 12px;
				color :#fff;
				margin: 0;
				font-weight: normal;
				font-size: 11px;
			}

			#subnav li.active a,
			#subnav li.active a:hover {
				font-weight: bold;
				padding: 0 12px;
			}



/* Content Area */

#container {
	background: url(images/content_bg_repeat.gif) 9px 0 repeat-y;
}

body#interior #container,
body#portfolio #container {
	background: url(images/interior_bg_repeat.gif) 0 0 repeat-y;
}

	#container #wrap {
		background: url(images/content_bg_top.gif) 0 0 no-repeat;
		padding: 0 30px;
	}

	body#interior #container #wrap,
	body#portfolio #container #wrap {
		background: url(images/interior_content_bg.gif) 0 0px no-repeat transparent;
		padding: 0 30px 0 30px;
	}

#content {
	float: right;
	width: 485px;
	margin: 0 40px 0 0;
	padding: 10px 0 30px 0;
	line-height: 1.75em;
	font-size: 12px;
	color: #747474;
}

	#content h1 {
		font-size: 14px;
		font-weight: bold;
		letter-spacing: -.0125em;
		margin: 30px 0 0;
		padding: 0;
		color: #003768;
	}
	
		#content h1.hide_header {
			margin-top: 4px !important;
			text-indent: -9999em;
		}
	
	#content p {
		margin: 1em 0;
		padding: 0;
	}
	
body#interior #content {
	margin-right: 92px;
	width: 465px;
}
	
	body#interior #content h1 {
		font-size: 16px;
		font-weight: bold !important;
		color: #003768;
		margin-top: 42px;
	}

	body#interior #content {
		color: #747474;
	}
	
/* Feature Boxes */

#feature {
	line-height: 14px;
	margin: 38px auto 30px 20px;
	padding: 0;
	width: 287px;
	border: 1px #666 solid;
	background: #dadad9;
}

	#feature div.header {
		margin: 0;
		padding: 3px 12px;
		font-size: 11px;
		font-weight: bold;
		background: #4e4e4d;
		color: #fff;
		border-bottom: 1px solid #fff;
	}

	#feature ul {
		list-style: none;
		padding: 14px 16px;
		margin: 0;
	}
	
		#feature ul li {
			margin: 0 0 23px;
		}
		
		#feature ul li.third {
			margin: 0;
		}
		
			#feature ul li.first div.header {
				background: #40671a;
			}
			
			#feature ul li.second div.header {
				background: #003768;
			}
			
			#feature ul li div.item {
				height: 61px;
				overflow: hidden;
				background: url(images/feature_home_bg.gif) 0 0 no-repeat;
				border: 1px solid #898a89;
				border-top: 1px solid #fff;
				position: relative;
				font-size: 11px;
				line-height: 1.5em;
			}
			
			#feature ul li.third div.item {
				height: 55px;
				background: url(images/feature_home_thirdbg.gif) 0 0 no-repeat;
			}
			
				#feature ul li div.item p {
					margin: 0;
					padding: 6px 100px 8px 8px;
				}
				
				#feature ul li.second div.item p {
					padding-right: 90px;
					padding-top: 12px;
					padding-bottom: 0;
				}
				
				#feature ul li.third div.item p {
					padding: 6px 8px 4px 8px;
				}
				
					#feature ul li.third div.item p span.construction {
						color: #5b8731;
					}
				
					#feature ul li.third div.item p span.southern {
						color: #c35b16;
					}
					
					#feature ul li.third div.item p a {
						color: #666;
					}
					
				#feature ul li div.item a img {
					border: 0;
					position: absolute;
					bottom: 0;
					right: 0;
				}

body#interior #feature {
	width: 245px;
	margin-top: 52px;
}

	body#interior #feature ul {
		padding: 16px 19px;
	}

		body#interior #feature ul li div.header {
			background: url(images/feature_blue.gif) top left no-repeat;
			border-bottom: none;
			padding-left: 8px;
		}
		
		body#interior #feature ul li.second div.header {
			background-image: url(images/feature_green.gif);
		}
		
		body#interior #feature ul li div.item {
			height: auto;
			overflow: none;
			background: url(images/feature_bg_repeat.gif) right bottom repeat-x #fff;
			font-size: 11px;
			position: relative;
		}
		
			body#interior #feature ul li div.item img.icon {
				position: absolute;
				bottom: 0;
				right: 0;
			}
		
		body#interior #feature ul li.first div.item {
			/*
			background-image: url(images/feature_profile.gif);
			*/
		}
		
		body#interior #feature ul li.second div.item {
			/*
			background-image: url(images/feature_news.gif);
			*/
		}
		
		body#interior #feature ul li.third div.item {
			/*
			background-image: url(images/feature_safety.gif);
			*/
		}
		
			body#interior #feature ul li div.item p {
				padding: 6px 48px 8px 6px;
			}
		
			body#interior #feature ul li.third div.item p {
				padding: 8px 58px 10px 6px;
			}

				body#interior #feature ul li div.item p a {
					color: #666;
					text-decoration: none;
				}
				
				body#interior #feature ul li div.item p a:hover {
					text-decoration: underline;
				}
				
				body#interior #feature ul li.third div.item p a {
					font-weight: normal;
				}
			
			body#interior #feature ul li div.item a img {
				position: absolute;
				bottom: 0;
				right: 0;
			}
					
/* Footer */
#footer {
	clear: both;
	background: #8e8e8d url(images/footer_bg.gif) 9px 0 no-repeat;
	padding: 6px 40px 8px 30px;
	text-align: right;
	color: #fff;
	font-size: 10px;
	line-height: 1.55em;
	position: relative;
}

body#interior #footer {
	background-image: url(images/interior_footer_bg.gif);
	background-position: 0 0;
}

	#footer span.pomlogo {
		display: block;
		float: left;
		padding: 0 0 0 20px;
	}
	
		#footer span.pomlogo a img {
			border: none;
			vertical-align: middle;
		}

	#footer a {
		color: #fff;
	}

	#footer strong {
		color: #cc9966;
	}
	
	
/* Portfolio */
div.portfolio {
	padding: 18px 21px 72px;
}

	div.portfolio div.breadcrumb {
		color: #666;
		padding-bottom: 18px;
	}

		div.portfolio div.breadcrumb a {
			color: #666;
			text-decoration: none;
		}
		
		div.portfolio div.breadcrumb a:hover {
			text-decoration: underline;
		}
		
	div.portfolio div.breadcrumb h1 {
		margin: 0;
		padding: 4px 0;
		font-size: 16px;
		font-weight: bold;
		color: #003768;
	}
	
	div.portfolio div.breadcrumb p {
		color: #003768;
		margin: -1em 0 0;
	}
	
#project {
	width: 344px;
	border: 1px solid #8b8c8a;
	background: #ebebeb;
	float: right;
	line-height: 1.5em;
}

	#project p {
		margin: 13px;
	}

		#project p strong {
			color: #003768;
		}

	#project div.nav {
		background: #8b8c8a;
		padding: 6px 10px;
		margin: 0;
		color: #fff;
		text-align: right;
		font-size: 10px;
	}
	
		#project div.nav a {
			color: #fff;
		}
		
	#project form {
		margin: 0 13px;
		padding: 13px 0;
		border-bottom: 1px solid #a7a8a6;
		text-align: right;
	}
	
		#project form p {
			margin: 0;
			padding: 0;
		}
	
		#project form input, #project form select {
			font-family: Verdana,Sans-serif;
			font-size: 11px;
		}
		
		#project form select {
			width: 320px;
		}
		
#portfolio div.graphics {
	width: 455px;	
} 

	#portfolio div.graphics #main {
		padding: 0 0 6px;
	}
	
	#portfolio div.graphics #thumbs a {
		display: block;
		float: left;
		outline: none;
	}
	
		#portfolio div.graphics #thumbs a img {
			padding: 4px;
			margin: 0 3px 4px 0;
			border: 1px solid #fff;
		}
		
		#portfolio div.graphics #thumbs a.active img {
			border-color: #c35b16;
		}
		
		
#preloader { display: none; }


/* WP Stuff */
ol.search {
	margin: 0 0 0 1.5em;
	padding: 0;
}

	#content ol.search li {
		margin: 0 0 1em;
	}
	
	#content ol.search li h2,
	#content ol.search li h2 {
		margin: 0;
		padding: 0;
	}

	#content ol.search li p.meta { 
		margin: 0;
		padding: 0;
		font-size: 11px;
	}
	
#content ol.search p.meta a.search { color: #222; text-decoration: none; }
#content ol.search p.meta a.search:hover { text-decoration: underline; }

body #container #content ol.search p.excerpt { 
	margin: 0;
	padding: 0;
	color: #666;
}

strong.highlight { background: #ee8; }