html{
	background-color : #4a4834;
	margin-left:0px;
}

body{
	width		: 960px;
	margin		: 100px auto 0 auto;
/*	position: absolute;
	top:50%;
	left:50%;
	margin : -225px auto auto -480px;
*/	font-family	: Tahoma, Helvetica, Arial, sans-serif;
	font-size	: 11px;
	color		: #c2c2be;	
}
.textContainer a:hover {
	text-decoration:underline;
}
img{ float:left;}   


.logo{
	float:right;
	border:none;
	position:relative;
	top:-5px;
}
li h1{
	display:inline;
	font-weight:normal;
	font-size:26px;
}
.textContainer h1,
.textContainer h2,
.panelText h2,
.panelText h1{
	font-weight:bold;
	font-size:11px;
	margin:0 0 20px;

}
.textContainer h1{
	
}
.panelText h2,
.panelText h1{
	width:120px;
}
.textContainer h2,
.panelText h2{
	color: #c2c2be;	
}

@-moz-document url-prefix() {
body{
	font-size: 10.5px;
  }
}


.panelText a{
	float: none;
}

h2{
	font-weight:bold;
	font-family	: Tahoma, Helvetica, Arial, sans-serif;
	font-size	: 11px;
	padding:0 0 0 0;
	margin: 0 0 10px 0;
	color:#FFFFFF;
}

/***************************	/MENU and BASE STYLING		**********************************/
ul{
	padding:0;
}
ul.menu{
	padding :0;
	margin 	:0 0 0px 0;
}
ul.menu li{
	list-style-type	: none;
	padding 		: 0;
	display 		: inline;
	font-size 		: 12px;
	margin 			: 0 1px;

}
ul.menu li a {
	color 			: #c2c7a1;
	text-decoration	: none;
	font-size 		: 12px;
	margin:0;
	padding:0;
}

.menuBreak{
	margin 		: 0 10px 0 10px;
	display 	: inline;
	color 		: #c2c7a1;
}

li.menuSelectedPage{
	margin 			: 0 2px;
}

.header ul{
	margin:15px 0 0 0;
}
.header ul li{
	list-style-type : none;
	display 		: inline;

}

.header ul li a{
	color :#ffffff;
}

.new-garage h1, .new-garage.header ul li.breadcrumbConnector,
.eco-configurator.header ul li.breadcrumbConnector{
	color: #ffea00;
}

.portfolio .header ul li.breadcrumbConnector{
	color: #ffea00;
}

.about-ecospace .header ul li.breadcrumbConnector{
	color:#dbfd00;
}



.breadcrumb ul li a{
	color:#c2c7a1;
	margin:0px;
}


body.home ul.menu li.menuSelectedPage a,
.home .header,
.home .header ul li a, 
a.home:hover,
.home a
{	
	text-decoration : none;
	color 			: #ffc104;	
	display 		: inline;
}

body.html-site-map ul.menu li.menuSelectedPage a,
.html-site-map .header,
.html-site-map .header ul li a, 
a.html-site-map:hover,
.html-site-map a
{	
	text-decoration : none;
	color 			: #ffc104;	
	display 		: inline;
}

/*color all links in headers white*/

body.portfolio ul.menu li.menuSelectedPage a, 
.portfolio .header,
.portfolio .header ul li,
.portfolio .header ul li a:hover,
a.portfolio:hover,
.portfolio a
{
	text-decoration : none;
	color 			: #ffea00;	
}
body.autospace ul.menu li.menuSelectedPage a, 
.autospace .header,
.autospace .header ul li,
.autospace .header ul li a:hover,
a.autospace:hover,
.autospace a
{
	text-decoration : none;
	color 			: #ffea00;	
}

body.about-ecospace ul.menu li.menuSelectedPage a,
.about-ecospace .header,
.about-ecospace .header ul li,
a.about-ecospace:hover,
.about-ecospace .header ul li a:hover,
.about-ecospace a{
	text-decoration: none;
	color: #dbfd00;	
}

body.news-press ul.menu li.menuSelectedPage a,
.news-press .header,
.news-press .header ul li,
.news-press .header ul li a:hover,
a.news-press:hover,
.news-press a,
.newsBlurb h2 a:hover
{
	text-decoration	: none;
	color 			: #a9fd00;	
}

body.new-garage ul.menu li.menuSelectedPage a,
.new-garage.header,
.new-garage .header ul li,
.new-garage.header ul li a:hover,
a.new-garage:hover,
.new-garage a, 

body.eco-configurator ul.menu li.menuSelectedPage a,
.eco-configurator.header,
.eco-configurator .header ul li,
.eco-configurator.header ul li a:hover,
a.eco-configurator:hover,
.eco-configurator a{
	text-decoration: none;
	color: #ffea00;	
}


body.blog ul.menu li.menuSelectedPage a,
.blog .header,
.blog .header ul li,
.blog.header ul li a:hover,
a.blog:hover,
.blog a,
.newsBlurb h2 a:hover
{
	text-decoration	: none;
	color 			: #a9fd00;	
}

body.faq ul.menu li.menuSelectedPage a,
.faq .header,
.faq .header ul li,
a.faq:hover,
.faq a
{
	text-decoration	: none;
	color 			: #a9fd00;	
}

body.contact-us ul.menu li.menuSelectedPage a, 
.contact-us .header,
.contact-us .header ul li,
a.contact-us:hover, 
.contact-us a,
.Address a
{
	text-decoration	: none;
	color 			: #55e937;	

}
a.contactWeblink{
	color:#c2c2be;
}
a.contactWeblink:hover{
	color:#55e937;
	text-decoration	: none;
}

.contact-us .textContainer{
	width:305px;
	overflow-y:auto;
	overflow-x:hidden;
	margin-right:0px;
	padding-right:0px;
	display:inline;
	
/*	width 		: 295px;
	padding-top:20px;
	margin 		: 0px 10px 0 15px;
*/	
}

.contact-us .content-right{
	float:right;
}

.contact-us .content-left input, .contact-us .content-left textarea{
    width: 100px;
}

/*****************	/MENU and BASE STYLING		******************************/

/***************************	HEADER		**********************************/
.header {
	font-size 	: 26px;
	font-family	: Arial, sans-serif;
	font-weight	: 100;
	margin:0px;
}
/***************************	/HEADER		**********************************/
	
/***************************	BODY CONTENT		**************************/
.contentHolder {
	margin 	: 0 0 0 0;
	padding : 0 0 0 0;
	width 	: 960px;
	height 	: 450px;
	clear 	: both;
	display : block;
	position: relative;
	top 	: -5px;
}
.content {
	margin 			: 0;
	width 			: 100%;
	height 			: 450px;
	background-color: #343224;
	
}

.textContainer{
	width: 295px;
	padding-top:20px;
	margin 		: 0px 10px 0 15px;
	line-height	: 18px;
	float 		: left;
	display 	: inline;
	height:430px;
}


object{
	position: relative;
	top: 0px;
}

.textContainer p{
	margin:0 0 20px 0;
}
.textContainer ul{
	margin: 0 0 0 15px;
}
.button {
	margin-top:10px;
	clear: both;
}
a.highlight {
	color 				: #36311f;
	text-decoration 	: none;
	font-weight			: bold;
	width 				: auto;
	padding 			: 2px 4px;
	clear 				: both;
	
}
a.highlight:hover {
	text-decoration	: underline;
}

/***************************** SECTION STYLES **********************/
.faqContent {
	width:95%;
}
.faq-answers a{
	padding : 0 0 0 0;
	margin-bottom :0px;
	text-decoration:none;
	display:inline;
}
.linkback{
	margin : 20px 0 13px 0;
}
ul.faq-questions{
	list-style-type:none;
	margin: 0 0 50px 0;
}
ul.faq-questions a{
	text-decoration :none;
	display:inline;
}
ul.faq-questions li {
	margin-bottom:20px;
}

.faq .textContainer a
{
	margin: 0 0 20px 0;
}

body.contact-us .textContainer
{
	width 		: 625px;
	float 		: left;
	overflow 	: auto;
	margin-right: 0px;
	display :inline;
}

body.news-press div.textContainer, body.faq div.textContainer{
	width 		: 625px;
	float 		: left;
	overflow 	: auto;
	margin-right: 0px;
	display :inline;
}

body.blog div.textContainer, body.faq div.textContainer{
	width 		: 625px;
	float 		: left;
	overflow 	: auto;
	margin-right: 0px;
	display :inline;
}

.faq-questions{
}

/*.addressList, 
.emailAddress{
	clear:both;
	width:100%;

	display:block;
	height:auto;

}
*/
.addressHolder{
	display:inline;
	margin-bottom:20px;
	width:600px;
}
.addressList{
	width:200px;
	display:block;
	float:left;
}
.emailAddress{
	padding-top:20px;	
	clear:both;
}
.contactContentWide{
	width:300px;

}
.contactContentNarrow,
.contactContentNarrowBottom{
	width:200px;
	padding-bottom: 3px;
	clear:both;
}
.contactContentNarrowBottom{
	padding-top:10px;
	padding-bottom:0px;

}
div.Address
{
	width:125px;
	float:left;
	margin:0 0 0 0px;
	display:inline;
	height:auto;
}


.dots{
	height 				: 3px;
	width 				: 93%;
	background 			: url("../images/border.jpg");
	background-repeat	: repeat-x;
	margin 				: 15px 0 20px 0;
	padding-right 		: 20px;
	float 				: left;

}
.thumb{
	border:none;
}
/*
body.news-press .dots{
	height:3px;
	width : 100%;
	background:url("../images/border.jpg");
	background-repeat:repeat-x;
	margin:10px 0px 10px 0;
	float:left;

}

body.faq div.dots
{
	height:3px;
	background:url("../images/border.jpg");
	background-repeat:repeat-x;
	margin:10px 0px 10px 0;
	
}
*/
.newsListItem{
	height:auto;
	margin : 10px 0 0 0;
	display:block;
	clear: both;
}
.newsListItem img {
	margin-bottom:11px;

}
.newsBlurb {
	width:410px;
	float:left;
	margin-left:15px;
	margin-bottom:10px;
}
.newsBlurb h2{
	margin:0 0 10px;
}
.newsBlurb h2 a{
	color: white;
}

.contact-us a,
.Address a {
	text-decoration:none;
}

.newsDetail {
	padding : 5px 20px 50px 0;
}
.newsDetail img{
	float : right;
}

.pagination{
    height:auto;
    margin : 10px 0 0 0;
    display:block;
    clear: both;
    text-align: center;
}

.pagination .current{
	display: block;
}

/***************************** /end SECTION STYLES **********************/
/**************************** HIGHLIGHTED LINKS ****************************/
.home a{
}

a.highlight{
	clear: left;
	color: #ffc104;
}
/*
a.highlight{
	background-color 	: #ffc104;
	clear: left;
}
.portfolio .highlight{
	background-color 	: #ffea00;
}
.about-ecospace .highlight{
	background-color 	: #dbfd00;
}
.contact-us .highlight{
	background-color 	: #55e937;
}*/
/**************************** /HIGHLIGHTED LINKS  ****************************/
/***************************	/BODY CONTENT		**********************************/
.configurator {
	width 	: 640px;
	height 	: 450px;
	float 	: right;
}

p span.quote{
	color:#ffffff;
}

ul.html-site-map,
ul.html-site-map ul {
	list-style-position: inside;
	list-style-type: disc;
}

ul.html-site-map li {
	padding-left: 2em;
}

body.html-site-map .content{
	overflow: auto;
}

#footer a,
#footer a:hover {
	color: #C2C7A1;
}

#ft-lft{
	display: inline;
}

#footer a:hover {
	text-decoration: underline;
}

input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}


label{font-weight: bold; }

#contact-forms{
    float: left;
    margin: 0px 70px 0 30px;
    position: relative;
    left: 4px;
    margin-left: 10px;
    margin-top: 0px;
    width: 280px;
}

div#contact-middle{
    margin: 0px 0px 0 15px;
    float: left;
    width: 200px;
}

div#contact{
    padding-top: 20px;
}

div#contact-right{
    float: right;
    width: 319px;
    position: relative;
    top: -20px;
}

#contact-forms label{
display: block;
font-weight: normal;
    margin-bottom: 4px;
}

#contact-forms input, #contact-forms textarea{ 
margin-bottom: 10px;
width: 220px;
color: black;
border: none;
background: #d4d2c3;
}

#contact-forms textarea{ 
    height: 100px;
}

#contact-forms #messagebody{
  height: 100px;
}

#brochure-bt{
    background: #56e33f;
    color: #392b1e;
    display: block;
    width: 151px;
    height: 17px;
    padding: 0;
    line-height: 17px;
    text-align: center;
    margin-bottom: 13px;
}

#partners-title{
    display: block;
    margin-bottom: 11px;
}

#contact-help-text{
    width: 300px;
    margin-bottom: 20px;
    margin-top: 0;
}

fieldset{
    margin: 0;
    border: 0;
    padding: 0;
}

ul.errorlist li{ 
margin: 0;
margin-top: -10px;
margin-bottom: -20px;
list-style: none; 
color: #fff; 
width: 100px;
float: right;
}

span.error-msg{
    float: right;
    position: relative;
    top: 0px;
    left: -65px;
}

.contact-link{
    display: block;
    margin-top: 3px;
    margin-bottom: 12px;
}

.contact-link a.partners{
    color: #fff;
    text-decoration: underline;
}

#contact-forms input{
    width: 230px;
    border-right: 2px solid #a8a49b;
    margin-top: -1px;
}

#contact-forms textarea{
    width: 230px;
    height: 70px;
    border-right: 2px solid #a8a49b;
    margin-top: 0px;
}

#contact-help-text, .contactContentNarrowBottom{
    line-height: 18px;
    font-size: 11px;
}

#contact-middle{
    line-height: 15px;
    font-size: 11px;
}

#contact-texto{
    line-height: 18px;
    display: block;
    margin-bottom: 14px;
}


#contact-forms #contactsubmit{
  border: none;
  background: #56e33f;
  color: #392b1e;
  width: 50px;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  margin-left: 0px;
  position: relative;
  top: 7px;
}

#contact-forms #contactsubmit{
    margin-bottom: 18px;
}

.fltr{
	float: right;
}

#social{
	position: relative;
	top: -10px;
	float: left;
}


#social li{
	float: left;
	margin-right: 5px;
	list-style: none;
}

#facebook{
	background-image: url(../images/facebook-icon.png);
	display: block;
	width: 14px;
	height: 14px;
}

#twitter{
	background-image: url(../images/twitter-icon.png);
	display: block;
	width: 14px;
	height: 13px;
}


.panelText a.highlight{
	width:auto;
	Background: none;
	color: #ffc104;
}