body {

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size:14px;

	background-position:top center;

	background-repeat: no-repeat;

	margin:0;

	padding:0;

}

img, div { behavior: url(js/iepngfix.htc) }



h1{ font-size:30px;}

h2{ font-size:24px;}

h3{ font-size:24px;}

h4{ font-size:20px;   margin: 10px 0px 10px 0px;}

h5{ font-size:16px margin: 10px 0px 10px 0px;}

h6{ font-size:14px;}



small{

	font-size:12px;}



p{

	padding-bottom:20px;

	line-height:24px;

	}

small{

	font-size:11px;

	}

strong{

	font-weight:bold;

	}

i, em{

	font-style:italic;

}



#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;

	}	





.line{ padding:0 0 10px 0; margin-bottom:10px; border-bottom:1px #999 dotted; }



.fleft{ float:left;}

.fright{ float:right;}

.alignright{

	float:right;

	margin: 3px 0px 10px 10px;



	}

.alignleft{

	float:left;

	margin: 3px 10px 10px 0px;

	}

/********************************************************************************************** GLOABAL STYLES */

#main-container{

	width:960px;

	margin: 15px auto 20px auto;

	display:block;

	}



/********************************************************************************************** Header */

#header{

	position:relative;

	display:block;

	width:960px;

	height:127px;

	margin:0px auto;

	background:left bottom repeat-x url('../images/header_bg.jpg');

	}

#search{

	position:absolute;

	top:70px;

	right:20px;

	display: inline-block;

	}

input{

	display: inline-block;

	border:1px #a0a0a0 solid;

	background-color:#eeeeee;

	padding:3px;

	vertical-align:middle;

	}

input#searchsubmit{

	display: inline-block;

	background-color:#575757;

	color:#FFF;

	font-size:12px;

	padding:3px 5px;

	}

input#searchsubmit:hover{

	background-color:#000;

	cursor:pointer;

	}

/********************************************************************************************** Menu */

#menu_wrap{

	display:block;

	width:960px;

	height:43px;

	padding:13px 0px 0px 0px;

	background-color:#FFFFFF;

	}

#menu{

	display:block;

	width:920px;

	margin:0px auto;

	height:30px;

	background-color:#575757;

	}

#menu ul li a.current {

 background-color:#000;

	}



#menu a.hire-me{

	display:block;

	height:23px;

	padding:7px 10px 0px 10px;

	border-left:1px #FFF solid;

	float:right;

	text-decoration:none;

	font-size:12px;

	}



/********************************************************************************************** Home Content */

#additional_top_wrap{

	display:block;

	width:920px;

	padding:0px 20px 10px 20px;

	background-color:#FFF;

	}

#banner{

	position:relative;

	display:block;

	width:920px;

	height:305px;

	background:center bottom url('../images/banner-bg.jpg') no-repeat;

	border-bottom:1px #999 dotted;

	}



.clear_banner{

	position:relative;

	clear:both;

	display:block;

	width:300px;

	height:20px;

	}		

	

#banner #mygallery{

	position:absolute;

	right:85px;

	top:1px;

	z-index:80;

	}

.stepcarousel{

	position: relative; /*leave this value alone*/

	border: 4px solid #FFF;

	overflow: scroll; /*leave this value alone*/

	width: 300px; /*Width of Carousel Viewer itself*/

	height: 250px; /*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: 300px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */

}	

	

	

#feature_sections{

	position:relative;

	display:block;

	width:920px;

	padding:0px;	

	border-bottom:1px #999 dotted;

	}

#feature_sections .block{

	display:inline;

	float:left;

	width:300px;

	margin:10px 10px 0px 0px;

	background-color:#DFDFDF;

	padding:15px 0px 0px 0px;

	}

#feature_sections .last{

	margin-right:0px!important;

	}

#feature_sections .block .title{

	font-size:18px;

	}

#feature_sections .block .description{

	padding:0px 15px 10px 15px;

	}

#feature_sections .block .block_link{

	display:block;

	width:270px;

	background-color:#575757;

	padding:5px 15px;

	color:#FFF;

	text-decoration:none;

	}

#feature_sections .block .block_link:hover{

	background-color:#000;

	}	



.clear{

	position:relative;

	clear:both;

	display:block;

	width:920px;

	height:10px;

	}

/********************************************************************************************** Global Content */



#content_wrap{

	display:block;

	width:920px;

	padding:20px;

	background-color:#FFFFFF;

	}

	

#content_wrap_search{

	display:block;

	width: 920px;

	padding:20px;

	background-color:#FFFFFF;

	}

	

#content_wrap_product{

	display:block;

	  

  width: 920px;

	padding:20px;

	background-color:#FFFFFF;

	}

	

#content_wrap_price{

	display:block;

	  

  width: 920px;

	padding:20px;

	background-color:#FFFFFF;

	}



	

#content_portfolio_wrap{

	display:block;

	width:940px;

	padding:20px 0px 20px 20px;

	background-color:#FFFFFF;

	}

/********************************************************************************************** Content */

#contentnosidebar{

	display: inline;

	float:left;

	width:920px;

	padding:0px;

	background-color:#FFFFFF;

	}



#content{

	display: inline;

	float:left;

	width:610px;

	padding:0px;

	background-color:#FFFFFF;

	}





#content_portfolio{

	position:relative;

	display:block;

	width:940px;

	padding:0px;

	}

#content_portfolio .project-box{

	display: inline;

	width:289px;

	float:left;

	margin-right:24px;

	margin-bottom:40px;

	}

#content_portfolio .project-box a img{

	border:4px #CCC solid;

	margin-bottom:5px;

	}



.tagline{

	display:block;

	width:920px;

	line-height:45px;

	padding:10px 0px 10px 0px;

	background-color:#FFF;

	font-size:48px;

	color:#000;

	border-bottom:1px #333 dotted;

	}

.tagline table tr td{

	vertical-align:top;

	padding:10px 0px;

	}

#submenu{

	display:block;

	width:920px;

	background-color:#EEEEEE;

	color:#000;

	height:30px;

	border-bottom:1px #333 dotted;

	}

#submenu a.sub-title{

	background-color:#575757;

	color:#FFF;

	text-align:center;

	}

#submenu a{

	text-align:center;

	font-size:13px;

	float:left;

	display:block;

	height:25px;

	padding:5px 25px 0px 25px;

	}

#submenu a.on{

	text-align:center;

	font-size:13px;

	float:left;

	display:block;

	height:25px;

	padding:5px 25px 0px 25px;

	color:#000;

	}

.post{	margin-bottom:25px;
}
.post ol li{
	
	list-style-type:square

	}

.post img{ border:0px #DFDFDF solid;}

.post .entry_link{

	text-align:center;

	display:block;

	width:100px;

	padding:1px 0px;

	margin-top:10px;

	}

.post .entry_link:hover{

	color:#FFF;

	}

.post .date{

	width: 50px;

	height: 50px;

	background-color:#333;

	float:left;

	margin-right: 15px;

	text-align:center;

	padding-top:3px;

	color:#FFF;

	}

.post .date span{

	font-size:20px;

	display:block;

	}

.post .title{

	width: 478px;

	float:left;

	vertical-align:text-top;

	}

small span {

	color:#000;}

.post .comments{

	width: 52px;

	height: 41px;

	background: url(../images/comment.jpg) no-repeat;

	float:right;

	margin-right: 15px;

	font-size:22px;

	color:#FFF;

	text-align:center;

	padding-top:3px;

	}

.post .comments:hover{

	background: url(../images/comment_hover.jpg) no-repeat;

	color:#FFF;

	}

.post-clear{ 

	clear:both;

	display:block;

	width:610px;

	height:1px;

}

.post .entry{

	display:block;

	padding:20px 0px 25px 0px;

	border-bottom: 1px dotted #333333;

	font-size: 13px;

	line-height:24px;

	}

	

/********************************************************************************************** Contact Form */

span.red{

	color:#F00;}

.message{

	display:block;

	width:90%;

	padding:10px;

	margin:0px auto;

	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{

	display:block;

	}



#commentForm input.submit:hover { 

 	background-color:#000000;

	}	

table.quote-form {

	margin:20px 0px;



	}

table.quote-form tr td{

	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;

	

	}	

	



/********************************************************************************************** Sidebar*/

#sidebar{

	display: inline;

	float:right;

	width:270px;

	padding:0px;

	background-color:#FFFFFF;

	}

#advertising{

	height:330px;

	}

#contact_info table tr td{

	padding:2px 20px 0px 0px;

	vertical-align:top;

	}

/********************************************************************************************** Footer */

#footer_wrap{

	display:block;

	width:960px;

	}

	

#top_footer{

	position:relative;

	display:block;

	width:940px;

	background-color:#575757;

	padding:0px 0px 0px 20px;

	color:#FFF;

	}

.links_block{

	display:block;

	width:190px;

	float:left;

	margin:20px 20px 20px 0;

	}

.twitter_block{

	display:block;

	width:290px;

	float:right;

	margin:20px 0 20px 20px;

	}

.twitter_block #twittme{

	position:absolute;

	display:block;

	width:200px;

	height:90px;

	right:20px;

	bottom:0px;

	cursor:pointer;

	background: bottom right url(../images/Twitter_Bar_off.png) no-repeat;

}

.twitter_block #twittme:hover{

	background: bottom right url(../images/Twitter_Bar.png) no-repeat;

}

#top_footer h4{

	color:#dadada;

	padding-bottom:10px;}

#top_footer a{

	color:#FFF;

	}	

#bottom_footer{

	position:relative;

	margin-top: 15px;

	display:block;

	width:890px;

	height:20px;

	background: url(../images/small_logo.jpg) no-repeat;

	padding:4px 0 0 70px;

	font-size:13px;

	color:#b3b3b3;

	}

#bottom_footer .footer_menu{

	position:absolute;

	right:0px;

	top:0px;

	}

#bottom_footer .footer_menu a{

	display:inline-block;

	float:right;

	color:#b3b3b3;

	padding:4px 0px 0px 20px ;

	}

#bottom_footer .footer_menu a:hover{

	color:#FFF;

	}

#bottom_footer  a:hover{

	color:#FFF;

	}

	

#pricesbanner th{ 

	color: #FFFFFF;

	}