@charset "UTF-8";
/* CSS Document */

/***RESET: alter to suit your purposes for a specific website***/
html, body, div, span, object, h1, h2, h3, h4, h5, p, blockquote, acronym, em, img, small, strike, strong, sub, sup, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{ padding:0; margin:0; border:0; outline:0; line-height:100%; background-color:transparent; }


body { background:#fff url(images/bkgrd_body.gif) 500px 0 no-repeat; text-align:left; font-size:12px; font-family:arial,helvetica,sans-serif; color:#6d6e71; }
p.skiptocontent { position:absolute; left:-3000px; }

a:link { color:#6d6e71;outline:0; }
a:visited { color:#6d6e71;outline:0; }
a:hover { color:#00abb6;outline:0; }

/**for paragraphs (other uses of this class may require different background position)**/
a.download:link,a.download:visited { white-space:nowrap; padding-right:18px; background: url(images/3dotsHZ.png) 100% 2px no-repeat;outline:0; }
a.download:hover { background-position:100% -46px; }

a.offsite { padding-left:14px; background: url(images/offsite.gif) 0 1px no-repeat; }

h2 { font-weight:normal; color:#231f20; font-size:28px; line-height:30px; margin:0 0 10px 0; padding-top:80px; }
h3 { color:#414042; font-size:11px; line-height:15px; margin:0 0 11px 0; padding:9px 0 0 0; text-transform:uppercase; }
p { font-size:12px; line-height:17px; margin:0 0 10px 0; }
	p.lead { font-size:16px; line-height:24px; margin:0 0 10px 0; }
	p.caption {  }
	p.prelist { margin:0 0 4px 0; }
	
#wrapper { width:907px; text-align:left; margin:0 0 12px 0; }

/*HEADER*/
#header { height:115px; width:907px; display:block; margin:0; padding:0; position:relative; }
#header img { float:left; display:inline; }

p.marketnav { white-space:nowrap; float:right; display:inline; margin:12px 0 0 0; font-size:10px; line-height:130%; letter-spacing:.1em; text-transform:uppercase; }
p.marketnav a:link,p.marketnav a:visited {  margin:0 0 0 16px; text-decoration:none; padding:2px 7px 2px 7px; color:#777; background:transparent; }
p.marketnav a.navcurrent, p.marketnav a:hover { padding:0 5px 0 5px; border:2px solid #a6ce39; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px;}
p.marketnav a:hover { color:#000; }
.marketnav a { display:inline-block; }

/**sitenav**/
#sitenav { width:572px; height:20px; position:absolute; top:73px; right:-12px; } /*edit width for more or fewer items | right: safari is +4*/
.sitenav { visibility:visible; margin:0; padding:0; overflow:visible; width:572px; white-space:nowrap; list-style-type: none; } /*edit width for more or fewer items*/
.sitenav li {  display: inline; float:left; margin: 0; padding: 0; font-size:10px; letter-spacing:.1em; } /*.1em is minimum spacing that registers with safari*/
.sitenav li a, .sitenav li a#buttonnohover { float:left; display:inline; margin: 0 0 0 14px; padding:0; width:auto; text-decoration: none; text-transform: uppercase; white-space: nowrap; color: #58595b; background: url(images/sitenavRIGHT.png) 100% 0 no-repeat; }
.sitenav li a:hover, .sitenav li a#buttonhover { background-position: 100% -25px; color:#fff; cursor:hand; }
/*.sitenav li.current a, .sitenav li.current a#buttonnohover { color:#8aae2e; }
.sitenav li.current a:hover, .sitenav li.current a#buttonhover { color:#fff; }*/
.sitenav li.nodrop a:hover, .sitenav li.nodrop a#buttonhover { background-position: 100% -50px; }
.sitenav li.last { margin:0; }

#sitenav span { display:block; background: url(images/sitenavLEFT.png) 0 0 no-repeat; padding:  5px 21px 5px 10px; white-space:nowrap; cursor:hand; }
	#sitenav a:hover span, #sitenav a#buttonhover span { background-position:0 -25px; cursor:hand; }
	#sitenav a#buttonnohover span { background-position:0% 0; cursor:hand; }
	#sitenav li.nodrop a:hover span, #sitenav li.nodrop a#buttonhover span { background-position:0 -50px; cursor:hand; }
	
.sitenav ul { z-index: 100; position: absolute; top:20px; visibility: hidden;  margin: 0 0 0 14px; padding: 0; background: transparent; width:190px; }
.sitenav ul li { float: none; letter-spacing:0; font-size:11px; }
.sitenav ul li a:link,.sitenav ul li a:visited { display: block; width:175px; margin: 0; padding: 5px 0 5px 10px; font-weight: normal; text-align: left; text-transform: none; white-space: pre; color: #fff; background: url(images/droptop.png) 100% 0 no-repeat; }
.sitenav ul li a:hover { background-position: 100% -25px; }
.sitenav ul li.border a:link,.sitenav ul li.border a:visited { background: url(images/dropdownborders.png) 0 0 no-repeat; padding: 6px 0 5px 10px; }
.sitenav ul li.border a:hover  { background-position: 0 -25px; }
.sitenav ul li.border-bottom a:link, .sitenav ul li.border-bottom a:visited { background: url(images/dropdownborders190.png) 0 0 no-repeat; padding: 5px 0 6px 10px; }
.sitenav ul li.border-bottom a:hover  { background-position: 0 -25px; }

/**end heaader**/

/*BILLBOARD*/
#billboard { height:291px; width:907px; display:block;  margin:0; padding:0; position:relative; border-bottom:6px solid #fec24d; }
	#billboard h1.duratrackhz { font-size:18px; width:228px; height:64px; overflow:hidden; position:absolute; top:43px; right:0; text-indent: -9999px; /*letter-spacing : -1000em;*/ background: url(images/label_DuraTrackHZ.png) 0 0 no-repeat; } /*letter-spacing method instead of text-indent avoids horizontal scroll bar on "some" browsers*/
	div.home { background:#ccc url(images/header/array_home.jpg) 0 -6px no-repeat; }
	div.about { background:#ccc url(images/header/array_about.jpg) 0 -6px no-repeat; }
	div.contact { background:#ccc url(images/header/array_contact.jpg) 0 -6px no-repeat; }
	div.news { background:#ccc url(images/header/array_news.jpg) 0 -6px no-repeat; }
	div.design { background:#ccc url(images/header/duratrack_design.jpg) 0 -6px no-repeat; }
	div.flexible { background:#ccc url(images/header/duratrack_flexible.jpg) 0 -6px no-repeat; }
	div.installations { background:#ccc url(images/header/duratrack_installs.jpg) 0 -6px no-repeat; }
	div.main { background:#ccc url(images/header/duratrack_main.jpg) 0 -6px no-repeat; }
	div.quote { background:#ccc url(images/header/duratrack_quote.jpg) 0 -6px no-repeat; }
	div.reliable { background:#ccc url(images/header/duratrack_reliable.jpg) 0 -6px no-repeat; }
	div.reliathon { background:#ccc url(images/header/duratrack_reliathon.jpg) 0 -6px no-repeat; }
	div.simple { background:#ccc url(images/header/duratrack_simple.jpg) 0 -6px no-repeat; }
	div.specs { background:#ccc url(images/header/duratrack_specs.jpg) 0 -6px no-repeat; }
	div.works { background:#ccc url(images/header/duratrack_works.jpg) 0 -6px no-repeat; }
	
	ul.subnav-billboard { width:187px; overflow:hidden; padding-top:3px; background:url(images/subnav_top.png) 0 0 no-repeat; position:absolute; top:40px; left:23px; list-style-type:none; }
	ul.subnav-billboard li { font-size:10px; width:187px; line-height:12px; height:29px; overflow:hidden; text-transform:uppercase; letter-spacing:.03em; }
	ul.subnav-billboard a:link,ul.subnav-billboard a:visited { background: url(images/subnav.png) 0 0 no-repeat; color:#fff; text-decoration:none; padding:5px 0 14px 15px; width:187px !important; display:block; }
	ul.subnav-billboard a:hover, ul.subnav-billboard li.current a { background-position:0 -29px; }
	ul.subnav-billboard li:last-child a:link,ul.subnav-billboard li:last-child a:visited  { background: url(images/subnav_lastchild.png) 0 0 no-repeat; }
	ul.subnav-billboard li:last-child a:hover, ul.subnav-billboard li:last-child.current a { background-position: 0 -29px; }
	
	div.bigmessage { width:596px; position:absolute; top:95px; right:39px;}
	.bigmessage h2 { font-weight:normal; color:#fff; font-size:21px; line-height:27px; margin:0; }
	
/**end billboard**/

/*CONTENT includes both maincontent and sidebar*/
#content { width:907px; display:block; }

/*MAINCONTENT*/
.maincontent { float:right; display:inline; width:680px; background:#f8f4e6 url(images/bkgrd_maincontent.png) 0 0 no-repeat; padding-bottom:70px; position:relative;/*min-height:450px; height:auto !important; height:450px;*/ }
.maincontenthome { float:right; display:inline; width:680px; background:#f8f4e6 url(images/bkgrd_maincontent.png) 0 0 no-repeat; padding-bottom:30px; position:relative; /*min-height:450px; height:auto !important; height:450px;*/ }
.altbkgrd { background-image:none; }

.maincontent ul { margin:0 0 3px 1.25em; }
.maincontent li { font-size:12px; line-height:17px; margin:0 0 5px 0; }

.maincontent h1 { font-size:16px; line-height:20px; margin:5px 0 9px 0; }
.maincontent h1.subelow { margin-bottom:0; }

table.specs { border:10px solid #404041; margin: 22px 0 0 0; }
table.specs th { text-align:left; font-size:10px; color:#fff; font-weight:normal; text-transform:uppercase; background:#000; padding:6px 0 6px 10px; letter-spacing:.1em; }
table.specs th.mainhead { background: url(images/showhideh3.gif) 0 0 repeat-x; font-size:14px; font-weight:bold; text-transform:none; letter-spacing:0; }
table.specs td { text-align:left; vertical-align:top; font-size:12px; line-height:14px; padding:6px 3px 8px 10px; background:#d6d7d9 url(images/dottedline_white.gif) 0 100% repeat-x; color:#000; }
table.specs td.category { background-color:#808285; color:#fff; font-weight:bold; padding:6px 6px 8px 10px; }
table.specs tr.bottom td { background-image:none; padding-bottom:6px; }
table.specs td .small { font-size:11px; display:block; padding-top:5px; }

/**forms**/
table.specs td label .small { font-weight:normal; font-size:11px; display:block; padding-top:0; }
table.specs td label.inline { display:inline; margin-right:6px; }
input[type="text"], textarea { border:1px solid #999; font-family:arial,helvetica,sans-serif; padding:2px; font-size:12px; background:#fff; }
input[type="submit"], input.formbutton { border:1px solid #000; padding:3px 7px 2px 7px; background: url(images/showhideh3.gif) 0 0 repeat-x; color:#fff; font-size:9px; letter-spacing:.1em; text-transform:uppercase; font-weight:bold; }
input:hover[type="submit"], input.formbutton:hover { background: #000; }
table.specs td.errormsg { color:#c00; }
.captcha input { width:170px; margin-bottom:3px; }
.captcha img { width:175px;  }


/**single column show-hide**/
.container { padding:0; margin:0; background: url(images/showhide_bkgrd.gif) 0 0 repeat-y; }
.topspace { margin-top:60px; }
.container h3 { padding:13px 0 9px 44px; margin:0; background: url(images/showhideh3.gif) 0 0 repeat-x; }
.container h3 a:link,.container h3 a:visited { color:#fff; text-decoration:none; padding-right:18px; background: url(images/3dotsHZshowhide.png) 100% 1px no-repeat; border:none; outline:0; }
.container h3 a:hover { color:#fec24d; background-position:100% -47px; }
.toggle { margin: 0 20px 0 44px; padding:6px 0 9px 0; }
.locationphoto { float:right; display:inline; margin:6px 0 2px 20px; }
p.showhidethickbox { position:absolute; left:-3000px; }
a.dots:link,a.dots:visited { text-decoration:none; padding-right:17px; background: url(images/3dotsHZ.png) 100% 1px no-repeat; border:none; font-size:10px; text-transform:uppercase; font-weight:bold;outline:0; }
a.dots:hover { background-position:100% -47px; }
.maincontent .toggle li { font-size:12px; line-height:15px; margin:0 0 3px 0; }
.toggle p.prelist { margin:0 0 3px 0; }

/**2-column**/
.columnleft { width:274px; float:left; display:inline; margin:0 0 0 44px; padding-bottom:44px; overflow:visible; }
.columnright { width:338px; float:right; display:inline; margin:10px 0 0 0; padding-bottom:44px; }
.columnright p { margin:0 45px 12px 11px; }
/**photobox columnright**/
.photobox { width:301px; padding-top:11px; background: url(images/photobox_top.png) 0 0 no-repeat; margin:2.5em 0; }
.photoboxmid { padding:0 16px 0 11px; background: url(images/photobox_mid.png) 0 0 repeat-y; }
.photoboxmid p { margin:0; color:#fff; padding-top:22px; background: url(images/photobox_border.gif) 0 0 repeat-x; }
.photobox a.thickbox:link,.photobox a.thickbox:visited { color:#fff; text-decoration:none; background: url(images/3dotsHZshowhide.png) 100% 1px no-repeat; padding-right:18px; font-size:10px; font-weight:bold; text-transform:uppercase; }
.photobox a.thickbox:hover { background-position:100% -47px; color:#fec24d; }
/**photoboxwide for twocolA**/
.photoboxwide { width:378px; padding-top:11px; background: url(images/photoboxwide_top.png) 0 0 no-repeat; margin:2.5em 0; }
.photoboxwidemid { padding:0 16px 0 11px; background: url(images/photoboxwide_mid.png) 0 0 repeat-y; }
.photoboxwidemid p { margin:0; color:#fff; padding-top:22px; background: url(images/photobox_border.gif) 0 0 repeat-x; }

/**3-column**/
.onecolA { float:left; display:inline; width:172px; margin-left:44px; position:relative; overflow:visible; }
.twocolB { float:right; display:inline; width:406px; margin-right:38px; }
.Bleft { float:left; display:inline; width:197px; background: url(images/dottedline_darkgray.gif) 0 0 repeat-y; }
	.Bleft p,.Bright p { margin-left:21px; }
	.Bleft h3,.Bright h3 { margin-left:21px; }
	.Bleft h3.temp,.Bright h3.temp { margin-top:20px; }
.Bleftwide { float:left; display:inline; width:406px; background: url(images/dottedline_darkgray.gif) 0 0 repeat-y; }
	.Bleftwide p { margin-left:21px; }
	.Bleftwide h3 { margin-left:21px; }
	.Bleftwide h3.temp { margin-top:20px; }
	.Bleftwide h1  { font-weight:normal; color:#231f20; font-size:28px; line-height:30px; margin:0 0 10px 21px; padding-top:26px; }
	
.Bright { float:right; display:inline; width:193px; background: url(images/dottedline_darkgray.gif) 0 0 repeat-y; }
.bigspacetop { margin-top:48px; }

.twocolA { float:left; display:inline; width:380px; margin-left:44px; position:relative; }
.onecolB { float:right; display:inline; width:182px; margin:48px 38px 0 0; padding:35px 0 0 20px; background: url(images/dottedline_darkgray.gif) 0 0 repeat-y;  }
.shortop { padding:12px 0 0 20px; }

a.homebadge { width:172px; height:52px; margin:30px 0 15px 0; display:block; position:relative; left:-1px; }
a.util:link, a.util:visited { background: url(images/home_utilbadge.png) 0 0 no-repeat; margin-top:20px; }
a.util:hover { background-position: 0 -60px; }
a.res:link, a.res:visited { background: url(images/home_resbadge.png) 0 0 no-repeat; }
a.res:hover { background-position: 0 -60px; }
/**end maincontent**/

/*SIDEBAR*/
.sidebar { float:left; display:inline; width:178px; margin:84px 0 15px 26px; padding:0; }
.sidebar h3 { text-align:center; font-weight:normal; padding:7px 0 0 0; margin-bottom:6px; background: url(images/dottedline_gray.gif) 0 0 repeat-x; font-size:10px; letter-spacing:.1em; }
.sidebar h2 { font-size:1.5em; padding-top:0; color:#888; }
.sidebar ul { list-style-type:none; padding-top:12px; background: url(images/dottedline_gray.gif) 0 0 repeat-x; }
.sidebar li { font-size:11px; line-height:14px; }
.sidebar li a:link,.sidebar li a:visited { padding:0 0 6px 16px; margin-left:6px; display:block; color:#58595b; background: url(images/3dotsHZ.png) 0 1px no-repeat; }
.sidebar li a:hover, .sidebar li.current a { padding:0 0 6px 16px; margin-left:6px; display:block; color:#00abb6; background-position: 0 -47px; }

/**end content**/

.footer { clear:both; width:680px; background:#404041; height:42px; float:right; }
.footer p { color:#fff; font-size:10px; line-height:12px; letter-spacing:.04em; }
.footerleft { width:295px; float:left; display:inline; margin:9px 0 0 20px; }
.footerright { width:320px; float:right; display:inline; text-align:right; margin:9px 20px 0 0; }
.footer a:link,.footer a:visited { color:#fff; text-decoration:none; }
.footer a:hover { color:#ccc; text-decoration:none; }

/*thickbox specific link and font settings*/
.modalinks { display:none; }

#TB_window { font: 12px Arial, Helvetica, sans-serif; color: #58595b; }
#TB_secondLine { font: 11px Arial, Helvetica, sans-serif; color:#58595b; padding:4px 0; }
#TB_window a:link { color: #58595b; }
#TB_window a:visited { color: #58595b; }
#TB_window a:hover { color: #222; }
#TB_window a:active { color: #58595b; }
#TB_window a:focus { color: #58595b; }
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
#TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; }
.TB_overlayMacFFBGHack { background: url(images/macFFBgHack.png) repeat; }
.TB_overlayBG { background-color:#000; filter:alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70; }
* html #TB_overlay { /* ie6 hack */ position: absolute;  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window { position: fixed; background: #fff; z-index: 102; color:#58595b; display:none; border:; text-align:left; top:45%; left:50%; }
* html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; }
#TB_caption { height:32px; padding:9px 20px 10px 15px; float:left; font-size:14px; }
#TB_closeWindow { height:32px; padding:10px 15px 10px 0; float:right; }
#TB_closeAjaxWindow { padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right; }
#TB_ajaxWindowTitle { float:left; padding:7px 0 5px 10px; margin-bottom:1px; }
#TB_title { background-color:#e8e8e8; height:27px; }
#TB_ajaxContent { clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; }
#TB_ajaxContent.TB_modal { padding:15px; }
#TB_ajaxContent p { padding:5px 0px 5px 0px; }
#TB_load { position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ }
* html #TB_load { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect { z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; }
* html #TB_HideSelect { /* ie6 hack */ position: absolute;  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent { clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; }
#TB_prev a,#TB_next a { text-decoration:none; }
#TB_prev a { padding-left:10px; background: url(images/tb_left.gif) 0 1px no-repeat; margin-right:5px; }
#TB_next a { padding-right:10px; background: url(images/tb_right.gif) 100% 1px no-repeat; }
#TB_closeWindow { position:relative; top:18px; font-size:11px; }
.count { padding-right:10px; }

.clr { clear:both; }