/* CSS Document */

/*CSS Reset Reloaded*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit;font-style: inherit; font-size: 100%; font-family: Arial; vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1; color: black; background: white; font-size:100.01%; }
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q {quotes: "" "";}



/*hack to show png transparency*/
#type1 {/* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='door.png');
}
/* IE ignores styles with [attributes], so it will skip the following. */
.type2[class] {background-image:url(/door.png);}

/*Global Styling*/
body{background:url(/images/main-bg.gif) repeat-x #fff; font-family:'Trebuchet MS', Verdana, Arial, Sans-Serif; font-size: 11px;}
#skiplinks{display:none;}
a:link {color: #ff9900; text-decoration:underline}
a:visited {color: #666; text-decoration:underline}
a:hover {color: #ff9900; text-decoration:none}
h1, h2, h3, h4, h5, h6{font-weight:normal; font-family:'Trebuchet MS', Verdana, Arial, Sans-Serif;}
h2{font-size:18px}
h3{font-size:14px}
h4{font-size:12px}
h5{font-size:10px}
h6{font-weight:bold}

/*Layout */
#wrapper{width:100%; height:100%;}
#content-box{width:800px; padding:0; margin:0 auto;}
.head-sectional{background:url(/images/head-sectional.gif)0 0 no-repeat; height:30px; width:340px; text-indent:-9999px;}
.head-roller{background:url(/images/head-roller.gif)0 0 no-repeat; height:30px; width:340px; text-indent:-9999px;}
#page-heading{width:755px; height:30px; padding:20px 20px 0 25px;}

/*sectional and roller boxes*/
#choose-type{width:800px; padding:0; margin:0 auto; clear:both;}

#type1{width:345px; height:95px; float:left; background:url(/images/door-panelled.png) 0 0 no-repeat; padding:170px 6px 0px 20px; margin:10px 10px 0 16px; color:#fff; font-weight:bold; line-height:16px;}

#type2{width:345px; height:95px; float:left; background:url(/images/door-ribbed.png) 0 0 no-repeat; padding:170px 6px 0px 20px; margin:10px 10px 0 16px; color:#fff; font-weight:bold; line-height:16px;}

#type3{width:345px; height:95px; float:left; background:url(/images/door-roller.png) 0 0 no-repeat; padding:170px 6px 0px 20px; margin:10px 10px 0 16px; color:#fff; font-weight:bold; line-height:16px;}

#type4{width:345px; height:95px; float:left; background:url(/images/door-insulated.png) 0 0 no-repeat; padding:170px 6px 0px 20px; margin:10px 10px 0 16px; color:#fff; font-weight:bold; line-height:16px;}

#type1 h2, #type2 h2, #type3 h2, #type4 h2{font-weight:bold; color:#333; text-indent:-9999px;}

.quote{width:143px; height:40px; background:url(/images/quote.gif) 0 0 no-repeat;  float:right; margin:3px 10px 0 0;}
.quote a{width:143px; height:40px; display:block;}
.quote strong{display:none;}
.choose-text{width:180px; height:36px; float:left; padding-top:4px;}

/*bottom boxes*/
#bottom-boxes{width:790px; height:90px; padding:0 5px 0 5px; margin:0 auto; clear:left;}
#bottom-boxes strong{display:none;}
#box1{width:221px; height:70px; float:left; background:url(/images/bottombox5.gif) 0 0 no-repeat; padding:10px 10px 10px 10px; margin:0 10px 0 19px; color:#fff;}
#box1 h2, #box1 h2 a, #box2 h2, #box2 h2 a, #box3 h2, #box3 h2 a{display:block; width:221px; height:70px; text-indent:-9999px;}

#box2{width:221px; height:70px; float:left; background:url(/images/bottombox2.gif) 0 0 no-repeat; padding:10px 10px 10px 10px; margin:0 10px 0 5px; color:#fff; display:block;}
#box3{width:221px; height:70px; float:left; background:url(/images/bottombox3.gif) 0 0 no-repeat; padding:10px 10px 10px 10px; margin:0 10px 0 5px; color:#fff; display:block;}

/*mast*/
#mast{height:69px; width:800px; margin:0 auto;}
#mast h1, #mast h1 a{text-indent:-1000px; margin:0 0; padding:0; background:url(/images/logo.gif) 0 0 repeat-x; border:0; display:block; height:69px; width:323px;}
#logo{float:left; width:323px; height:69px;}
/*#mast-nav{width:112px; height:44px; float:right; margin:25px 20px 0 0; background:url(/images/mast-nav-bg.gif) no-repeat; font-size:10px; font-weight:bold; color:#ffffff;}*/
#mast-nav{width:286px; height: 44px; float:right; margin:25px 20px 0 0; background: url(/images/mast-nav-bg.gif) 170px 0 no-repeat; font-size:10px; font-weight:bold; color:#ffffff;}

/*google button*/
#google-button{width:170px; height:43px; padding:0!important;}

#mast-nav ul {list-style:none; border:none; margin:0; padding:0;}
#mast-nav li {display: inline; float: left; padding:5px 0 5px 5px;}
#mast-nav li a {display: block;  text-decoration: none; color:#fff;}
html>body #mast-nav li a {width: auto;}
#mast-nav li a:hover {color: #ff9900;}

/*header*/
#head-content{height:152px; width:800px; margin:0 auto;  background:url(/images/header-sect1.jpg) 0 0 no-repeat; }
#head-content2{height:152px; width:800px; margin:0 auto;  background:url(/images/header-roller1.jpg) 0 0 no-repeat; }
#breadcrumb-strip{width:770px; height:26px; margin:0 auto; padding:10px 0 0 30px; color:#fff; font-weight:bold;}

/*footer*/
#footer-wrap {width:100%; height:160px; background:url(/images/footer-bg.gif) repeat-x; text-align:center; clear:both;}
#footer {width:800px; height:120px; margin: 0 auto; padding-top:20px; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#CCCCCC;background:transparent url(/images/cards.gif) no-repeat scroll 0;}
#footer p{margin-top:10px;}

#footer ul {list-style:none; border:none; margin:0;	padding: 5px 0 0 0;}
#footer li {display: inline;}
#footer li a {display: inline; padding: 0 6px 0 6px; text-decoration: none; color:#fff;}
html>body #footer li a {width: auto;}
#footer li a:hover {color: #ff9900;}

/*main navigation*/
#nav{width:800px; height:31px; margin:0 auto;/*padding: 6px 0 0 6px;*/	background: url(/images/nav-up.gif) 0 0 no-repeat;}
#nav ul {list-style: none;	border: none; margin:0;	padding: 0 0 0 0;}
#nav li {display: inline; float: left;}
#nav li a {display: block; padding: 15px 0 15px 0; text-decoration: none; color:#fff;}
/*html>body #nav li a {width: auto;}*/
#nav li a:hover {color: #ff0000;}

li#nav1 a {width: 65px;}
li#nav2 a {width: 177px;}
li#nav3 a {width: 160px;}
li#nav4 a {width: 83px;}
li#nav5 a {width: 82px;}
li#nav6 a {width: 94px;}
li#nav7 a {width: 80px;}
li#nav8 a {width: 59px;}

/*65 177 160 83 82 94 80 59*/
li#nav1 a:hover { background: url(/images/nav-ovr.gif) 0px 0px no-repeat;}
li#nav2 a:hover { background: url(/images/nav-ovr.gif) -65px 0px no-repeat;}
li#nav3 a:hover { background: url(/images/nav-ovr.gif) -242px 0px no-repeat;}
li#nav4 a:hover { background: url(/images/nav-ovr.gif) -402px 0px no-repeat;}
li#nav5 a:hover { background: url(/images/nav-ovr.gif) -485px 0px no-repeat;}
li#nav6 a:hover { background: url(/images/nav-ovr.gif) -567px 0px no-repeat;}
li#nav7 a:hover { background: url(/images/nav-ovr.gif) -661px 0px no-repeat;}
li#nav8 a:hover { background: url(/images/nav-ovr.gif) -741px 0px no-repeat;}

#nav ul li strong {display: none;}

/*current page highlight*/
#nav #active{color:#ff2a00;}