/*tauberbuilders.com*/

body{background-color: #000; font-family: tahoma, arial; margin: 0em; padding: 0em;}
a{border: none; margin: 0em; padding: 0em;}
a:focus{outline: none;}
img{border: none;}
ul{margin: 0em; padding: 0em;}
li{margin: 0em; padding: 0em;}
.bold{font-weight: bold;}

#tauberbuilders{display: none; margin: 0em; padding: 0em;}

/*interior templates*/
#sectionleft{border: none; float: left; margin: 0px 30px 0px 45px; padding: 0px; width: 220px;}
.interiorpicture{border: 1px solid #aaaaaa; display: block; margin: 0px 0px 10px 0px; width: 220px; height: 270px;}
.interiorpicturetwo{border: 1px solid #aaaaaa; display: block; margin: 0px auto 10px auto; width: 168px; height: 80px;}

#sectionright{border: none; float: left; font-size: .9em; margin: 0px 0px 50px 0px; padding: 0px; width: 460px; text-align: left;}
#sectionright .philosophylist ul{list-style-type: disc; margin: 0px 0px 25px 0px; padding: 0px;}
#sectionright .philosophylist li{margin: 0px 0px 25px 0px; padding: 0px;}
#sectionright p{float: left; font-size: 1em; margin: 0px 0px 30px 0px; padding: 0px; text-align: left; width: 460px;}

/*gradient slips for additional bg fade*/
#gradientslip{background-image:url('../i/gradient_slip.png'); border: none; display: block; margin: 0px auto; padding: 0px auto; position: relative; top: 600px; width: 1000px; height: 78px;}

/*main wrappers*/
#sectionwrap{background-image:url('../i/mainbg.jpg'); border: none; background-repeat: no-repeat; margin: 0px auto; padding: 0px auto; width: 1000px;}
#mainsection{margin: 0em; padding: 0em;}
#maincontentsection{border: none; background-color: #000; background-image:url('../i/indexbodybg.gif'); display: block; margin: 0px auto 0px auto; padding: 0px 0px 50px 0px; overflow: auto; text-align: center; width: 808px;}
#maincontentsectiondesignbuild{border: none; background-color: #000; background-image:url('../i/indexbodybg.gif'); display: block; margin: 0px auto 0px auto; padding: 0px 0px 50px 0px; overflow: auto; text-align: center; width: 808px;}
#maincontentsectionresources{border: none; background-color: #000; background-image:url('../i/indexbodybg.gif'); display: block; margin: 0px auto 0px auto; padding: 0px 0px 50px 0px; overflow: auto; text-align: center; width: 808px;}

#logo{margin: 0em auto 0em auto; padding: 0em auto 0em auto; text-align: center;}
.tauberbuilderslogo{margin: 20px 0px 0px 0px; padding: 0em; width: 111px; height: 119px;}
.tauberbuilders{border: none; display: block; margin: 6px auto 0px auto; padding: 0em auto 0em auto; width: 176px; height: 17px;}

#mainnav{color: #D9D9D9; margin: 0em; padding: 0em;}
#mainnav ul{font-size: 14px; margin: 42px 0px 10px 0px; padding: 0em;}
#mainnav li{display: inline; margin: 0em 2px 0px 2px; padding: 0em;}
#mainnav a{color: #D9D9D9; text-decoration: none;}
#mainnav a:hover{color: #868686; text-decoration: none;}
#mainnav a.linkon{color: #868686;}
	#mainnav .subnav{border: none; line-height: 25px; margin: 0px auto 10px auto; padding: 5px; width: 500px;}
	#mainnav .aboutsubnav{border: none; line-height: 25px; margin: 0px auto 10px auto; padding: 5px; width: 600px;}
	#mainnav .ourservicessubnav{border: none; line-height: 25px; margin: 0px auto 10px auto; padding: 5px; width: 600px;}

#houses{border: none; margin: -90px auto; padding: 0em auto; overflow: hidden; text-align: center; width: 775px;}
#houses img .homepagehouse{width: 185px; height: 190px;}

.slideshow{border: none; float: left; margin: 93px 0px 0px 10px; padding: 0px; width: 185px; height: 190px;}
.slideshowtwo{border: none; float: left; margin: 93px 5px 0px 0px; padding: 0px; width: 185px; height: 190px;}
.slideshowthree{border: none; float: left; margin: 93px 0px 0px 0px; padding: 0px; width: 185px; height: 190px;}
.slideshowfour{border: none; float: left; margin: 93px 0px 0px 0px; padding: 0px; width: 185px; height: 190px;}

.vline{float: left; margin: 0px 1px 0px 1px; padding: 0em; width: 3px; height: 390px;}

.buildtype{color: #D9D9D9; margin: 50px 0px 65px 0px; padding: 0em;}
.buildtype li{display: inline; margin: 0em; padding: 0em;}

#maincontentbottom{background-image:url('../i/contentmainbottom.png'); display: block; border: none; margin: 0em auto; padding: 0em auto; width: 1000px; height: 265px;}
#whitecontentbg{background-image:url('../i/whitecontentbg.gif'); color: #595959; repeat: repeat-y; margin: 10px auto 0px auto; padding: 0px auto; width: 798px;}
#whitecontentbg a{color: #595959;}
#whitecontentbg a:hover{color: #595959; text-decoration: none;}

#whitecontentbg ul{margin: 0em; padding: 0em; text-align: left;}
#whitecontentbg li{list-style-type: none; margin: 0px 0px 10px 0px; padding: 0em;}
	.topfade{border: none; display: block; margin: 0px; padding: 0px; width: 798px; height: 9px;}
		.bottomfade{border: none; display: block; margin: 0px; padding: 0px; width: 798px; height: 9px;}
		
#footer{border: none; background-image:url('../i/tauberbuilders_footer.jpg'); color: #808080; font-size: 12px; margin: 0em auto; padding: 0em auto; text-align: center; width: 1000px; height: 590px;}
#footer a{color: #808080; text-decoration: underline;}
#footer a:hover{color: #D9D9D9;}

.horizontaldivtop{margin: 25px 0px 0px 0px; padding: 0px; text-align: center;}
.horizontaldiv{margin: 0px auto 50px auto; padding: 0px; text-align: center;}
.horizontaldivportfolio{margin: 0px auto 10px auto; padding: 0px; text-align: center;}

#footer ul{float: left; list-style-type: none; margin: 0px 25px 0px 25px; padding: 0em; text-align: left;}
#footer li{margin: 0px 0px 3px 0px; padding: 0em;}

.footerwrapper{border: none; margin: 0em auto; padding: 0em auto; overflow: auto; width: 808px;}
	p.address{margin: 0px 0px 5px 0px; padding: 0em; text-align: center;}
	p.numbers{margin: 0em; padding: 0em; text-align: center;}
	
.footersection{border: none; margin: 40px auto 0px 85px; padding: 0px auto; overflow: auto; width: 700px;}
	.credentials{border: none; float: left; margin: 0px 25px 0px 25px; padding: 0px; width: 90px; text-align: center;}
	.usgbc{margin: 0em; padding: 0em; width: 76px; height: 76px;}
	.energy{margin: 0em; padding: 0em; width: 87px; height: 67px;}

/*contact us*/
.pagetitlecontactus{display: block; margin: 40px auto 20px auto; padding: 0px auto 0px auto; width: 496px; height: 67px;}
.contactuspic{float: left; margin: 0px 20px 60px 160px; padding: 0em; width: 277px; height: 337px;}
p.tellus{clear: both; display: block; margin: 0px 0px 30px 160px; padding: 0px; text-align: left;}

.formleft{border: none; float: left; margin: 0px 20px 50px 45px; padding: 0px; text-align: left;}
.formright{border: none; float: left; margin: 0px; padding: 0px; text-align: left;}

p.lowercontact{border: none; clear: both; font-size: .9em; margin: 0px 0px 50px 0px; padding: 0px; text-align: center;}

/*form*/

div.c-wrapper {border: none; font-face: tahoma, arial; margin-bottom: 22px; width: 350px;}
div.contact-value {border: none; color: #595959; display: inline-block; width: 100px; float: left; font-size: 16px; font-weight: normal; margin: 3px 15px 0px 0px; text-align: right;}
div.c-input {border: none; display: inline; margin-bottom: 17px; width: 190px;}
input#contact-input, textarea#comments, textarea#address, select#contact-input {
background-color: none; border: 1px solid #DEDEDE; color: #595959; font-family: tahoma, arial; font-size: .9em; padding: 6px; width: 190px;}
div.c-input select {background-color: none; border: 1px solid #DEDEDE; color: #595959; padding: 6px; width: 204px;}
input#contact-submit {background-color: #6FB671; border: 1px solid #DEDEDE; color: #fff; margin: 0px auto 0px 180px; padding: 6px; letter-spacing: 1px;}

/*thank you and error page*/
p.thankyou{font-size: 1.2em; margin: 50px auto; padding: 0px auto;}
p.error{font-size: 1.2em; margin: 50px auto; padding: 0px auto;}

/*portfolio*/

#portfolioframe{border: 1px solid #593C38; margin: 0px auto 0px auto; padding: .2em; width: 742px; height: 322px;}

/*slide show carousel styles*/

.stepcarousel{
position: relative; /*leave this value alone*/
/*border: 10px solid black;*/
overflow: scroll; /*leave this value alone*/
width: 740px; /*Width of Carousel Viewer itself*/
height: 325px; /*Height should enough to fit largest content's height*/
margin: 0em auto 0em auto; padding: 0em auto 0em auto;
}
	
.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}
	
.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 740px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.panel img{border: 3px solid #363636; margin: 0em; padding: 0em;}

/*about us template*/

.pagetitle{display: block; margin: 40px auto 20px auto; padding: 0px auto 0px auto;}
p.lowercontactclientexperience{clear: both; font-size: .9em; margin: 0px 0px 50px 0px; padding: 30px 0px 0px 0px; text-align: center;}

.qanda{border: none; line-height: 26px; margin: 0px auto 50px auto; padding: 0px auto 0px auto; text-align: left; width: 700px;}
.question{font-weight: bold; margin: 0px; padding: 0px;}
.answer{margin: 0px; padding: 0px;}

#resources{border: none; font-size: .8em; margin: 0px auto 20px auto; padding: 0px auto 0px auto; overflow: auto; width: 80%;}
.companyname{margin: 0px 0px 25px 0px; padding: 0em; text-align: left;}
.companyname p{margin: 0em; padding: 0em;}

.leftresources{border: none; float: left; margin: 0px 30px 0px 105px; padding: 0px auto 0px auto; width: 35%;}
.rightresources{border: none; float: left; margin: 0px auto 0px auto; padding: 0px auto 0px auto; width: 40%;}

.ourstorypic{border: none; float: right; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 20px; width: 450ps; height: 250px;}

#sectionrightstory{border: none; float: left; font-size: .9em; margin: 0px auto 60px 45px; padding: 0px 0px 0px 0px; width: 700px; text-align: left;}
#sectionrightstory .philosophylist ul{list-style-type: disc; margin: 0px 0px 25px 0px; padding: 0px;}
#sectionrightstory .philosophylist li{margin: 0px 0px 25px 0px; padding: 0px;}
#sectionrightstory p{float: left; font-size: 1em; margin: 0px 0px 30px 0px; padding: 0px; text-align: left; width: /00px;}

/*about this site*/
#aboutthissite{border: none; margin: 0px auto 80px auto; padding: 0em; text-align: left; width: 600px;}
.pagetitleabthsi{display: block; margin: 40px auto 20px auto; padding: 0px auto 0px auto; width: 591px; height: 51px;}

/*site map*/
#sitemap{border: none; margin: 0px auto 80px auto; padding: 0em; text-align: left; width: 700px;}
#sitemap ul{margin: 0px 0px 50px 0px; padding: 0px;}
.pagetitlesitemap{display: block; margin: 40px auto 20px auto; padding: 0px auto 0px auto; width: 303px; height: 54px;}

.nav1{border: none; margin: 0px 0px 50px 0px; padding: 0px 0px 0px 0px;}
.nav1 li{display: inline; margin: 0px 0px 30px 0px; padding: 0px;}

.nav2{margin: 0px 0px 50px 0px; padding: 0px 0px 0px 0px;}
.nav2 li{display: inline; margin: 0px; padding: 0px;}

.nav3{margin: 0px 0px 50px 0px; padding: 0px 0px 0px 0px;}
.nav3 li{display: inline; margin: 0px; padding: 0px;}

.nav4{margin: 0px 0px 50px 0px; padding: 0px 0px 0px 0px;}
.nav4 li{display: inline; margin: 0px; padding: 0px;}

.nav5{margin: 0px 0px 50px 0px; padding: 0px 0px 0px 0px;}
.nav5 li{display: inline; margin: 0px; padding: 0px;}