* {margin: 0; padding: 0; font-size: 100%;}

body {font: normal 12px Tahoma, Arial, sans-serif; line-height: 180%; color: #335; background: url(/images/header.jpg) center 0 no-repeat;}
p {margin-bottom: 1em;}
a {color: #14699f;}
a:hover, #areacontent a.normal:hover {color: #B6E8F8;}
a img {border: none;}

#body a {font-weight: bold; text-decoration: none;}

h1 {font-size: 1.6em; color: #08245c; margin-bottom: 0.5em;}
h2 {font-size: 1.2em; color: #14699f; margin-bottom: 1em;}

ol {list-style:none;}

#wrapper {width: 985px; margin: 0 auto; position: relative;}

#header {display: block; height: 120px; width: 730px;}

#navbar {list-style: none; font: normal 16px tahoma, arial, sans-serif; position: absolute; left:15px; top: 140px;}
#navbar li {float: left; margin-right: 16px;} 
#navbar a {color: #08245c; text-decoration: none; display: block;}
#navbar a:hover {color: #31aefd;}

#body {position: absolute; top: 181px;}
#left_sidebar {width: 134px; float: left; text-align: center;}
#left_contact {margin-bottom: 2em;}
#left_contact a {display: block; width: 134px; height: 192px; background-image: url(/images/left-contact.png);}
#left_contact a:hover {background-position: 0px -192px;}


#quote {text-align: center; /*background: url(/images/left-back.png) no-repeat;*/ margin-bottom: 1.6em;}
#quote p {margin: 0; /*background: url(/images/left-back-bottom.png) bottom no-repeat;*/ padding: 1em 8px; font-size: 10px; line-height: 1.4em;}

#referal {font-weight: bold;}
#referal strong {font-size: 2em;}

#main {width: 579px; padding: 0 14px; float: left;}

#right_sidebar {width: 243px; float: left; padding-top: 107px; float: left;}
#right_sidebar #products {height: 296px; background: url(/images/right-products.png); text-align: center; font-size: 10px; line-height: 1.4em; position: relative;}
#right_sidebar #products p {padding: 15px;}
#right_sidebar #products a {display: block; position: absolute; bottom:10px; left: 0px; font-weight: bold; width: 243px;}
#right_sidebar2 {width: 243px; height: 296px; background: url(/images/areaback.png); float: left; margin-top: 107px; float: left; text-align: center;}
#areacontent {padding: 10px;}
#areacontent a, #areacontent a:hover {color: #335;}
#footer {clear: both; text-align: center; padding-top: 3em; font-size: 0.9em; color: #88a;}


#introbanner {margin-bottom:1em;}

#main ul {margin:1em 0; padding-left: 3em;}


form label {display: block; float: left; width: 10em;}
form li {margin-bottom: 1em;}
form .button {padding:5px;}

.error {font-weight: bold; color: #ff0000;}

#pic_tabs {margin-bottom: 1em; float: left;}
#pic_tabs img {display: block; float: left;}
#plumbing_button {display:block; float: left; width: 290px; height: 266px; background-image:url(/images/plumbing_button.jpg);}
#electrical_button {display:block; float: left; width: 289px; height: 266px; background-image:url(/images/electrical_button.jpg);}
#plumbing_button:hover {background-position:0 266px;}
#electrical_button:hover {background-position:0 266px;}
#tiling_button {display:block; float: left; width: 290px; height: 266px; background-image:url(/images/tiling_button.jpg);}
#plastering_button {display:block; float: left; width: 289px; height: 266px; background-image:url(/images/plastering_button.jpg);}
#tiling_button:hover {background-position:0 266px;}
#plastering_button:hover {background-position:0 266px;}

#headerflash {position: absolute; top: 8px; right: 0px;}