.sides-left{
		position:absolute;
left:-45px;
top:8px;
z-index:-10;
}

.sides-right{
	position:absolute;
right:0;
top:8px;
z-index:-10;
}

#shoesblock{
   background:url(../images/shoesblock.png) center top no-repeat;             
}

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


/********************************************************************************************** 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;
	line-height:28px;
	} 

.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:#f1dbf5;
	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  */
	
/********************************************************************************************** Tag Line */	
#tagline{
	width:960px;
	height:40px;
	padding:25px 0px;
	margin: 0px auto;
	display:block;
	font-size:20px;
	color:#970bab;
	}
	
/********************************************************************************************** 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 #be45d4 solid;
	background-color:#c75fda;
	}	
#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 */