@charset "UTF-8";
/* CSS Document */

/* ///////////////////////////////////////////////////// */

/* ********** BEGIN - IE FIXES ********** */

/* ///////////////////////////////////////////////////// */

/* /// BEGIN - IE 6 /// */

.ie6 #lcol-content-box { background-color: #FFFFFF; /* HEX Fallback */ }
.ie6 #lcol-content-box-slim { background-color: #FFFFFF; /* HEX Fallback */ }
.ie6 #rcol-content-box { background-color: #FFFFFF; /* HEX Fallback */ }
.ie6 #header-nav-box { background-color: #1A1A1A; /* HEX Fallback */ }
.ie6 #footer-wrapper { background: none; } 

/* /// END - IE 6 /// */

/* /// BEGIN - IE 7 /// */

.ie7 #lcol-content-box { background-color: #FFFFFF; /* HEX Fallback */ }
.ie7 #lcol-content-box-slim { background-color: #FFFFFF; /* HEX Fallback */ }
.ie7 #rcol-content-box { background-color: #FFFFFF; /* HEX Fallback */ }
.ie7 #header-nav-box { background-color: #1A1A1A; /* HEX Fallback */ }

/* /// END - IE 7 /// */

/* /// BEGIN - IE 8 /// */

.ie8 {}

/* /// END - IE 8 /// */

/* /// BEGIN - IE 9 /// */

.ie9 {}

/* /// END - IE 9 /// */

/* /// BEGIN - IE /// */

.ie #footer-wrapper { margin-bottom: -200px; }

/* /// END - IE /// */

/* ///////////////////////////////////////////////////// */

/* ********** END - IE FIXES ********** */

/* ///////////////////////////////////////////////////// */

/* ///////////////////////////////////////////////////// */

/* ********** BEGIN - BODY ********** */

/* ///////////////////////////////////////////////////// */

* { margin:0; padding:0; }

html,
body {
    
    margin:0;
    padding:0;
    height:100%;
    
	
}

@-moz-document url-prefix() {
    body {
        height:98.45%;
    }
}

img {border: none;}

a:focus,a:active {outline: none;}

/* ///////////////////////////////////////////////////// */

/* ********** END - BODY ********** */

/* ///////////////////////////////////////////////////// */

/* ///////////////////////////////////////////////////// */

/* ///////////////////////////////////////////////////// */

/* ********** BEGIN - Styles ********** */

/* ///////////////////////////////////////////////////// */

/* Content */

.content-style {

	font: 14px Arial, Helvetica, sans-serif;
	color: #2D2D2D;

}

.content-style h1 {

	font: 14px Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	color: #2D2D2D;
	line-height: 18px;
	padding-bottom: 10px;

}

.content-style p {

	font: 16px Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: none;
	color: #2D2D2D;
	line-height: 20px;
	padding-bottom: 10px;
	padding-top: 10px;

}

.content-style a {

	font: 14px Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: none;
	color: #eb301f;
	line-height: 20px;
	padding-bottom: 0px;
	text-decoration: none;
	
	transition: color 0.4s linear;
	-webkit-transition: color 0.4s linear;
	-moz-transition: color 0.4s linear;
	-o-transition: color 0.4s linear;

}

.content-style a:hover {

	font: 14px Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: none;
	color: #f68177;
	line-height: 20px;
	padding-bottom: 0px;
	text-decoration: none;
	
	transition: color 0.4s linear;
	-webkit-transition: color 0.4s linear;
	-moz-transition: color 0.4s linear;
	-o-transition: color 0.4s linear;

}

/* ///////////////////////////////////////////////////// */

/* ********** END - Styles ********** */

/* ///////////////////////////////////////////////////// */

/* ///////////////////////////////////////////////////// */

/* ********** BEGIN - WRAPPER ********** */

/* ///////////////////////////////////////////////////// */

#wrapper {
	
	width: 100%;
	min-width: 980px;
    min-height:100%;
    position:relative;
    z-index: 10;

}

#social-icons-wrapper {

    width: auto;
    height: 20px;
    margin: 10px 0px 10px 0px;

}

#social-icons-wrapper a img {border: none;}

#social-icons-wrapper a {text-decoration: none;}

#social-icons-wrapper a img {
	
    -webkit-transition: opacity 0.4s linear;
    -moz-transition: opacity 0.4s linear;
    -o-transition: opacity 0.4s linear;
    transition: opacity 0.4s linear;
	
}

#social-icons-wrapper a:hover img {
	
    /* for IE */
    filter: alpha(opacity=40);
    /* CSS3 standard */
    opacity: 0.4;
    -webkit-opacity: 0.4;
    -moz-opacity: 0.4;
    -o-opacity: 0.4;
	
}

#col-wrapper {

    padding: 0px 0px 221px 40px;    /* Height of the footer */
    width: 940px;
    min-width: 940px;

}

#footer-wrapper {
	
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 221px;    /* Height of the footer */

	background: url('../imgs/footer/bg.png');
		
	background: -moz-linear-gradient(bottom, rgba(26,26,26,0.6) 0%, rgba(26,26,26,0.6) 20%, rgba(26,26,26,0.0) 100%); /* firefox */
    background: -webkit-gradient(linear, left bottom, color-stop(0%,rgba(26,26,26,0.6)), color-stop(20%,rgba(26,26,26,0.6)), color-stop(100%,rgba(26,26,26,0.0))); /* webkit */
    background: -o-linear-gradient(bottom, rgba(26,26,26,0.6) 0%,rgba(26,26,26,0.6) 20%,rgba(26,26,26,0) 100%); /* opera */

}

@-moz-document url-prefix() {
    #footer-wrapper {
        bottom: -30px;
    }
}

#footer-wrapper-inner {

	width: auto;
	height: auto;
	padding: 100px 40px 0px 40px;
	
}

/* ///////////////////////////////////////////////////// */

/* ********** END - WRAPPER ********** */

/* ///////////////////////////////////////////////////// */

/* ///////////////////////////////////////////////////// */

/* ********** BEGIN - SOCIAL ICONS CONTENT ********** */

/* ///////////////////////////////////////////////////// */

#social-icons-content {
	
    float: right;
    width: auto;
    height: 20px;
	
}

.social-icons-content-facebook {
	
	float: left;
	width: 20px;
	height: 20px;
	margin-right: 10px;
	
}

.social-icons-content-twitter {
	
	float: left;
	width: 20px;
	height: 20px;
	margin-right: 10px;
	
}

.social-icons-content-news {
	
	float: left;
	width: 42px;
	height: 20px;
	margin-right: 10px;
	
}

/* ///////////////////////////////////////////////////// */

/* ********** END - SOCIAL ICONS CONTENT ********** */

/* ///////////////////////////////////////////////////// */

/* ///////////////////////////////////////////////////// */

/* ********** BEGIN - HEADER CONTENT BOX ********** */

/* ///////////////////////////////////////////////////// */

#header-content-box {
	
	float: left;
    width: 940px;
    min-width: 940px;
    height: 185px;
    margin-bottom: 10px;
    
}

/* ///////////////////////////////////////////////////// */

/* ********** END - HEADER CONTENT BOX ********** */

/* ///////////////////////////////////////////////////// */

/* ///////////////////////////////////////////////////// */

/********** BEGIN - HEADER LOGO BOX **********/

/* ///////////////////////////////////////////////////// */

#header-logo-box {
	
	float: left;
    width: 158px;
    height: 158px;
    margin-right: 10px;
	
}

/* ///////////////////////////////////////////////////// */

/********** END - HEADER LOGO BOX **********/

/* ///////////////////////////////////////////////////// */

/* ///////////////////////////////////////////////////// */

/* ********** BEGIN - HEADER NAV BOX ********** */

/* ///////////////////////////////////////////////////// */

#header-nav-box {
	
    float: left;
    width: 158px;
    height: 180px;
    margin-right: 10px;
    background-color: rgb(26,26,26); /* RGB Fallback */
    background-color: rgba(26,26,26,0.6);
	
}

/* Menu */

.header-nav-menu { padding: 25px 5px 15px 5px }

ul#menu {
	
	margin:-14px 0 0 0; 
	padding: 0; 
	list-style:none; 
	clear:both;
}

#menu img {border: none;}

#menu li { 
		
	overflow:hidden;
	padding-bottom: 6px; 
	text-indent:-9999px; 
	display:block;
	
}

#menu li a { 

	background: url('../imgs/nav/header-nav.png') no-repeat; 
	width:100%; 
	height:100%; 
	display:block;
	
}

/* about us */

#menu li.about-us{width:106px; height:15px;}
#menu li.about-us a{background-position:0px 0px; text-decoration: none;}
#menu li.about-us a:hover{background-position: -180px 0px; text-decoration: none;}

#menu li.about-us-selected{width:106px; height:15px;}
#menu li.about-us-selected a{background-position: -180px 0px; text-decoration: none;}
#menu li.about-us-selected a:hover{background-position: -180px 0px; text-decoration: none;}

/* project-development */
#menu li.project-development{width:145px; height:15px;}
#menu li.project-development a{background-position:0px -16px; text-decoration: none;}
#menu li.project-development a:hover{background-position: -180px -16px; text-decoration: none;}

#menu li.project-development-selected{width:145px; height:15px;}
#menu li.project-development-selected a{background-position: -180px -16px; text-decoration: none;}
#menu li.project-development-selected a:hover{background-position: -180px -16px; text-decoration: none;}

/* Design Features */
#menu li.design-features{width:126px; height:15px;}
#menu li.design-features a{background-position:0px -36px; text-decoration: none;}
#menu li.design-features a:hover{background-position: -180px -36px; text-decoration: none;}

#menu li.design-features-selected{width:116px; height:15px;}
#menu li.design-features-selected a{background-position:-180px -36px; text-decoration: none;}
#menu li.design-features-selected a:hover{background-position: -180px -36px; text-decoration: none;}

/* Models */
#menu li.models{width:106px; height:15px;}
#menu li.models a{background-position:0px -56px; text-decoration: none;}
#menu li.models a:hover{background-position: -180px -56px; text-decoration: none;}

#menu li.models-selected{width:106px; height:15px;}
#menu li.models-selected a{background-position: -180px -56px; text-decoration: none;}
#menu li.models-selected a:hover{background-position: -180px -56px; text-decoration: none;}

/* buyer-qual */
#menu li.buyer-qual{width:140px; height:15px;}
#menu li.buyer-qual a{background-position:0px -75px; text-decoration: none;}
#menu li.buyer-qual a:hover{background-position: -180px -75px; text-decoration: none;}

#menu li.buyer-qual-selected{width:140px; height:15px;}
#menu li.buyer-qual-selected a{background-position: -180px -75px; text-decoration: none;}
#menu li.buyer-qual-selected a:hover{background-position: -180px -75px; text-decoration: none;}

/* warranty-form */
#menu li.warranty-form{width:127px; height:15px;}
#menu li.warranty-form a{background-position:0px -95px; text-decoration: none;}
#menu li.warranty-form a:hover{background-position: -180px -95px; text-decoration: none;}

#menu li.warranty-form-selected{width:127px; height:15px;}
#menu li.warranty-form-selected a{background-position: -180px -95px; text-decoration: none;}
#menu li.warranty-form-selected a:hover{background-position: -180px -95px; text-decoration: none;}

/* Our Team */
#menu li.our-team {width:106px; height:15px;}
#menu li.our-team a{background-position:0px -115px; text-decoration: none;}
#menu li.our-team a:hover{background-position: -180px -115px; text-decoration: none;}

#menu li.our-team-selected {width:106px; height:15px;}
#menu li.our-team-selected a{background-position: -180px -115px; text-decoration: none;}
#menu li.our-team-selected a:hover{background-position: -180px -115px; text-decoration: none;}

/* contact us */
#menu li.contact-us {width:106px; height:15px;}
#menu li.contact-us a{background-position:0px -135px; text-decoration: none;}
#menu li.contact-us a:hover{background-position: -180px -135px; text-decoration: none;}

#menu li.contact-us-selected {width:106px; height:15px;}
#menu li.contact-us-selected a{background-position: -180px -135px; text-decoration: none;}
#menu li.contact-us-selected a:hover{background-position: -180px -135px; text-decoration: none;}
  
    
/* ///////////////////////////////////////////////////// */

/* ********** END - HEADER NAV BOX ********** */

/* ///////////////////////////////////////////////////// */

/* ///////////////////////////////////////////////////// */

/* ********** BEGIN - HEADER NAV BOX ********** */

/* ///////////////////////////////////////////////////// */

#header-banner-box {
	
    float: left;
    width: 589px;
    height: 180px;
    padding-left: 15px;
    
    background: url('../imgs/banner/banner-bg.png'); /* Older Browser Fix */
    background-repeat: no-repeat; /* Older Browser Fix */
	
    background: -moz-linear-gradient(left, rgba(26,26,26,0.6) 0%, rgba(26,26,26,0.6) 20%, rgba(26,26,26,0.0) 100%); /* firefox */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(26,26,26,0.6)), color-stop(20%,rgba(26,26,26,0.6)), color-stop(100%,rgba(26,26,26,0.0))); /* webkit */
    background: -o-linear-gradient(left, rgba(26,26,26,0.6) 0%,rgba(26,26,26,0.6) 20%,rgba(26,26,26,0) 100%); /* opera */
		
}

#slogan {
    padding-top:10px;
    width: 100%;
    font-family:"Times New Roman",Georgia,Serif;
    font-size: 25px;
    font-style: italic;
    font-weight: bold;
    color: #fff;
    text-shadow: 0px 2px #000;
}
/* ///////////////////////////////////////////////////// */

/* ********** END - HEADER NAV BOX ********** */

/* ///////////////////////////////////////////////////// */

/* ///////////////////////////////////////////////////// */

/* ********** BEGIN - COL CONTENT BOX ********** */

/* ///////////////////////////////////////////////////// */

#col-content-box {
	
    width: 940px;
    min-width: 940px;
    max-width: 940px;
    height: auto;
    margin-bottom: 10px;
    
}

/* ///////////////////////////////////////////////////// */

/* ********** END - COL CONTENT BOX ********** */

/* ///////////////////////////////////////////////////// */

/* ///////////////////////////////////////////////////// */

/* ********** BEGIN - LCOL CONTENT BOX ********** */

/* ///////////////////////////////////////////////////// */

#lcol-content-box {
	
    float: left;
    margin-left:5px;
    width: 286px;
    min-width: 286px;
    max-width: 286px;
    height: auto;
    padding: 20px;
	background-color: rgb(255,255,255); /* RGB Fallback */
	background-color: rgba(255,255,255,0.8);
	
}

#lcol-content-box h2 {
    font-weight: bold;
}

#lcol-content-box ul{
    padding-left: 20px;
}
#lcol-content-box ul li{
    list-style-type: square;
}



#green-content-box {
	float: left;
    width: 1202px;
    min-width: 1202px;
    max-width: 1202px;
    height: auto;
    padding: 40px 35px;
	background-color: rgb(255,255,255); /* RGB Fallback */
	background-color: rgba(255,255,255,0.9);
	
}


/* ///////////////////////////////////////////////////// */

/* ********** END - LCOL CONTENT BOX ********** */

/* ///////////////////////////////////////////////////// */

/* ///////////////////////////////////////////////////// */

/* ********** BEGIN - LCOL CONTENT BOX SLIM ********** */

/* ///////////////////////////////////////////////////// */

#lcol-content-box-slim {
	
	float: left;
    width: 158px;
    min-width: 158px;
    max-width: 158px;
    height: auto;
    margin-right: 10px;
    background-color: rgb(255,255,255); /* RGB Fallback */
	background-color: rgba(255,255,255,0.8);
	
}

/* ///////////////////////////////////////////////////// */

/* ********** END - LCOL CONTENT BOX SLIM ********** */

/* ///////////////////////////////////////////////////// */

/* ///////////////////////////////////////////////////// */

/* ********** BEGIN - RCOL CONTENT BOX ********** */

/* ///////////////////////////////////////////////////// */

#rcol-content-box {

    float: left;
    width: 750px;
    min-width: 535px;
    max-width: 771px;
    height: auto;
    background-color: rgb(255,255,255); /* RGB Fallback */
	background-color: rgba(255,255,255,0.8);
    
}

/* ///////////////////////////////////////////////////// */

/* ********** END - RCOL CONTENT BOX ********** */

/* ///////////////////////////////////////////////////// */

/* ///////////////////////////////////////////////////// */

/* ********** BEGIN - MAP THUMBNAIL ********** */

/* ///////////////////////////////////////////////////// */

.map-thumbnail {
	
	width: 286px;
	height: 120px;
	padding: 20px 0px 20px 0px;
	
}

.map-thumbnail img {
	
	border: none;
	
}

.map-thumbnail a img {
	
	border: none;
	text-decoration: none;
	
}

.map-thumbnail a img {
	
	-webkit-transition: opacity 0.4s linear;
	-moz-transition: opacity 0.4s linear;
	-o-transition: opacity 0.4s linear;
	transition: opacity 0.4s linear;
	
}

.map-thumbnail a:hover img {
	
	/* for IE */
	filter: alpha(opacity=40);
	/* CSS3 standard */
	opacity: 0.4;
	-webkit-opacity: 0.4;
	-moz-opacity: 0.4;
	-o-opacity: 0.4;
	
}

/* ///////////////////////////////////////////////////// */

/* ********** END - MAP THUMBNAIL ********** */

/* ///////////////////////////////////////////////////// */

/* ///////////////////////////////////////////////////// */

/* ********** BEGIN - FOOTER ********** */

/* ///////////////////////////////////////////////////// */

.footer {

	width: auto;
	height: auto;

}

.footer-col {
	
	float: left;
	width: auto;
	height: auto;
	padding: 100px 0px 0px 40px;

}

.footer-rcol {
	
	float: right;
	width: auto;
	height: auto;
	padding: 110px 40px 0px 0px;

}

/* Footer Menu */

.footer-nav-menu {}

#footer ul {
	
	margin:0; 
	padding: 0; 
	list-style:none; 
	clear:both;
}

#footer img {border: none;}

#footer a {

	-webkit-transition: opacity 0.4s linear;
	-moz-transition: opacity 0.4s linear;
	-o-transition: opacity 0.4s linear;
	transition: opacity 0.4s linear;

}

#footer a:hover {

	/* for IE */
	filter: alpha(opacity=40);
	/* CSS3 standard */
	opacity: 0.4;
	-webkit-opacity: 0.4;
	-moz-opacity: 0.4;
	-o-opacity: 0.4;

}

#footer li { 
		
	overflow:hidden;
	padding-bottom: 5px; 
	text-indent:-9999px; 
	display:block;
	
}

#footer li a { 

	background: url('../imgs/footer/footer-nav.jpg') no-repeat; 
	width:100%; 
	height:100%; 
	display:block;
	
}

/* Availability (113px) */

#footer li.availability{width:136px; height:24px;}
#footer li.availability a{background-position:0px 0px; text-decoration: none;}
#footer li.availability a:hover{background-position: 0px 0px; text-decoration: none;}

/* Apply Now 53*/

#footer li.apply-now{width:136px; height:24px;}
#footer li.apply-now a{background-position:0px -34px; text-decoration: none;}
#footer li.apply-now a:hover{background-position: 0px -34px; text-decoration: none;}

/* Apply Now 54*/

#footer li.apply-now1{width:136px; height:24px;}
#footer li.apply-now1 a{background-position:0px -68px; text-decoration: none;}
#footer li.apply-now1 a:hover{background-position: 0px -68px; text-decoration: none;}

/* Contact US */

#footer li.contact-us{width:136px; height:24px;}
#footer li.contact-us a{background-position:0px -102px; text-decoration: none;}
#footer li.contact-us a:hover{background-position: 0px -102px; text-decoration: none;}


/* Footer Details */

#footer-details ul {
	
	margin:0; 
	padding: 0; 
	list-style:none; 
	clear:both;
}

#footer-details img {border: none;}

#footer-details a {

	-webkit-transition: opacity 0.4s linear;
	-moz-transition: opacity 0.4s linear;
	-o-transition: opacity 0.4s linear;
	transition: opacity 0.4s linear;
	
	text-decoration: none;
	border: none;

}

#footer-details a:hover {

	/* for IE */
	filter: alpha(opacity=40);
	/* CSS3 standard */
	opacity: 0.4;
	-webkit-opacity: 0.4;
	-moz-opacity: 0.4;
	-o-opacity: 0.4;
	
	text-decoration: none;
	border: none;

}

#footer-details li { 
		
	padding-top: 5px;
	padding-bottom: 5px;
	
}

/* Footer Logos */

#footer-logos ul {
	
	margin:0; 
	padding: 0; 
	list-style:none; 

	clear:both;
}

#footer-logos img {border: none;}

#footer-logos a {

	-webkit-transition: opacity 0.4s linear;
	-moz-transition: opacity 0.4s linear;
	-o-transition: opacity 0.4s linear;
	transition: opacity 0.4s linear;
	
	text-decoration: none;
	border: none;

}

#footer-logos a:hover {

	/* for IE */
	filter: alpha(opacity=40);
	/* CSS3 standard */
	opacity: 0.4;
	-webkit-opacity: 0.4;
	-moz-opacity: 0.4;
	-o-opacity: 0.4;

	text-decoration: none;
	border: none;

}

#footer-logos li { 
		
	display: inline;
	
}


/* ///////////////////////////////////////////////////// */

/* ********** END - FOOTER ********** */

/* ///////////////////////////////////////////////////// */

/* ///////////////////////////////////////////////////// */

/* ********** BEGIN - TOOL BELT ********** */

/* ///////////////////////////////////////////////////// */

.hr {
	
	border-top: 1px solid #E1E1E1;
	border-top: 1px solid rgba(50,50,50,0.1);
	width: 100%; 
	height: auto;
	
}

.spacer { 

	width: auto; 
	height: auto; 
	padding: 20px 0px 20px 0px;
	
}


.clearfix:after {
	
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	
}

/* ///////////////////////////////////////////////////// */

/* ********** END - TOOL BELT ********** */

/* ///////////////////////////////////////////////////// */

/* ///////////////////////////////////////////////////// */

/* ********** BEGIN - HTML5 TAGS ********** */

/* ///////////////////////////////////////////////////// */

header, section, footer,
aside, nav, article, figure {
	display: block;
}


/* ///////////////////////////////////////////////////// */

/* ********** END - HTML5 TAGS ********** */

/* ///////////////////////////////////////////////////// */