@charset "utf-8";
/* StepsEss.com stylesheet
   by: Paul Sutton of WebMediaRx
   lastmod: 14 March 08 */

@import 'reset.css';
@import 'typography.css';
@import 'forms.css';


body{margin:0 auto; background:#ddd9c6 url('../assets/bg_body.jpg') top center repeat-x}
img{border:none; padding:0; margin:0}
#head h1, #head h2 {text-indent:-6969px}


/*  Structure
------------------------------------------- */
#head{width:930px; height:216px; margin:0 auto; background:url('../assets/bg_head.jpg') top center no-repeat; text-align:left}
.logo{width:187px; margin:18px 0 0 105px}
#wrapper{ margin:0 auto; width:780px}

/*  Container H1
------------------------------------------- */
.container-h1{width:780px; background:#fffbed url('../assets/container-h1-head.gif') top no-repeat; margin:25px 0 15px 0; text-align:left}
.container-h1 h1 {font-size: 1.7em; line-height:1; color:#254e64}
.container-h1 h1 span{font-size:0.70em; font-weight:bold; color:#928968}
.container-h1-head{float:left; height:48px; background:url('../assets/container-h1-bg.gif') top left no-repeat; margin:0 0 10px 30px}
.container-h1-head h1{float:left; height:48px; margin:0; background:url('../assets/container-h1-end.gif') top right no-repeat; padding:15px 20px 15px 16px}
.container-h1 p{clear:left; font-size:1em; line-height:1.5; margin:8px 20px}
.container-h1-bottom{clear:both; background:url('../assets/container-h1-foot.gif') bottom no-repeat; width:780px; height:6px}
.container-h1 .staff{float:right; margin:0 10px}

/*  Container  Quote
------------------------------------------- */
.container-quote{width:780px; background:#f3f5ed url('../assets/container-quote-head.gif') top no-repeat; margin:25px 0 15px 0; text-align:left}
.container-quote h4 {font-size:1.1em; font-style:italic; color:#d95f00; margin:10px 0 10px 50px; padding:10px 0 0 0; line-height:1.4}
.container-quote-bottom{background:url('../assets/container-quote-foot.gif') bottom no-repeat; width:780px; height:17px; clear:right}
.container-quote blockquote {background: transparent url('../assets/quote-left.gif') left 0 no-repeat; margin:0 15px 8px 20px}
.container-quote blockquote div {background:transparent url('../assets/quote-right.gif') right bottom no-repeat; padding:0 37px}
.container-quote p span{float:right; margin:0 55px 0 0; font-style:italic}

/*  Container H2
------------------------------------------- */
.container-h2{width:780px; background:#faf3d9 url('../assets/container-h2-head.gif') top no-repeat; margin:25px 0 15px 0; text-align:left; clear:left}
.container-h2 h2 {font-size: 1.5em; line-height:1; color:#d95f00}
.container-h2 h2 span{font-size:0.8em; font-weight:bold}
.container-h2-head{float:left; height:48px; background:url('../assets/container-h2-bg.gif') top left no-repeat; margin:0 0 10px 30px}
.container-h2-head h2{float:left; height:48px; margin:0; background:url('../assets/container-h2-end.gif') top right no-repeat; padding:15px 20px 15px 16px}
.container-h2 p{clear:left; font-size:1em; line-height:1.5; margin:8px 20px; color:#726455}
.container-h2-bottom{clear:both; background:url('../assets/container-h2-foot.gif') bottom no-repeat; width:780px; height:8px}
.container-h2 .staff{float:right; margin:0 10px 0 10px}

/*  Container  Right/Left Column
------------------------------------------- */
.container-left-column{float:left}
.container-right-column{float:right}
.container-left-column, .container-right-column{width:378px; background:url('../assets/container-2col-bg.gif') center repeat-y; margin:25px 0 15px 0; text-align:left}
.container-left-column h1, .container-right-column h1{height:48px; text-align:center; font-size:1.6em; color:#fffbed; padding:8px 0 0 0; margin:0}
h1.left-column{background:url('../assets/container-leftCol-h1-bg.gif') top no-repeat}
h1.right-column{background:url('../assets/container-rightCol-h1-bg.gif') top no-repeat}
.container-left-column ul, .container-right-column ul{margin:0 20px 8px 20px; padding:0; list-style-type:none}
.container-left-column li{background: url('../assets/bullet-sqr-blue.gif') 0px 9px no-repeat; text-indent:11px; line-height:1.9}
.container-right-column li{background: url('../assets/bullet-sqr-orange.gif') 0px 9px no-repeat; text-indent:11px; line-height:1.9}
.container-2col-bottom{background:url('../assets/container-2col-foot.gif') bottom no-repeat; width:378px; height:6px}

/*  Footer
------------------------------------------- */
#footer{width:100%; height:46px; margin:15px auto 0 auto; background:url('../assets/bg_footer.gif') repeat-x; text-align:left; clear:both}
#footer-wrap{width:780px; height:46px; margin:0 auto; background:url('../assets/footer-sun.gif') left top no-repeat}
#footer p{color:#8a8677; margin-left:20px; padding:15px 0 0 25px; font-size:9px; line-height:1.2}
#footer p a:link, #footer p a:hover, #footer p a:visited{color:#8a8677; text-decoration:underline} 

/*  Navigation Definitions
------------------------------------------- */
ul#menu {padding:0; margin:0; height:34px; list-style-type:none; width:780px; text-align:center}
#menu li, #menu li.current{display:inline; margin:10px 10px 0 10px; text-align:center; line-height:2.4}
#menu li a, #menu li a:visited{text-decoration:none; color:#d95f00; background-color:#f5f1e3; border-bottom:1px dashed #de7420}
#menu li a:hover, #menu li.current{color:#254e64; background-color:#f5f1e3; border-bottom:1px dashed #254e64}

/*  Cleaners / Sweepers
------------------------------------------- */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden}
.clear {clear:both}