* {
	padding: 0px;
	margin: 0px;
	}

	
p {
	padding-bottom: 16px;
	}

a {
	color: #58a0d6;
	text-decoration: none;
	}
	
a:hover {
	color: #20407d;
	}

h1.h1_portfolio {
	background-image:url(/img/h1/portfolio.jpg);
	background-repeat:no-repeat;
	width: 425px;
	height: 27px;
	text-indent: -3000px;
	display: block;
	clear: both;
	padding-bottom: 11px;
	}

h1.h1_about {
	background-image: url(/img/h1/about.jpg);
	background-repeat:no-repeat;
	width: 425px;
	height: 27px;
	text-indent: -3000px;
	display: block;
	clear: both;
	padding-bottom: 11px;
	}	

h1.h1_aboutteam {
	background-image: url(/img/h1/ourteam.jpg);
	background-repeat:no-repeat;
	width: 425px;
	height: 27px;
	text-indent: -3000px;
	display: block;
	clear: both;
	padding-bottom: 11px;
	}	
	
h1.h1_services {
	background-image: url(/img/h1/services.jpg);
	background-repeat:no-repeat;
	width: 425px;
	height: 27px;
	text-indent: -3000px;
	display: block;
	clear: both;
	padding-bottom: 11px;
	}	
	
h1.h1_services1 {
	background-image: url(/img/h1/services1.jpg);
	background-repeat:no-repeat;
	width: 425px;
	height: 27px;
	text-indent: -3000px;
	display: block;
	clear: both;
	padding-bottom: 11px;
	}	
	
h1.h1_services2 {
	background-image: url(/img/h1/services2.jpg);
	background-repeat:no-repeat;
	width: 425px;
	height: 27px;
	text-indent: -3000px;
	display: block;
	clear: both;
	padding-bottom: 11px;
	}	
		
h1.h1_services3 {
	background-image: url(/img/h1/services3.jpg);
	background-repeat:no-repeat;
	width: 425px;
	height: 27px;
	text-indent: -3000px;
	display: block;
	clear: both;
	padding-bottom: 11px;
	}	
	
h1.h1_services4 {
	background-image: url(/img/h1/services4.jpg);
	background-repeat:no-repeat;
	width: 425px;
	height: 27px;
	text-indent: -3000px;
	display: block;
	clear: both;
	padding-bottom: 11px;
	}	
	
h1.h1_services5 {
	background-image: url(/img/h1/services5.jpg);
	background-repeat:no-repeat;
	width: 425px;
	height: 27px;
	text-indent: -3000px;
	display: block;
	clear: both;
	padding-bottom: 11px;
	}	
	
h1.h1_support {
	background-image: url(/img/h1/support.jpg);
	background-repeat:no-repeat;
	width: 425px;
	height: 27px;
	text-indent: -3000px;
	display: block;
	clear: both;
	padding-bottom: 11px;
	}
	
h1.h1_testimonials {
	background-image: url(/img/h1/testimonials.jpg);
	background-repeat:no-repeat;
	width: 425px;
	height: 27px;
	text-indent: -3000px;
	display: block;
	clear: both;
	padding-bottom: 11px;
	}	
	
h1.h1_contactus {
	background-image: url(/img/h1/contact_us.jpg);
	background-repeat:no-repeat;
	width: 425px;
	height: 27px;
	text-indent: -3000px;
	display: block;
	clear: both;
	padding-bottom: 11px;
	}	
	

h1.h1_contact {
	background-image: url(/img/h1/contact.jpg);
	background-repeat:no-repeat;
	width: 425px;
	height: 27px;
	text-indent: -3000px;
	display: block;
	clear: both;
	padding-bottom: 11px;
	}	

h1.h1_client_study {
	background-image: url(/img/h1/client_study.jpg);
	background-repeat:no-repeat;
	width: 155px;
	height: 25px;
	text-indent: -3000px;
	display: block;
	clear: both;
	padding-bottom: 11px;
	}

h1.h1_portdetail {
	background-image: url(/img/h1/portfolio_details.jpg);
	background-repeat:no-repeat;
	width: 425px;
	height: 27px;
	text-indent: -3000px;
	display: block;
	clear: both;
	padding-bottom: 11px;
	}	
	
h1.h1_quote {
	background-image: url(/img/h1/request-quote.jpg);
	background-repeat:no-repeat;
	width: 425px;
	height: 27px;
	text-indent: -3000px;
	display: block;
	clear: both;
	padding-bottom: 11px;
	}
	
h1.h1_live_contact {
	background-image: url(/img/h1/live-contacts.jpg);
	background-repeat:no-repeat;
	width: 425px;
	height: 27px;
	text-indent: -3000px;
	display: block;
	clear: both;
	padding-bottom: 11px;
	}	
	
	
h2.h2_categories {
	background-image:url(img/h2/categories.jpg);
	width: 132px;
	height: 25px;
 	text-indent: -3000px; 
	display: block;
	clear: both;
	}
	
h2.h2_case_study {
	background-image: url(img/h2/case_study.jpg);
	width: 135px;
	height: 25px;
	text-indent: -3000px;
	display: block;
	float: left;
	}		

h2.h2_testimonials {
	background-image:  url(img/h2/testimonials.jpg);
	width: 163px;
	height: 25px;
	text-indent: -3000px;
	display: block;
	float: left;
	}	

h2.h2_instant_quote {
	background-image: url(img/h2/instant_quote.jpg);
	background-repeat:no-repeat;
	width: 172px;
	height: 28px;
	text-indent: -3000px;
	display: block;
	float: left;
	padding-bottom: 10px;
	}	
	
h2.h2_ourservices {
	background-image:  url(img/h2/our_services.jpg);
	background-repeat:no-repeat;
	width: 156px;
	height: 25px;
	text-indent: -3000px;
	display: block;
	float: left;
	padding-bottom: 10px;
	}		

h1.h1_capezio {
	background-image: url(/img/h1/capezio_shoes.jpg);
	background-repeat:no-repeat;
	width: 315px;
	height: 27px;
	text-indent: -3000px; 
	display: block;
	float: left;
	padding-bottom: 10px;
	}

h1.h1_portdetail {
	background-image: url(/img/h1/portfolio_details.jpg);
	background-repeat:no-repeat;
	width: 425px;
	height: 27px;
	text-indent: -3000px; 
	display: block;
	float: left;
	padding-bottom: 10px;
	}
	
h3 {
	font-size: 15px;
	font-weight: bold;
	clear: both;
	display: block;
	color: #20407d;
	text-transform: uppercase;
	}

h4 {
	font-size: 15px;
	font-weight: bold;
	clear: both;
	display: block;
	color: #20407d;
	padding-bottom: 5px;
	}


h5 {
	width: 112px;
	font-size: 15px;
	font-weight: bold;
	text-align: right;
	padding-right: 4px;
	float: left;
	display: block;
	color: #20407d;
	padding-top: 12px;
	}

.small_11px {
	font-size: 11px;
	line-height: 12px;
	}

.view-all {
	width: 47px;
	height: 25px;
	float: left;
	background-image:url(img/h2/view_all.jpg);
	display: block;
	}
	
.divider-left {
	padding-top: 19px;
	padding-bottom: 17px;
	}	

.divider-content {	
	width: 100%;
	height: 15px;
	display: block;
	padding-top: 10px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: solid 1px #777;
	text-align: right;
	font-weight: bold;
	}
	
.divider-content-star {
	color: #ad0000;
	}
	
.testimonials {
	font-size: 11px;
	color: #636363;
	line-height: 13px;
	width: 100%;
	clear: both;
	padding-top: 10px;
	}	
	
.big-text {
	text-transform: uppercase;
	font-size: 13px;
	color: #20407d;
	padding-bottom: 10px;
	}	

.v1-text {	
	font-size: 11px;
	line-height: 13px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	}
	
.v1-text-central {	
	font-size: 11px;
	line-height: 13px;
	padding-top: 10px;
	padding-bottom: 20px;
	}	
	
.v1-text-right {	
	font-size: 11px;
	line-height: 13px;
	padding-top: 0px;
	padding-bottom: 20px;
	}	

.minds-v1 {
	border: solid 1px #686868;
	margin-top: 7px;
	margin-bottom: 7px;
	}

	
	
#container {
	width: 996px;
	margin: 0 auto;
	}
	
	#top {
		width: 996px;
		height: 55px;
		display: block;
		clear: both;
		}
		
		
		#logo {
			width: 315px;
			height: 55px;
			float: left;
			}
			
		#menu {
			width: 681px;
			height: 55px;
			float: left;
			}
			
		#menu ul {
			list-style: none;
			}
			
		#menu ul li {
			float: left;
			}
			
		#menu ul li.home a {
			width: 129px;
			height: 55px;
			display: block;
			background-image:url(img/home.jpg);
			}	
			
		#menu ul li.about a {
			width: 97px;
			height: 55px;
			display: block;
			background-image:url(img/about.jpg);
			}
			
		#menu ul li.services a {
			width: 114px;
			height: 55px;
			display: block;
			background-image:url(img/services.jpg);
			}	
			
		#menu ul li.portfolio a {
			width: 128px;
			height: 55px;
			display: block;
			background-image:url(img/portfolio.jpg);
			}				
			
		#menu ul li.quote a {
			width: 104px;
			height: 55px;
			display: block;
			background-image:url(img/quote.jpg);
			}
			
		#menu ul li.support a {
			width: 109px;
			height: 55px;
			display: block;
			background-image:url(img/support.jpg);
			}	
			
		#menu ul li a:hover {
			background-position: 0px -55px;
			}	
			
		#menu ul li.active a {
			background-position: 0px -55px;
			}	
							

	#head {
		width: 996px;
		height: 236px;
		display: block;
		clear: both;
		}
		
	#head-v1 {
		width: 996px;
		display: block;
		clear: both;
		}		

	
	#main {
		width: 996px;
		/* height: 373px;*/
		clear: both;
		background-image:url(img/content-background.jpg);
		text-align: left;
		}
		
	#main-v1 {
		width: 996px;
		height: 314px;
		display: block;
		clear: both;
		background-image: url(img/v1-content-background.jpg);
		text-align: left;
		}		
		
		#left {
			width: 213px;
			float: left;
			display: block;
			background-image:url(img/left_background.jpg);
			padding-left: 57px;
			padding-top: 48px;
			padding-right: 45px;
			padding-bottom: 20px;
			}
			
		#left-v1 {
			width: 213px;
			float: left;
			display: block;
			padding-left: 57px;
			padding-top: 48px;
			padding-right: 45px;
			padding-bottom: 20px;
			}			
			
		ul#left_one {
			list-style: none;
			padding-top: 9px;
			}
		
		ul#left_one li {
			clear: both;
			text-transform:uppercase;
			}
			
		ul#left_one li a {
			font-size: 14px;
			font-weight: bold;
			text-decoration: none;
			color: #20407d;
			}
			
		ul#left_one li a:hover {
			color: #6caedf;
			}	
			
			
		ul#left_two {
			list-style: none;
			padding-top: 0px;
			}
		
		ul#left_two li {
			clear: both;
			text-transform:uppercase;
			}
			
		ul#left_two li a {
			font-size: 14px;
			font-weight: bold;
			text-decoration: none;
			color: #6caedf;
			}
			
		ul#left_two li a:hover {
			color: #20407d;
			}						
			
		#content {
			width: 660px;
			float: left;
			display: block;
			padding-top: 48px;
			padding-right: 21px;
			padding-bottom: 20px;
			}
			
		#content-v1 {
			width: 660px;
			float: left;
			display: block;
			padding-top: 48px;
			padding-right: 21px;
			padding-bottom: 20px;			
			}	
			
		#content-v1-left {
			width: 275px;
			float: left;
			padding-right: 20px;			
			}
			
		#content-v1-right {
			width: 330px;
			float: left;
			padding-left: 30px;
			}	
	
			
		ul#portfolio {
			list-style: none;			
			}
			
		ul#portfolio li {
			float: left;
			}
			
		ul#portfolio img {
			border: solid 1px #444;
			margin-bottom: 5px;
			}	
			
		ul#portfolio li a {
			background-image: url(img/more-info.jpg);
			padding-top: 10px;			
			width: 219px;
			height: 158px;
			display: block;
			text-align: center;
			text-decoration: none;
			font-size: 14px;
			font-weight: bold;
			color: #203f7d;
			}
			
		ul#portfolio li a:hover {
			background-position: 0px -168px;
			}
			
			
		#portfolio_left {
			width: 360px; 
			float: left;
			}	
			
		#portfolio_left ul#what_we_did {
			padding-left: 20px;
			padding-bottom: 20px;
			padding-top: 20px;
			}
			
			
		#portfolio_right {
			width: 273px; 
			height: 438px;
			display: block;
			float: left;
			background-image: url(img/portfolio_details.jpg);
			padding-top: 21px;
			padding-left: 26px;
			}	
			
		.big_pic img {
			border: solid 1px #d1d1d1;
			}
			
		.small_pic {
			float: left;
			padding-right: 8px;
			padding-top: 14px;
			}
			
		.small_pic img {
			border: solid 1px #d1d1d1;
			}
			
		#pages {
			width: 200px;
			clear: both;
			display: block;
			float: left;
			height: 26px;
			padding-left: 500px;
			}
			
		#pages2 {
			clear:both;
display:block;
float:left;
height:26px;
margin-bottom:10px;
padding-left:481px;
width:400px;
			}
			
		#pages-portfolio {
			width: 300px;
			clear: both;
			display: block;
			float: left;
			height: 26px;
			padding-left: 0px;
			}	
			
			.numbers {
				padding-top: 4px;
				font-weight: bold;
				font-size: 14px;
				color: #20407d;	
				float: left;
				padding-right: 10px;			
				}
				
			.numbers a {
				text-decoration: none;
				font-weight: bold;
				font-size: 14px;
				color: #20407d;				
				}
				
			.numbers a:hover {
				color: #000;
				}

			
			ul#pic {
				list-style: none;
				width: 78px;
				height: 26px;
				float: left;
				}
				
			ul#pic li {
				float: left;
				}
				
			ul#pic li.arrow_left a {
				background-image: url(img/arrow-left.jpg);
				background-repeat:no-repeat;
				width: 35px;
				height: 26px;
				display: block;
				padding-right: 5px;
				}	

			ul#pic li.arrow_right a {
				background-image: url(img/arrow-right.jpg);
				width: 35px;
				height: 26px;
				display: block;
				}	
				
			ul#pic li a:hover {
				background-position: 0px -26px;
				}		



			ul#port {
				list-style: none;
				width: 250px;
				height: 26px;
				float: left;
				font-weight: bold;
				padding-top: 50px;
				/* border: solid 1px red; */
				}
				
			ul#port li {
				float: left;
				margin-right: 5px;
				color: #20407d;
				}
				
			ul#port li a {
				color: #20407d;
				font-weight: bold;
				}

			ul#port li a:hover {
				color: #6caddf;
				font-weight: bold;
				}

				
			ul#port li.arrow_left a {
				background-image: url(img/arrow-left.jpg);
				background-repeat:no-repeat;
				width: 35px;
				height: 26px;
				display: block;
				padding-right: 5px;
				}	

			ul#port li.arrow_right a {
				background-image: url(img/arrow-right.jpg);
				width: 35px;
				height: 26px;
				display: block;
				}	

			ul#port li.text a {
				width: 70px;
				height: 22px;
				padding-top: 4px;
				display: block;
				}	
				
			ul#port li.text1 a {
				width: 40px;
				height: 22px;
				padding-top: 4px;
				display: block;
				padding-left: 2px;
				}					
		
			ul#port li.text2 {
				width: 5px;
				height: 22px;
				padding-top: 4px;
				display: block;
				}				

				
			ul#port li a:hover {
				background-position: 0px -26px;
				}	

	
#footer {
	width: 100%;
	height: 58px;
	background-color: #1c1f23;
	text-align: center;
	font-size: 11px;
	color: #979797;
	}
	
#footer-content {
	margin: 0 auto;
	width: 996px;
	height: 30px;
	background-image: url(img/footer-background.jpg);
	padding-top: 28px;
	}	
	
#footer a {
	color: #979797;
	text-decoration: none;
	}
	
#footer a:hover {
	text-decoration: underline;
	}
	
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.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 */  

.lefted {margin:0 auto 0 0;}
.centered {margin:0 auto;}
.righted {margin:0 0 0 auto;}		


/*
FORMS 
*/

.instant_quote {
	background-image:url(img/instant_quote_background.jpg);
	width: 191px;
	height: 21px;
	padding-left: 10px;
	padding-top: 4px;
	float: left;
	clear: both;
	border: 0px none;
	margin-bottom: 5px;
	}
	
.instant-quote-button {
	width: 123px;
	height: 34px;
	display: block;
	float: left;
	}
	
#contact-form {
	display: block;
	clear: both;
	height: 300px;
	}	

#quote-form {
	display: block;
	clear: both;
	height: 426px;
	}	
	
.filed {
	width: 287px;
	height: 60px;
	float: left;
	}	
	
.contact-field {
	width: 233px;
	height: 32px;
	background-image:url(img/contact_field_background.jpg);
	padding-top: 10px;
	padding-left: 10px;
	display: block;
	border: 0px none;
	}
	
.select-field {
	background:transparent url(img/contact_field_background.jpg) repeat scroll 0 0;
border:0px none;
display:block;
height:32px;
padding-left:10px;
padding-right:11px;
padding-top:8px;
width:233px;
	}
	
select.select-field {
border:0px;
	}
	
.filed-big {
	width: 600px;
	height: 100px;
	display: block;
	clear: both;
	}	
	
.contact-textarea {
	width: 528px;
	height: 145px;
	background-image: url(img/contact_textarea.jpg);
	background-repeat:no-repeat;
	padding-top: 10px;
	padding-left: 10px;
	display: block;
	border: 0px none;
	clear: both;
	}	
	
.contact-button {
	width: 91px;
	height: 36px;
	display: block;
	clear: both;
	}