/* = Reset Styles ======================================================== */

*, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
input, textarea, select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
em {
	font-style:italic;
}
abbr, acronym {
	border:0;
	font-variant:normal;
}
li { list-style:none; }
fieldset, img { border:0; }
caption, th { text-align:left; }
sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }
q:before, q:after { content:''; }
a:link,
a:visited { outline:none; }
table { width:100%; }
table th.last,
table td.last { text-align:right; }
input, textarea { outline:none; }
button::-moz-focus-inner {
	border:none;
	padding:0;
}
.button {
	background-color:transparent;
	background-position:top left;
	background-repeat:no-repeat;
	border:0;
	cursor:pointer;
	display:inline-block;
	overflow:visible;
	position:relative;
	text-align:center;
	text-decoration:none;
	vertical-align:middle;
}
.button span {
	background-color:transparent;
	background-position:top right;
	background-repeat:no-repeat;
	display:block;
	height:100%;
	font-size:inherit;
	line-height:inherit;
	position:relative;
	white-space:nowrap;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	button span { margin-top:-1px; }
}
.buttons { text-align:right; }


/* = General ======================================================== */

body {
	font-size: 12px;
	line-height: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: #555555;
	background-color:#000;
}
a {
	color: #cabca5;
	text-decoration: none;
}
a:hover {
	color: #fff;
	text-decoration: none;
}
.component { clear: both; }
h1, h2, h3 ,h4 {
	font-weight: bold;
	color: #776b5d;
}
h1 {
	font-size: 22px;
	line-height: 30px;
}
h2 { font-size: 14px; }
h3 { font-size: 13px; }
h4 {
	font-size: 12px;
	color: #fff;
}
h3, h4 { padding-bottom: 10px; }
p { 
	color: #fff; 
	padding-bottom: 15px;
}
hr {
	border: none;
	margin: 10px 0 20px 0;
	color: #000;
	background-color: #000;
	height: 1px;
	clear:both;
}
.noscript { 
	color: #b70a06;
	font-weight: bold;
}


/* = Buttons ======================================================== */
.buttons { text-align: right; }
.button, 
.button span {
	width: auto;
	height: 28px;
}
.button {
	margin-bottom:10px;
	overflow: visible;
	background: #000;
	text-align:left;
	font-size: 12px;
	padding: 5px 8px 4px;
	color: #fff;
	border: 1px solid #333;
}
	.button:hover {
		color: #CABCA5;
		background: #776B5D;
		text-decoration: none;
	}
	.productInfo .button {
		float:right;
		margin-right: 15px;
		margin-bottom: 30px;
	}


/* = Wrappers ======================================================== */

body,
#outerWrapper { background: transparent url(../images/mainBG.jpg) repeat top left; }
#wrapper {
	background: transparent url(../images/footerBG.png) no-repeat bottom center;
	width: 934px;
	margin: 0 auto 50px;
	padding-bottom: 16px;
}
#innerWrapper {
	background: transparent url(../images/innerBG.png) repeat-y top center;
	width: 902px;
	margin: 0 auto;
	padding: 0 15px;
}


/* = Header Components ======================================================== */ 

#header { 
	background: transparent url(../images/logoBG.jpg) no-repeat top center;
	padding: 10px 0;
	/*overflow:hidden;*/
	height: 135px;
	z-index: 100;
}
#headerInnerWrap {
	background: transparent url(../images/headerInnerWrapBG.jpg) repeat-x scroll left top;
	float: right;
	width: 680px;
	height: 125px;
}

	/* = Logo ==== */
	.logo {
		height: 125px;
		clear:none;
		float:left;
		padding-left: 25px;
		vertical-align: bottom
	}
	.logo a { 
		height: 111px; 
		display:inline-block; 
	}
	
	/* = Quote ==== */
	.quote {
		font-size: 10px;
		font-style: italic;
		color: #888;
		text-align: right;
		padding-right: 45px;
		padding-top:25px;
	}
	
	/* = NavigationTabs ==== */
	.navigationTabs {
		float: right;
		padding-top: 42px;
		width: 680px;
	}
	.navigationTabs .mainmenu li {
		width: auto;
		display: inline-block;
		position: relative;
	}
	.navigationTabs .mainmenu li a {
		display:inline-block;
		font-weight: bold;
		color: #CABCA5;
		font: 15px Arial, Helvetica, sans-serif;
		line-height:15px;
		cursor: pointer;
		height: 18px;
		padding: 12px 16px 6px 12px;
		margin-right: 18px;
	}
	.navigationTabs .mainmenu li a:hover {
		color: #fff;
		text-decoration: none;
	}	
		.navigationTabs .home a {
			width: 44px;
			background: transparent url("../text/home.png") no-repeat center center;
		}
		.navigationTabs .selected.home a,
		.navigationTabs .home a:hover {
			background: #000 url("../text/home_hover.jpg") no-repeat center center;
		}
		
		.navigationTabs .about a {
			width: 46px;
			background: transparent url("../text/About.png") no-repeat center center;
		}
		.navigationTabs .selected.about a,
		.navigationTabs .about a:hover {
			background: #000 url("../text/About_hover.jpg") no-repeat center center;
		}
		
		.navigationTabs .forsale a {
			width: 63px;
			background: transparent url("../text/ForSale.png") no-repeat center center;
		}
		.navigationTabs .selected.forsale a,
		.navigationTabs .forsale a:hover {
			background: #000 url("../text/ForSale_hover.jpg") no-repeat center center;
		}
		
		.navigationTabs .projects a {
			width: 60px;
			background: transparent url("../text/Projects.png") no-repeat center center;
		}
		.navigationTabs .selected.projects a,
		.navigationTabs .projects a:hover {
			background: #000 url("../text/Projects_hover.jpg") no-repeat center center;
		}
		
		.navigationTabs .testimonials a {
			width: 97px;
			background: transparent url("../text/Testimonials.png") no-repeat center center;
		}
		.navigationTabs .selected.testimonials a,
		.navigationTabs .testimonials a:hover {
			background: #000 url("../text/Testimonials_hover.jpg") no-repeat center center;
		}
		
		.navigationTabs .contact a {
			width: 59px;
			background: transparent url("../text/Contact.png") no-repeat center center;
		}
		.navigationTabs .selected.contact a,
		.navigationTabs .contact a:hover {
			background: #000 url("../text/Contact_hover.jpg") no-repeat center center;
		}
		
	
	/* = submenus  = */
	.navigationTabs .mainmenu ul {
		width: 168px;
		background:transparent url(../images/75BG.png) repeat top left;
		padding: 0;
		display: none;
		position: absolute;
		top: 37px;
		left: 0;
		z-index: 100;
	}
	.navigationTabs .mainmenu ul:after /*From IE 7 lack of compliance*/{
		clear: both;
		display: block;
		content: ".";
		height: 0;
		visibility: hidden;
	}
	.navigationTabs .mainmenu ul li {
		width: 168px;
		float: left; /*For IE 7 lack of compliance*/
		display: block !important;
		display: inline; /*For IE*/
	}
	.navigationTabs .selected.forsale ul a,
	.navigationTabs .selected.projects ul a,
	.navigationTabs .mainmenu ul li a {
		display:block;
		font-weight: normal;
		color: #CABCA5;
		font: 12px Arial, Helvetica, sans-serif;
		line-height:15px;
		cursor: pointer;
		height: auto;
		padding: 6px 0 6px 13px;
		margin-right: 0;
		background:none;
	}
		.navigationTabs .mainmenu ul li a,
		.navigationTabs .mainmenu ul li a:hover {
			background: none;
			width: auto;
		}
		.navigationTabs .mainmenu ul li a:hover { color: #fff; background: #000; }
		
	/* 2nd Menu */
	.navigationTabs .mainmenu li:hover li a,
	.navigationTabs .mainmenu li.iehover li a {
		float: none;
	}
	.navigationTabs .mainmenu ul ul {
		display: none;
		position: absolute;
		top: 0;
		left: 168px;
	}
	.navigationTabs .mainmenu li:hover ul ul,
	.navigationTabs .mainmenu li.iehover ul ul {
		display: none;
	}
	.navigationTabs .mainmenu li:hover ul,
	.navigationTabs .mainmenu ul li:hover ul {
		display: block;
	}
	.navigationTabs .mainmenu li.iehover ul,
	.navigationTabs .mainmenu ul li.iehover ul {
		display: block;
	}
	

/* = Hero Components ======================================================== */ 

.hero {
    position:relative;
    height:193px;
	z-index: 8;
}

.hero img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

.hero img.active {
    z-index:10;
}

.hero img.last-active {
    z-index:9;
}



/* = ColumnsWrapper Components ======================================================== */ 

#columnsWrapper { width: 100%; }


/* = Col1 Components ======================================================== */ 

#col1 {
	float: left;
	width:215px;
	overflow:hidden;
	padding: 30px 0 20px 0;
	min-height: 250px;
}

	/* = SecondaryNav ==== */
	.secondaryNav .head {
		height: 30px;
		line-height: 30px;
		padding-left: 20px;
	}
	.secondaryNav .head h2 {
		background-color: #000;
		padding-left: 8px;
	}
	.secondaryNav .body { margin-top: 10px; margin-left: 20px; background: #000; }
	.secondaryNav h4 {
		padding: 10px 0 10px 10px;
		cursor: pointer;
	}
		.secondaryNav h4.selected a { color: #fff; }
	.secondaryNav ul {
		padding-bottom: 10px;
		padding-left: 10px;
	}
	.secondaryNav ul li{ padding: 2px 0; }
	.secondaryNav .more-header {
		cursor: pointer;
		padding-left: 10px;
		background: transparent url(../images/arrow-right-gray.gif) no-repeat left center;
	}
	.secondaryNav .accordion-content li.selected { padding-top:6px; background: transparent url(../images/btn-down-black.gif) no-repeat left center; }
	.secondaryNav .accordion-content li.selected a { color: #444; font-weight: bold; }
	.secondaryNav .more-info {
		padding-bottom: 8px; 
		padding-left: 10px;
		font-style:italic;
	}


/* = Col2 Components ======================================================== */ 

#col2 {
	overflow:hidden;
	padding: 30px 20px 20px 20px;
	min-height: 350px;
}
#col2 .body { padding: 30px 0; }
	
	/* = ProductInfo ==== */
	#col2 .productInfo .body {padding-top: 7px;}
	.productInfo .content-2 {
		float:right;
		padding-left: 15px;
	}
	.productInfo .content-2 .button { margin-top: -40px; }
	.productInfo .content-2 .button-large { margin: 0; }
	


/* = Col3 Components ======================================================== */ 

#col3 {
	 float:right;
	 width: 200px;
	 overflow:hidden;
	 padding: 30px 0 20px 0;
	 min-height: 250px;
}
#col3 .component { padding-left: 20px; }
	
	/* = CaseStudies ==== */
	.caseStudies {
		padding: 37px 20px 20px 0;
	}
	.caseStudies .head {
		padding-bottom:15px;
	}
	.caseStudies ul li {
		font-size: 10px;
		line-height: 13px;
		padding-left: 8px;
		padding-bottom: 4px;
	}
	.caseStudies .buttons { padding-top: 4px; }


/* = Footer Components ======================================================== */ 

#footer {
	clear:both;
	background-color: #000;
	font-size: 10px;
	text-align: right;
	padding: 10px 20px;
}
	
	/* = legalInfo ==== */
	.legalInfo {
		float: right;
	}
	
	/* = contactInfo ==== */
	.contactInfo {
		clear:none;
		text-align: left;
	}
	.contactInfo span {
		color: #444;
		font-weight: bold;
	}
	
	
/* = Forms/Inputs/Selects/Textareas ======================================================== */ 
label {color: #fff;}
label.text {width: 100px; text-align:right; margin-right:3px; display:inline-block;vertical-align:top;margin-top: 4px;}
input.text, input.text:active, input.text:hover, .text-focus  {	
	background:#333;
	border:1px solid #000;
	color:#aaa;
	width:312px;
	height:13px;
	padding: 6px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	display:inline-block;
	outline:none;
}
.text-wrapper {
	margin: 8px 0;
}
textarea, .textarea-focus {
	background:#333;
	border:1px solid #000;
	color:#aaa;
	margin-right:10px;
	width:312px;
	height:140px;
	padding: 6px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	display:inline-block;
	outline:none;
}
input.text:hover,
.text-focus,
textarea:hover,
.textarea-focus {
	border: 1px solid #CABCA5;
	color:#fff;
}


/* = Overrides ======================================================== */

.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.center {text-align:center;}
.no-border {border:none;}
.no-float {float:none;}