/* ++Default++ */

* {margin:0; padding:0;}

h1, h2, h3, p, pre, blockquote, form, fieldset, table, ul, ol {margin:1.0em 0;}
img {border:0;}
body {
font: 62.5%/1.4 tehoma, verdana, sans-serif;
color:#fff;
margin:4px 0;
background:#444;
}

ul, ol {
margin-left:26px;
}
ol {
margin-left:30px;
}
ul.fseries { margin-left:50px;}

/* ++Font Sets++ */
p {
font-size:1.2em;
line-height:1.6em;
margin-bottom:2.0em;}
h1 {
font-size:1.5em;
line-height:1.4em;
font-weight:bold;
color:#fff;
}
h2 {
font-size:1.3em;
line-height:1.3em;
font-weight:bold;
color:#fff;
}
h2 span {font-weight:normal;}
li {
font-size:1.1em;
}
em {font-weight:bold; color:#cceeff;}

hr {clear:both; color:#999; border:none; background:#999; height:1px;}

.answer {margin-left:20px;}
.btt {font-size:1.1em; clear:both;}
.clear {clear:both;}
.img-r {float:right; margin-left:12px; clear:right;}
.img-r2 {float:right; margin:0 30px; clear:right;}
.img-rq {float:right; margin-left:12px; clear:right; border:1px solid #999;}
/*.required {border:1px solid #cceeff;}*/
.min {background-color:#444;}
.navbg {background-color:#AE000B;}
.main-bg {background:url(images/contain-bg2.jpg) 0px -75px repeat-x; background-color:#555555;}
.prod-img {float:left; margin:8px 30px 4px 0; vertical-align:top;}
.prod-img img {border:1px solid #ccc;}
.prod-info {float:left; vertical-align:top;}
.prod-hr {height:2px; color:#ccc; background:#ccc; border:none;}
.contactform {border:none;}
.cells {padding:0 1px 3px 0;}

#main-contain {width:82%;min-width:776px;max-width:933px;text-align:center;margin:0 auto;background:url(images/contain-bg2.jpg) 0px -11px repeat-x;background-color:#555555;}
#txtcontent {text-align:left;}
#banner {background:url(images/tenmat-fire-rated-covers.gif) no-repeat top left;}
#nav {width:160px;background:url(images/column-bg.gif) bottom left repeat-y transparent;}
#space1 {width:2%; background:url(images/contain-bg2.jpg) 0px -75px repeat-x;background-color:#555555;}
#space2 {width:1%; background:url(images/contain-bg2.jpg) 0px -75px repeat-x;background-color:#555555;}
#space3 {width:4%; background:url(images/contain-bg2.jpg) 0px -75px repeat-x;background-color:#555555;}
#space4 {width:5%; background:url(images/contain-bg2.jpg) 0px -75px repeat-x;background-color:#555555;}
#hm-content {width:100%; margin:0 auto; text-align:center;}




/* ++Container++ */

/* IE hacks to set min-width */
* html .minwidth {
	border-left:776px solid #555;
}
* html .container {
	margin-left:-776px;
}
/*\*/
* html .minwidth, * html .container {
	height: 1px;
}
/**/


#column {
background:url(images/column-bg.gif) bottom left repeat-y transparent;
}


/* ++Branding++ */

#brand {
width:100%;
height:64px;
background-color:transparent;
font:bold 1.5em tahoma, verdana, sans-serif;
color:#ccc;
position:relative;
}
#brand span {
position:absolute;
width:100%;
height:100%;
background:url(images/tenmat-fire-rated-covers.gif) no-repeat top left;
}

/* ++Anchors++ */

a:link, a:hover, a:visited {color:#fff;}
/* ++Main Content++ */

#main-content {
float:left;
vertical-align:top;
margin-top:8px;
}

#l-l {
float:left;
clear:left;
margin:0;
font-weight:bold;
font-size:1.0em;
color:#fff;
vertical-align:top;
line-height:1.9em;
}
#l-r {
float:right;
clear:right;
margin:0;
font-weight:bold;
font-size:1.0em;
color:#fff;
vertical-align:top;
text-align:right;
line-height:1.9em;
}


/* ++Sub Content++ */
#features {
width:213px;
margin-top:12px;
padding-bottom:1px;
float:right;
background:url(images/feature-bg.gif) repeat-y top left;
vertical-align:top;
}
#features p {
font:1.2em arial, sans-serif;
margin:0;
padding:0;
}
#features a {
font:bold 1.3em tehoma, verdana, sans-serif;
color:#fff;
margin:0;
padding:4px 4px 1px 4px;
text-decoration:none;
display:block;
}
#features a:hover {
font:bold 1.3em tehoma, verdana, sans-serif;
color:#fff;
margin:0;
padding:4px 4px 1px 4px;
text-decoration:underline;
}
#feature-i, #feature-ii, #feature-iii, #feature-iv, #feature-v {
width:181px;
background:#074a62;
margin:5px;
border:1px solid #999;
}
.img-feature {
display:block;
width:174px;
margin:0 auto 2px auto;
text-align:center;
}


/* ++Footer++ */

#footer {
background-color:#333;
clear:both;
margin:0;
padding:2px;
border-top:1px solid #222;
}
#footer ul {
font:bold 1.1em arial, sans-serif;
margin:0 15px;
color:#777;
}
#footer li {
list-style:none;
}
#footer li a {
color:#777;
text-decoration:none;
}
#footer li a:hover {
color:#999;
text-decoration:underline;
}
#footer li.ll {
float:left;
margin:2px 0 3px 0;
}
#footer li.lr {
float:right;
margin:2px 0 3px 0;
}


table {
border-spacing: 0;
border-collapse: collapse;
}
td {text-align:left;}



/* ++Nav++ */
#main-nav {
width:160px;
float:left;
font:bold 1.0em tahoma, verdana, sans-serif;
color:#333;
}
#main-nav ul {
margin:0;
padding:0;
list-style:none;
border-top:22px solid #074a62;
background-color:#074a62;
}
#main-nav li {
border-bottom:2px solid #074a62;
}
#main-nav li a {
display:block;
padding:7px 0px 7px 15px;
background:url(images/nav-default.gif) no-repeat top left #046486;
color:#fff;
text-decoration:none;
}
#main-nav li a:hover {
display:block;
padding:7px 0px 7px 15px;
background:url(images/nav-over.gif) no-repeat top left #177a9d;
color:#fff;
}

#homepage #main-nav .homepage a,
#about #main-nav .about a,
#products #main-nav .products a,
#certifications #main-nav .certifications a,
#code #main-nav .code a,
#faqs #main-nav .faqs a,
#request-quote #main-nav .request-quote a,
#contact #main-nav .contact a {
display:block;
padding:7px 0px 7px 15px;
background:#0a5f7e;
color:#eee;
cursor:default;
}

#international {
background-color:#500209;
margin:7px 0 108px 0;
padding:7px 2px 7px 15px;
}
#international img {
vertical-align:middle;
margin:1px 0;
}
#international a {
text-decoration:none;
color:#fff;
vertical-align:middle;
}
#international a:hover {
text-decoration:underline;
color:#fff;
vertical-align:middle;
}

#international-secondary {
font-weight:normal;
background:url(images/tenmat-mini.gif) 4px 14px no-repeat #500209;
color:#fff;
margin:7px 0 108px 0;
padding:5px 1px 2px 34px;
}
#international-secondary a {
text-decoration:none;
color:#fff;
vertical-align:middle;
}
#international-secondary a:hover {
text-decoration:underline;
color:#fff;
vertical-align:middle;
}

.preload {
width:0px;
height:0px;
overflow:hidden;
position:absolute;
top:-100px;
left:-100px;
}

a.products {text-decoration:none;}
a.products span {text-decoration:underline;}