@charset "utf-8";
/* Winget Master CSS Document */

/* -- ACCESSIBILITY SPECIFIC -- */
ul#skiplinks{position:absolute; width:0;}
ul#skiplinks li {line-height:0px; font-size:0.5px; height:0px;}

html, body {height:100%; margin: 0; padding:0; color:#000; font:100% Arial, Verdana, Helvetica, sans-serif; background:#CCC;}
form, fieldset, dl, dd, dt {border:0; margin:0; padding:0;}
ul, ol {list-style-type:none; margin:0; padding:0;}
li {margin:0; padding:0;}
p {line-height:1.3em; margin:0 0 0.9em 0; padding:0 0 0 1px;}
hr {display:none;}
input, select, textarea {font-family:Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {margin:0; padding:0 0 0 1px;}
a {text-decoration:underline;}
img {border:0;}

#wrapper {width:1000px; margin:0 auto;}

#header {float:left; display:inline; width:1000px; height:103px; background:url(../images/header-back.gif) left top repeat-x scroll;}
#header img.logo {float:left; display:inline; margin:0 0 0 15px;}
#header #headerRight {float:left; display:inline; margin-top:15px;}
#header #headerRight ul.menu li {float:left; display:inline; padding-left:3px; background:url(../images/header-menu-split.gif) top left no-repeat scroll;}
#header #headerRight ul.menu li.first {background:none;}
#header #headerRight ul.contact {clear:both; float:right; display:inline; margin:20px 20px 0 0;}
#header #headerRight ul.contact li {float:left; display:inline; margin-left:10px; padding-left:15px; background:url(../images/top-arrow.gif) left center no-repeat scroll; font-size:0.9em; text-transform:uppercase; color:#4a4e4f; font-weight:bold;}
#header #headerRight ul.contact li strong {color:#000;}
#header #headerRight ul.contact li a {color:#4a4e4f;}
#header #headerRight ul.contact li a:hover {color:#000;}

#content {float:left; width:1000px; min-height:400px; padding:0 0 123px 0; background:#FFF url(../images/skyline.gif) left bottom no-repeat scroll;}
#content #breadCrumb {float:left; display:inline; width:960px; margin:16px 0 20px 20px; border-bottom:1px solid #4d4d4d; padding-bottom:16px;}
#content #breadCrumb ul li {float:left; display:inline; padding:0 7px 0 15px; background:url(../images/breadcrumb-arrow.gif) 0 0.4em no-repeat scroll; text-transform:uppercase; color:#000; font-weight:bold;}
#content #breadCrumb ul li.first {background:none; padding-left:0;}
#content #breadCrumb ul li a {color:#ffc40a; text-decoration:underline;}
#content #breadCrumb ul li.current a {color:#000; text-decoration:none;}
#content #breadCrumb ul li a:hover {color:#000;}
#content #rangeSelector {float:left; display:inline; width:960px; height:51px; margin:0 0 20px 20px; background:url(../images/range-selector-back.gif) left top no-repeat scroll;}
#content #rangeSelector ul li {float:left; display:inline;}
#content #rangeSelector ul li a {display:block; width:321px; height:53px; line-height:53px; text-align:center; text-transform:uppercase; color:#FFF; font-weight:bold; font-size:1em; text-decoration:none;}
#content #rangeSelector ul li a:hover {color:#000;}
#content #rangeSelector ul li.croker a {width:318px;}
#content #rangeSelector ul li.concrete.selected a {background:url(../images/range-concrete-on.gif) left top no-repeat scroll; color:#4d4d4d;}
#content #rangeSelector ul li.dumpers.selected a {background:url(../images/range-dumpers-on.gif) left top no-repeat scroll; color:#4d4d4d;}
#content #rangeSelector ul li.croker.selected a {background:url(../images/range-croker-on.gif) left top no-repeat scroll; color:#4d4d4d;}

#footer {float:left; display:inline; width:1000px; color:#FFF; font-size:0.70em; position: relative; padding-bottom: 10px;}
#footer .menu {float:left; display:inline; width:980px; margin:5px 0 20px 20px;}
#footer .menu ul {margin: 0; padding: 0; background: red;}
#footer .menu ul li {float:left; display:inline; /*border-left:1px solid #FFF; padding-left:7px; margin-left:7px;*/}
#footer .menu ul li.first {border:none; margin-left:0; padding-left:0;}
#footer .menu ul li a {color:#FFF;}
#footer .menu ul li a:hover {color:#5f5f61;}
#footer p.copyright {float:left; clear: both; margin: 5px 0 0; padding: 0;}
#footer p.disclaimer {float:left; display:inline; width:675px; margin-left:20px;}
#footer p.photolink {position: absolute; bottom: 20px; right: 20px; margin: 0; padding: 0; width: 209px;}

/* useful classes */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden } /* Non IE clearfix */
.clr { overflow: hidden; clear: both; line-height:0px; font-size:0.5px; height:0px;
