body {
	margin:0;
	padding:0;
	background: #0E5571;
}

a img {
	border:none;
}

#wrapper {
	margin:0 auto;
	padding:0;
	width:966px
}

#topbar {
	position:relative;
	margin:0;
	padding:0;
	height: 121px;
	background: url(../images/topbar.jpg) top center no-repeat;
}

#click-here {
	position:absolute;
	right: 190px;
	top:47px;
	padding: 0;
}

a.click-here {
	float: left;
	margin: 1px 0 0 0;
	padding: 0;
	display: block;	
	height: 30px;
	width: 286px;
	text-indent: -3500px;
	background: url(../images/click-here.gif) 0 0 no-repeat;
	text-decoration: none;
}

a:hover.click-here {
	background-position: 0 -30px;
}

#header {
	margin: 0;
	padding: 0;
	width: 966px;
	height: 212px;
}

#container {
	margin:0 auto;
	padding:0;
	width: 966px;
	background: url(../images/container-bg.jpg) top left repeat-y;
}

#content {
	margin:0;
	padding:0 10px;
	overflow:hidden
}

#leftcol p {
	margin: 0;
	padding: 15px 5px 10px 5px;
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #0e5571;
	line-height: 18px;
}

#leftcol p.tiny {
	margin: 0;
	padding:0 0 0 3px;
	font-size: 10px;
}

#leftcol {
	float:left;
	margin: 0;
	padding:0 0 0 10px;
	width: 630px
}

#rightcol {
	position:relative;
	float:right;
	margin: 0;
	padding:0;
	width: 318px;
	border-top: 1px solid #E4E5E9;
}

.quotes-top {
	position:absolute;
	top:0;
	left:0;
	width: 99px;
	height: 77px;
	background: url(../images/quotes-top.gif) top left no-repeat;
	z-index:1
}

.quotes-bottom {
	position:absolute;
	bottom:0;
	right:0;
	width: 99px;
	height: 77px;
	background: url(../images/quotes-bottom.gif) top left no-repeat;
	z-index:1
}

#rightcol p {
	position:relative;
	margin: 0;
	padding: 15px 10px 10px 10px;
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #61656b;
	line-height: 18px;
	z-index:2
}

/*Box Styles*/

#boxes {
	display:block;
	margin: 0;
	padding: 3px 0 0 0;
	background-color: #FFF
}

#boxes ul {
	margin: 0  0 0 5px;
	padding: 0;
	list-style-type: none;
}

#boxes ul li {
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 316px;
	height: 202px;
}

#boxes ul li span {
	display: block;
	margin: 0;
	padding: 125px 5px 0 5px;
	height: 83px;
	color:#FFF;
	font: 12px Arial, Helvetica, sans-serif;
}

#boxes ul li span p {
	margin: 0;
	padding: 3px 0 0 0;
	line-height: 18px;
	_line-height: 16px;
}

#boxes ul li.box01 {
	margin: 0;
	padding:0;
	background: url(../images/box-01.jpg) top left no-repeat;
}

#boxes ul li.box02 {
	margin: 0 0 0 5px;
	padding:0;
	background: url(../images/box-02.jpg) top left no-repeat;
}

#boxes ul li.box03 {
	margin: 0 0 0 5px;
	padding:0;
	background: url(../images/box-03.jpg) top left no-repeat;
}

#boxes h3.residential {
	margin:0;
	padding:0;
	text-indent: -3500px;
	width: 169px;
	height: 17px;
	background: url(../images/title-residential.gif) top left no-repeat;
}

#boxes h3.commercial {
	margin:0;
	padding:0;
	text-indent: -3500px;
	width: 177px;
	height: 17px;
	background: url(../images/title-commercial.gif) top left no-repeat;
}

#boxes h3.strata {
	margin:0;
	padding:0;
	text-indent: -3500px;
	width: 100px;
	height: 17px;
	background: url(../images/title-strata.gif) top left no-repeat;
}

/* -= Roll Overs Credits=- */

#container #boxes a:link, #container #boxes a:visited {
	color: #efb820;
	text-decoration: underline;
}

#container #boxes a:hover, #container #boxes a:active {
	color: #2D5C74;
	text-decoration: none;
	padding: 0 2px;
	background-color: #efb820
}

#container #boxes a {
	padding: 0;
	margin: 0 auto;
	font-weight: bold;
}

.clear {
	clear: both;
}

/*H tags*/

#content h1, #leftcol h1 {
	margin: 0;
	padding:15px 0 3px 0;
	font: 16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color:#417fa0;
	font-weight: bold;
}

#content h1, #leftcol h2 {
	margin: 0;
	padding:15px 0 0 0;
	font: 16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#efb820;
	font-weight: bold;
}

#rightcol h2 {
	position:relative;
	margin: 0;
	padding:15px 0 3px 10px;
	font: 16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color:#41697f;
	font-weight: bold;
	z-index:2
}

HR {
	clear: both;
   border: none 0;
	border-top: 1px solid #C7D4DC;
	width: 99%;
	height: 1px;
	padding: 0;
	margin: 10px 1px;
	overflow:hidden
}

/* -= Roll Overs Footer=- */

#container a:link, #container a:visited {
	padding: 0;
	margin: 0;
	color: #76b6d8;
	color: #479ecc; /* darker */
	text-decoration: underline;
}

#container a:hover, #container a:active {
	padding: 0;
	margin: 0;
	color: #73BA38;
	text-decoration: none
}

#container a {
	padding: 0;
	margin: 0;
	font-weight: bold;
}
	
/*Images Styles*/

.image-left {
	float: left;
	display: block;
	margin: 5px 10px 9px 10px;
	padding: 3px;
	border: 2px solid #C9CCD1;	
	background-color: #FFF;
	overflow:hidden
}

.image-center {
	display: block;
	text-align: center;
	margin: 10px auto;
	padding: 2px;
	border: 2px solid #C9CCD1;	
	background-color: #FFF;
	overflow:hidden
}

.image-right {
	float: right;
	display: block;
	margin: 5px 10px 9px 10px;
	padding: 2px;
	border: 2px solid #C9CCD1;
	background-color: #FFF;
	overflow:hidden
}

#footer {
	clear: both;
	margin: 0 0 15px 0;
	padding: 5px 0 7px 0;
	/*height: 40px;*/
	background: url(../images/footer-bg.gif) bottom left no-repeat;
	border-top: 3px solid #FFF; 
}

#footer p {
	margin:0;
	padding:5px 0;
	text-align: center;
	color: #84B1D4;
	line-height: 18px;
	font: 12px "Lucida Grande", "Arial", "Helvetica", "Verdana", "sans-serif";
}

/* -= Roll Overs Footer=- */

#footer a:link, #footer a:visited {
	color: #84B1D4;
	text-decoration: none;
}

#footer a:hover, #footer a:active {
	color: #DDEFFB;
	text-decoration: none
}

#footer a {
	padding: 0 7px;
	margin: 0 auto;
	font-weight: bold;
}

/* Clearfix */	
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */