/* ---------------------------------------------------------------------------------
   
   South Coast Smoke Alarms - Master Stylesheet 
   Author: Pixel House
   Website: www.pixel-house.com.au 

--------------------------------------------------------------------------------- */

body { background: url(../images/bg.jpg) no-repeat center 0 #000; margin: 0; padding: 0; font-family: arial, helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6 { margin: 0 0 0.6em 0; color: #fff; }
h1 { color: #f26122; text-transform: uppercase; font-weight: normal; font-size: 1.6em; }
h2 { font-weight: normal; font-size: 1.3em; color: #f26022; }
h2 span { color: #fff; }
h3 { font-size: 0.8em; color: #ee3a23; }
p { color: #a8a8a8; font-size: 0.8em; line-height: 1.40em; margin: 0 0 1.2em 0; }
p a { color: #ff560c; }
p span { color: #ff560c; }
p i { color: #fff; }
ul { margin: 0 0 1.0em 0; padding: 0; }
ul li { color: #a8a8a8; font-size: 0.8em; line-height: 1.5em; padding: 0; list-style-type: none; }
hr { display: none; }

#wrapper, #footer-wrap { float: left; width: 100%; }
#main, #footer { width: 940px; padding: 0 20px; margin: 0 auto; }
#footer-wrap { background: url(../images/bg-footer.gif) repeat-x 0 0; border-top: solid 1px #1a1a1a; }
#footer { padding-top: 20px; }

#logo { float: left; margin: 76px 0 40px 0; background: url(../images/logo.gif) no-repeat 0 0; }
#logo a { float: left; display: block; width: 285px; height: 57px; text-indent: -5000px; outline: none; }
#print-logo { display: none; }

/* ---------------------------------------------------------------------------------
   NAVIGATION
--------------------------------------------------------------------------------- */

#nav { float: left; width: 100%; height: 30px; }
#nav li { float: left; }
#nav li a { float: left; display: block; height: 21px; text-indent: -5000px; outline: none; }
#nav li a:hover { background-position: 0 bottom; }

#n01 a { background: url(../images/n01.gif) no-repeat 0 0; width: 59px; }
#n02 a { background: url(../images/n02.gif) no-repeat 0 0; width: 82px; }
#n03 a { background: url(../images/n03.gif) no-repeat 0 0; width: 131px; }
#n04 a { background: url(../images/n04.gif) no-repeat 0 0; width: 134px; }
#n05 a { background: url(../images/n05.gif) no-repeat 0 0; width: 107px; }
#n06 a { background: url(../images/n06.gif) no-repeat 0 0; width: 86px; }


/* ---------------------------------------------------------------------------------
   CONTENT
--------------------------------------------------------------------------------- */

#content { float: left; width: 100%; padding: 16px 0 0 0; }
#content .contact { float: left; width: 100%; font-size: 0.9em; color: #fff; border-top: solid 1px #1a1a1a; padding: 30px 0 35px 0; margin: 25px 0 0 0; }
.shortWidth { width: 605px; float: left; }
.intro, #home h1 { color: #fff; font-size: 1.1em; line-height: 1.25em; margin: 0 0 1.0em 0; }
.intro span { font-size: 1.3em; }
#home h1 { margin: 0 0 0.2em 0; }
#home h1 a { color: #fff; text-decoration: none; }
#home h1 a:hover { text-decoration: underline; }
.callout { color: #fff; font-style: italic; }
.imgReplace { text-indent: -5000px; height: 30px; }
.lg { font-size: 0.9em; line-height: 1.35em; }

#h1-about { background: url(../images/h02.gif) no-repeat 0 0; }
#h1-installation { background: url(../images/h03.gif) no-repeat 0 0; }
#h1-maintenance { background: url(../images/h04.gif) no-repeat 0 0; }
#h1-products { background: url(../images/h05.gif) no-repeat 0 0; }
#h1-contact { background: url(../images/h06.gif) no-repeat 0 0; }
#h1-rules { background: url(../images/h07.gif) no-repeat 0 0; }
#h1-protect { background: url(../images/h09.gif) no-repeat 0 0; }
#h1-pricing { background: url(../images/h10.gif) no-repeat 0 0; }
#h2-responsibilities { background: url(../images/h08.gif) no-repeat 0 25px; border-top: solid 1px #1a1a1a; margin-top: 20px; height: 50px; }
#h2-getstarted { background: url(../images/h2-getstarted.gif) no-repeat 0 14px; height: 17px; margin: 0; padding-top: 14px; }

#services { width: 511px; height: 149px; float: right; padding: 104px 0 0 68px; }
#services h3 { color: #fff; font-size: 1.0em; margin: 0; font-weight: normal; }
#services h3 span { font-size: 0.8em; }
#services p { color: #3a4332; margin: 0 0 0.80em 0; }

#our-products { margin: 166px 257px 0 0; display: inline; float: right; }
#our-products a { background: url(../images/our-products.gif) no-repeat right 0; width: 296px; height: 59px; display: block; text-indent: -5000px; outline: none; }
#our-products a:hover { background-position: right bottom; }

#home h1 { text-transform: none; }
#home .shortWidth { width: 341px; }
#home #content .contact { border-top: none; padding: 0; margin: 3px 0 0 0; }

#home #content { background: url(../images/home-bg.jpg) no-repeat right 8px; height: 444px; }
#subText { float: left; width: 326px; border-top: solid 1px #1a1a1a; padding: 22px 35px 0 0; }
#home-content { width: 100%; float: left; height: 314px;  }
#home-btm { width: 100%; float: left; }

#agent { float: left; width: 300px; background: url(../images/agent-bg.jpg) no-repeat 0 1px; margin: 0; padding: 25px 20px; border: none; }
#agent h3 { background: url(../images/agent-h3.gif) no-repeat 0 0; height: 26px; text-indent: -5000px; margin: 0; }
#agent p { position: relative; float: left; padding: 0 6px 0 0; }
#agent input { border: none; }
.field { background: url(../images/agent-input.gif) no-repeat 0 0 #747473; width: 91px; font-size: 1.0em; padding: 3px 2px 3px 4px; }

#agent label { position: absolute; top: 2px; left: 4px; color: #000; z-index: 100; }
#content ul li { margin: 0 0 1.0em 0; background: url(../images/arrow-01.gif) no-repeat 0 8px; padding-left: 30px; }
#content .tightUL li { margin: 0; padding-left: 22px; }

.topDiv, .topDiv2 { border-top: solid 1px #1a1a1a; padding-top: 20px; }
.topDiv2 { padding-bottom: 20px; }
.btmMargin { margin-bottom: 30px; }
.redbox { border: solid 1px #484848; color: #fff; }
.redbox a { color: #fff; }

#content table { border-collapse: collapse; margin: 0 0 20px 0; }
#content table td { border-collapse: collapse; color: #fff; padding: 0px 20px 5px 0; }
#content table .price { color: #ff560c; }
#content table .price span { font-size: 0.75em; }

/* ---------------------------------------------------------------------------------
   FOOTER
--------------------------------------------------------------------------------- */

#footer p, #footer p a, #footer ul li a { color: #393939; }
#footer p { clear: both; }
#footer p a:hover, #footer ul li a:hover { color: #ff560c; }
#footer-left { float: left; width: 500px; background: url(../images/footer-logo.gif) no-repeat 0 0; padding: 54px 0 45px 0; }
#footer-right { float: right; text-align: right; }

#footer ul { float: right; margin: 0 0 36px 0; }
#footer ul li { float: left; padding-left: 10px; line-height: 1.1em; }
#footer .divider { border-right: solid 1px #1a1919; padding-right: 10px; }
#footer .noMargin { margin: 0 0 0.3em 0; }