@charset "UTF-8";
/* CSS Document */



/* ------------------ GLOBAL -------------------------- */

body {
	margin: 0;
	padding: 0;
	font: ;
	background-color: #f2f0ee;
}

p, h1, h2, h3, h4, h5, ul, ol, li {
	margin: 0;
	padding: 0;
}

.clear {
	clear: both;
}

a {
	text-decoration: none;
	color: inherit;
}

a img {
	border: none;
}

img {
	float: left;
}

/* ------------------ STRUCTURE -------------------------- */

#shell {
	width: 800px;
	height: 600px;
	margin: 0 auto; /* this centers the #shell */
	background: white;
}

#shell-residential {
	width: 800px;
	height: 700px;
	margin: 0 auto; /* this centers the #shell */
	background: white;
}

#shell-commercial {
	width: 800px;
	height: 655px;
	margin: 0 auto; /* this centers the #shell */
	background: white;
}

#shell-engineering {
	width: 800px;
	height: 1030px;
	margin: 0 auto; /* this centers the #shell */
	background: white;
}

#shell-formquote {
	width: 800px;
	height: 930px;
	margin: 0 auto; /* this centers the #shell */
	background: white;
}

#shell-resources {
	width: 800px;
	height: 1000px;
	margin: 0 auto; /* this centers the #shell */
	background: white;
}

#shell-testimonial {
	width: 800px;
	height: 1180px;
	margin: 0 auto; /* this centers the #shell */
	background: white;
}

#shell-contact {
	width: 800px;
	height: 675px;
	margin: 0 auto; /* this centers the #shell */
	background: white;
}


#header {
	width: 800px;
	height: 72px;
	float: left;
	background-image:url(../images/bg_home_address.gif);
}

#logo {
	width: 189px;
	height: 72px;
	background: white;
}

#content {
	width: 800px;
	height: 567px;
}

#leftcolumn {
	width: 189px;
	height: 495px;
	float: left;
}

#rightcolumn {
	width: 611px;
	height: 495px;
	float: left;
}

#rightcolumn-testimonial {
	width: 611px;
	height: 1175px;
	float: left;
}

#rightcolumn-resources {
	width: 611px;
	height: 890px;
	float: left;
}

#rightcolumn-contact {
	width: 611px;
	height: 570px;
	float: left;
}

#rightcolumn-c1r1 {
	width: 423px;
	height: 350px;
	float: left;
}

#rightcolumn-c2r1 {
	width: 188px;
	float: left;
}

#rightcolumn-c1r1-about {
	width: 386px;
	height: 530px;
	background-color: #fef0e2;
	float: left;
	padding: 15px 18px 0 18px;
}

#rightcolumn-c1r1-residential {
	width: 386px;
	height: 580px;
	background-color: #fef0e2;
	float: left;
	padding: 15px 18px 0 18px;
}

#rightcolumn-c1r1-testimonial {
	width: 386px;
	height: 1160px;
	background-color: #fef0e2;
	float: left;
	padding: 15px 18px 0 18px;
}

#rightcolumn-c1r1-contact {
	width: 386px;
	height: 555px;
	background-color: #fef0e2;
	float: left;
	padding: 15px 18px 0 18px;
}

#rightcolumn-c2r1-about {
	width: 189px;
	height: 495px;
	float: left;
	background-image: url(../images/bg_rightcolumn.jpg);
}

#rightcolumn-c2r1-formquote {
	width: 189px;
	height: 510px;
	float: left;
	background-image: url(../images/bg_rightcolumn_quote.jpg);
}

#rightcolumn-c2r1-contact {
	width: 189px;
	height: 570px;
	float: left;
	background-image: url(../images/bg_rightcolumn.jpg);
}

#rightcolumn-c2r1-testimonials {
	width: 189px;
	height: 1175px;
	float: left;
	background-image: url(../images/bg_rightcolumn_testimonials.jpg);
}

#rightcolumn-commercial {
	width: 611px;
	height: 559px;
	float: left;
}

#rightcolumn-c1r1-commercial {
	width: 386px;
	height: 544px;
	background-color: #fef0e2;
	float: left;
	padding: 15px 18px 0 18px;
}

#rightcolumn-c2r1-commercial {
	width: 189px;
	height: 559px;
	float: left;
	background-image: url(../images/bg_rightcolumn_commercial.jpg)
}

#rightcolumn-eng {
	width: 611px;
	height: 927px;
	float: left;
}

#rightcolumn-formquote {
	width: 611px;
	height: 827px;
	float: left;
}

#rightcolumn-c1r1-eng{
	width: 386px;
	height: 912px;
	background-color: #fef0e2;
	float: left;
	padding: 15px 18px 0 18px;
}

#rightcolumn-c1r1-formquote{
	width: 386px;
	height: 812px;
	background-color: #fef0e2;
	float: left;
	padding: 15px 18px 0 18px;
}

#rightcolumn-c2r1-eng {
	width: 189px;
	height: 927px;
	float: left;
	background-image: url(../images/bg_rightcolumn.jpg)
}

#rightcolumn-c2r1-formquote {
	width: 189px;
	height: 827px;
	float: left;
	background-image: url(../images/bg_rightcolumn.jpg)
}

#rightcolumn-c1r1-resources {
	width: 575px;
	height: 875px;
	background-color: #fef0e2;
	float: left;
	padding: 15px 18px 0 18px;
}

#rightcolumn-bg-thumbnails {
	width: 188px;
	float: right;
	background-color: #002d62;
	padding-bottom: 20px;
}

#portfolio {
	width: 611px;
	height: 145px;
	float: left;
	background-color: #ffffff;
}
	
#footer {
	width: 800px;
	heigh: 33px;
	float: left;
	clear: both;
}

/* ------------------ LAYOUT -------------------------- */

#rightcolumn-employee {
	width: 163px;
	height: 90px;
	padding-left: 25px;
	padding-top: 45px;
	background-color: #002d62;
	float: left;
}

#rightcolumn-employee h1 {
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	font-family: Helvetica, sans-serif;
}

#rightcolumn-employee hr {
	color: #7d6a55;
	background: #7d6a55;
	height: 2px;
}

#testimonials {
	width: 159px;
	height: 247px;
	background-color: #e1dad3;
	float: left;
	padding: 15px;
	font-family: Helvetica, sans-serif;
}

#testimonials h1 {
	color: #002d62;
	font-size: 11px;
	font-weight: bold;
	font-family: Helvetica, sans-serif;
}

#testimonials hr {
	color: #ffffff;
	background: #ffffff;
	height: 2px;
}

#testimonials p {
	color: #716660;
	font-family: Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 14px;
	margin: 0 0px 10px 0;
	padding: 0;
}

#testimonials p.src {
	color:#002d62;
	font-size: 8px;
	line-height: 13px;
	font-weight: bolder;
	margin: 0;
	padding: 0;
}

#testimonials p.src.indent {
	margin-left: 10px;
}

#testimonials .btn {
	margin-top: 15px;
}

#portfolio {
	width: 611px;
	height: 145px;
	background-color: #ffffff;
	background-image: url(../images/portfolio_bg.jpg);
	background-repeat: no-repeat;
	clear: both;
}

#portfolio #maincolumn {
	margin: 45px 0 0 54px;
	width: 540px;
	height: 98px;
	background-image: url(../images/maincolumn_bg.jpg);
	clear: both;
}

#portfolio .column {
	width: 135px;
	height: 72px;
	float: left;
}

#leftcolumn-backtohome {
	width: 189px;
	height: 277px;
	background-image: url(../images/bg_backtohome.jpg);
	float: left;
	background-repeat: repeat-x;
}

#leftcolumn-backtohome-residential {
	width: 189px;
	height: 377px;
	background-image: url(../images/bg_backtohome.jpg);
	float: left;
	background-repeat: repeat-x;
}

#leftcolumn-backtohome-testimonial {
	width: 189px;
	height: 957px;
	background-image: url(../images/bg_backtohome.jpg);
	float: left;
	background-repeat: repeat-y;
}

#leftcolumn-backtohome-commercial {
	width: 189px;
	height: 341px;
	background-image: url(../images/bg_backtohome.jpg);
	float: left;
	background-repeat: repeat-x;
}

#leftcolumn-backtohome-engineering {
	width: 189px;
	height: 709px;
	background-image: url(../images/bg_backtohome.jpg);
	float: left;
	background-repeat: repeat-x;
}

#leftcolumn-backtohome-formquote {
	width: 189px;
	height: 609px;
	background-image: url(../images/bg_backtohome.jpg);
	float: left;
	background-repeat: repeat-x;
}

#leftcolumn-backtohome-resources {
	width: 189px;
	height: 672px;
	background-image: url(../images/bg_backtohome.jpg);
	float: left;
	background-repeat: repeat-x;
}

#leftcolumn-backtohome-contact {
	width: 189px;
	height: 352px;
	background-image: url(../images/bg_backtohome.jpg);
	float: left;
	background-repeat: repeat-x;
}

#rightcolumn-bg-thumbnails #thumbnails {
	padding: 15px 0 10px 6px;
	clear: both;
}

#thumbnails img {
	margin: 0 0 9px 9px;
	float: left;
	width: 73px;
	height: 73px;
}

#rightcolumn-bg-thumbnails .thumbnails {
	width: 73px;
	height: 73px;
	float: left;
}

.image-container {
	width: 387px;
	height: 429px;
}

/* ------------------ CONTENT -------------------------- */

ul#mainmenu {
	width:189px;
	padding:0;
	margin:0;
}

ul#mainmenu li{
	display:block;
	padding:0;
	margin:0;
}

#thumbnails p {
	color: white;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	clear: both;
	margin-left: 8px;
}

/* ------------------ FORMS -------------------------- */

#formsection {
	width: 357px;
	background-image:url(../images/bg_quote2.jpg);
	padding: 5px 15px;
	margin-top: 5px;
}

#forms2 label {
	width: 120px;
	margin:5px 10px 5px 0;
	padding-top: 4px;
	text-align: right;
	color: #fff;
	font: normal bold 12px arial, sans-serif;
	float: left;
}
	
#forms2 input {
	width: 217px;
	margin: 5px 0;
	text-align: left;
	color: #333;
	font: normal 12px arial, sans-serif; 
	float: left;
}

#forms2 select {
	margin: 5px 0;
	text-align: left;
	color: #333;
	font: normal 12px arial, sans-serif; 
	float: left;
}

#forms2 textarea {
	width: 217px;
	margin: 5px 0;
	text-align: left;
	color: #333;
	font: normal 12px arial, sans-serif; 
	float: left;
}

#forms2 #state select {
	float: right;
	width: 50px;
	clear: none;
	margin: -25px 10px 0;
	padding: 0;
}

#forms2 employee {
	font-size: 9px;
	width: 158px;
	background-color: #002d62;
}
	
/* ------------------ FORMS ORIG -------------------------- */

#forms form {
	width: 357px;
	background-image:url(../images/bg_quote.jpg);
	padding: 5px 15px;
	margin-top: 5px;
}
	
#forms label {
	width: 120px;
	margin:5px 10px 5px 0;
	padding-top: 4px;
	text-align: right;
	color: #fff;
	font: normal bold 12px arial, sans-serif;
	float: left;
}
	
#forms input {
	width: 217px;
	margin: 5px 0;
	text-align: left;
	color: #333;
	font: normal 12px arial, sans-serif; 
	float: left;
}

.clear {
	clear: both;
}
	
#forms select {
	float: right;
	width: 50px;
	clear: none;
	margin: -25px 10px 0;
	padding: 0;
}

#forms employee {
	font-size: 9px;
	width: 158px;
	background-color: #002d62;
}

/* ------------------ NAVIGATION -------------------------- */

.nav-buttons {
	width: 100%;
	display: block;
	border-top: 1px dotted #f58026;
	padding: 5px 0 0;
	vertical-align: baseline;
	margin-top: 20px;
}

.nav-buttons a {
	margin: 0 10px;
	font: normal 11px helvetica, sans-serif;
	color: #716660;
	text-decoration: none;
	clear: both;
}

.nav-buttons-residential {
	width: 100%;
	display: block;
	border-top: 1px dotted #f58026;
	padding: 5px 0 0;
	vertical-align: baseline;
	margin-top: 114px;
}

.nav-buttons-residential a {
	margin: 0 10px;
	font: normal 11px helvetica, sans-serif;
	color: #716660;
	text-decoration: none;
	clear: both;
}

/* ------------------ TEXT -------------------------- */

.size9 { font-size: 9px; }
.size10 { font-size: 10px; }
.size11 { font-size: 11px; }
.size12 { font-size: 12px; }
.size14 {font-size: 14px; }
.size18 { font-size: 18px; }

.lineheight16 { line-height: 16px; }
.lineheight18 { line-height: 18px; }

.margin5top { margin-top: 5px; }
.margin10top { margin-top: 10px; }
.margin15top { margin-top: 15px; }
.margin30top { margin-top: 30px; }
.margin9right { margin-right: 9px; }
.margin57left { margin-left: 57px; }
.margin140left { margin-left: 140px; }
.margin82right { margin-right: 82px; }
.margin9bottom { margin-bottom: 9px; }
.margin20bottom { margin-bottom: 20px; }

.darkblue { color: #002d62; }
.khaki { color: #716660; }
.tan { color: #9d8c78; }
.white { color: #ffffff; }
.orange { color: #f58026; }

.helvetica { font-family: Helvetica CY;}
.arial { font-family: Arial, Helvetica, sans-serif; }

.regular { font-weight: normal; }
.bold { font-weight: bold; }
.bolder { font-weight: bolder; }

.dotted-bottom { border-bottom: 1px dotted #ada39e; margin-top: 5px; }
.line-bottom { border-bottom: 1px solid #ada39e; margin-top: 5px; }

#header.logo { background: url(../images/bg_home_address.gif) no-repeat; }

#leftcolumn-backtohome { background-image: url(../images/bg_backtohome.jpg) repeat-y; }