body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#6a6a6a;
	background-image:url(images/bg.jpg);
	background-position:top center;
	background-repeat: no-repeat;
	background-color:#ffffff;
	margin:0;
	padding:0;
}

#main-container{
	width:968px;
	margin: 0px auto 20px auto;
	display:block;
	}

h1{
	font-size:24px;
	}
h1.white{
	color:#FFF;
	}
h2{
	font-size:18px;
	}
h2.white{
	color:#FFF;
	}
h2.black{
	color:#212121;
	}
h3{
	font-size:16px;
	}
h4{
	font-size:15px;
	}
h5{
	font-size:14px;
	}
h6{
	font-size:13px;
	}
small{
	font-size:11px;
	}
a{
	color:#76b911;
	text-decoration:none;
	}
a:hover{
	color:#000000;
	text-decoration: underline;
	}
.alignright{
	float:right;
	margin: 3px 0px 5px 10px;

	}
.alignleft{
	float:left;
	margin: 3px 10px 5px 0px;
	}

strong{
	font-weight:bold;
	}
i, em{
	font-style:italic;
}

p{
	padding-bottom:20px;
	line-height:20px;}

table{
	margin-bottom: 15px;
}	
table tr td{
	padding:5px;
	margin:0px;
	vertical-align:top;
}	
table tr td ul li{
	padding:0px;
	margin:0px;
	list-style-type:disc;
	list-style-position:inside
}	

#content ul, ol{
	position:relative;
	margin:10px 0px;
	}
#content ul li, ol li{
	padding:5px 0 0 5px;
	margin:0 0 0 30px;
	}
#content ul li{
	list-style-type:disc;
	}
#content ol li{
	list-style-type: decimal;
	}

#content table{
	width:100%;
	border-collapse:collapse;
	margin-top:10px;
	}
#content table tr th{
	background-color:#5B5B5B;
	color:#FFF;
	padding:5px;
	text-align:center;
	border:1px #d6d6d6 solid;
	}	
#content table tr td{
	background-color:#FFFFFF;
	padding:5px;
	text-align:left;
	border:1px #d6d6d6 solid;
	}	


/********************************************************************************************** Header */
#top-header{
	display:block;
	position:relative;
	width:968px;
	height:40px;	
	}
#login{
	position:absolute;
	top:20px;
	right:4px;
	font-size:11px;
	padding:0px 0px 0px 15px;
	margin: 0px auto;
	display:block;
	background:left url('images/login-mark.jpg') no-repeat;
	cursor:pointer;
	}
#header{
	position:relative;
	width:960px;
	height:79px;
	margin: 0px auto;
	display:block;
	background:url('images/header/header-bg.jpg') repeat-x;
	}
#logo {
	width:430px;
	height:79px;
	display:block;
	background:url('images/header/logo2.jpg') no-repeat;
	float:left;
	}
#main-menu{
	width:520px;
	height:79px;
	padding:0px 10px 0px 0px;
	display:block;
	background:top right url('images/header/leftcorner-bg.jpg') no-repeat;
	float:right;
	}
/********************************************************************************************** Menu */
.menu{
	display:block;
	float:right;
	margin:31px 5px 0px 0px;
	}
#home-off{
	width:62px;
	height:34px;
	background: url('images/header/menu/home.jpg') no-repeat;
	}
#home-on, #home-off:hover{
	width:62px;
	height:34px;
	background: url('images/header/menu/home.jpg') no-repeat 0 -34px;
	}
#about-off{
	width:72px;
	height:34px;
	background: url('images/header/menu/about.jpg') no-repeat;
	}
#about-on, #about-off:hover{
	width:72px;
	height:34px;
	background: url('images/header/menu/about.jpg') no-repeat 0 -34px;
	}
#services-off{
	width:92px;
	height:34px;
	background: url('images/header/menu/services.jpg') no-repeat;
	}
#services-on, #services-off:hover{
	width:92px;
	height:34px;
	background: url('images/header/menu/services.jpg') no-repeat 0 -34px;
	}
#blog-off{
	width:62px;
	height:34px;
	background: url('images/header/menu/blog.jpg') no-repeat;
	}
#blog-on, #blog-off:hover{
	width:62px;
	height:34px;
	background: url('images/header/menu/blog.jpg') no-repeat 0 -34px;
	}
#contact-off{
	width:90px;
	height:34px;
	background: url('images/header/menu/contact.jpg') no-repeat;
	}
#contact-on, #contact-off:hover{
	width:90px;
	height:34px;
	background: url('images/header/menu/contact.jpg') no-repeat 0 -34px;
	}

/********************************************************************************************** Banner */
#banner{
	position:relative;
	width:874px;
	padding:0px 47px;
	height:293px;
	margin: 0px auto;
	display:block;
	background:url(images/banner/banner-bg.jpg) center top no-repeat;
	
	}
#banner .big{
	font-size:28px;
	color:#FFF;
	padding-bottom:15px;
	display:block;
	} 


.stepcarousel{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 874px; /*Width of Carousel Viewer itself*/
	height: 293px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin:0px; /*margin around each panel*/
	width: 874px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}	
	
div#mySlides .description{
	position:relative;
	font-size:16px;
	color:#2f4b0d;
	padding:20px 0px 0px 0px;
	width:495px;
	height:273px;
	float:left;
}
div#mySlides .description .readmore-bt{
	position:absolute;
	bottom:15px;
	right:0px;
	display:block;
	width:136px;
	height:33px;
	background:url(images/banner/banner-bt.jpg) bottom no-repeat;
	}
div#mySlides .description .readmore-bt:hover{
	background:url(images/banner/banner-bt-on.jpg) bottom no-repeat;
	}
	
div#mySlides{

}
div#mySlides .images{
	display:block;
	width:361px;
	height:262px;
	float:right;
	padding:31px 0px 0px 3px;
	background:url(images/banner/banner-image-pad.jpg) bottom no-repeat;
}


#quote-bar{
	position:relative;
	width:890px;
	height:64px;
	margin: 0px auto;
	padding:20px 35px 0px 35px;
	display:block;
	background:url('images/quote-bar/quote-bar-bg.jpg') repeat-x;
	font-size:28px;
	color:#FFF;
	}
#quote-button{
	position:absolute;
	display:block;
	right:35px;
	top:15px;
	width:188px;
	height:51px;
	background: url('images/quote-bar/get-quote-off.jpg') no-repeat;
	}
#quote-button:hover{
	background: url('images/quote-bar/get-quote-on.jpg') no-repeat;
	}
	
/********************************************************************************************** Sub Menu  */
#submenu{
	width:930px;
	height:43px;
	margin: 0px auto;
	display:block;
	background: url('images/supmenu-bg.jpg') no-repeat;
	text-align:right;
	padding:20px 30px 0 0;
	}
#submenu a{
	color:#FFF;
	text-decoration:none;
	margin-left:25px;

	}	
/********************************************************************************************** Tag Line */	
#tagline{
	width:960px;
	height:40px;
	padding:25px 0px;
	margin: 0px auto;
	display:block;
	font-size:20px;
	color:#76b911;
	}
	
/********************************************************************************************** Content-container */
#content-container{
	width:908px;
	border:1px #eaeaea solid;
	background: top left url('images/content-bg-corners.jpg') no-repeat #f4f4f4;
	margin:20px auto 0px auto;
	padding:0px 25px 0px 25px;

	}
#content-container-portfolio{
	width:933px;
	border:1px #eaeaea solid;
	background: top left url('images/content-bg-corners.jpg') no-repeat #f4f4f4;
	margin:20px auto 0px auto;
	padding:0px 0px 0px 25px;
	}
/********************************************************************************************** Content */
#content{
	display:block;
	width:563px;
	margin:25px 40px 25px 0px;
	float:left;
	}
#portfolio-content{
	display:block;
	width:933px;
	margin:25px 0px 25px 0px;
	float:left;
	}
#portfolio-content .project-box{
	display: inline;
	width:289px;
	float:left;
	margin-right:20px;
	margin-bottom:40px;
	}
#portfolio-content .project-box a img{
	border:4px #CCC solid;
	margin-bottom:5px;
	}
#portfolio-content .project-box a:hover img{
	border:4px #999 solid;
	}
/* ---- Posts */
#content .post-wrap{
	display:block;
	padding-bottom:10px;
	margin-bottom:20px;
	background:bottom url('images/headers-line.jpg') repeat-x;
	}
#content img.post-image{
	display:block;
	width:248px;
	float: left;
	}
#content div.post-content{
	width:280px;
	display:block;
	float: right;
	}
#content .post-meta{
	clear:both;
	display:block;
	width:563px;
	padding-top:25px;
	text-align:right;
	font-size:11px;
	}
	
	
#all-news-bt{
	display:block;
	width:105px;
	height:25px;
	background: url('images/news_bt_off.jpg') no-repeat;
	}
#all-news-bt:hover{
	background: url('images/news_bt_on.jpg') no-repeat;
	}

#nav-previous{	
	display:block;
	float:left;
	width:105px;
	height:25px;
	background: url('images/nav_previous_off.jpg') no-repeat;
	}
#nav-previous:hover{	
	background: url('images/nav_previous_on.jpg') no-repeat;
	}
#nav-next{
	display:block;
	float:left;
	margin-left:10px;
	width:105px;
	height:25px;
	background: url('images/nav_next_off.jpg') no-repeat;
	}
#nav-next:hover{
	background: url('images/nav_next_on.jpg') no-repeat;
	}
/* ---- Services */
#content .service-wrap{
	display:block;
	padding-bottom:10px;
	margin-bottom:20px;
	background:bottom url('images/headers-line.jpg') repeat-x;
	}
#content img.service-thum{
	display:block;
	width:563px;
	margin:10px 0px;
	clear:both;
	}
#content div.service-content{
	width:563px;
	display:block;
	}
#content .service-meta{
	clear:both;
	display:block;
	width:563px;
	padding-top:15px;
	text-align:right;
	font-size:11px;
	}
/********************************************************************************************** Contact Form */
span.red{
	color:#F00;}
.message{
	display:block;
	width:100%;
	padding:10px;
	background-color:#C5C5C5;
	border:1px #999 solid;
	text-align:center;
	font-size:16px;
	}	
#commentForm { 
	width: 563px; 
	}
#commentForm label.error { 
	width: 250px; text-align:left;  color: #F00; font-size:12px;
	}
#commentForm label.error, #commentForm input.submit { 
	display:block; 
	}
	
table.quote-form {
	margin:20px 0px;

	}
table.quote-form tr td{
	background-color:#F4F4F4!important;
	border:0px!important;
	}
table.quote-form tr td.field-name{
	width:150px;
	padding:12px;
	text-align:right;	

	}
table.quote-form input, table.quote-form select, table.quote-form textarea{
	width:330px;
	background-color:#E9E9E9;
	border:1px #C5C5C5 solid;
	padding:5px;
	}
table.quote-form select{
	width:342px;
	background-color:#E9E9E9;
	}
table.quote-form textarea{
	width:330px;
	height:200px;
	background-color:#E9E9E9;
	border:1px #C5C5C5 solid;
	padding:5px;
	}
table.quote-form .submit{
	width:79px;
	height:25px;
	display:block;
	border:0px;
	padding:0px;
	background:top left url('images/submit.jpg') no-repeat;
	cursor:pointer;
	}
table.quote-form .submit:hover{
	background:top left url('images/submit_on.jpg') no-repeat;
	
	}
/********************************************************************************************** Side-bar */
#side-bar{
	display:block;
	width:265px;
	margin:25px 0px 25px 40px;
	float:right;
	}
.sidebar-header{
	padding-bottom:10px;
	margin-bottom:10px;
	background:bottom url('images/headers-line.jpg') repeat-x;
	}

#side-bar #testimonial-text-block{
	display:block;
	width:235px;
	color:#FFF;
	font-size:12px;
	line-height:15px;
	padding:10px;
	border:5px #76b911 solid;
	background-color:#89c333;
	}	
#side-bar #testimonial-bottom{
	display:block;
	padding:2px 0 0 0;
	width:255px;
	height:20px;
	background:top right url('images/testimonial-mark.jpg') no-repeat;
	}
	
#side-bar #quote-block{
	display:block;
	width:235px;
	color:#f4f4f4;
	font-size:18px;
	line-height:22px;
	padding:10px;
	border:5px #ababab solid;
	background-color:#141414;
	}
#side-bar #quote-block a:hover{
	color:#FFF;	
	}	
.clear{
	width:908px;
	height:1px;
	display:block;
	clear:both;
	}
/********************************************************************************************** Bottom-container */
#bottom-container{
	width:960px;
	padding:20px 0px 25px 0px;
	margin: 10px auto 0px auto;
	display:block;
	color:#f4f4f4;
	background: top center url('images/bottom-content-bg.jpg') no-repeat #aaaaaa;
	}
.link-block{
	position:relative;
	display:block;
	float:left;
	width:165px;
	margin:0px 0px 0px 20px;
	}
.link-block a{
	color:#f4f4f4;
	}
#clear-bottom{
	display:block;
	clear:both;
	width:960px;
	height:1px;
	}
/********************************************************************************************** Footer */

#footer-container{
	position:relative;
	width:960px;
	height:73px;
	margin: 10px auto 0px auto;
	display:block;
	color:#7b7b7b;
	background: url('images/footer-bg.jpg') no-repeat;
	}
#copyright{
	width:280px;
	height:73px;
	margin: 0 0 0 135px;
	padding:27px 0 0 0;
	display:block;
	font-size:12px;
	}
#footer-menu{
	position:absolute;
	display:block;
	right:15px;
	top:20px;
	width:470px;
	height:20px;
	}
#footer-menu a{
	display:block;
	padding:5px 10px;
	float:left;
	color:#7b7b7b;
	font-size:14px;
	text-decoration:none;
	}
#footer-menu a:hover{
	color:#000;	
	}