/* CSS Document */

/* Global Styles
--------------------------------------------------------------- */
* {
	margin:0px;
}
p {
	line-height: 1.4em;
	margin:10px 0px;
	font-size:1.2em;
	
}

ul {
	margin: 0px;
	padding: 0px;
}

	ul li {
		line-height: 1.4em;
	}

body, html {
	min-height: 101%;
}

body {
	text-align: left;
	font-size: 62.0%;
	font-family: Trebuchet MS, arial;
	color: #fff;
	background: url(../../images/misc/bg.jpg) top  no-repeat #010000;
	margin: 0px;
}

a:link, a:visited, a:focus {
	color: #fff;
	text-decoration: underline;
	outline: none;
}

a:hover, a:active {
	color: red;
	text-decoration: underline;
}

a img {
	border: none;
}
a.nonwhitelink{
	color:#ea9e0a !important;
	text-decoration:none;
}
h1 {
	font-size:2.6em;
	font-weight:normal;
	margin:10px 0px;
	letter-spacing:0.3em;
	text-transform:uppercase;
}
	h1 span{
		color:#707070;
	}
h2 {
	font-size: 2.2em;
	text-transform:uppercase;
	font-weight:normal;
	margin:10px 0px;
	color:#dcc08e;
	letter-spacing:0.2em;
}

h3 {
	font-size: 1.3em;
	letter-spacing:0.1em;
	color:#dcc08e;
	margin:10px 0px;
	text-transform:uppercase;
	
}
	h3.norm{
		color:#fff;
	}
.italics{
	font-style:italic;
	font-weight:bold;
}
h2.yellow{
	color:#f59b00 !important;
	font-size:1.8em;
	padding:10px 0px 0px 0px;
}
/* Container Styles
--------------------------------------------------------------- */
#redbg{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	top:57px;
	
}
#redbg2{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	top:399px;
	
}
#container {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	font-size: 1.2em;
	
}

	#contentContainer {
		width: 960px;
		position: absolute;
		z-index: 1;
		top: 293px;
		background:url(../../images/misc/contentbg.png) repeat;
	}
	
/* Main Styles
--------------------------------------------------------------- */

		#main {
			float: left;
			width: 960px;
			min-height:400px;
			padding:10px 0px 0px 30px;
		}
		
		#map {
			width: 560px;
			height: 200px;
			
		}

			#headerContent{
			
				width:920px;
				color:#fff;
				height:300px;
				margin-bottom:10px;

				
			}
				#headerContentLeft{
					float:left;
					width:500px;
					font-size:0.9em;
					
				}
					#headerContentLeft img{
						margin-left:8px;
					}		
				#headerContentRight{
					float:right;
					width:350px;
					padding:10px 30px 0px 0px;
				}
					a#headerpic{
						background:url(../../images/misc/frontpage-port.jpg);
						width:316px;
						display:block;
						height:207px;
					}
						a#headerpic:hover{
							background:url(../../images/misc/frontpage-port-hover.jpg);
						}
						a#headerpic p{
							visibility:hidden;
							margin:0px;
						}
			#contentLeft{
				width:550px;
				float:left;
				padding:0px 10px 0px 0px;
				border-right:1px dotted #666666;
			}
				body#contact #contentLeft{
					border-right:none;
				}
			.section{
				background:url(../../images/misc/section-bg.jpg) no-repeat;
				padding:60px 0px 0px 90px;
				position:relative;
				right:40px;
				width:440px;
			}
				.section h2 {
					font-size: 2.4em;
					text-transform:uppercase;
					font-weight:normal;
					margin:0px 0px;
					color:#f59b00 !important;
					letter-spacing:0.2em;
					line-height:1.0em;
					
				}
				.section h3{
					color:#aa3e02;
					font-weight:normal;
					margin:0px;
					padding:0px;
					line-height:1.0em;
				}
				.section h3.yellow{
					color:#f59b00 !important;
					margin:10px 0px;
				}				
				.section p{
					font-size:1.0em;
					margin:15px 0px;
					line-height:1.8em;
				}
				
			#width{
				width:600px;
				margin:0px 0px 20px 0px;	
				float:left;
			}
			.border{
				height:60px;
				background:url(../../images/misc/spacer.jpg) no-repeat;
				
			}
			.contact-btn{
				background:url(../../images/misc/contact.gif);
				width:337px;
				height:42px;
				display:block;
				margin:10px 0px;
			}
			#callback{
				font-size:2.4em;
			}
			a.quote-btn{
				background: url(../../images/misc/quote-btn.gif) no-repeat;
				width:160px;
				height:30px;
				display:block;
				text-align:center;
				padding:15px 0px 0px 0px;
				color:#121212;
				float:left;
				margin:0px 70px;
			}
				a.quote-btn:hover{
					background:url(../../images/misc/quote-btn-HOVER.gif);
					color:#fff;
				}	
				
				
				
			.portfolioText{
				float:left;
				width:200px;
				margin-right:50px;
			}
/* Sidebar/CTA Styles
--------------------------------------------------------------- */
		
		#sidebar {
			float: right;
			width: 350px;
			margin-top:45px;
		}
		
/* Header Styles
--------------------------------------------------------------- */

#header {
	width: 960px;
	height: 170px;
	position: absolute;
	z-index: 1;
	top: 57px;
	left: 0px;
}

	#logo {
			position: absolute;
			z-index: 1;
			top: 40px;
			left:280px;
	}
	
	#cta-top-right {
		width: 380px;
		position:absolute;
		right:60px;
		top:500px;
		text-align: center;
		height: 100px;
		font-size: 2.2em;
		font-weight:bold;
		color:#fff;
		z-index:10;
	}
		#cta-top-right p {
			margin: 0px;
			padding: 0px;
			font-size:0.8em;
			font-weight:normal;
			color:#dcc08e;
		}

#flashSlideshow {
	background: url(../../images/misc/flashSlideshowBackup.jpg);
}


/* Horizontal Navigation Styles
--------------------------------------------------------------- */

#navigation {
	width: 560px;
	height: 40px;
	z-index: 1;
	position: absolute;
	left: 270px;
	top: 190px;
	
	
}

	#navigation ul {
		display: inline;
		list-style: none;
	}
	
		#navigation ul li {
			display: inline;
			margin: 0px;
		}
			  
			#navigation ul li a {
				float:left;
				font-family:century gothic;
				color: #fff;
				border-right:1px dotted #240600;
				text-decoration:none;
				padding: 1px 15px 1px 15px;
				line-height:0.9em;
				font-size: 1.5em;
			
			}
			#navigation ul li a small{color:#eeeeee;font-size:0.6em;line-height:0.9em; padding:0px;margin:0px;}
				#navigation ul li a.rightLink {
					border: none;
				}

				#navigation ul li a:hover {
					
					color: #999999;
				}
				#navigation ul li a:hover small{color: #666666   ;}
#index #navigation .index-a,
#portfolio #navigation .portfolio-a,
#contact #navigation .contact-a {
	color:#f59b00 !important;
}

/* Footer Styles
--------------------------------------------------------------- */
#bottom {
	margin:10px 2px;
	font-size:0.9em;
	position:absolute;
	bottom:0px;
}
#footer {
	clear: both;
	width: 960px;
	color: #cccccc;
	padding: 10px 10px;
	font-size: 0.9em;
	margin-top:30px;
	height:300px;
	position:relative;
	
	background:url(../../images/misc/footer.jpg) no-repeat right;
}

	#footer .index-a, #footer .contact-a {
		display: none;
	}

	#footer h2{
		color:#f59b00 !important;
		margin:0px 0px 10px 0px;
		
	}
	
	#footer li {
		list-style: none;
	}
	
	#footer p {
		margin: 0px;
		padding: 0px;
	}

	#footer a {
		white-space: nowrap;
		color:  #cccccc;
		text-decoration: none;
	}
	
	#footer a:hover {
		color: #ffcc00;
		text-decoration:underline;
	}
	.validLinks
	{
		position:absolute;
		top:236px;
		right:183px;
		color:#f59b00 !important;
	}
		.validLinks a{
			color:#f59b00 !important;
		}
		
		
		
	#footernav{
		padding-top:50px;
	}
		#footernav ul{	
			width:500px;
			display: inline;
		}
		#footernav ul li{
			float:left;
			padding:0px 20px 0px 0px;
			
		}
			#footernav ul li a{
				color:#c94200;
				font-size:1.4em;
				text-transform:uppercase;
				letter-spacing:0.1em;
			}
	/* Footer Services Styles
--------------------------------------------------------------- */	

	#footer #footer-services {
		float: left;
		width: 200px;
		margin-top:15px;
		border-right:dotted 1px #634d27;
	}
	
		#footer #footer-services ul li {
			float: left;
		}
	
			#footer #footer-services ul li a {
				float: left;
				width: 250px;
				padding: 3px 5px;
				border-bottom: 1px dotted #777;
			}
		
/* Footer Areas Styles
--------------------------------------------------------------- */	

	#footer #footer-areas {
		float: left;
		width: 320px;
		padding:15px 0px 0px 25px;
	}
	
		#footer #footer-areas h2 {
			width: 300px;
		}
	
		#footer #footer-areas ul {
			float: left;
			width: 155px;
		}
	
		#footer #footer-areas ul li {
			float: left;
			width: 125px;
			padding: 3px 5px;
			border-bottom: 1px dotted #777;
		}
		
/* Footer Right Styles
--------------------------------------------------------------- */	

	#footer #footer-right {
		float: left;
		width: 190px;
	}
	
		#footer #footer-right h2 {
			width: 170px;
		}
		
		#footer #footer-right p {
			line-height: 20px;
			padding: 3px 5px;
		}
				
/* Footer Right Styles2
--------------------------------------------------------------- */	

	#footer #footer-right2 {
		float: left;
		width: 165px;
	}
	
		#footer #footer-right2 h2 {
			width: 165px;
		}
		
			#footer #footer-right2 ul li {
				float: left;
			}
					
			#footer #footer-right2 ul li a {
				float: left;
				width: 165px;
				padding: 3px 5px;
				border-bottom: 1px dotted #777;
			}
		
		#footer #footer-right2 p {
			line-height: 20px;
			padding: 3px 5px;
		}
		
		#footer #footer-right2 .bottomLink {
			margin-bottom: 5px;
		}
		
		
/* Footer Bottom Styles
--------------------------------------------------------------- */	

	#footer #footer-bottom {
		width: 960px;
		clear: both;
		float: left;
		margin: 10px 0px 0px 0px;
		text-align: center;
	}

/* Image Styles
--------------------------------------------------------------- */

.img-left {
	float: left;
	margin: 0px 10px 10px 0px;
}

.img-right {
	float: right;
	margin: 0px 190px 10px 0px;
}
	
	.img-border {
		border: 1px solid #ccc;
	}
	
/* Contact Table Styles
--------------------------------------------------------------- */

	#contactTable #botBuster {
		display: none;
	}
	
/* Generic Styles
--------------------------------------------------------------- */

.clearfix {
	clear: both;
}
.contentUl{
	margin-left:35px;
}
.margin{
	margin-left:40px;
}