/*
SUMMIT SCAFFOLDING SERVICES
BY ZEST WEB DESIGN
blue: #2a9ad9
light blue #3573b1
dark blue #003771
*/

/* --------- IMPORT --------- */
@import url(/assets/css/reset.css);

/* --------- LAYOUT --------- */
html { background: url(/assets/images/blue-grad-bg.png) top center repeat-x #003771; }
body { font: 12px/1.5 Helvetica, Arial, sans-serif, Verdana; color: #222; }
#page-container { margin: 0 auto; }
strong { font-weight: bold; }
em { font-style: italic; }
p { padding-bottom: 12px; line-height: 1.5; }
.spacer { clear: both; }
.float-right { float: right; margin: 0 0 10px 10px; }

/* --------- HEADINGS --------- */
h1,h2, h3, h4, h5 { line-height: 1.5; font-weight: bold; letter-spacing: -1px; }
h2 { font-size: 28px; margin-bottom: 12px; }
h3 { font-size: 18px; margin-bottom: 10px; }
h4 { font-size: 16px; margin-bottom: 8px; }
h5 { font-size: 14px; margin-bottom: 6px; }

/* --------- LINKS --------- */
a { color: #2a9ad9; text-decoration: none; border-bottom: 1px dotted; }
a:hover { border-bottom: 1px solid; }

/* --------- FORMS --------- */
label { font-weight: bold; }
input { padding: 5px; }

/* --------- TABLES --------- */

/* --------- NAVIGATION --------- */
#nav-primary { float: right; }
#nav-primary ul { position: relative; top: 70px; }
#nav-primary li { display: inline; padding: 10px; }
#nav-primary a { font-size: 16px; border-bottom: 0; color: #fff; }
#nav-primary a:hover { border-bottom: 2px solid #fff; } 
#nav-primary .on { border-bottom: 2px solid; }
#breadcrumb { padding: 0 0 10px 50px; }
#breadcrumb, #breadcrumb a { color: #999; }
#breadcrumb, #breadcrumb li { float: left; }
#breadcrumb li { margin: 0 5px 0 0; list-style: none; background: none; padding: 0 5px 0 0; }
#nav-secondary { width: 170px; margin: 70px 50px 50px 0; padding: 20px; background: #f2f2f2; float: right; }
#nav-secondary h3 { font-size: 14px; margin-bottom: 10px; }
#nav-secondary a { width: 160px; display: block; padding: 6px; border-bottom: 0; font-weight: bold; }
#nav-secondary a:hover { background: #e8e8e8; }
#nav-secondary .on { color: #666; }
#nav-secondary ul { margin-bottom: 10px; }
#nav-secondary li { border-bottom: 1px dotted #ccc; }

/* --------- HEADER --------- */
#header { width: 960px; height: 120px; margin: 0 auto; }
#header h1 a { float: left; text-indent: -9999px; background-image: url(/assets/images/summit-scaffolding-logo-white-150.png); display: block; width: 150px; height: 68px; border-bottom: 0; margin-top: 20px; }

/* --------- CONTENT --------- */
#content-bg-top { background: url(/assets/images/rounded-bg-top.png) no-repeat; height: 25px; width: 960px; margin: 0 auto; }
#content-bg-bottom { background: url(/assets/images/rounded-bg-bottom.png) no-repeat; height: 25px; width: 960px; margin: 0 auto; }
#content { background: #fff; width: 960px; margin: 0 auto; }
#text-page #content-main { width: 600px; padding: 0 50px 0 50px; float: left; }
#text-page #content-main li { list-style-type: square; margin: 0 0 6px 20px; }
#text-page #content-main h2 { color: #3573b1; border-bottom: 2px #eee solid; padding-bottom: 10px; margin-bottom: 20px; }
#text-page #content-main img { border: 1px solid #eee; padding: 10px; }

/* --------- HOME --------- */
#home-spash { width: 920px; height: 300px; background: #333; margin-bottom: 20px; }
#home-spash img { float: right; width: 450px; }
.home-text { float: left; padding: 20px; width: 400px; }
.home-text h2, .home-text p { color: #fff; }
.home-text p { font-size: 15px; }
.home-text a { color: #fff; font-weight: bold; }

#home #content-main { width: 920px; padding: 0 20px; float: left; }
.content-third, .content-third-last { float: left; width: 250px; margin-bottom: 20px; margin-right: 20px; height: 200px; background: #eee; padding: 20px; }
.content-third-last { margin-right: 0!important; }
.content-third h3, .content-third-last h3 { font-size: 26px; color: #3573b1; }
.content-third img { padding-left: 15px; padding-top: 10px; }

/* --------- FOOTER --------- */
#footer { color: #fff; width: 960px; height: 100px; margin: 0 auto; }
#footer-content { width: 900px; padding: 20px; }
#footer a { color: #fff; }
#footer p { text-align: right; line-height: 20px;}