/*
Colors
MAIN COLOUR: #C45616; orange
MAIN COLOUR #63322A; dark brown

highlight color #C45616;

body bg color: #D3E3EF 
body font color: #525252

charcoal #333333
light brown: #F9F9F9

seo color: #63322A

*/


/*
    RESET
*/
* {margin: 0; padding: 0;}

html {overflow-y: scroll;}

html, body {height: 100%;}

body {font-size: 67.5%; font-family: Tahoma, Geneva, sans-serif; color: #525252; 

background:#D2D2D2 url(../graphics/body_bg.jpg) repeat top; 
 background-color: #E0E0E0;
position:relative;  }

ul {list-style: square inside;}

ol {list-style: decimal inside;}

a {outline: none; text-decoration: none;}

a img {border: none; background: none;}

img {vertical-align: middle; border: none;}

table {border-collapse: collapse;}


 /*     UTILITY */

.floatLeft {float: left;}

.floatRight {float: right;}

.clear {clear: both;}

.nobr {white-space: nowrap}


/*     TYPGROGRAPHY */

p, li, dl, address {font-size: 1.4em; line-height: 1.4em;  }

a:link {color: #63322A; text-decoration: none; border-bottom: 1px dotted #63322A;}

a:visited {color: #63322A; text-decoration: none; border-bottom: 1px dotted #63322A;}

a:hover {color: #C45616; text-decoration: none; border-bottom: 1px solid #C45616;}

h1 {font-size: 2.3em; font-weight: normal; color: #63322A; letter-spacing:-2px; font-family: Georgia, "Times New Roman", Times, serif; text-transform:capitalize; text-align:left; }

h2 {font-size: 1.8em;  color: #333333; letter-spacing:-1px; font-family:Tahoma, Geneva, sans-serif; font-weight: normal; font-style:italic;text-align:left;}

h3 {font-size: 1.7em;  color: #63322A; letter-spacing:-1px; font-family:Tahoma, Geneva, sans-serif; font-weight: normal; font-style:normal;text-align:left;}

h4 {color: #333333; font-size: 2.0em; margin-bottom: 15px;text-align:left;}

address { font-style:normal;}

/*     STRUCTURE */

#wrapper {margin: 20px auto 0 auto; width: 850px; border: 3px solid #63322A; background:#FFFFFF url(../graphics/wrapper_bg.png) repeat-y left top; position:relative z-index:100;}

#header { position:relative; width: 100%; height: 104px; background: #ffffff url(../graphics/bricks_header.png) no-repeat right top ; border-bottom: 1px solid #C45616;  }
#navigation {float: left; width: 190px;}

#content {float: right; width: 640px; padding-top: 20px; margin: 10px auto}

div#footer {float: left; position: relative; height: 80px; clear: both; overflow:visible;  width: 100%; text-align: left; margin: 45px auto 0 auto; color: #fff;  font-family:Palatino Linotype, Book Antiqua3, Palatino6, serif;  font-size: 0.9em; background: #F9F9F9 url(../graphics/footer_bg.png) no-repeat right; border-top: 1px solid #C45616; }

div#seo {margin: 2px auto 35px auto; width: 800px; color: #F9F9F9; z-index: 200;}


/* Header */



#header img#logo {float: left; margin: 10px 30px; padding:0; clear:both; position:absolute; top: 0; }
#header address#head_add {float: right; margin:20px 40px auto auto; padding:0; clear:both;  text-transform:capitalize; font-variant: small-caps; text-align:center; letter-spacing:2px; font-family:Palatino Linotype, Book Antiqua3, Palatino6, serif; font-weight: 500;font-size: 1.5em ; color: #63322A; line-height:1.1em }



/* Navigation */


#navigation dl#menu{width: 100%; margin-top: 20px;}

#navigation dl#menu dt {margin: 10px; margin-left: 12px;}

#navigation dl#menu dt a {display: block; padding: 5px; outline: none; border: none; color: #63322A; font-weight: 400;  text-transform: lowercase; text-align:left; letter-spacing:-1px; font-family:Tahoma, Geneva, sans-serif; font-weight: 500;font-size: 1.3em;  outline:none; border-bottom: 1px solid #F9F9F9;}


body#index dt#menu_index a, body#about dt#menu_about a, body#services dt#menu_services a,  body#bath_ren dt#menu_bath_ren a ,  body#house_raise dt#menu_house_raise a ,  body#carports dt#menu_carports a ,  body#timb_floor dt#menu_timb_floor a ,  body#deck dt#menu_deck a,  body#contact dt#menu_contact a {
font-weight:900; }






/* Content */


#content p, address{margin: 15px 30px; }

#content h1, #content h2, #content h3, #content h4 {margin: 15px 20px;}

#content ul, #content ol, #content dl {margin: 15px 60px;}

#content dt, #content li {margin: 15px 5px; padding: 5px auto;  }
#content dt.no_style, #content li.no_style { list-style:none; }

#content img {padding: 5px; background-color:#FFFFFF; border: 1px solid #C45616;  margin:20px;}

#content dt, #content li {margin: 15px 5px; padding: 5px auto;  vertical-align: text-top; line-height:inherit;}

/* Alternate Rows */
#content li.rowA {  list-style: url(../graphics/li_house.png);}
#content li.rowB {  list-style: url(../graphics/li_driver.png);}



#content dt.no_style, #content li.no_style { list-style:none; }


#content div#movie {margin: 20px; float: right; padding: 0;}

#content div#movie object {margin: 0; padding: 0; border: 1px solid #CCCCCC;}



#content ul#gallery{ float:left; margin-top: 20px; text-align:left}

#content ul#gallery li { float:left; clear:none; list-style:none;  margin: 10px;}

#content ul#gallery li a {  display: block; padding: 5px; outline: none; border: none; background-color:#F9F9F9; text-align:center}

#content ul#gallery li a img { border:none; padding:0; margin:0 auto; width:100px; height:75px;}

#content blockquote { font-family:"Times New Roman", Times, serif; font-style:italic; padding: 15px; background-color:#F9F9F9; width: 75%; margin: 20px auto; font-size: 1.5em;} 


body#contact div#content address {} 
body#contact div#content abbr { font-weight:900; color:#63322A; margin-right: 3px;} 




#content div.highlight { background-color: #F9F9F9; border: 1px solid #63322A; width: 240px; margin: 15px 20px; padding:0; }
#content div.highlight h3 { display:block; top:0; width: 100%; background-color: #63322A; color: #FFFFFF; margin: 0; padding: 0; text-align:center;}
#content div.highlight p {  margin: 10px 13px; padding: 0; text-align:justify; }
















 /*     FORM     */

form {width: 380px; height: auto; text-align: right; vertical-align: top; padding: 20px 5px 50px 5px; margin: 20px auto; border: 2px solid #A6A6A6; font-size:1.2em; }

form br {clear: left;}

form label {cursor: pointer; vertical-align: top; float: left; width: 350px; color:#63322A; margin:0 auto;}

form .text_inp, .text_area {font-size: 1.2em; color: #63322A; font-family: Courier New, Courier New, Courier6, monospace; background-color: #FCFCFC; border: 2px solid #A6A6A6; line-height: 1.4em; vertical-align: top; text-align: left;}

form .text_inp {margin: 0px; width: 270px; height: 17px; line-height: 1.4em; padding-top: 0px; margin-bottom: 8px; clear: left;}

form .text_area {width: 270px; height: 120px; white-space: normal; overflow: hidden; vertical-align: top; padding-top: 0px; margin-bottom: 8px;}

form .sbm_butt {cursor: pointer; background-color: #63322A; font-size: 1.2em; margin: 0px; color: #fff; font-family: Verdana, Verdana, Geneva, sans-serif; float: right;margin-right: 30px; padding: 2px 4px;  border: solid 2px #A6A6A6; }





/* FOOTER */


div#footer p { text-align:center; padding-top: 20px; width: 850px; clear: none; vertical-align: middle; color: #333333; line-height:1.6em; vertical-align:middle; }





div#footer strong {color: #63322A; font-weight:900;font-size: 1.1em; text-transform:capitalize; }





 /* SEO */



div#seo p {font-size: 0.9em; line-height: 1.8em; vertical-align: top;}

#seo p#heff {float: left; margin: 0 auto 10px 30px; padding: 0;}

#seo p#site_map {float: right; margin: 0 30px 10px auto; padding: 0;}

div#seo a:link {color: #F9F9F9; text-decoration: none; border-bottom: 1px dotted #F9F9F9;}

div#seo a:visited {color: #F9F9F9; text-decoration: none; border-bottom: 1px dotted #F9F9F9;}

div#seo a:hover {color: #F9F9F9; text-decoration: none; border-bottom: 1px solid #F9F9F9;}