@charset "utf-8";

/* promo styles ------------- */

#promo-wrapper { /* at the top of the document. positioned behind the promo */
	background: #666;
	height: 339px;
	left: 0;
	position: absolute;
	top: 148px;
	width: 100%;
	z-index: -1;
}

#tagline-stripe {
	background: #73AC39;
	bottom: 0;
	height: 36px;
	position: absolute;
	width: 100%;
}

#promo {
	padding: 10px 8px;
}

ul.tabs {
	height: 34px;
	margin-bottom: 1px;
}

ul.tabs li {
	float: left;
	list-style: none;
}

.tab-1, .tab-2, .tab-3 {
	margin-right: 1px;
}

ul.tabs a {
	background: url(../images/home/tab-bg.png);
	color: #333;
	display: block;
	font: 14px Arial, Helvetica, sans-serif;
	height: 34px;
	line-height: 34px;
	text-align: center;
	width: 235px;
}

ul.tabs a:hover, ul.tabs .current {
	background-position: bottom;
	text-decoration: none;
}

#panes {
	clear: both;
	height: 283px; /*248*/
	overflow: hidden;
	position: relative;
	width: 943px;
}

#items {
	clear: both;
	position: absolute;
	width: 6000px;
}

.pane-1, .pane-2, .pane-3, .pane-4, .pane-5, .pane-6 {
	display: inline-block;
	height: 283px; /*242 -> old*/
	width: 943px;
}

.pane-1 {
	background: url(../images/home/pane-05-bg.jpg);
}
.pane-2 {
	background: url(../images/home/pane-06-bg.jpg);
}
.pane-3 {
	background: url(../images/home/pane-07-bg.jpg);
}
.pane-4 {
	background: url(../images/home/pane-01-bg.jpg);
}
.pane-5 {
	background: url(../images/home/pane-02-bg.jpg);
}
.pane-6 {
	background: url(../images/home/pane-03-bg.jpg);
}

/* left column ---------------------------------------- */

#left-column {
	color: #666;
	float: left;
	margin-right: 10px;
	width: 690px;
}

#tagline {
	color: #fff;
	font: 24px "Arial", Helvetica, sans-serif;
	height: 36px;
	line-height: 36px;
	margin-bottom: 20px;
	text-align: center;
}

#welcome {
	background: url(../images/gradient-divider-bg.png) bottom repeat-x;
	color: #666;
	font: 14px Arial, Helvetica, sans-serif;
	margin-bottom: 20px;
	padding-bottom: 30px;
}

a.welcome-box {
	background: #fff url(../images/home/welcome-box-bg.png);
	color: #333;
	display: block;
	float: left;
	font-size: 12px;
	height: 88px;
	margin-bottom: 10px;
	padding: 10px;
	width: 320px;
}

.welcome-box:hover {
	text-decoration: none;
}

.welcome-box img {
	float: left;
	margin: 0 10px 0 0;
}

.welcome-box strong {
	color: #73ac39;
	display: block;
	font: 18px "Arial", Helvetica, sans-serif;
	font-weight: normal;
}

#welcome-awards {
	float: right;
	margin-left: 1em;
}

#welcome-awards img {
	margin: 0 0 2px 2px;
}

#ima-winner {
	background: url(../images/gradient-divider-bg.png) bottom repeat-x;
	list-style: none;
	height: 220px;
}

#ima-winner li {
	float: left;
	margin: 0 6px;
	text-align: center;
}

#ima-winner img {
	margin-bottom: 5px;
}

#ima-winner strong {
	display: block;
}

/* Right Column -------------------------------------------------- */

#right-column {
	float: right;
	width: 260px;
}

#view-portfolio-tab {
	background: url(../images/home/view-portfolio-tab-bg.png);
	color: #fff;
	display: block;
	font: 21px "Arial", Helvetica, sans-serif;
	height: 43px;
	line-height: 35px;
	text-align: center;
	text-decoration: none;
}

ul#blog {
	background: #ebebeb;
	font-size: 14px;
	margin: 16px 0 20px 0;
	padding: 0 10px;
}

ul#blog li {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #999;
	padding: 7px 0;
}

li#blog-header {
	border-top: none !important;
	color: #73AC39;
	font: 24px "Arial", Helvetica, sans-serif;
}

#blog-header img {
	vertical-align: text-bottom;
}

#testimonials {
	background: #fffaef;
	padding: 10px 5px 1px 10px;
}

#testimonials_header {
 	color: #73ac39;
	font: 24px "Arial", Helvetica, sans-serif;
	margin-bottom: 5px;
	text-align: center;
}

#testimonials ul {
	color: #666;
	font-size: 13px;
	list-style: none;
	margin-bottom: 1em;
}

#testimonials li {
	border-bottom: 1px solid #eee;
	padding: 5px 0;
}

#testimonials strong {
	display: block;
	margin-top: 1em;
}



#promo-wrapper {
	height: 308px;	
}
div#home-content {
	overflow: hidden;
	margin-top: 18px;
	width: 100%; height: auto;
}
div#home-content h2 {
	float:left;
	width: 640px;
	font-size: 18px;
}
div#home-content h4 {
	margin-bottom: 12px;	
}
div#open-statement {
	width: 100%; height: auto;
	overflow: hidden;
	position: relative;
}
div#open-statement p {
	float: left;
	width: 720px;
	margin: 0; padding: 9px 0 0 0;
	font: 14px Arial, Helvetica, sans-serif;
	line-height: 18px;
	color: #666666;
}
div#open-statement-right {
	position: absolute;
	top: 28px; right: 2px;
	width: 200px; height: auto;
	margin: 0; padding: 0;	
}
	div#open-statement-right a {
		text-indent: -9999px;	
		margin-bottom: 4px;
	}
	div#open-statement-right a#portfolio-button {
		display: block; width: 192px; height: 46px;
		background: transparent url('../../media/images/side-nav-portfolio-button-bg.png') no-repeat 0 0;	
	}
		div#open-statement-right a#portfolio-button:hover {
			/*background-position: center bottom;*/
		}
	div#open-statement-right a#estimate-button {
		display: block; width: 192px; height: 46px;
		background: transparent url('../../media/images/side-nav-estimate-button-bg.png') no-repeat 0 0;	
	}
		div#open-statement-right a#estimate-button:hover {
			/*background-position: center bottom;*/
		}
ul#testimonial-box {
	width: 958px; height: 115px;
	margin: 35px 0 0 0;
	background: #fffaef url('../../media/images/home/bg-testimonials.jpg') no-repeat center 14px;
	border: 1px solid #fee6b6;
	color: #666666;	
	text-align: center;
}
	ul#testimonial-box li {
		width: 258px;
		display: inline;
		float: left;
		margin: 10px 30px 0 30px; padding: 0;
		font-size: 15px;
		font-weight: bold;	
	}
	ul#testimonial-box small {
		display: block;
		clear: both;
		margin-top: 8px;
		font-size: 13px;
		font-weight: normal;	
	}

div#read-more-clients {
		width: 100%; height: 50px;
		clear: both;	
		position: relative;
	}
	div#read-more-clients a {
		position: absolute;
		top: 8px; right: 3px;
	}

div#left-col {
	float: left;	
	width: 360px; height: auto;
	font: 14px Arial, Helvetica, sans-serif;
	color: #666666;
}
div#center-col {
	float: left;	
	width: 200px; height: auto;
	margin: 0;
}
div#right-col {
	float: right;	
	width: 360px; height: auto;
	margin: 0;
	font-size: 14px;
}

div#right-col p {
	font-weight: bold;	
	color: #666666;
	line-height: 16px;
}
div#right-col div#blog-post > p {
	font-weight: normal !important;	
}

div#right-col h4 span {
	color: #0099CB;
}

li.calendar-item-header {
	color: #666666;
}
li.calendar-item-header a {

}
ul.calendar-events {
	width: 100%;
	margin-bottom: 15px; padding-bottom: 10px;
	border-bottom: 1px solid #cccccc;
	color: 	#3DD2F3;
}

div#welcome-awards {
	margin-top: 10px;	
}

