﻿body { color:#333; font-family: arial; }
h1{color:#333333}
h2{font-size:1.5em; font-weight:bold}
h3{font-size:1.3em; font-weight:bold}

p{font-size:1.1em }
td {vertical-align:top}
.righthr{padding-left:2px}
hr {height:1px; border:0px; background-color:#999999; color:#999999; margin-right:10px; margin-left:0px; margin-bottom:10px;}
.option{border:1px solid #ccc; width:180px; font-size:1.1em; color:black; font-weight:bold}
.option .selected {padding-left:5px}

/*** style for corporate banner links ***/
.corpbanner{padding: 5px 0 0 480px; color:#adadad;  height:20px;}
.corpbanner ul{margin-left: 0; padding-left: 65px; display: inline;}
.corpbanner ul li{padding: 3px 5px; list-style: none; display: inline; font-size:1.1em;}
.corpbanner ul li img{vertical-align:middle;}
.corpbanner a { color: #adadad; text-decoration: none; font-size: 1em; }

/*** style for main menu links ***/
.mainmenu {border:0px; background-color:#333; color:#fff; text-transform:uppercase; height: 20px; padding-top:8px; }


.mainmenu ul {margin-left: 0; padding-left: 65px; display: inline; color: #fff;} 
.mainmenu ul li {padding: 3px 10px;	list-style: none; display: inline; font-size:1.1em; color: #fff; }
.mainmenu a:link { color: #fff; text-decoration: none; font-size: 1em;}
.mainmenu a:visited { color: #fff; text-decoration: none; font-size: 1em;}
.mainmenu a:hover { color: #fff; text-decoration: none; font-size: 1em;}
.mainmenu a:active { color: #fff; text-decoration: none; font-size: 1em;}

#flash{background-image:url(/images/right_background.jpg); height:362px; }
.subflash{width:800px;background-color:#333; height:131px; } /* */
/*** style for the left nav links ***/

.leftnav{color:#666; padding:134px 12px 0px 42px; width:135px; }
.leftnav_blowout{color:#666; padding:234px 12px 0px 42px; }
.leftnav ul, .leftnav_blowout ul {margin-left: 0; padding-left: 0; display:block;} 
.leftnav ul li, .leftnav_blowout ul li {padding-left: 0px; padding-bottom:6px;	padding-right: 5px; list-style: none; display: block; margin:0; line-height:10pt; font-size:1.2em}
.leftnav a:link, .leftnav_blowout a:link { color: #666; text-decoration: none; font-size: .95em;}
.leftnav a:visited, .leftnav_blowout a:visited { color: #666; text-decoration: none; font-size: .95em;}
.leftnav a:hover, .leftnav_blowout a:hover { color: #ef3028; text-decoration: none; font-size: .95em;}
.leftnav a:active, .leftnav_blowout a:active { color: #666; text-decoration: none; font-size: .95em;}
.leftnav h1, .leftnav_blowout h1 {padding:0px 0px 3px 0px; font-size:1.1em; font-weight:bold; color:#000000;}
.leftnav ul li a#selected{color:Red; }
.leftnav_blowout ul li a#selected{color:Red; }

.leftnav_portfolio{color:#666; padding:0 0 0 42px; position:absolute; top:325px; width:142px; }
.leftnav_portfolio ul {margin-left: 0; padding-left: 0; display:block;} 
.leftnav_portfolio ul li { padding-bottom:6px; padding-left: 0px;	padding-right: 5px; list-style: none; display: block; margin:0; line-height:10pt; font-size:1.2em}
.leftnav_portfolio a { color: #666; text-decoration: none; font-size: .95em;}
.leftnav_portfolio a:hover { color: #ef3028; text-decoration: none; font-size: .95em;}
.leftnav_portfolio h1 {padding:0px 0px 3px 0px; font-size:1.1em; font-weight:bold; color:#000000;}

/*collapse and expand the menu*/
.leftnav_portfolio ul li ul.collapseme {display:block; overflow:hidden; }
.leftnav_portfolio ul li ul { display:none; }
.leftnav_portfolio ul li.expanded ul { display:block; }
.leftnav_portfolio ul li a#selected{color:Red; }
/*collapse and expand the menu*/

/*** style for the subpage main content ***/
.leftcurve{background: #333 url(/images/left_curvebkg.jpg) repeat-y; width:30px; }
.tablebkg{background-color:#333}

.leftcolumn{vertical-align:top; width:188px}
.leftcolumn_sub{background:transparent url(/images/tenara_logo.jpg) no-repeat top;width:188px; float:left; }/* vertical-align:bottom*/
.leftcolumn_blowout{width:188px; position:absolute; top:91px; z-index:2;}

.rightcolumn{ background-color:#333; width:100% ; color:#fff; vertical-align:top; padding-top: 60px;margin-right:auto;}
.rightcolumn_blowout{ background-color:#333; width:100% ; color:#fff; vertical-align:top; padding-top: 60px;margin-right:auto; padding-left:1px; }
.rightcolumn_gallery{ background-color:#333; width:100% ; color:#fff; vertical-align:top; padding-top: 60px;margin-right:auto;}

.rightcolumn p, .rightcolumn_blowout p{padding: 0 0 10px 20px; width:125px; line-height:1.3em;  }
.rightcolumn h1, .rightcolumn_blowout h1{font-size:1.2em; font-weight:bold; color:#fff; padding:10px 0 0px 20px; }
.rightcolumn h2, .rightcolumn_blowout h2{font-size:1.1em; font-weight:bold; padding:0 0 0 16px; }
.rightcolumn ul, .rightcolumn_blowout ul {margin-left: 0; padding-left: 0; display:block;padding-left:20px} 
.rightcolumn ul li, .rightcolumn_blowout ul li {list-style: none; display: block; margin:0; line-height:13pt; font-size:1.2em}
.rightcolumn a:link, .rightcolumn_blowout a:link, .rightcolumn a:visited, .rightcolumn_blowout a:visited
 { color: #fff; text-decoration: none; font-size:.95em; }
.rightcolumn a:hover, .rightcolumn_blowout a:hover {text-decoration:underline; }

.rightcolumn_gallery p{padding: 0 0 10px 20px; width:125px; line-height:1.3em;  }
.rightcolumn_gallery h1{font-size:1.2em; font-weight:bold; color:#fff; padding:10px 0 0px 20px; }
.rightcolumn_gallery h2{font-size:1.1em; font-weight:bold; padding:0 0 0 16px; }
.rightcolumn_gallery ul{margin-left: 0; padding-left: 0; display:block;padding-left:20px} 
.rightcolumn_gallery ul li{list-style: none; display: block; margin:0; line-height:13pt; font-size:1.2em}
.rightcolumn_gallery a:link, .rightcolumn_gallery a:visited{ color: #fff; text-decoration: underline; font-size:1.0em; }
.rightcolumn_gallery a:hover{text-decoration: none;}

.rightcolimg img{padding-left:20px}

.submaincontent, .Lsubmaincontent{width:2000px; border-right:1px solid #242424; background-color:#333; line-height:10pt;  color:#fff; vertical-align:top; padding-top:15px; }/*width:662px;*/
.submaincontent h1, .Lsubmaincontent h1{font-size:1.5em; color:#fff; font-weight:bold; padding: 15px 0px 10px 0px; line-height:1.2em;  }
.submaincontent h2, .Lsubmaincontent h2{font-size:1.5em; color:#fff; font-weight:bold; padding: 15px 10px; line-height:1.2em;  }
.submaincontent p, .Lsubmaincontent p{padding:5px 0; font-size:1.2em; line-height:12pt;} 
.submaincontent a:link, .submaincontent a:visited{color:#ffffff; text-decoration:underline; font-size:1.0em }
.submaincontent a:hover{ text-decoration:none; }
.Lsubmaincontent a:hover, .Lsubmaincontent a:link, .Lsubmaincontent a:visited{color:red; text-decoration:none; font-size:1.0em }

.subGmaincontent{width:632px; height: 500px; border-right:1px solid #242424; background-color:#333; line-height:10pt;  color:#fff; vertical-align:top; padding-top:15px; }/*width:662px;*/
.subGmaincontent h1{font-size:1.5em; color:#fff; font-weight:bold; padding: 15px 0px 10px 0px; line-height:1.2em;  }
.subGmaincontent h2{font-size:1.5em; color:#fff; font-weight:bold; padding: 15px 10px; line-height:1.2em;  }
.subGmaincontent p{padding:5px 0; font-size:1.2em; line-height:12pt;} 
.subGmaincontent a:link, .subGmaincontent a:visited {color:#ffffff; text-decoration:underline; font-size:1.0em }
.subGmaincontent a:hover{ text-decoration:none; }

.subcontent {font-size:.95em; float: left; padding:25px 15px; }
.subleftcontent{font-size:.95em; float:left; width:370px; padding: 0 18px 25px 18px; margin-top:25px; }
.subleftcontent img{ padding:0 7px 20px 0; }

.landingimages img {padding:7px}
.landingimages h1 {font-size:1.1em; font-weight:normal; padding:0px 5px 15px 0px; text-align:right; }
.subleftcontent-portfolio{width:400px; 
/* KWS removed this on 5-14-2009 because it was cutting off content in Firefox and IE7. height: 500px;  */
font-size:.95em; float:left; padding: 0 18px 25px 18px; margin-top:25px; border-right: solid 1px #242424}
.subleftcontent-portfolio img{padding:3pt; border:solid 1px #333333; }
.subleftcontent-portfolio img:hover{border:solid 1px white; }

.subrightcontent{ font-size:.95em; text-align:right; float: left; padding-left:15px; padding-top:25px; border-left: solid 1px #242424}
.subrightcontent_portfolio{ color:#cccccc; font-size:.95em; text-align:left; float: left; padding:25px 0 0 25px; width:166px; }
.subrightcontent_portfolio h1{font-size:1.5em; font-weight:bold; padding:0px 0px 0px 0px;}
.subrightcontent_portfolio h2{font-size:1.3em; font-weight:bold; padding:15px 0 5px 0}
.subrightcontent_portfolio p{line-height:1.2em; padding:0; }
.subrightcontent_portfolio a:link, .subrightcontent_portfolio a:visited{color:#cccccc; font-size:.95em; text-decoration:none; }
.subrightcontent_portfolio a:hover {text-decoration:underline; }

.boxheader{background:url(/images/thebox.jpg) no-repeat; height:22px; padding-top:5px; margin-left:7px; }

.subbottomcurve{background:url(/images/sub_bottom_curve.gif) no-repeat; height:37px; }
.subbottomcurve_portfolio{background:url(/images/sub_bottom_curve3.gif) no-repeat; height:37px; }

/*** style for main body ***/
.middlewrapper{background:url(/images/bkgextender.jpg) repeat-x; height:120px; }
.bkgextender {background: #fff url(/images/bkgextender.jpg) repeat-x}
.subbkgextender {background-color: #333; margin-right:auto; }
.leftaccent{background:#FFFFFF url(/images/bottom_accent.jpg) no-repeat scroll left bottom; width: 188px;}
.subleftaccent{background:#FFFFFF url(/images/bottom_accent.jpg) no-repeat scroll left bottom; position:static;
z-index:1300;}

.maintable{width: 100%; padding: 0; border: 0; border-collapse: collapse;}

.firstbox{ white-space:normal; background:#333333 url(/images/curved_box.gif) repeat-y; color:#fff; width: 442px; vertical-align:top; margin:0pt; padding:0pt;}
.firstboxbottom {background:white url(/images/curved_box_bottom.gif) no-repeat; margin:0; padding:0; height:12px; width: 442px; }
.firstbox h1, .secondbox h1{font-family:Impact; font-size:2.6em; text-transform:uppercase;  letter-spacing:1pt;color:#fff; padding:0 30px 5px 25px}/**/
.firstbox h2, .secondbox h3{font-size:1.4em; font-weight:bold; padding:14px 30px}
.secondbox h2{font-size:1.6em; font-family:Myriad Pro; font-weight:bold; padding:0px 0px 10px 30px }
.firstbox p, .secondbox p{  line-height:1.2em;font-size:1.1em; padding:0px 20px 10px 30px; }
.firstbox a:link, .firstbox a:visited,.firstbox a:hover
.secondbox a:link, .secondbox a:visited,.secondbox a:hover{color:#fff; text-decoration:none; font-size:1.1em}
.secondbox{background: #000 url(/images/light_transmission.jpg) no-repeat; color:#fff; width: 369px;}
td.secondbox img{padding:15px 30px}

.thirdbox{padding-top: 10px;  padding-left:27px; width: 415px;}
.thirdbox h1, .fourthbox h1{font-family:Impact; font-size:1.8em; text-transform:uppercase; padding-bottom:5px  }

.fourthbox{border-left: 1px solid #ADADAD; border-right: 1px solid #ADADAD;  padding-top: 10px; padding-left:13px;  }
.fourthbox h1 {}
.fourthbox p{ margin-top:10px; font-size:1.1em; padding:0 70px 0 20px}
.fourthbox img{vertical-align:middle; padding-left:20px }

.thirdbox a:link, .thirdbox a:visited,.thirdbox a:hover
.fourthbox a:link, .fourthbox a:visited,.fourthbox a:hover{color:#000; text-decoration:none; font-size:1.1em}
.bottomcurve{height:7px; background-image:url(/images/bottom_curve.jpg); background-repeat: no-repeat;}

/*** style for footer links ***/
.footer{color:#666666; padding:15px 0px 0px 22px;}
.footer ul {margin-left: 0;	padding-left: 0; display: inline;} 
.footer ul li {	padding-left: 4px;	padding-right: 4px; border-left: 1px solid #adadad;	font-size:1.1em; list-style: none; display: inline; margin:0; line-height:10pt; }
.footer ul li.first {border-left: none;	list-style: none; display: inline;}
.footer a:link { color: #666666; text-decoration: none; font-size:1em; }
.footer a:visited { color: #666666; text-decoration: none; font-size:1em; }
.footer a:hover { color: #666666; text-decoration: none; font-size:1em; }
.footer a:active { color: #666666; text-decoration: none; font-size:1em; }

.subfooter{color:#666666; padding:15px 0 0 230px; z-index:1200; position:relative; }
.subfooter ul {margin-left: 0;	padding-left: 0; display: inline;} 
.subfooter ul li {	padding-left: 4px;	padding-right: 4px; border-left: 1px solid #666666; font-size:1.1em; list-style: none; display: inline; margin:0; line-height:10pt; }
.subfooter ul li.first {border-left: none;	list-style: none; display: inline;}
.subfooter a { color: #666666; text-decoration: none; font-size:1em; }
.subfooter a:visited { color: #666666; text-decoration: none; font-size:1em; }

.footer_blow_curve{background:url(/images/footer_blow_curve.jpg) no-repeat; height:20px; width:815px; 
	margin-left:195px; z-index:1100; position:relative;}
.expandblack, .expandwhite  { margin-right: auto; }
.expandblack { background-color: #000; }
.expandwhite { background-color: #fff; }

.getinspired{width: 340px; }
.getinspired p { padding: 0 10px 0 10px; }
.getinspired tr td{padding-bottom:10px}

.subpagecontent { width: 100%; }

.gorelogo {	position: absolute;	top:197px; left:32px;}
.gorelogo_blowout {	position: absolute;	top:106px; left:32px;}

.formwrap {width:300px; text-align: right; padding:3px; font-size: 1.2em; vertical-align: top;}
textarea { vertical-align: top; }

/*** additinal ID's for the blowout page ***/
#BlowOut{background-image: url(/images/flash-back.jpg);width: 849px; height: 502px; overflow:hidden; position:relative;padding-top:52px;}/*padding-top:52px; position:relative*/
#BlowOut a:link, #BlowOut a:visited{color:#fff; font-size: 1.1em; text-decoration:underline; }
#BlowOut a:hover{text-decoration:none; }
.Panel{	background-image: url(/images/panel.png); width: 592px;	height: 485px; margin-top: 477px;margin-left: 220px;
	position:relative; }
.Panel div{	padding: 40px; color: #fff;}
.PanelText p {line-height:1.5em; }
.PanelText h2{font-size:20px; color:#fff; padding-bottom:10px;  }
.PanelText h1{font-size:28px; color:#fff; padding-bottom:10px;  }
.PanelText ul{list-style-type:square; }
.PanelText ol {list-style-type:decimal; }
.PanelText a:link, .PanelText a:visited{color:white; text-decoration:underline; font-size:1.0em }
.PanelText a:hover{ text-decoration:none; }
.blackoverlap {background: url(/images/blackborder.jpg); left:188px; top:594px;width:662px; height:21px; position:absolute; z-index:1200}/*top:594px;*
/*** additinal ID's for the blowout page ***/


.VideoBox{	 width: 1000px;	height: 1000px; margin-top: 20px;margin-left: 200px;position:relative; }
.VideoBox div{	padding: 5px; color: #fff;}
.VideoBoxText p {line-height:1.5em; }
.VideoBoxText h2{font-size:20px; color:#fff; padding-bottom:5px;  }
.VideoBoxText h1{font-size:28px; color:#fff; padding-bottom:5px;  }
.VideoBoxText ul{list-style-type:square; }
.VideoBoxText ol {list-style-type:decimal; }
.VideoBoxText a:link, .PanelText a:visited{color:white; text-decoration:underline; font-size:1.0em }
.VideoBoxText a:hover{ text-decoration:none; }

/* Why Tenara image */

.why_tenara_img {padding-right: 15px; padding-left: 10px; float: left; padding-bottom: 10px; padding-top: 10px}

/* FAQ */
#faq li {line-height: 1.5em; font:11px arial, sans serif; color:#fff; padding: 3px 0px 3px 0px ; } 
dl{margin-top: 15px;} 
dt strong { font: 11px arial, sans serif; color: #fff; font-weight: bold;} 
dd {margin-top: 10px; font: 11px arial, sans serif; color:#fff; line-height: 1.3em}

/* Project Gallery Landing Page */
/* .gallerylanding_img {float: left; width: 200px; height: 140px; padding: 10px 0px;} */
.gallerylanding_img {
float:left;
height:190px;
padding:10px 0;
width:200px;
}
/* Contact Us Page */
.requiredField { color:#ff0000; } 
.select {font: 11px arial, sans serif; color:#333;} 
.dis {font: 10px arial, sans serif; color: #333; margin-top:10px} 
legend {font: 11px Arial, Helvetica, sans-serif bold; color:#fff; margin-bottom:10px;}

/* Sustainable Design */
.sd {margin-top: 10px;}
.bulleted{margin-left: 30px; margin-top:10px; margin-bottom: 10px;}
.bulleted li{font: 11px Arial, Helvetica, sans-serif bold; color:#fff; list-style:circle;}


