html,body {
	height:100%;
    margin: 0 0 1px 0;
}

body {
	background-color:#73877F;
	background-image:url(../assets/bg_line.gif);
	background-attachment:scroll;
	background-position: top center;
	background-repeat:repeat-y;
}

/* Image Replacement OH JOY! */

.mir {
	letter-spacing : -1000em;
}

/*\*/
* html .mir {
    text-indent: -999em;
    overflow: hidden;
}

html>body .mir {
    letter-spacing: normal;
    text-indent: -999em;
    overflow: hidden;
}
/**/

.divider {
	clear:both;
	line-height:0;
}

body {
	text-align:center;
}

#container {
	width:780px;
	text-align:center;
	margin:0 auto;
	paddng:0;
	text-align:left;
	font-size:0.8em;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}

#header {
	width:780px;
	height:173px;
}

#header h2 {
	margin:0;
	padding:0;
	font-size:0;
	line-height:0;
}

#topbanner {
	width:780px;
	height:147px;
	background-image:url(../assets/header_main.jpg);
	margin:0;
	padding:0;
}

/* NAVIGATION */

#navigation {
	background-color:#073F47;
	width:750px;
	height:26px;
	margin: 0;
	padding: 0;
	margin:0px auto;
}

#navigation ul.mir {
	list-style-type:none;
	padding:0;
	margin: 0;
}

#navigation ul.mir li {
	display:inline;
	padding:0;
	margin:0;
}

#navigation ul.mir li a {
	display:block;
	width:125px;
	height:26px;
	margin:0;
	padding:0;
	float:left;
	background-position:center top;
	background-repeat:no-repeat;
	text-decoration:none;
}

#navigation img {
	border:none;
}

/* Nav Button Rollovers */

a.navabout:hover {
	background-image:url(../assets/button_nav_about_on.gif) !important;
}

a.navservices:hover {
	background-image:url(../assets/button_nav_services_on.gif) !important;
}

a.navportfolio:hover {
	background-image:url(../assets/button_nav_portfolio_on.gif) !important;
}

a.navtestimonials:hover {
	background-image:url(../assets/button_nav_testimonials_on.gif) !important;
}

a.navestimate:hover {
	background-image:url(../assets/button_nav_estimate_on.gif) !important;
}

a.navcontact:hover {
	background-image:url(../assets/button_nav_contact_on.gif) !important;
}



#content {
	width:750px;
	margin:0 auto;
	text-align:left;
	padding:0;
	background-image:url(../assets/bg_content.gif);
	background-position:top center;
	background-repeat:no-repeat;
}

#content img.promo {
	border:none;
	margin:0 0 1.0em 0;
	padding:0 0 0 0 ;
}

#content img {
	border:1px #CCCCCC solid;
}

#content h2 {
	color:#551100;
	font-size:1.5em;
	margin: 0.2em 0em 1em 0em
}

#content h3 {
	font-size:1.2em;
	margin: 0.2em 0em 1em 0em
}

#content .padder {
	padding:2em 4em 2em 4em;
}

#content .bannerrow {
	text-align:center;
	vertical-align:top;
}

#content div.captionedpic {
	width:290px;
	float:left;
	margin:0 0 1.0em 0;
	text-align:center;
	height:240px;
	overflow:hidden;
	padding: 0 15px 0 15px;
}

#content div.captionedpic img {
	margin:0 1.0em 0 0;
}

#content div.captionedpic h3 {
	font-size:1.0em;
	font-weight:bold;
	margin: 0 0 0.5em 0;
}

#content div.captionedpic p {
	font-size:0.8em;
	font-weight:bold;
	margin: 0 0 0.5em 0;
}

#subnav {
	margin:0 15px 0 15px;
	border-top:5px solid #CCCCCC;
}

#subnav ul {
	margin: 0;
	padding: 0;
}

#subnav li {
	list-style: none;
	display:inline;
	text-align:center;
}

#subnav a {
	letter-spacing:0.2em;
	font-size:0.9em;
	font-weight:bold;
	text-align:center;
	text-decoration: none;
	padding: 0.3em 0 0.3em 0;
	margin:0;
	float: left;
	width: 250px;
	color:#FFFFFF;
	background-color:#0D6E75;
	text-transform:uppercase;
}

#subnav a:hover {
	background-color:#0F8F97;
	color:#FFFFFF;
}

#subnav a.active {
	background-color:#0F8F97;
	color:#FFFFFF;
}

#subnav a.active:hover {
	text-decoration:none;
}

#subnav a.end {
	width:190px;
}

#thincol {
	float:left;
	width:280px;
	text-align:center;
	font-size:0.9em;
}

#thincol li {
	text-align:left;
}

#thincol p {
	width:200px;
	margin: 1em auto 1em;
}

#thincol .padder {
	padding: 1.5em 1.0em 1.0em 1.0em;
}

#thincol .right {
	padding: 1.0em 1.0em 1.5em 1.0em;
}

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

#widecol {
	float:left;
	width:470px;
}

#widecol .padder {
	padding: 1.5em 2.5em 2.0em 0.0em;
	text-align:left;
}

#widecol .left {
	padding: 1.5em 0.0em 2.0em 2.5em;
}

#widecol img {
	margin: 1em;
}

table.form {
	border:1px solid #000000;
	background-color:#EEEEEE;
	width:644px;
}

#divform td {
	padding:0.1em;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#divform input, #divform textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #000000;
	background-color:#FFFFFF;
	padding-left: 3px;
}

#divform input.checkbox {
	border: none;
}

#divform select {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #000000;
}

#divform input.button {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;

	background-color:#FFFFFF;
}

#footer {
	font-size:0.8em;
}

#footer .padder {
	padding: 2em 2em 2em 2em;
	text-align:center;
}