/* global */
* { margin: 0; padding: 0; }
a img, fieldset { border: 0 none; }
code, samp, kbd, pre, tt { font-size: 115%; font-family: "courier new", courier, monaco, monospace; }
pre code, code pre { font-size: 100%; }
acronym, abbr { border-bottom: 1px dotted #000; cursor: help; }
dfn { font-style: italic; }
ol, ul { list-style: none; }
th, caption { text-align: center; }
legend { font-weight: bold; }
input, select, textarea { font-family: Tahoma, Arial, Helvetica, Verdana, Geneva, sans-serif; }
label { cursor: pointer; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
hr { display: none; }
.h { display: block; font-size: 1px; height: 1px; left: 0; overflow: hidden; position: absolute; text-indent: -9990px; top: -9900px; width: 1px; }
	
.clear { clear: both; font-size: 0; height: 0; line-height: 0; position: relative; }
.right { text-align: right; }
.left { text-align: left; }
.fleft { float: left; padding-left: 15px; padding-right: 12px; padding-bottom: 12px; }
.fright { float: right; padding-left: 9px; padding-bottom: 12px; }
.center { text-align: center; }
.strong { font-weight: bold; }
.italic { font-style: italic; }
.upper { text-transform: uppercase; }
.u { text-decoration: underline; }
p { margin-bottom: 15px; line-height: 145%; }
.teal { color: #07978b; }
.grey { color: #9b9b9b; }
.dark-grey { color: #868687; }

a:link, a:visited, a:active { text-decoration: none; color: #14887f; background: transparent; }		
a:hover { text-decoration: underline; }
	
	
/* structure */
body {
	background: #3b3b3d url(../images/bottom.jpg) no-repeat right bottom fixed;
	color: white;
	font: 70% Tahoma, Arial, Helvetica, Verdana, Geneva, sans-serif;
	text-align: center; }
	
	
/* wrapper */
div.wrapper {
	background: url(../images/bg.jpg) no-repeat top left;
	height: 100%;
	width: 100%;
	text-align: left; }	
	
	
/* logo */
div.logo {
	text-align: left;
	width: 490px; }
	
	
/* container */
div.container {
	float: left;
	overflow: hidden;
	width: 573px;
	min-height: 748px;
	height: auto !important;
	height: 748px; }
	
div.services-container {
	width: 665px; }
	
div.portfolio-container {
	width: 920px; }
	
div.contact-container {
	width: 490px; }
	
	
/* nav */
div.nav {
	width: 230px;
	float: left;
	margin-top: 8px;
	margin-right: 10px;
	border-right: 1px solid #345b59;
	height: 209px; }

div.nav ul {
	padding-top: 1px; }
	
div.nav ul li {
	float: right;
	clear: right; }
						
div.nav ul li a,
div.nav ul li a:link,
div.nav ul li a:visited,
div.nav ul li a:active {
	background: url(../images/nav.jpg) no-repeat top left;
	display: block;
	height: 10px;
	margin-bottom: 14px;
	margin-right: 12px;
	text-indent: -10000px;
	overflow: hidden; }
	
div.nav ul li.home a,
div.nav ul li.home a:link,
div.nav ul li.home a:visited,
div.nav ul li.home a:active {
	width: 35px;
	background-position: 0 -10px; }
	
div.nav ul li.home a:hover,
div.nav ul li.home a.current,
div.nav ul li.home a.current:link,
div.nav ul li.home a.current:visited,
div.nav ul li.home a.current:active {
	width: 35px;
	background-position: 0 0; }
	
div.nav ul li.about a,
div.nav ul li.about a:link,
div.nav ul li.about a:visited,
div.nav ul li.about a:active {
	width: 41px;
	background-position: -35px -10px; }
	
div.nav ul li.about a:hover,
div.nav ul li.about a.current,
div.nav ul li.about a.current:link,
div.nav ul li.about a.current:visited,
div.nav ul li.about a.current:active {
	width: 41px;
	background-position: -35px 0; }
	
div.nav ul li.services a,
div.nav ul li.services a:link,
div.nav ul li.services a:visited,
div.nav ul li.services a:active {
	width: 53px;
	background-position: -76px -10px; }
	
div.nav ul li.services a:hover,
div.nav ul li.services a.current,
div.nav ul li.services a.current:link,
div.nav ul li.services a.current:visited,
div.nav ul li.services a.current:active {
	width: 53px;
	background-position: -76px 0; }
	
div.nav ul li.portfolio a,
div.nav ul li.portfolio a:link,
div.nav ul li.portfolio a:visited,
div.nav ul li.portfolio a:active {
	width: 66px;
	background-position: -129px -10px; }
	
div.nav ul li.portfolio a:hover,
div.nav ul li.portfolio a.current,
div.nav ul li.portfolio a.current:link,
div.nav ul li.portfolio a.current:visited,
div.nav ul li.portfolio a.current:active {
	width: 66px;
	background-position: -129px 0; }
	
div.nav ul li.contact a,
div.nav ul li.contact a:link,
div.nav ul li.contact a:visited,
div.nav ul li.contact a:active {
	width: 58px;
	background-position: -195px -10px; }
	
div.nav ul li.contact a:hover,
div.nav ul li.contact a.current,
div.nav ul li.contact a.current:link,
div.nav ul li.contact a.current:visited,
div.nav ul li.contact a.current:active {
	width: 58px;
	background-position: -195px 0; }
	
	
/* content */
div.content {
	width: 310px;
	padding-top: 4px;
	padding-right: 20px;
	float: left; }
		
	
/* footer */
div.footer {
	width: 230px;
	text-align: right; 
	font-size: 80%; 
	line-height: 145%;
	color: #666; }
	
div.footer a,
div.footer a:link,
div.footer a:visited,
div.footer a:active {
	color: #666;
	text-decoration: none; }
	
div.footer a:hover {
	text-decoration: underline; }
	
	
/* side */
div.side {
	width: 419px; 
	margin-top: 242px;
	float: left; }

div.side div.top {
	background: url(../images/top.jpg) no-repeat top right;
	height: 46px;
	width: 419px; }
	
div.side div.con {
	margin-left: 9px;
	width: 410px;
	padding-bottom: 10px;
	background: url(../images/side.jpg) no-repeat bottom right; }
	
	
/* services content */
div.services-content {
	width: 404px;
	padding-top: 7px; }
	
div.contact-content {
	padding-top: 7px;
	width: 227px; }
	
div.contact-content img.con {
	margin-bottom: 30px; }
	
div.services-content ul {
	margin-left: 36px; 
	line-height: 145%; }
	
div.services-content ul li {
	background: url(../images/circle.jpg) no-repeat center left;
	padding-left: 36px; }
	
div.services-content img.ser {
	margin-bottom: 28px; }
	
div.services-side {
	width: 244px; }
	
div.services-side div.top {
	width: 244px; }
	
div.services-side div.con {
	width: 224px;
	margin-left: 20px; }
	
div.services-side div.con img.ser2 {
	margin-bottom: 8px; }
	
	
/* portfolio */
div.fullcontent {
	padding-left: 8px;
	width: 660px;
	margin-top: -37px;
	float: left;
	padding-right: 10px; }
#commercialportfolio {
	float: right;
	padding: 5px;
}

div.fullcontent div.top {
	background: url(../images/top2.jpg) no-repeat top right;
	height: 46px;
	width: 660px; }
	
div.fullcontent div.con {
	width: 650px; 
	padding-right: 10px;
	padding-bottom: 10px;
	background: url(../images/side.jpg) no-repeat bottom right; }
	
	
/* form */
form {
	padding: 2px 0 0 0; }
	
form label {
	display: block; 
	margin-bottom: 5px; }
	
form input {
	border: 1px solid #b1b1b1;
	padding: 3px;
	width: 342px;
	margin-bottom: 7px; }
	
div.half {
	width: 166px !important;
	float: left;
	display: block;
	margin-right: 18px; }
	
div.half input {
	width: 158px; }
	
form textarea {
	width: 342px;
	border: 1px solid #b1b1b1;
	height: 95px;
	font-size: 100%;
	padding: 3px; }
	
form input.submit {
	width: 43px;
	height: 11px;
	border: 0 none;
	margin-top: 15px;
	margin-left: 303px; 
	display: block;
	cursor: pointer;
	background: url(../images/submit.jpg) no-repeat top left; }
	
form input.submit:hover {
	background-position: bottom left; }
	
img.messagesent {
	margin-top: 100px; }
.pageQuote {
	color: #595959;
	font-size: 11px;
}
#portfoliopreview {
	background-color: #666;
	height: 495px;
	width: 590px;
}
#residentialportfolio {
	float: left;
	padding: 5px;
}