/*
// CB Services Stylesheet
*/



body
{
        margin: 0;
        padding: 0;
        font-family: Verdana, Arial, Sans-Serif;
        font-size: 62.5%;
        line-height: 1.5em;
        background: url('../images/background.jpg') repeat-x top #353535;
}

html, body {
}

p {
        margin: 0;
        padding: 0;
}

a img {
        border: 0;
        margin: 0;
        padding: 0;
}

a {
        outline: 0;
}

form {
        margin: 0;
        padding: 0;
	background: none;
}

ul {
        margin: 0;
        padding: 0;
}

div {
        text-align: left;
}

/* ---------- Content Wrapper ---------- */

#wrappertop {
        width: 816px;
        height: 409px;
        margin: 0 auto;
        padding: 0;
	/* border: 1px solid #333333; */
        background: url('../images/body_repeat_background.jpg');
}

#wrapper {
        width: 816px;
        min-height: 100%;
        margin: 0 auto;
        padding: 0;
/*	border: 1px solid #333333;
        background: url('../images/skull_and_cross_bones.png') repeat left #f3ecd1; */
	background: url('../images/body_repeat_background.jpg');
}

* html #wrapper {
}

/* ---------- Header Container ---------- */


#headerlogo {
        width: 816px;
        height: 409px;
        margin: 0;
        padding: 0;
        background: url('../images/headerimage.jpg') center no-repeat;
        position: relative;
}

#headertop {
        width: 816px;
        height: 139px;
        margin: 0;
        padding: 0;
        background: url('../images/header-top.jpg');
        position: relative;
        overflow: hidden;
}

#headerbottom {
        width: 816px;
        height: 270px;
        margin: 0;
        padding: 0;
        background: url('../images/header-bottom.jpg');
        position: relative;
        overflow: hidden;
}


/* ---------- Top Menu Container ---------- */



#menutop {
        width: 881px;
        height: 10px;
        margin: 0 auto;
        padding: 0;
        overflow: hidden;
}

#menu {
        width: 816px;
        height: 55px;
        margin: 0 auto;
        padding: 0;
	/*border-bottom: 1px solid #333333;*/
	background: #666666;
}

ul#menuoptions {
        width: 816px;
        height: 55px;
        padding: 0;
        margin: 0 auto;
        list-style-type: none;
}

ul#menuoptions li {
        display: block;
        float: left;
}


li#home a {
        display: block;
        position: relative;
        width: 161px;
        height: 55px;
        background: url('../images/home.jpg');
        background-position: 0 -110px;
        background-repeat: no-repeat;
        overflow: hidden;
}


li#ourprojects a {
        display: block;
        position: relative;
        width: 145px;
        height: 55px;
        background: url('../images/ourprojects.jpg');
        background-position: 0 -110px;
        background-repeat: no-repeat;
        overflow: hidden;
}

li#commercial a {
        display: block;
        position: relative;
        width: 130px;
        height: 55px;
        background: url('../images/commercial.jpg');
        background-position: 0 -110px;
        background-repeat: no-repeat;
        overflow: hidden;
}

li#residential a {
        display: block;
        position: relative;
        width: 118px;
        height: 55px;
        background: url('../images/residential.jpg');
        background-position: 0 -110px;
        background-repeat: no-repeat;
        overflow: hidden;
}

li#faq a {
        display: block;
        position: relative;
        width: 70px;
        height: 55px;
        background: url('../images/faq.jpg');
        background-position: 0 -110px;
        background-repeat: no-repeat;
        overflow: hidden;
}



li#contactus a {
        display: block;
        position: relative;
        width: 192px;
        height: 55px;
        background: url('../images/contactus.jpg');
        background-position: 0 -110px;
        background-repeat: no-repeat;
        overflow: hidden;
}

li#home a:hover, li#ourprojects a:hover, li#commercial a:hover, li#residential a:hover, li#faq a:hover, li#contactus a:hover {
        background-position: 0px -55px !important;
}

li#home a span, li#ourprojects a span, li#commercial a span, li#residential a span, li#faq a span, li#contactus a span {
        left: -10000px;
        position: absolute;
}

li#home a.there{
        background-position: 0px 0px !important;
        width: 161px;
        height: 55px;
}

li#ourprojects a.there{
        background-position: 0px 0px !important;
        width: 145px;
        height: 55px;
}

li#commercial a.there{
        background-position: 0px 0px !important;
        width: 130px;
        height: 55px;
}

li#residential a.there{
        background-position: 0px 0px !important;
        width: 118px;
        height: 55px;
}

li#faq a.there{
        background-position: 0px 0px !important;
        width: 70px;
        height: 55px;
}

li#contactus a.there{
        background-position: 0px 0px !important;
        width: 192px;
        height: 55px;
}


/* ---------- Interior Content ---------- */


#maincontent {
        width: 816px;
	min-height: 405px;
/*	height: 100%; */
	height: auto !important;
	height: 405px;
        margin: 0 auto;
        padding: 0px 0 0 0;
	background: url('../images/body_background.jpg') no-repeat;
}

.bottomspacer {
	width: 816px;
	height: 130px;
	background: url('../images/body_bottom_background.jpg') center no-repeat;
	clear: both;
}

#maincontent .left {
        width: 550px;
        margin: 0;
        padding: 0 0px 0 0;
        float: left;
}

#maincontent .left h2 {
        margin: 0;
        padding: 30px 0 0 60px;
        font-size: 1.7em;
        font-weight: bold;
        line-height: 1.3em;
        color: #222;
        text-align: left;
}

#maincontent .left h2.alt {
        margin: 0;
        padding: 10px 0 0 60px;
        font-size: 1.7em;
        font-weight: bold;
        line-height: 1.3em;
        color: #222;
        text-align: left;
}

#maincontent .left h2.faq {
        margin: 0;
        padding: 30px 0 8px 60px;
        font-size: 1.7em;
        font-weight: bold;
        line-height: 1.3em;
        color: #222;
        text-align: left;
}

#maincontent .left h6 {
        margin: 0;
        padding: 20px 0 10px 60px;
        font-size: 2.0em;
        font-weight: bold;
        line-height: 1.7em;
        color: #333;
        text-align: left;
}

#maincontent .left h3 {
        margin: 0;
        padding: 10px 0 0 60px;
        font-size: 1.4em;
        font-weight: bold;
        line-height: 1.7em;
        color: #000000;
        text-align: left;
}

#maincontent .left p.first {
        margin: 0;
        padding: 10px 20px 10px 60px;
        font-size: 1.1em;
        line-height: 1.6em;
        color: #343434;
       /* background: url('../images/leftblue.jpg') repeat-y; */
        text-align: left;
}

#maincontent .left p.question {
        margin: 0;
        padding: 0px 20px 0 60px;
        font-size: 1.1em;
        line-height: 1.6em;
        color: #343434;
       /* background: url('../images/leftblue.jpg') repeat-y; */
        text-align: left;
	font-weight: bold;
}

.number {
        margin: 0;
        padding: 3px 6px 3px 6px;
        font-size: 1.0em;
        line-height: 1.4em;
        font-family: Arial, Verdana;
        color: #FFF;
        background: #576475;
}

#maincontent .left p {
        margin: 0;
        padding: 0px 20px 10px 60px;
        font-size: 1.1em;
        line-height: 1.6em;
        color: #343434;
       /* background: url('../images/leftblue.jpg') repeat-y; */
        text-align: left;
}

#maincontent .left .formlayout {
	width: 500px;
        margin: 0;
        padding: 10px 0 0px 60px;
        font-size: 1.1em;
        line-height: 1.6em;
        color: #5E5E5E;
	font-weight: bold;
}

#maincontent .left .formlayout .formname {
	width: 200px;
        margin: 0;
        padding: 15px 0 0px 0px;
        font-size: 1.1em;
        line-height: 1.6em;
        color: #343434;
	font-weight: bold;
	float: left;
}

#maincontent .left .formlayout .formvalue {
	width: 300px;
        margin: 0;
        padding: 10px 0 0px 0px;
        font-size: 1.1em;
        line-height: 1.6em;
        color: #5E5E5E;
	font-weight: bold;
	float: right;
}

#maincontent .left .projectimages {
	width: 500px;
        margin: 0;
        padding: 10px 0 0px 60px;
        font-size: 1.1em;
        line-height: 1.6em;
        color: #5E5E5E;
	font-weight: bold;
}

#maincontent .left .projectimages .oneoftwo {
	width: 235px;
        margin: 0;
        padding: 15px 0 0px 0px;
        font-size: 1.1em;
        line-height: 1.6em;
        color: #5E5E5E;
	font-weight: bold;
	float: left;
	text-align: center;
}

#maincontent .left .projectimages .twooftwo {
	width: 235px;
        margin: 0;
        padding: 15px 0 0px 0px;
        font-size: 1.1em;
        line-height: 1.6em;
        color: #5E5E5E;
	font-weight: bold;
	float: left;
	text-align: center;
}

#maincontent .left .projectimages .oneofthree {
	width: 157px;
        margin: 0;
        padding: 15px 0 0px 0px;
        font-size: 1.1em;
        line-height: 1.6em;
        color: #5E5E5E;
	font-weight: bold;
	float: left;
	text-align: center;
}

#maincontent .left .projectimages .twoofthree {
	width: 156px;
        margin: 0;
        padding: 15px 0 0px 0px;
        font-size: 1.1em;
        line-height: 1.6em;
        color: #5E5E5E;
	font-weight: bold;
	float: left;
	text-align: center;
}

#maincontent .left .projectimages .threeofthree {
	width: 157px;
        margin: 0;
        padding: 15px 0px 0px 0px;
        font-size: 1.1em;
        line-height: 1.6em;
        color: #5E5E5E;
	font-weight: bold;
	float: left;
	text-align: center;
}

#maincontent .left p.formalt {
        margin: 0;
        padding: 10px 15px 0px 60px;
        font-size: 1.1em;
        line-height: 1.6em;
        color: #5E5E5E;
	font-weight: bold;
	float: right;
}

#maincontent .left .forminput {
        width: 270px;
        margin: 0;
        padding: 4px 0 4px 5px;  
        font-size: 1.1em;
	font-family: Arial, Verdana, Sans-Serif;;
        border: 2px solid #CCC;
        background: #FFF !important;
	color: #333;
}

#maincontent .left .formselect {
        width: 276px;
        margin: 3px 0 0 0;
        padding: 4px 0 4px 5px;  
        font-size: 1.1em;
	font-family: Arial, Verdana, Sans-Serif;;
        border: 2px solid #CCC;
        background: #FFF !important;
	color: #333;
}

.inputbutton {
        border: 0px outset;   
        cursor: pointer;
        font-weight: normal;
        margin: 15px 0px 0px 1px;
        padding: 2px 2px 2px 2px;
        background: #333;
        color: #FFF;
        font-size: 11px;
        width: 106px;
        clear: both;
}

#maincontent .right {
/*	background: url('../images/greybg.png'); */
        width: 216px;
        margin: 0;
        padding: 0 0px 20px 0;
/*	border-left: 1px solid #333333; */
        float: left;
}

#maincontent .right h3 {
        margin: 0;
        padding: 34px 0 0 20px ; 
        font-size: 1.1em;
        font-weight: bold;
        line-height: 1.4em;
        color: #000000;
        text-align: left;
}

#maincontent .right h2 {
        margin: 0;
        padding: 15px 20px 5px 20px; 
        font-size: 1.9em;
        font-weight: bold;
        line-height: 2.1em;
        color: #000000;
        text-align: left;
}

#maincontent .right img {
	border: 5px solid #999999;
	margin: 20px 10px;
	background: #ffffff;
	padding: 3px 3px;
}

#maincontent .right div.rightimg {
	float: right;
}

#maincontent .right p {
        margin: 0;
        padding: 34px 20px 5px 20px;
        font-size: 1.1em;
        line-height: 1.6em;
        color: #343434;
        text-align: left;
}

#maincontent .right p.faq {
        margin: 0;
        padding: 10px 20px 0px 20px;
        font-size: 1.1em;
        line-height: 1.6em;
        color: #969698;
        text-align: left;
}

#maincontent .right p.faq a:active, #maincontent .right p.faq a:visited, #maincontent .right p.faq a:link {
	color: #969698;
	text-decoration: none;
}

#maincontent .right p.faq a.there:active, #maincontent .right p.faq a.there:visited, #maincontent .right p.faq a.there:link {
	color: #E17A05;
	text-decoration: none;
}

#maincontent .right p.faq a:hover {
        color: #969698;
        text-decoration: underline;
}


#maincontent .full {
        width: 863px;
        margin: 0;
        padding: 0 0px 0 0;
        float: left;
	display: block;
	background: url('../images/greybg.png'); 
}

#maincontent .full h2 {
        margin: 0;
        padding: 15px 20px 5px 20px;
        font-size: 1.6em;
        font-weight: bold;
        line-height: 1.7em;
        color: #000000;
        text-align: left;
}

#maincontent .full p.main {
        margin: 0;
        padding: 100px 20px 5px 20px;
        font-size: 1.4em;
        line-height: 1.8em;
        color: #676767;
        text-align: left;
}

#maincontent .full p {
        margin: 0;
        padding: 0 20px 5px 20px;
        font-size: 1.4em;
        line-height: 1.8em;
        color: #676767;
        text-align: left;
}

#error {
        width: 863px;
        margin: 0;
        padding: 0 0px 0 0;
        float: left;
        display: block;
	background: url('../images/greybg.png'); 
}

#error .full h2 {
        margin: 0;
        padding: 15px 20px 5px 20px;
        font-size: 1.6em;
        font-weight: bold;
        line-height: 1.7em;
        color: #000000;
        text-align: left;
}

#error .full p.main {
        margin: 0;
        padding: 100px 20px 5px 20px;
        font-size: 1.4em;
        line-height: 1.8em;
        color: #676767;
        text-align: left;
}

#error .full p {
        margin: 0;
        padding: 0 20px 5px 20px;
        font-size: 1.4em;
        line-height: 1.8em;
        color: #676767;
        text-align: left;
}

ul.options {
        width: 450px;   
        list-style: none;
}
        
ul.options li {
        background: url(../images/orangesquare.gif) no-repeat 0 17px;
        margin: 0 15px 0 60px;
	padding: 9px 0 9px 12px;
        border-bottom: 1px solid #5A5A5A;
        width: 450px;   
        font-family: Verdana, Arial;
        color: #222;  
        font-size: 1.1em;  
        line-height: 1.6em;
}

ul.options li.end { border-bottom: 0px; margin: 0 15px 9px 60px; }


/* ---------- Footer ---------- */


#footer {
        width: 816px;
        margin: 0 auto;
        padding: 0 0 25px 0;
        color: #999;
        text-align: center;
        font-size: 1.1em;
        clear: both;
        position: relative;
}

#footer p {
        margin: 4px 0 0 0;
        color: #999;
        text-align: center;
}

#footer .divider {
        padding: 0 8px 0 8px;
}

#footer p a:active, #footer p a:visited, #footer p a:link {
	color: #990000;
}

#footer p a:hover {
        color: #000000;
        text-decoration: underline;
}

ul#footermenu {
        list-style-type: none;
        margin: 0;
        padding: 0 0 0 0;
        text-align: center;
}

ul#footermenu a:active, ul#footermenu a:visited, ul#footermenu a:link {
        color: #eeeeee;
        text-decoration: none;
}

ul#footermenu a:hover {
        color: #ffffff;
        text-decoration: underline;
}

ul#footermenu li {
        display: inline;
        margin: 0;
        padding: 0;
        text-align: center;
}

#footercontent p {
        margin: 0;
        padding: 0 20px 5px 20px;
        font-size: 1.4em;
        line-height: 1.8em;
        color: #676767;
        text-align: left;
}


/* ---------- Contact Form ---------- */


#contactform {
	padding: 0 20px;
}

#contactform .row {
	clear: both; 
	width: 100%;
}

#contactform .row .required {
	width: 10px;
	height: 10px;
	color: #ff0000;
	overflow: hidden;
	font-weight: bold;
	float: left;
}

#contactform .row .left {
	width: 100px;
	display: block;
	float: left;
	overflow: hidden;
}

#contactform .row .right {
	background: none !important;
	width: 400px;
	display: block;
	float: right;
	border: none;
	overflow: hidden;
}

#contactform .row .full {
	background: none;
	float: right;
	width: 400px;
}

#contactform .row .right textarea {
	width: 375px;
	height: 100px;
}

#contactform .row .right input {
	width: 225px;
}

#contactform .separator {
	width: 380px;
	height: 1px;
	display: block;
	padding: 0px;
	margin: 25px 0 0 0;
	background: #333333;
}

ul#headeroptions {
        width: 816px;
        height: 270px;
        margin: 0; 
        padding: 0;
        list-style-type: none;
}

ul#headeroptions li {    
        margin: 0;     
        padding: 0; 
        float: left;
}

ul#headeroptions li#optiona a {
        display: block;
        position: relative;
        width: 110px; 
        height: 145px;
        top: 0px;
	left: 71px;
}

ul#headeroptions li#optiona span {
        left: -10000px;
        position: absolute;
}

ul#headeroptions li#optionb a {
        display: block;
        position: relative;
        width: 105px;
        height: 145px;
        top: 0px;
        left: 81px;
}

ul#headeroptions li#optionb span {
        left: -10000px;
        position: absolute;
}

ul#headeroptions li#optionc a {
        display: block;
        position: relative;
        width: 96px;
        height: 145px;
        top: 0px;
        left: 81px;
}

ul#headeroptions li#optionc span {
        left: -10000px;
        position: absolute;
}