/* New Atlantic Contracting Inc. - developed by Stratapult 05.31.07 */

/* 	font shorthand example & syntax...
	----------------------------------------
	font: bold 16px/20px Georgia, "Times New Roman", Times, serif;
	list of declarations: font-style font-weight and font-variant, font-size/line-height, font-family;
*/

/* General properties
------------------------------------------------*/
body {
	color:#333333;
	margin:0;
	padding:0;
	border:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:170%;
	text-align: center;
	background-color: #32527a;
	xbackground: #32527a url(../images/page_bkg.jpg) repeat-y center top;}

/* properties - un-defined */
	a:link, a:visited {
		color: #d5620f;
		text-decoration: underline;}
	a:hover {
		color: #32527a;
		text-decoration: none;}
	p {
		margin:0;
		padding:0;
		padding-bottom: 15px;}
	div {
		margin:0;
		padding:0;
		border:0;
		width:auto;
		height:auto;
		text-align:left;}
	img {
		border:0;}
	form, input{
		margin:0;
		padding:0;}
	table th,
	table td {
		font-size:11px;}
	h1, h2, h3, h4, h5, h6 {
		color:#333333;
		font-weight:normal;
		font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;}

	h1 { font-size:1.7em;}
	h2 { font-size:1.5em; color:#32527a;}
	h3 { font-size:1.4em;}
	h4 { font-size:1.2em;}
	h5 { font-size:1.0em;}
	h6 { font-size:0.8em;}
		
/* /properties - un-defined */

.clear_both { clear:both; }
.clear_left { clear:left; }
.clear_right { clear:right; }

.wrapper {
	margin:0 auto;
	width:758px;
	position:relative;
	background: #32527a url(../images/page_bkg.jpg) repeat-y center top;}

.client_logo {
	xfloat:left;
	position:absolute;
	padding-top:15px;
	padding-left:78px;
	width:229px;
	height:52px;
	background: #32527a url(../images/logo.gif) no-repeat 80px bottom;
	overflow:hidden;
	text-align:right;}
	/* - holds the dimensions to the logo.gif, but uses the transparent.gif instead for flexiblity...this is done to provide link back to homepage - */
	.client_logo img {
		width:214px;
		height:52px;}
	.client_tagline {
		xfloat:left;
		position:relative;
		top:0px;
		left:305px;
		
		xmargin-left:15px;
		width:453px;
		height:67px;
		background: #32527a url(../images/tagline.gif) no-repeat left top;}

.content {	
	position:relative;
	top:0px;
	clear:both;
	width:758px;
	xfloat:left;
	min-height:550px;
	background: transparent url(../images/content_bkg.jpg) no-repeat left top;}
	.content_top {
		width:758px;
		height:23px;
		background: #32527a url(../images/content_top_bkg.jpg) no-repeat left bottom;}
	

.home_content {
	width:623px;
	float:right;
	min-height:550px;}

.home_feature {
	width:424px;
	height:304px;
	float:left;
	background:transparent url(../images/home_feature_photo_bottom_bkg.jpg) no-repeat left bottom;}
	.home_feature div {
		width:419px;
		height:284px;
		xpadding:11px 15px;  /* remove padding if just an image is applied vs. flash */
		background:transparent url(../images/home_feature_photo_bkg.gif) no-repeat left top;}
		.home_feature div img,
		.home_feature div object {
			margin:11px 15px;}
			
			
		/*
		.home_feature {
			width:424px;
			height:304px;
			float:left;
			background:transparent url(../images/home_feature_photo_bottom_bkg.jpg) no-repeat left bottom;}
			.home_feature div {
				width:419px;
				height:284px;
				padding:11px 15px;  / remove padding if just an image is applied vs. flash /
				background:transparent url(../images/home_feature_photo_bkg.gif) no-repeat left top;}
				.home_feature div img {
					margin:11px 15px;}
			
			*/	
			
.home_other_featured {
	width:199px;
	float:right;
	clear:right;
	background:transparent url(../images/home_other_featured_bkg.jpg) no-repeat left top;}
.other_featured {
	width:199px;
	position:absolute;
	top:65px;
	right:0;
	background:transparent url(../images/home_other_featured_bkg.jpg) no-repeat left top;
	display: none;}
	body.home div.other_featured {
		display:block;}
		
	.home_other_featured .item,
	.other_featured .item {
		text-align:center;
		margin:9px 0px 0px 0px;}
		
.home_welcome {
	float:left;
	width:590px;
	margin-top:-8px;
	margin-left:8px;}

.home_recent_news {
	width:623px;
	float:right;}
	
	.home_welcome h2,
	.home_recent_news h2 {
		xdisplay:inline;
		font-size:1.4em;
		font-style:italic;
		margin-top:0em;
		margin-bottom:-0.3em;
		padding-bottom:8px;
		}
		.home_recent_news h2 {
			display:block;
			padding-left:8px;
			margin-bottom:0.2em;
			width:603px;
			background:transparent url(../images/heading_bkg.gif) no-repeat left bottom;}
	.home_recent_news img {
		float:left;
		border-left:1px solid #494949;}
		.home_recent_news img.first {
			border-left-width:0px;}



.footer {
	width:758px;
	float:right;
	height:46px;
	color:#ffffff;
	font-size:10px;
	background:#32527a url(../images/footer_bkg.jpg) no-repeat left top;}
	.footer_links {
		width:auto;
		float:left;
		padding:18px 0px 18px 127px;}
	.footer_text {
		width:auto;
		float:right;
		padding:18px 8px 18px 18px;}
	.footer_links a:link, 
	.footer_links a:visited, 
	.footer_links a:active {
		color:#ffffff;
		text-decoration:none;}
	.footer_links a:hover {
		text-decoration:underline;}


	


/* main_navigation properties
------------------------------------------------*/
.main_navigation {
	position:absolute;
	top:100px;
	left:0px; 
	width:127px;
	z-index:20;
	background: transparent url(../images/main_navigation_bkg.gif) repeat-x left top;}
	.main_navigation_start { 
		width:127px;
		height:12px;
		background: transparent url(../images/main_navigation_start_bkg.jpg) no-repeat right bottom;}
	.main_navigation_end { 
		width:127px;
		height:11px;
		background: transparent url(../images/main_navigation_end_bkg.jpg) no-repeat right top;}


.main_navigation ul {
	margin:0;
	padding:0;
	list-style:none;}
	.main_navigation ul li {
		position:relative;
		margin:0;
		xheight:26px;
		text-align:right;
		background:transparent url(../images/main_navigation_item_bkg.jpg) no-repeat 0px top;}

		/* Styles for Menu Items */
		.main_navigation ul li a:link, 
		.main_navigation ul li a:visited, 
		.main_navigation ul li a:active,
		.main_navigation ul li a:hover {
			display:block;
			padding:5px 0px 2px 0px;
			width:127px;
			color: #ffffff;
			font: 13px/18px "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
			text-decoration:none;}
		 .main_navigation ul li a:hover {
			color: #000000;
			background:transparent url(../images/main_navigation_item_bkg.jpg) no-repeat -127px top;}

		/* - on states for main nav. once in particular section --- */
		body.home .main_navigation ul li.home, 
		body.about_us .main_navigation ul li.about_us, 
		body.staff .main_navigation ul li.staff, 
		body.subcontractors .main_navigation ul li.subcontractors, 
		body.services .main_navigation ul li.services, 
		body.about_us .main_navigation ul li.about_us, 
		body.projects .main_navigation ul li.projects, 
		body.contact_us .main_navigation ul li.contact_us, 
		body.site_map .main_navigation ul li.site_map { background:transparent url(../images/main_navigation_item_bkg.jpg) no-repeat -127px top;}
			
			body.home .main_navigation ul li.home a, 
			body.about_us .main_navigation ul li.about_us a, 
			body.staff .main_navigation ul li.staff a, 
			body.subcontractors .main_navigation ul li.subcontractors a, 
			body.services .main_navigation ul li.services a, 
			body.about_us .main_navigation ul li.about_us a, 
			body.projects .main_navigation ul li.projects a, 
			body.contact_us .main_navigation ul li.contact_us a, 
			body.site_map .main_navigation ul li.site_map a { 
				color: #000000; 
				background:transparent url(../images/main_navigation_item_bkg.jpg) no-repeat -127px top;}
		/* - /on states for main nav. once in particular section --- */
		
		.main_navigation ul li a span {
			padding:0px 8px 0px 0px;}

			.main_navigation ul li ul.subset {
				display:none;
				xwidth:105px;
				list-style:none;
				line-height:140%;
				background-color:#32527a;
				background-image:none;}
			/*
			.main_navigation ul li.about_us ul.subset {
				left:-60px;}
			*/		
				.main_navigation ul li ul.subset li a:link, 
				.main_navigation ul li ul.subset li a:visited, 
				.main_navigation ul li ul.subset li a:active {
					width:105px;
					padding:2px 8px 4px 6px;
					text-align:right;
					color:#000;
					font: 10px/14px Verdana, Arial, Helvetica, sans-serif;
					background-color:#d3dae3;
					background-image:none;}
				.main_navigation ul li ul.subset li a:hover {
					color:#e26810;
					width:105px;
					background-color:#ffffff;
					background-image:none;}
			
			.main_navigation ul li ul li a { margin:0px; border-bottom:1px solid #abafb4;} /* Sub Menu Styles */
			.main_navigation ul li ul li { height:auto; margin:0px; padding:0px; background-image:none;} /* Sub Menu LI Styles */
			
			/* - open up sub nav. once in particular section --- */
			body.home .main_navigation ul li.home ul.subset, 
			body.about_us .main_navigation ul li.about_us ul.subset, 
			body.staff .main_navigation ul li.staff ul.subset, 
			body.subcontractors .main_navigation ul li.subcontractors ul.subset, 
			body.services .main_navigation ul li.services ul.subset, 
			body.about_us .main_navigation ul li.about_us ul.subset, 
			body.projects .main_navigation ul li.projects ul.subset, 
			body.contact_us .main_navigation ul li.contact_us ul.subset, 
			body.site_map .main_navigation ul li.site_map ul.subset { 
				display:block;
				xborder-left:4px solid #32527a;}
			
			/*
			.main_navigation ul li:hover ul, / The magic /
			.main_navigation ul li.over ul { display: block;}
			*/



/* /main_navigation properties ------------------------------------------------*/

.crumb_trail {
	width:93%;
	float:left;
	padding-left:25px;
	text-transform:lowercase;}
	.crumb_trail a:link, 
	.crumb_trail a:visited, 
	.crumb_trail a:active {
		color:#444444;
		font-weight:normal;}
	.crumb_trail a:hover {
		color:#3f7fa6;
		font-weight:normal;}



.main_content {
	xdisplay:none;
	xbackground-color:#009933;
	xwidth:402px;
	width: 601px;
	padding-left:147px;
	xfloat:left;}
	body.home .main_content {
		xwidth:601px;
		width: 402px;}
	
.page_id {
	width:618px;
	float:right;
	padding-top:10px;
	margin-right:8px;
	margin-bottom:5px;
	background:transparent url(../images/pageId_bkg.gif) no-repeat left bottom;}
	.page_id h1 {
		color:#32527a;
		margin-top:0.0em;
		margin-bottom:0.5em;
		margin-left:0.7em;}
		.page_id h1 span {
			color:#000000;}

.content_image {
	float:right;
	clear:right;
	background:#ffffff url(../images/content_image_top_bkg.gif) no-repeat left top;}
	.content_image img {
		padding:11px 15px;
		background:transparent url(../images/content_image_bottom_bkg.gif) no-repeat right bottom;}

.portfolio_landing_thumb {
	float:left;
	padding:5px;
	text-align:center;}

.portfolio_links h5 {
	margin-bottom:5px;
	color:#333333;
	font-size:14px;
	font-weight:bold;
	font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;}


.portfolio_links {
	float:left;
	clear:both;
	width:590px;
	padding-top:10px;}
	.portfolio_links ul {
		margin:0;
		padding:0;
		list-style:none;}
		.portfolio_links ul li {
			margin:0 0 0 10px;
			display:block;
			padding-top:0px;
			padding-bottom:5px;
			padding-left:20px;
			background:transparent url(../images/portfolio_bullet.gif) no-repeat 0px 6px;}
			.portfolio_links ul li.back_to_portfolio { background:transparent url(../images/back_to_portfolio.gif) no-repeat 0px 6px;}
			.portfolio_links ul li a {
				font-size:12px;}

.portfolio_stats ul {
	margin:0;
	padding:0;
	list-style:none;}
	.portfolio_stats ul li {
		margin:0;
		display:block;
		float:left;
		white-space:nowrap;
		font-size:14px;
		font-weight:bold;
		font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
		color:#32527a;
		padding-top:0px;
		padding-bottom:5px;
		padding-left:15px;
		padding-right:10px;
		background:transparent url(../images/portfolio_highlights_bullet.gif) no-repeat 0px 6px;}
		.portfolio_stats ul li.first {
			padding-left:0px;
			background-image:none;}



.portfolio_highlights ul {
	margin:0;
	padding:0;
	list-style:none;}
	.portfolio_highlights ul li {
		margin:0;
		display:block;
		font-size:14px;
		font-weight:bold;
		font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
		color:#32527a;
		padding-top:0px;
		padding-bottom:5px;
		padding-left:15px;
		background:transparent url(../images/portfolio_highlights_bullet.gif) no-repeat 0px 6px;}

.project_highlight_image {
	margin-left:10px;
	float:right;
	clear:right;
	background:#ffffff url(../images/content_image_top_bkg.gif) no-repeat left top;}
	.project_highlight_image img {
		padding:11px 15px;
		background:transparent url(../images/content_image_bottom_bkg.gif) no-repeat right bottom;}
	.project_highlight_image p {
		width:170px;
		margin:0 30px;
		text-align:center;
		line-height:140%;}

.project_image {
	float:left;
	margin:4px;
	padding:8px;
	background-color:#a1b0c2;}
	.project_image img {
		padding:1px;
		background-color:#ffffff;}