body {
	margin: 0;
	padding: 0;
	background: url(../../images/body-bg.gif) repeat-y center #ececec;
	font-family: Lucida Sans, Verdana, Arial, Helvetica, sans-serif;
	font-size: 76%;
	color: #21262a;
}

body#bhome {background: url(../../images/body-bg-home.gif) repeat-x top;}

* {margin: 0; padding: 0;}

#container {
	padding: 0;
	margin: 0 auto;
	width: 962px;
	font-size: 1em;
	overflow: hidden;
}

#header {height: 127px; width: 962px; background: url(../../images/header-bg.gif) repeat-x top;}


#logo a{
	background: url(../../images/logo-boffo.gif) no-repeat top; 
	width: 147px; 
	height: 75px;
	float: left;
	display: block;
	position: relative;
	left: 30px;
	top: 27px;
}

#logo span {display: none; width: 1px; height: 1px; overflow: hidden;}

#menu{
	height: 26px;
	position: relative;
	top: 17px;
	float: right;
	width: 531px;
	margin-right: 15px;
	margin-top: 36px;
	z-index: 1;
}

ul#menu  {
	margin-left: 0px;
	height: 26px;
}
ul#menu  li {
	display: inline;
	float: left;
}

ul#menu  li a{
	padding: 0;
	margin-right: 1px;
	height: 29px;
	display: block;
	color: #fff;
}

#menu li ul { /* second-level lists */
	position: absolute; /* just added */
	width: 128px;
	left: -999em;
	z-index: 20;
}

#menu li ul li a {
	text-align: left;
	width: 124px;
	display: block;
	padding: 10px 5px 0px 19px;
	font-size: 0.9em;
	text-decoration: none;
	font-weight: normal;
	color: #fff;
	background: url(../../images/secondary-menu-bg.gif) repeat-x top;
	height: 19px;
	overflow: hidden;
	cursor: pointer;

}

#menu li ul li a:hover {
	color: #85abce;
	background: url(../../images/secondary-menu-bg.gif) repeat-x top;
}

#menu li ul li.last a, #menu li ul li.last a:hover {background: url(../../images/secondary-menu-bg-last.gif) repeat-x top;}

#menu li:hover ul, #menu li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	margin: 0;
	margin-left: 0;
	z-index: 100;
}

#menu li:hover, #menu li.hover {
    position: static;
}

#mprojects a, #mprojectsactive a {
	display: block;
	width: 73px;
	background: url(../../images/menu-projects.gif) no-repeat;
	background-position: 0 0;
	cursor: default;
}

#mservices a, #mservicesactive a {
	display: block;
	width:138px;
	background: url(../../images/menu-customer-service.gif) no-repeat;
	background-position: 0 0;
}

#mcompany a, #mcompanyactive a {
	display: block;
	width:86px;
	background: url(../../images/menu-company.gif) no-repeat;
	background-position: 0 0;
	cursor: default;
}

#mtrades a, #mtradesactive a {
	display: block;
	width:69px;
	background: url(../../images/menu-trades.gif) no-repeat;
	background-position: 0 0;
}

#mcareers a, #mcareersactive a{
	display: block;
	width: 75px;
	background: url(../../images/menu-careers.gif) no-repeat;
	background-position: 0 0;
}

#mcontact a, #mcontactactive a {
	display: block;
	width:68px;
	background: url(../../images/menu-contact.gif) no-repeat;
	background-position: 0 0;
}

ul#menu li span, ul#menu2 li span, #submit a span, #register a span, .gallery a span {display: none;}

#mprojects a:hover, #mservices a:hover, #mservices a:hover, #mcompany a:hover, #mtrades  a:hover, #mcontact  a:hover, #mprojectsactive a, #mservicesactive a, #mservicesactive a, #mcompanyactive a, #mcontactactive a, #mtradesactive a, #mcareers a:hover, #mcareersactive a {background-position: 0 -26px; }

#pageheader {background: #fff/*cfeaf5*/; height: 65px; border-bottom: 1px solid #cfeaf5/*93b5c3*/;}

#pageheader h2 {font-size: 2.4em; color: #124458; letter-spacing: -0.05em; font-weight: lighter; font-family: "Lucida Sans Unicode", Lucida Sans, Verdana, Arial; float: left; position: relative; top: 15px; left: 30px;}

#menu2{
	height: 14px;
	position: relative;
	top: 30px;
	float: right;
	cursor: pointer;
	margin-right: 30px;
}

ul#menu2  {
	margin-left: 0px;
	height: 14px;
	cursor: pointer;
}
ul#menu2  li {
	display: inline;
	float: left;
	cursor: pointer;
}

ul#menu2  li a{
	padding: 0;
	margin-right: 0px;
	height: 14px;
	display: block;
	border-right:  1px solid #7fa8b9;
	border-left: 1px solid #7fa8b9;
	cursor: pointer;
}

#mnowselling a {
	display: block;
	width: 106px;
	background: url(../../images/menu2-now-selling.gif) no-repeat;
	background-position: 0 0;
}

#mpastsuccess a {
	display: block;
	width: 120px;
	background: url(../../images/menu2past-success.gif) no-repeat;
	background-position: 0 0;
}

#mcomingsoon a {
	display: block;
	width: 112px;
	background: url(../../images/menu2-coming-soon.gif) no-repeat;
	background-position: 0 0;
}

#mbuilder a {
	display: block;
	width: 112px;
	background: url(../../images/menu2-builder-story.gif) no-repeat;
	background-position: 0 0;
}

#mindustrialopp a {
	display: block;
	width: 185px;
	background: url(../../images/menu2-industrialopp.gif) no-repeat;
	background-position: 0 0;
}

#mindustrial a {
	display: block;
	width: 159px;
	background: url(../../images/menu2-industrial-projects.gif) no-repeat;
	background-position: 0 0;
}

#mresidential a {
	display: block;
	width: 167px;
	background: url(../../images/menu2-residential-projects.gif) no-repeat;
	background-position: 0 0;
}

#mrequestform a {
	display: block;
	width: 240px;
	background: url(../../images/menu2-requestform.gif) no-repeat;
	background-position: 0 0;
}



#mabout a {
	display: block;
	width: 85px;
	background: url(../../images/menu2_about.gif) no-repeat;
	background-position: 0 0;
}

#mprocess a {
	display: block;
	width: 100px;
	background: url(../../images/menu2_process.gif) no-repeat;
	background-position: 0 0;
}

#mtestimonials a {
	display: block;
	width: 105px;
	background: url(../../images/menu2_testimonials.gif) no-repeat;
	background-position: 0 0;
}

#mprojects a ul li a:hover, #mprojectsactive a ul li a:hover {cursor: default;}

#last {border-right: 0;}

#content .last {background: none;}

#mnowselling a:hover, #mcomingsoon a:hover, #mpastsuccess a:hover, #mindustrialopp a:hover, #mindustrial a:hover, #mresidential a:hover, #mrequestform a:hover, #mabout a:hover, #mprocess a:hover, #mtestimonials a:hover, #mbuilder a:hover  {background-position: 0 -14px;}

#subheader, #subheader2 {height: 46px; background: url(../../images/sub-header-bg.gif) repeat-x top;}

#subheader2 {margin-bottom: 10px; margin-top: -12px;}

#subheader h3, #subheader2 h3 {color: #124459; font-size: 1.4em; font-weight: normal; text-transform: uppercase; position: relative; top: 15px; left: 30px;}

.clear {clear: both;}

#content {background: url(../../images/content-bg.gif) repeat-x top; width: 962px; padding: 20px 0; min-height: 500px;}

#sec-projects #content {background: url(../../images/bg-projects.jpg) no-repeat top; width: 962px; padding: 40px 0 0px 0; min-height: 571px; border-top: 1px solid #fff;}

#sec-company #content {background: url(../../images/bg-company.jpg) no-repeat top; width: 962px; padding: 40px 0 0px 0; min-height: 571px; border-top: 1px solid #fff;}

#sec-careers #content {background: url(../../images/bg-trades.jpg) no-repeat top; width: 962px; padding: 40px 0 0px 0; min-height: 571px; border-top: 1px solid #fff;}

#sec-process #content {background: url(../../images/bg-careers.jpg) no-repeat top; width: 962px; padding: 40px 0 0px 0; min-height: 571px; border-top: 1px solid #fff;}

#sec-testimonials #content {background: url(../../images/bg-testimonials.jpg) no-repeat top; width: 962px; padding: 40px 0 0px 0; min-height: 571px; border-top: 1px solid #fff;}

#sec-services #content {background: url(../../images/bg-service.jpg) no-repeat top; width: 962px; padding: 40px 0 0px 0; min-height: 7070x; border-top: 1px solid #fff;}

#sec-cservice #content {background: url(../../images/bg-serviceform.jpg) no-repeat top; width: 962px; padding: 40px 0 0px 0; min-height: 700px; border-top: 1px solid #fff;}

#sec-trades #content {background: url(../../images/sec-process.jpg) no-repeat top; width: 962px; padding: 40px 0 0px 0; min-height: 571px; border-top: 1px solid #fff;}

#sec-contact #content {background: url(../../images/bg-contact.jpg) no-repeat top; width: 962px; padding: 40px 0 0px 0; min-height: 571px; border-top: 1px solid #fff;}

#ctext {width: 902px; padding: 0 30px;}

.cslistings {width: 962px; background: url(../../images/dotted-horitzontal.gif) repeat-x bottom; padding-bottom: 20px; margin-bottom: 10px;}

.cslogo {width: 200px; text-align: center; float: left; padding-top: 20px;}

.cslogo2 {width: 380px; text-align: center; float: left; padding-top: 20px;}

.cscontent {width: 340px; float: left; padding-top: 30px; margin-right: 10px;}
h3 {color: #1a3752; font-family:Georgia, "Times New Roman", Times, serif; font-size: 1.6em; font-weight: normal; margin-bottom: 5px;}
h4 {color: #5685b1; font-family: "Lucida Sans Unicode", Lucida Sans, Verdana, Arial; font-size: 1.0em; font-weight: normal; margin-bottom: 3px;}
.cscontent p {color: #525252; font-family: "Lucida Sans Unicode", Lucida Sans, Verdana, Arial; font-size: 1em; }
p.launch {padding-top: 15px; font-size: 1.0em;}
a {color: #638646; text-decoration: underline;}
a:hover {text-decoration: underline;}
.csphoto {width: 390px; float: right; padding-top: 20px;}

#footer {height: 31px; width: 962px; margin: 10px 0; text-align: center; background: url(../../images/bg-footer.gif) repeat-x top; padding-top: 20px;}
#footer p a {text-decoration: none; color: #1a3752;}
#footer p a:hover {text-decoration: underline; color: #1a3752;}
#footer p {font-size: 0.9em; font-family: Arial, Helvetica, sans-serif; color: #1a3752;}
p#copyright {margin-top: 10px; color: #71929f;}

/* Forms */

form, #infotext {float: left; width: 500px;}

form p {padding: 10px 0 20px 0;}

#infotext p, form p {padding: 5px 0 5px 10px; line-height: 1.4em;}

form p {margin-bottom: 10px;}

#infotext ul {margin: 20px 0 20px 30px;}
#infotext ul li {padding: 5px 5px 5px 15px;; list-style: none; background: url(../../images/bullet.gif) no-repeat 0px 5px;}

h3.sec {margin-top: 10px; margin-left: 10px;}

.formright {width: 380px; float: right; padding-top: 10px;}

label {width: 200px; float: left; margin-bottom: 10px; padding-top: 3px; margin-left: 20px; font-weight: bold; color: #1a3752;}

.cform {width: 220px; float: left; border: 1px solid #969696; margin-bottom: 10px;}

br {clear: both;}

#submit {position: relative; left: 350px; margin-top: 10px;}

#submit a{
	display: block;
	width:92px;
	height: 26px;
	background: url(../../images/btn-submit.gif) no-repeat;
	background-position: 0 0;
}

#submit a:hover {background-position: 0 -26px;}

.indent {margin-left: 40px;}

hr {background: #fff; border-bottom: 0; border-right: 0; border-left: 0; border-top: 1px dotted #ccc; margin: 15px 0;}

p em {color: #5685b1; font-family: "Lucida Sans Unicode", Lucida Sans, Verdana, Arial; font-style: normal;}

#register a, .gallery a{
	display: block;
	width:92px;
	height: 26px;
	background: url(../../images/btn-register2.gif) no-repeat;
	background-position: 0 0;
}

#register a:hover, .gallery a:hover {background-position: 0 -26px; }

.gallery a{
	background: url(../../images/btn-view-gallery.gif) no-repeat; margin-top: 8px;
}

p.infobox { border: 1px solid #fff; padding: 10px 5px; margin: 10px 0; width: 470px; margin-left: 10px;}
.register-blurb     {
	font-size: 10px;
	color: #506C99;
}