/* 
***************************************************************************
***** 
***** red - #ed1e26
***** grey - #85868a
***** light grey - #ccc
***** very light grey - #e3e2e2
***** green - #80c344
*****
***************************************************************************
*/


* {padding: 0; margin: 0;}

img {border: 0; border-style: none;}

img.suppliers {border: 1px dashed #000000; float: left; padding: 5px; margin: 10px 10px 0 0;}

#list {padding: 20px 30px;}
#list ul {list-style-image: url('/images/arrow.gif');}
#list li {padding-bottom: 10px;}

.list {padding: 20px 30px;}
.list ul {list-style-image: url('/images/arrow.gif');}
.list li {padding-bottom: 10px;}

.center {text-align: center;}

.icons {padding: 0 10px; vertical-align: middle;}

h1 {font: 24px trebuchet, arial, sans-serif; color: #ffffff; padding-bottom: 10px;}
h2 {font: 24px trebuchet, arial, sans-serif; color: #ffffff; padding: 0px 5px;}
h3 {font: 21px trebuchet, arial, sans-serif; color: #000000; padding-bottom: 10px;}
h4 {font: 29px verdana, arial, sans-serif; color: #000000; padding-bottom: 10px;}
h5 {font: 18px trebuchet, arial, sans-serif; color: #000000; font-weight: bold; padding-bottom: 10px;}

a:link, a:active, a:visited {font: 14px trebuchet, arial, sans-serif; color: #000000; border-bottom: 1px dashed #85868a; text-decoration: none;}
a:hover {border-bottom: 2px solid #ed1e26;}

a.bold:link, a.bold:active, a.bold:visited {font: 14px trebuchet, arial, sans-serif; color: #000000; border-bottom: 1px dashed #85868a; text-decoration: none; font-weight: bold;}
a.bold:hover {border-bottom: 2px solid #ed1e26;}

a.blank:link, a.blank:active, a.blank:visited, a.blank:hover {border-bottom: 0; text-decoration: none;}

blockquote {margin: 20px;}

body {margin: 0; padding: 0; font: 14px trebuchet, arial, sans-serif; color:#000000; background: url('images/rodd-brickwork-bg.gif') no-repeat bottom center;}

#bar {width: 100%; background: #000000; height: 5px;}

#logobar {width: 100%; height: 150px;}

#logocontent {margin: 0 auto; padding: 0; width: 800px;}

#logo {margin: 0; padding: 0; float: left; vertical-align: middle;}

#phone {margin: 0; padding: 0; float: right; vertical-align: top;}

#navbar {width: 100%; background: url('images/bg.gif') repeat-x; padding: 2px 0;}

#menu {margin: 0 auto; padding: 2px; width: 800px; text-align: center;}
#menu li {list-style: none; display: inline; padding: 0 18px;}
#menu li a {font: 16px trebuchet, arial, sans-serif; color: #85868a; text-decoration: none; font-weight: bold; border: 0;}
#menu li a:hover {color: #ffffff;}

#services {margin: 0; padding-left: 0px;}
#services li {list-style-type: none; padding: 0;}
#services li a {padding: 10px; display: block; font: 16px trebuchet, arial, sans-serif; color: #000000; text-decoration: none; border-bottom: 1px dashed #e3e2e2; padding-bottom: 5px; font-weight: bold; background: #ccc;}
#services li a:hover {border-bottom: 1px dashed #ffffff; background: #ed1e26 url('images/arrow2.gif') no-repeat center right; color: #ffffff;}

#services-menu {width: 238px; float: right; margin: 0; padding: 0; background: #000000 url('images/bg.gif') repeat-x;}

.rollover {margin-left: 120px;}
.rollover a {display: block; width: 200px; padding: 15px 30px; font: 17px trebuchet, arial, sans-serif; color: #ffffff; background: url('images/button.png') 0 0 no-repeat; text-decoration: none; font-weight: bold; border: 0;}
.rollover a:hover {background-position: 0 -50px;}

/* 
***************************************************************************

<div class="rollover">
<a href="contact.php">Get a FREE quote!</a>
</div>

***************************************************************************
*/

#center {}

#maincontent {margin: 0 auto; padding: 20px 5px; width: 800px; border: 0;}
#maincontent p {padding-top: 5px; padding-bottom: 10px;}

#text {width: 500px; margin: 0; padding: 0; border: 0;}
#text ul {list-style-image: url('/images/arrow.gif'); padding: 20px 30px;}
#text li {padding-bottom: 10px;}

#homebox {width: 477px; height: 60px; background: url('images/home-image.png') no-repeat; padding: 210px 30px 30px; margin: 0; float: left; border: 0;}

#homebox p {font: 16px trebuchet, arial, sans-serif; color: #ffffff; padding: 0px;}

#rightcolumn {border: 0; margin: 0; padding: 0; width: 250px; float: right;}

#left {width: 205px; float: left; margin: 30px 0; padding: 0 20px; border: 0;}

#middle {width: 205px; float: right; margin: 30px 0; padding: 0 20px; border-left: 2px dashed #85868a;}

#right {width: 225px; float: right; margin: 28px 0; padding: 0 0 0 10px; border-left: 2px dashed #85868a; font: 14px trebuchet, arial, sans-serif; color: #000000;}

#footer {clear: both; padding: 10px 0 20px 0; width: 100%; border-top: 5px #ccc solid; text-align: center; font: 12px trebuchet, arial, sans-serif; color: #85868a;}
#footer p {margin: 0 auto; padding: 10px 0; width: 800px;}
#footer a {font: 12px trebuchet, arial, sans-serif; color: #85868a; text-decoration: none; border: 0;}
#footer a:hover {text-decoration: underline;}



/* 
***************************************************************************
***** 
***** CSS Image Gallery
***** Credits: Dynamic Drive CSS Library
***** URL: http://www.dynamicdrive.com/style/csslibrary/item/css-image-gallery/
*****
***************************************************************************
*/

.gallerycontainer{}

a.thumbnail:link, a.thumbnail:active, a.thumbnail:visited {border: 0;}

.thumbnail img {padding: 1px; margin: 0 7px 7px 0; border: 1px solid #d5d3d3;}

.thumbnail:hover {background-color: transparent; border: 0;}

.thumbnail:hover img {border: 1px solid #000000;}


/* 
***************************************************************************
***** 
***** CONTACT PAGE FORM
***** A Nice Simple Contact Form
***** Credits: CSS Tricks
***** URL: http://css-tricks.com
*****
***************************************************************************
*/

#contact-area {width: 450px; border: 0; text-align: center;}

#contact-area input {padding: 5px; width: 200px; font: 14px arial, helvetica, sans-serif; margin: 0px 0px 10px 0px; border: 2px solid #ccc; background: #ffffff !important;}

#contact-area textarea {padding: 5px; width: 200px; height: 90px; font: 14px arial, helvetica, sans-serif; margin: 0px 0px 10px 0px; border: 2px solid #ccc; background: #ffffff !important;}

#contact-area select {padding: 5px; width: 215px; font: 14px arial, helvetica, sans-serif; margin: 0px 0px 10px 0px; border: 2px solid #ccc;}

#contact-area textarea:focus, #contact-area input:focus, #contact-area input.sffocus, #contact-area select:focus, #contact-area textarea:hover, #contact-area input:hover, #contact-area select.sffocus, #contact-area select:hover {border: 2px solid #80c344;}

#contact-area input.submit-button {width: 100px; color: #ffffff; cursor: pointer; border: 2px solid #ffffff; background: #80c344 !important; font-weight: bold; margin-left: 40px;}

#contact-area input.submit-button:hover {background: #80c344 !important; border: 2px solid #80c344; color: #ffff00;}

label {float: left; text-align: right; margin-right: 5px; width: 150px; padding-top: 5px; font: 14px trebuchet, arial, sans-serif;}