/* ----------------------------------------------------------------------------------------- 
webStepOne LLC
http://www.webstepone.com

General Home Inspections site by Robb Lee, webStepOne LLC. 
Visual design copyright 2009. All Rights Reserved. 
XHTML/CSS released under a Creative Commons Attribution 2.5 licence.
----------------------------------------------------------------------------------------- */


/* http://meyerweb.com/eric/tools/css/reset/ 
----------------------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin : 0; padding : 0; border : 0; outline : 0; font-size : 100%; vertical-align : baseline; background : transparent; }
body { line-height : 1; }
ol, ul { list-style-type : none; }
blockquote, q { quotes : none; }
blockquote:before, blockquote:after, q:before, q:after { content : ''; content : none; }
:focus { outline : 0; }
ins { text-decoration : none; }
del { text-decoration : line-through; }
table { width : 99%; margin-bottom : 1.4em; }
tr:nth-child(even) { background-color : #000; background-color : rgba(0,0,0,.6); }
th { border-bottom : 2px solid #2a2e18; font-weight : bold; text-align : left; }
td { border-bottom : 1px solid #2a2e18; }
th,td { padding : 4px 10px 4px 0; }
tr:last-child td { border-bottom-width : 0; }
tfoot { font-style : italic; }
caption { background : transparent; }


/* Modified from: http://code.google.com/p/blueprintcss/ 
----------------------------------------------------------------------------------------- */
body { font : 12px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif; }
h1,h2,h3,h4 { font-weight : normal; }
h1 { font-size : 3em; line-height : 1; margin-bottom : 0.5em; }
h2 { font-size : 2em; margin-bottom : .75em; }
h3 { font-size : 1.5em; line-height : 1; margin-bottom : 1em; }
h4 { font-weight: bold; font-size : 1.2em; line-height : 1.25; margin-bottom : 1.25em; }
p { margin-bottom : 1.5em; }
ul, ol { margin : 1.5em 0; }
ul { list-style-type : none; list-style-position : inside; }
ol { list-style-type : decimal; list-style-position : inside; }
abbr, acronym { border-bottom-width : 0; }
strong { font-weight : bold; }
em { font-style : italic; }


/* Modified from code supplied at: http://stuffandnonsense.co.uk/content/demo/activatethedeathray/
XHTML/CSS released under a Creative Commons Attribution 2.5 licence.)
----------------------------------------------------------------------------------------- */

/* Text styles ------------------------------------------ */

html { background-color : #061627; }

body { margin : 0 auto; width : 750px; background-color : white; }

h3 { color : #002F6F; font-size : 21px; }

p { font-size : 13px; color : #000; }

.quote_attrib { display:block; text-align:right; padding-bottom: 15px; padding-right: 15px; }


/* Site layout divisions ------------------------------------------ */ 

#header { margin : 0 auto; width: 750px; height : 90px; position : relative;}
#nav { background-color: #dae2e4; background-repeat: repeat-x; width : 750px; position: relative; height:40px; background-image: url(../images/nav-bgnd.png);}
.section { width : 750px; margin  0px:; padding-bottom : 30px; position: relative;  background : transparent url(../images/section-splash.jpg) no-repeat 0 0; }
.article { float : left; width : 401px; margin-top: 316px; padding: 23px 0 30px 25px;}
.aside { float : right; width : 264px; margin-top: 154px; padding : 10px 20px 0 40px; background : transparent url(../images/aside-bgnd.jpg) no-repeat 2px 158px;}
#header:after, .section:after, #footer:after, #report:after, #nav:after { content : "."; display : block; height : 0; clear : both; visibility : hidden; }


/* Main GHI logo ------------------------------------------ */

#logo { position : absolute; top: 15px; left: 23px; margin : 0; padding : 0; width : 280px; height : 60px; background : transparent url(../images/logo.png) no-repeat 0 0; text-indent : -9999px; opacity : 1; }
#logo a:hover { opacity : .25; }
#logo a { display : block; width : 280px; height : 60px; }
#logo a:hover { text-decoration : none; }


/* Main Telephone Number ------------------------------------------ */

#header p { position : absolute; margin : 0; right: 27px; top: 31px; padding : 0; width : 167px; height : 19px; background : transparent url(../images/phone.png) no-repeat 0 0; text-indent : -9999px; opacity : 1; }


/* Site navigation ------------------------------------------ */

.nav { padding-left : 25px; margin:0;}
.nav li {display: inline; padding-right: 32px;}
.nav li, .nav li a, .nav li a:hover { font-family : "Lucida Grande"; font-size : 14px; color : #002F6F; text-decoration : none; line-height: 40px;}
.nav li a:hover { color: #2781ab; }


/* Report callout -------------------------------------------------*/

#report { background : transparent url(../images/report-gradient.jpg) no-repeat 0 0; opacity : 1; width: 402px; height: 174px;}
#report ul { float : left; padding-left: 15px; margin-left:20px;}
#report ul li { list-style:disc; font-weight: bold; padding-bottom: 6px;}
#report img { float : right; position : relative; right : 10px; top : -25px; }
#report .hazards { color: red;}
#report .non-functional { color: blue;}
#report .maintenance { color: green;}
#report .recommendations { color: #0080ff;}


/* Home page proportions ------------------------------------------ */ 

/*
.index .article { width : 401px; padding: 23px 0 30px 25px; }
.index .aside { width : 264px; padding : 10px 20px 0 40px; background : transparent url(../images/aside-bgnd.jpg) no-repeat 2px 158px; }
*/


/* Site footer ------------------------------------------ */

#footer { margin : 0 auto; width : 725px; background-color: #dae2e4; background-image: url(../images/nav-bgnd.png); background-repeat: repeat-x; padding-left : 25px; color : #336699; color : rgba(51,102,153,.7); }
#footer p { padding : 20px 25px 0 0; }
#footer p span { padding : 0 10px; color : rgba(51,102,153,.3); }
#footer a img { float : left; padding : 0 15px 25px 0; }
ul { padding-left: 15px; }
ul li { list-style-position: outside; list-style-type: disc; padding-bottom: 6px; }