/************** Main Construction Styles *******************/

body
{
 margin: 0px;
 padding: 0px;
 background-color: #CCC;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 color: #999;
 text-align: center;
}


.wrapper
{
 width: 960px;							
 position: relative;
 background-image: url(../images/background.jpg);
 background-repeat: repeat-y;
 text-align: left;
 margin: 0px auto;
} 


.sidebar
{
 width: 235px;							
 float: left;
 margin: 0 0 20px 54px;
 display: inline;             /** To fix IE's double margin float bug **/
}


.header
{
 width: 802px; /* Total 960px */	
 margin: 0 59px 0 54px;
 padding: 5px 30px 10px 15px;
 /*
 width: 567px;*/ /* 612px */ 
 height: 76px; /* 96px */					
 /*float: right;*/
 position: relative;
 /*
 padding: 5px 30px 10px 15px;
 margin: 0 59px 0 0;*/
 background-color: #015A84;
 background-image: url(../images/bramdean-construction.jpg);
 background-repeat: no-repeat;
 background-position: 100% 0;
 /*display: inline;*/     /** To fix IE's double margin float bug **/
}


.mainContent
{
 width: 597px;   					
 float: right;
 margin: 0 59px 20px 0;
 padding: 0 0 0 15px;
 display: inline;     /** To fix IE's double margin float bug **/
}


.footer
{
 width: 960px;
 height: 40px; /* 50px */
 clear: both;
 position: relative;
 left: -1px;
 background-image:url(../images/footer.jpg);
 background-repeat: no-repeat;
 padding-top: 10px;
 margin-bottom: 20px;
}


div#mainItem
{
 width: 413px;
}


div#subItem1
{
 width: 187px;
 float: left;
 margin: 0 0 20px 0;
}


div#subItem2
{
 width: 187px;
 float: right;
 margin: 0 200px 20px 0;
 display: inline;     /** To fix IE's double margin float bug **/
}


div.clear
{
 clear: both;
}

/************** General Styles *******************/

h1
{
 color: #000;
 font-size: 1.5em;
 font-weight: bold;
 margin: 0;
 padding: 0; 
}


h2
{
 color: #000;
 font-size: 1.2em;
 font-weight: bold;
}


h3
{
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 text-transform: uppercase;
 color: #015A84;
 font-size: 1.5em;
 font-weight: normal;
 margin: 20px 0 0 0;
 padding: 0; 
}


h4 							
{
 color: #69A4BF;
 font-weight: bold;
 background-color: #93D9E0;
 display: inline;
 font-size: 1em;
}


h4 a:link
{
 color: #69A4BF;
 text-decoration: none;
 background-color: #93D9E0;
 border: 1px #69A4BF solid;
 padding: 2px;
}


h4 a:visited
{
 color: #54849A;
 text-decoration: none;
 background-color: #93D9E0;
 border: 1px #54849A solid; 
 padding: 2px;
}


h4 a:hover
{
 color: #FFF;
 text-decoration: none;
 border: 1px #69A4BF solid;		
}


h4 a:active
{
 color: #93D9E0;
 text-decoration: none;
 background-color: #69A4BF;
 border: 1px #54849A solid; 
}


h5
{
 font-size: small;
 color: #000;
 font-weight: bold;
}


h5.contactNumber
{
 clear: both;
 padding: 10px 0 0 37px;
}

.mainContent p
{
 line-height: 160%;
}


a:link,
a:visited
{
 color: #127099;
 text-decoration: underline;
}


a:hover,
a:active
{
 color: #6398BB;
 text-decoration: underline;
}


.header a:link,
.header a:visited
{
 color: #0EC9FE;
 text-decoration: underline;
}


.header a:hover,
.header a:active
{
 color: #6EDFFE;
 text-decoration: underline;
}


.viewMore
{
 display: block;
}


a img           				
{
 border: none;
}


.mainContent strong
{
 font-weight: bold;
 color: #666;
}


ul li
{
 margin: 10px 0 0 0;
}


ul.navBar
{
 list-style: none;
 color: #999;
 position: relative;
 left: -40px;
 top: -10px;
}


ul.navBar li
{
 display: inline; 
 margin: 0 8px 0 0;
}


ul.navBar li a:link
{
 color: #999;
 text-decoration: none;
}


ul.navBar li a:visited
{
 color: #999;
 text-decoration: none;
}


ul.navBar li a:hover
{
 color: #666;
 text-decoration: none;
}


ul.navBar li a:active
{
 color: #666;
 text-decoration: none;
}


img#logo
{
 position: absolute;
 top: 15px;
 left: 80px;
 z-index: 100;
}


ul.legal
{
 list-style: none;
 margin: 0 0 0 265px;
 font-size: 0.8em;
 color: #F3F3F3;
}


ul.legal li
{
 display: inline; 
}


ul.legal li a:link
{
 color: #FFF;
 text-decoration: none;
}


ul.legal li a:visited
{
 color: #FFF;
 text-decoration: none;
}


ul.legal li a:hover
{
 color: #6398BB;
 text-decoration: none;
}


ul.legal li a:active
{
 color: #6398BB;
 text-decoration: none;
}


ul.legal li#copyright
{
 margin: 0 0 0 140px;
}


.header p.testimonial
{
 line-height: 125%;
 font-size: 15px;
 color: #FFF;
 font-style: italic;
 margin-left: 235px;
}


h3.head1
{
 width: 413px;
 border-bottom: 2px solid #015A84;
}


h3.top
{
 margin: 50px 0 0 0;
}


h3.head2
{
 width: 187px;
 border-bottom: 2px solid #015A84;
}


h3.head3
{
 width: 187px;
 border-bottom: 2px solid #015A84;
}


#subItem1 h4, #subItem2 h4
{
 position: relative;
 left: 150px;
 bottom: 15px;
}


img.before-after
{
 margin: 100px 0 0 10px;
}


.testimonial a
{
 font-size: 11px;
}


.citation
{
 display: block;
 font-size: 11px;
 color: #333;
}