/*

Theme Name: Driveways Derby

Theme URI: http://www.spiderindia.com/

Author: Simbu K

Author URI: http://spiderindia.com/

*/
html, html a {
    -webkit-font-smoothing: antialiased !important;
	 -o-font-smoothing: antialiased !important;
	  -moz-font-smoothing: antialiased !important;
	  -ms-font-smoothing: antialiased !important;
	  -webkit-text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	  -o-text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	  -moz-text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	   -ms-text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
    
}

body{

	margin:0px;

	padding:0px;

	background:url(images/body-bg.png) 0 0 repeat;
	text-shadow: 0 0 1px rgba(51,51,51,0.2);

}

.clear{

	clear:both;

}

#main-wrapper{

	width:100%;
	overflow:hidden;

}

/*Header-start*/

.header-wrap{

	width:100%;

	height:142px;

	background:url(images/heade-bg.gif) left top repeat-x;

}

.header{

	width:1000px;

	height:142px;

	margin:0px auto;

}

.header-top{

	width:1000px;

	height:104px;

}

.logo{

	float:left;

	width:266px;

	height:104px;

	padding:0px 0px 0px 12px;

}

.tagline{

	float:right;

	width:629px;

	height:104px;

}

.tagline p{

	font-family: 'Conv_MyriadPro-Regular';

	font-size:30px;

	color:#b0ba8e;

	text-align:right;

	padding:58px 55px 0px 0px;

}



/*Header-end*/



/*Topnav-start*/

.menu{

	float:left;

	width:1000px;

	height:38px;

}

.menu ul{

	margin:0px;

	padding:0px;

	

}

.menu ul li{

	margin:0px;

	padding:0px;

	float:left;

}



.menu ul li a{

	display:block;

	text-decoration:none;

	font-family: 'Conv_MyriadPro-Regular';
	font-size:16px;

	color:#5d5d5d;

	line-height:38px;

	padding:0px 24px 0px 24px;

	height:38px;

}



.menu ul li.current-menu-item a {

	color:#ffffff;

	background:url(images/menu-bg.png) center;

}

.menu ul li a:hover { 

    background: url("images/menu-bg.png") repeat scroll center center transparent;

    color: #FFFFFF;

}



/*Topnav-end*/



/*banner-start*/

.banner {

	width:100%;
	height:304px;
	text-align:center;
	background:url(images/banner_bg.gif) center top repeat-x #ffffff;
}
.bannerfader {
	width:100%;
	height:304px;
	margin:auto;
}


/*banner-end*/



/*content-menu-start*/

.content-menu{

	float:left;

	width:100%;

	height:138px;

	background:url(images/content-menu-bg.png) center top;

}

.content-menu-box{

	width:1000px;

	height:138px;

	margin:0px auto;

}

.choosebox{

	float:left;

	width:281px;

}

.choosebox p{

	font-family: 'Conv_CandidaStd-Roman';
	font-size:28px;

	color:#ffffff;

	line-height:22px;

	padding:18px 0px 0px 22px;

}

.reason{

	float:left;

	margin:0px;

	padding:0px;

	font-family: 'Conv_CandidaStd-Roman';

	font-size:18px;

	line-height:22px;

	color:#ffffff;

}

.stepbox{

	float:left;

	width:611px;

	height:138px;

	background:url(images/step-box-bg.png) 0 0 no-repeat;

}

.step-box1{

	float:left;

	width:193px;

}

.number{

	float:left;

	font-family: 'MyriadProBlackBold';

	color:#ffffff;

	font-size:48px;

	line-height:54px;

	width:42px;

	text-align:center;

}

.dec{

	float:left;

	font-family: 'Conv_MYRIADPRO-SEMIBOLD';

	color:#ffffff;

	font-size:14px;
	
    width:140px;

	padding:9px 0px 0px 0px;
	line-height:18px;

	

}

.step-box2{

	float:left;

	width:209px;

}

.step-box3{

	float:left;

	width:209px;

}

.more{

	float:left;

	width:108px;
	
}

.contentbody h2 {
		
margin:15px 0 15px 0;
font-size:22px;

}

.contentbody h3 {
	font-size:18px;
	margin:0 0 15px 0;
}

.more a{

	font-family: 'Conv_MyriadPro-Regular';

	color:#ffffff;

	font-size:15px;

	padding:0px 0px 0px 10px;

	line-height:75px;

}

/*content-menu-end*/



/*content-start*/

.content-wrapper{

	float:left;

	width:100%;
	margin-top:10px;

}

.content-container{

	

	width:1000px;

	margin:0px auto;

}

.gallery-container{

	

	width:1000px;

	margin:0px auto;

}

.content-left{

	float:left;

	width:670px;

	background:#ffffff;

	border-radius:6px;
	margin-bottom:20px;

	

}

.content-right {
	float:left;
	width:310px;
	margin-left:20px;
}

.content-imgbox{

	padding:5px;

	position:relative;

	

}

.content-imgbox h1{

	position:absolute;

	top:120px;

	left:15px;

	font-family: 'Conv_CandidaStd-Roman';

	color:#ffffff;

	font-size:40px;

	font-weight:normal;
	font-size:28px;

	

	

}

img.attachment-thumbnail {
padding:5px;
background-color:#FFF;
}
img.attachment-thumbnail:hover {
padding:5px;
background-color:#ceb28b;
}
.contentbody{

	float:left;

	width:620px;

	padding:5px 30px 20px 20px;
	
	font-family:Georgia, "Times New Roman", Times, serif;

	
	

	color:#3d3d3d;

	font-size:13px;

	line-height:20px;

}

.gallerybody{

	float:left;

	width:980px;

	padding:5px 10px 20px 10px;
	
	font-family:Georgia, "Times New Roman", Times, serif;

	
	

	color:#000000;

	font-size:13px;

	line-height:20px;

}

.areabody {

	width: 960px;

	padding: 20px;

	background-color:#FFF;

	border-radius: 6px;

	overflow: hidden;

	clear:both;

	margin:0px auto;
	
	margin-bottom:25px;
	font-size:13px;
	color:#3d3d3d;

}


.contentbody-left{

	float:left;

	width:316px;

}

.contentbody-left p,.contentbody p {

margin-bottom:15px;

}


.areabody p {

	

margin:15px 0 10px 0;

	

}

.contentbody-right{

	float:right;

	width:280px;

	
}

.contentbody-right p{

	
	text-align:left;

}



ul.list{

	padding:10px 10px 0px 15px;

}

ul.list li{

	text-align:left;

	background:url(images/dot.png) left 10px no-repeat;

	padding:0px 0px 0px 15px;
	
	line-height:20px;
}





.testimonials{

	float:right;

	width:310px;

	border-radius:6px 6px 0px 0px;

	background:#7a6449;

	margin:0px 0px 5px 0px;

}

.testimonials-btm{

	float:left;

	width:310px;

	background:url(images/testi-btm-img.png) no-repeat;

	height:20px;

}

.testimonials p{

	float:left;

	background:url(images/icon1.png) 0 0 no-repeat;

	width:284px;

	text-align:left;

	font-family: 'Conv_MyriadPro-Regular';

	font-size:14px;

	color:#fff;

	margin:10px 0px 8px 14px;

}

.testimonials ul li span.testp{

	float:left;

	width:196px;

	padding:5px 0px 0px 48px;

	text-align:left;

	font-family: 'Conv_MyriadPro-Regular';

	font-size:14px;

	color:#fff;

	line-height:18px;

}

.testimonials ul li span.testname{

	float:left;

	padding:5px 0px 0px 48px;

	text-align:left;

	font-family: 'Conv_CandidaStd-Italic';

	font-size:16px;

	color:#fff;

	line-height:20px;
	

	width:100%;

	

}

.testimonials p img{

	float:right;

	padding:30px 0px 0px 0px;

}

.testimonials a{

	font-family: 'Conv_MyriadPro-Regular';

	font-size:15px;

	color:#fff;

	padding:0px 0px 0px 10px;

	line-height:20px;

}



.latestwork{

	float:right;

	width:310px;

	border-radius:6px;

	background:#b0ba8e;

}

.latestwork h2{

	font-family: 'Conv_CandidaStd-Roman';

	color:#ffffff;

	line-height:46px;
	
	padding-left:15px;
	
	font-size:25px;

	

}

.map{

	width:280px;

	height:183px;

	

}

.content-right h3 {
font-size:22px;
margin:0 0 8px 5px;
color:#625340;	
}
.location-address {
font-size:14px;
margin:0 0 8px 15px;
color:#3d3d3d;	
width:240px;
height:170px;
float:right;
background-color:#eeeeee;
}
table.loctab td {
	padding:5px;
}
table.loctab td a {
	color:#3d3d3d;
	text-decoration:none;
}
table.loctab td h4 {
	font-size:18px;
	font-weight:bold;
	color:#7A6449;
	border-bottom:1px solid #bcbcbc;
	padding-bottom:5px;
}

.latestwork a{



	font-family: 'Conv_CandidaStd-Roman';

	color:#ffffff;

	font-size:16px;

	line-height:30px;

	display:block;
	
	padding-left:15px;

	

}





/*content-end*/

/*readmore-wrapper-start*/

.readmore-wrapper{

	float:left;

	width:100%;

	margin:18px 0px 20px 0px;

	

}

.readmore-container{

	width:1000px;

	margin:0px  auto;

	position:relative;

}

.imgbox{

	float:left;

	margin:0px 20px 0px 0px;

	width:235px;

	height:140px;

	position:relative;

	

}



.imgbox h3 a{

	position:absolute;

	top:10px;

	left:12px;

	color:#ffffff;

	font-size:22px;

	font-family: 'Conv_CandidaStd-Roman';
	
	text-decoration:none;

	

}

.readmore{

	height:20px;

	width:90px;

	float:right;

	background:url(images/readmore-btn.png) right 0 no-repeat;

	position:relative;

	top:-28px;

	right:8px;

	border-radius:4px;

	cursor:pointer;

	

}
.readmore:hover{

	height:20px;

	width:90px;

	float:right;

	box-shadow:0 0 10px #390202;

	position:relative;

	top:-28px;

	right:8px;

	border-radius:4px;

	cursor:pointer;

	

}

.readmore a{

	display:block;

	font-family: 'Conv_MyriadPro-Regular';

	color:#000000;

	font-size:12px;

	line-height:20px;

	text-decoration:none;

	padding:0px 0px 0px 10px;

}

/*readmore-wrapper-end*/



/*slideshow-start*/

.slideshow-wrapper{


	width:100%;
	
	margin-top:15px;

}

.slideshow {

	width: 960px;

	padding: 20px;

	background-color:#FFF;

	border-radius: 6px;

	overflow: hidden;

	clear:both;

	margin:0px auto;
	 
	margin-bottom:20px;

}

.slideshow .desc{

	width: 315px;

	overflow:hidden;

}

.slideshow .desc h3, .areabody h3{

	font-family: 'Conv_MYRIADPRO-SEMIBOLD';

	font-size: 20px;

	line-height: 32px;

	color:#3d3d3d;
	margin-bottom:10px;

}



.slideshow .desc p{

	font-family:Georgia, "Times New Roman", Times, serif;

	font-size: 13px;

	line-height: 18px;

	color:#3d3d3d; 

}

.slideshow .desc p a{

	color:#7a6449;

}



.slideshow .desc p a:hover{

	text-decoration:none;

}



.imgbox img{

	border-radius:10px !important;

	border: 3px;

	width:235px;

	height:140px;

	

}



.imgbox img:hover{

	width:235px;

	height:140px;

	border-radius:10px !important;
	
	opacity:0.5;
	
	filter: alpha(opacity = 50);

	padding: 0px;
	cursor:pointer;
	

	

}



.slideshow  #mycarousel {

	width: 635px;

}

/*slideshow-end*/

/*footer*/

.footer {

	

	clear:both;

	

}

.footer .coryright {

	padding: 22px 0px;

	font-family: Arial;

	font-size: 12px;

	text-align:center;

	color:#737373;
	
	border-top:1px solid #a9a9a3;
	
	width:1000px;
	
	margin:0px auto;

}

/*footer-end*/

/****************index-end*************************************************/



/*Completed-page-start*/

.project-wrapper{

	float:left;

	width:100%;

	height:202px;

	background:url(images/project-bg.png) center top repeat;

}

.project-box{

	width:795px;

	height:202px;

	padding:0px 0px 0px 205px;

	margin:0px auto;

}

.project-box h2{

	font-family: 'Conv_CandidaStd-Roman';

	color:#ffffff;

	font-size:28px;

	padding:35px 0px 0px 0px;

	font-weight:normal;
	line-height:normal;

	

}

hr {
	margin:0px 0 20px 0;
}



.project-box p{

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#ffffff;

	line-height:18px;

	

}

.project-box p a{

	color:#ffffff;

}

.title-img{

	float:left;

	width:163px;

	height:163px;

	position:relative;

	left:-180px;

	top:-75px;

}



/*gallery-start*/

.gallery-wrapper{

	float:left;

	width:100%;

}

.gallery-box{

	width:995px;

	margin:0px auto;

	/*padding:20px;*/

	background:url(images/quotes.gif) no-repeat #7a6449;

	border-radius:6px;

	

}

/*gallery-end*/
/*mini address-map-start*/

.mini-address-map-wrapper{

	float:left;

	width:310px;

	padding: 0 0 20px;

}

.mini-address-map{

	width:300px;

	margin:0px auto;

	padding:5px;

	background:#ffffff;

	border-radius:6px;

}


/*address-map-start*/

.address-map-wrapper{

	float:left;

	width:100%;

	padding: 0 0 20px;

}

.address-map{

	width:990px;

	margin:0px auto;

	padding:5px;

	background:#ffffff;

	border-radius:6px;

}

.men-head{

	float:right;

	width:33px;

	height:16px;

	background:url(images/men-head.png) 0 0 no-repeat;

	position:relative;

	left:28px;

	top:-156px;

	

}

label{

line-height: 30px;

font-family:Arial, Helvetica, sans-serif;

color: #804040;

font-size: 14px;

font-weight:bold;







}

.req{

	line-height: 30px;

font-family:Arial, Helvetica, sans-serif;

color: #804040;

font-size: 12px;

font-weight:bold;



	

}

input{

	border: 1px solid #804040;

	font-family: Arial, Helvetica, sans-serif;

	padding:4px;

	

}

textarea{

	border: 1px solid #804040;

	font-family: Arial, Helvetica, sans-serif;

	padding:4px;

	

	

}

input[type=submit]{

	margin-top:5px;

	padding:0px 5px;

	cursor: pointer;

	

}

.map_pop{
	width: 300px;
	height: 120px;
}

/*address-map-end*/

/* wp styles */

/* =Images
-------------------------------------------------------------- */

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}
.wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	max-width: 632px !important; /* prevent too-wide images from breaking layout */
	padding: 4px;
	text-align: center;
}
.wp-caption img {
	margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}
.wp-smiley {
	margin: 0;
}
.gallery {
	margin: 0 auto 18px;
}
.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.gallery-columns-2 .gallery-item {
	width: 50%;
}
.gallery-columns-4 .gallery-item {
	width: 25%;
}
.gallery img {
	border: 2px solid #cfcfcf;
}
.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}
.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
.gallery dl {
	margin: 0;
}
.gallery img {
	border: 10px solid #f1f1f1;
}
.gallery br+br {
	display: none;
}
#content .attachment img {/* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}


/* =Navigation
-------------------------------------------------------------- */

.navigation {
	color: #888;
	font-size: 12px;
	line-height: 18px;
	overflow: hidden;
}
.navigation a:link,
.navigation a:visited {
	color: #888;
	text-decoration: none;
}
.navigation a:active,
.navigation a:hover {
	color: #ff4b33;
}
.nav-previous {
	float: left;
	width: 50%;
}
.nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#nav-above {
	margin: 0 0 18px 0;
}
#nav-above {
	display: none;
}
.paged #nav-above, 
.single #nav-above {
	display: block;
}
#nav-below {
	margin: -18px 0 0 0;
}
.contentbody ul {
	margin:15px 0 15px 15px;
}
.contentbody ul li {
	list-style:circle inside;
}