@charset "utf-8";
/* CSS Document */

/*  CSS Reset  */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {outline: 0;}
.clear {clear: both;}
.skip {display: none;}
.hide {display: none;}
.visible {visibility: visible;}
.left {float: left;}
.right {float: right;}

/* Basic CSS */

body {
	font: 100% Calibri, Verdana, Arial, Helvetica, sans-serif;
	color: #bbb7b7;
	background: #161616 url(../images/page_bg.gif) top repeat-x;
}

h1 {
	font-size: 1.3em;
	font-weight: normal;
	color: #999999;
}

	.highlight {color: #3BB44A;}
	
h2,h3,h4,h5,h6 {
	font-size: 1.2em;
	color: #fff;
	padding: 0.5em 0;
}

p {
	font-size: 0.8em;
	padding: 0.5em 0;
	line-height: 1.5em;
}

a {
	text-decoration: none;
	color: #fff;
}

a:hover {color: #3BB44A;}

ul, ol {
	font-size: 0.8em;
	margin: 0.2em 3em;
}

ul li, ol li {
	padding: 0.25em 0;
}

dl {
	font-size: 1em;
	width: 80%;
	overflow: hidden;
}

	dt {
		float: left;
		
		clear: left;
		width: 10em;
	}
	
	dd {
		color: #fff;
	}

/* Layout Divs */

#navContainer {
	height: 250px;
	margin: 0 290px 0 200px;
}

#container {
	width: 960px;
	overflow: hidden;
	margin: 0 auto;
	background: #434443 url(../images/container_bg.gif) top repeat-x;
}

	#columnLeft {
		float: left;
		height: 800px;
		width: 180px;
		background: url(../images/column_bg.jpg) top no-repeat;
	}

	#content {
		margin: 1em 290px 1em 200px;
	}
	
		#flashBit {
			float: right;
			width: 270px;
			height: 600px;
			margin-top: 1em;
		}

		#photo {
			background: #545454;
			padding: 1em;
			margin: 1em 0;
			overflow: hidden;
		}
			
			#photo img {
				float: left;
				margin-right: 1em;
			}
		
		#subsection {
			clear: right;
			background: url(../images/subsection_bg.jpg) top no-repeat;
			margin: 3em 1em 1em 180px;
			padding: 1em 2em;
			overflow: hidden;
		}
		
		a.butInterior {
			display: block;
			background: url(../images/button_int.jpg) bottom left no-repeat;
			width: 355px;
			height: 113px;
			float: left;
			text-indent: -999em;
		}
		
		a.butLandscape {
			display: block;
			background: url(../images/button_land.jpg) bottom no-repeat;
			width: 340px;
			height: 113px;
			float: left;
			text-indent: -999em;
		}
		
		a.butInterior:hover, a.butLandscape:hover { background-position: top left;}
		
		p.gallery a img { padding: 0.2em; }
	
/*	Form Stylin'	*/
			
			#contact_form {	
			
				padding: 0.5em 0;
				font-size: 0.75em;
				color: #ccc;			
			}
			
						
			#contact_form fieldset {
				padding: 1em;
				border: 1px solid #666;
				margin-bottom: 0.5em;
			}
			
			#contact_form fieldset legend {
				padding: 0 0.5em;
				font-size: 1.2em;
				color: #38B551;
			}
			
			#contact_form fieldset label {
				display: block;
				width: 100%;
				float: left;
				clear: left;
			}
			
			#contact_form fieldset input {
				float: left;
				margin: 0 0 0.5em 0;
				font: Calibri, 'Trebuchet MS', Arial, Helvetica, sans-serif;
				color: #333;
			}
			
			#contact_form fieldset textarea {
				font: Calibri, 'Trebuchet MS', Arial, Helvetica, sans-serif;	
				color: #333;		
			}
			
			#contact_form input.formBtn {
				font-size: 1.2em;
				color: #000;
			}

	
	#footer {
		width: 960px;
		margin: 1em auto;
		
	}
	
		#footer p {
			color: #434443;
			letter-spacing: 0.2em;
			font-size: 0.7em;
			text-align: center;
		}
		
		#footer p a {color:#999999;}
		#footer p a:hover {color:#3BB44A;}