/*
Theme Name:Concoct
Author: Concocte Team 

*/
body {margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif;}
ul {margin:0px; padding:0px; list-style:none;}
li {margin:0px; padding:0px; list-style:none;}
.clear{clear:both;}
h1, h2, h3, h4{margin:0px; padding:0px;clear:both}
p{margin:0px; padding:0px;}
#wrapper{width:100%; height:100%;}
.main{width:1004px; margin:0 auto;}
/*................ Header Section Starts Here...................*/
.header{float:left; width:1004px; padding:10px 0 0 0;}
.logo{float:left;}
.header-right{float:right; padding:15px 0 0 0;}
.header-top-menu{float:right;}
.header-top-menu ul{padding:0px; margin:0px; list-style:none;}
.header-top-menu ul li{list-style:none; background:url(../images/top-menu-div.gif) no-repeat right center; margin:0px; padding:0px; float:left; font-family:Georgia, Arial, Helvetica; font-size:12px; color:#868585; text-transform:uppercase;}
.header-top-menu ul li a{ text-decoration:none; padding:0 10px; color:#868585;}
.header-top-menu ul li a:hover{ text-decoration:none; color:#232323;}
.header-top-menu ul li a.current{ text-decoration:none; color:#232323;}
.header-top-menu ul li.last{background:none;}
/*................ Menu Section Starts Here...................*/
.menu-sec{padding:10px 0 0 0px;margin:0;list-style:none;overflow:hidden;float:right;}
#menu {margin:0;padding:10px 10px;overflow:hidden;float:left;position:relative;list-style:none;}
#menu li{float:left;margin:0;text-align:center;height:34px;margin-right:10px;}		
#menu li a{margin:0;height:22px;display:block;vertical-align:middle;padding:8px 10px;background:#fff;float:left;font-size:14px;font-family:Georgia, Arial, Helvetica; color:#4f4f4f; text-decoration:none;}
#menu li a:hover{background:url(../images/menu-over-bg.jpg) center; display:block;vertical-align:middle;padding:8px 10px;}
#menu li a.act{margin:0;height:22px;vertical-align:middle;padding:8px 10px;background:url(../images/menu-over-bg.jpg) center;}
/*................ Banner Section Starts Here...................*/
.banner{float:left; padding:20px 0 0 0;}
/*................ Middle Section Starts Here...................*/
.middle-sec{float:left; width:1004px; padding:20px 0 20px 0;}
.middle-sec h1{ font-family:'Andada',Georgia, Arial, Helvetica; color:#393939; font-size:22px; padding:0 0 15px 0;}
.middle-sec p{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#5b5d5e; line-height:22px;}
.cnt-lft{float:left; width:310px; background:url(../images/cnt-bg.gif) no-repeat right 0px; padding:10px 17px 15px 8px;}
.read-more{float:left; padding:10px 0 0 0;}
.cnt-mid{float:left; width:315px; padding:10px 10px 15px 20px; background:url(../images/cnt-bg.gif) no-repeat right 0px;}
.cnt-rgt{float:left; width:300px; padding:10px 0 15px 15px;}
.list ul{padding:0px; list-style:none; margin:0px 0 0px 0; }
.list li{margin:0px; list-style:none; padding-left:15px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#5b5d5e; background:url(../images/blt.gif) no-repeat left 7px; margin-left:8px; padding-right:14px; line-height:22px;}
/*................ Footer Section Starts Here...................*/
.footer{width:1004px; float:left; border-top:1px solid #c0c0c0; padding:10px 0 0 0;}
.footer-lft{float:left; width:680px;}
.footer-lft ul{padding:0px; margin:0px; list-style:none;}
.footer-lft ul li{list-style:none; background:url(../images/top-menu-div.gif) no-repeat right center; margin:0px; padding:0px; float:left; font-family:Georgia, Arial, Helvetica; font-size:12px; color:#868585;}
.footer-lft ul li a{ text-decoration:none; padding:0 5px; color:#868585;}
.footer-lft ul li a:hover{ text-decoration:none; color:#232323;}
.footer-lft ul li a.selected{ text-decoration:none; color:#232323;}
.footer-lft ul li.end{background:none;}
.copy-right{float:left;font-family:Georgia, Arial, Helvetica; font-size:12px; color:#868585; padding:5px 0 0 0;}
.footer-rgt{float:right; width:310px; padding:0 0px 0 0;}
.footer-rgt ul{padding:0px; margin:0px; list-style:none;}
.footer-rgt ul li{list-style:none; background:url(../images/top-menu-div.gif) no-repeat right center; margin:0px; padding:0px; float:left; font-family:Georgia, Arial, Helvetica; font-size:11px; color:#868585;}
.footer-rgt ul li a{ text-decoration:none; padding:0 4px; color:#868585;}
.footer-rgt ul li a:hover{ text-decoration:none; color:#232323;}
.footer-rgt ul li.last{background:none;}
.follow-us{float:left;}
.follow-icon{float:left; padding:10px 3px 10px 0px;}

/*................ Inner Pages Starts Here...................*/
.inner-left-sec{float:left; width:285px; padding:0 0 0 10px;}
.services-tab{float:left;}
.services-top{float:left; background:url(../images/services-top.gif) no-repeat; width:220px; height:48px; font-family:'Andada',Georgia, Arial, Helvetica; color:#302c2d; font-size:24px; padding:5px 0 0 65px; font-weight:bold;}
.services-mid{float:left; padding:10px 0 0 0;}
.services-mid ul{padding:0px; list-style:none; margin:0px 0 0px 0; }
.services-mid ul li{margin:0px; list-style:none; padding-left:10px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#2a2a2a; background:url(../images/blt1.gif) no-repeat left 7px; margin-left:25px; padding-right:14px; line-height:20px; padding-bottom:5px;}
.services-mid ul li a{text-decoration:none;color:#2a2a2a;}
.services-mid ul li a:hover{text-decoration:none;color:#020200;}
.services-mid ul li a.select{text-decoration:none;color:#020200; font-weight:bold;}
.view-portfolio{float:left; padding:15px 0 0px 0;}
.testimonials-tab{float:left; padding:15px 0 0 0;}
.testimonials-top{float:left; background:url(../images/testimoniols-top.gif) no-repeat; width:200px; height:48px; font-family:'Andada',Georgia, Arial, Helvetica; color:#302c2d; font-size:24px; padding:10px 0 0 85px; font-weight:bold;}
.testimonials-mid{float:left; width:285px; padding:10px 0 0 0;}
.testimonials-mid p{color:#5b5d5e; font-size:14px; line-height:22px; padding:0 10px 0 20px;}
.testimonials-name{float:left; color:#000000; font-weight:bold; font-size:14px;padding:10px 0px 0 20px;}
.testimonials-name span{ color:#909090; font-style:italic; display:block; font-weight:normal; padding:5px 0 0 0;}
.inner-right-sec{float:left; width:670px; padding:0 0 0 30px;font-size:14px; color:#5b5d5e; line-height:22px;}
.inner-right-sec-title{float:left; background:url(../images/cnt-title.gif) no-repeat bottom; width:670px;  padding:0 0 20px 0; }
.inner-right-sec h1{font-family:'Andada',Georgia, Arial, Helvetica; color:#302c2d; font-size:30px; padding:0 0 10px 0;}
.inner-right-sec h2{font-family:'Andada',Georgia, Arial, Helvetica; color:#302c2d; font-size:24px; padding:0 0 5px 0;}
.inner-right-sec h3{font-family:'Andada',Georgia, Arial, Helvetica; color:#302c2d; font-size:20px; padding:0 0 5px 0;}
.inner-right-sec p{font-size:14px; color:#5b5d5e; line-height:22px;}
.inner-right-sec a{font-size:14px; color:#5b5d5e; line-height:22px; text-decoration:none;}
.inner-right-sec a:hover{font-size:14px; color:#1a1a1a; line-height:22px; text-decoration:none;}
.breadcrumb{float:left; font-size:13px; color:#727272; font-weight:bold; }
.breadcrumb a{color:#302c2d; text-decoration:none}
.breadcrumb a:hover{color:#656364; text-decoration:none}
.breadcrumb a.orange{color:#d77230;}
.graph{float:right;}
p{padding-bottom:15px; padding-top:5px;}
.inner-right-sec h3{clear:both}
.inner-right-sec ul{padding:0px; list-style:none; margin:0px 0 20px 0!important; }
 .inner-right-sec li{margin:0px; list-style:none; padding-left:15px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#5b5d5e; background:url(../images/blt.gif) no-repeat left 7px; margin-left:8px; padding-right:14px; line-height:23px;}
 
 /*................ Portfolio Pages Starts Here...................*/
 .portfolio-sec{float:left; width:660px; padding:0 0 0 10px;}
 .portfolio-frame{float:left;display:block; padding:0 25px 25px 0; width:300px; height:311px;}
 .portfolio-frame{float:left; background:url(../images/portfolio-normal.gif) no-repeat; width:300px; height:311px;}
 .portfolio-frame a{display:block; text-decoration:none; cursor:pointer;width:300px; height:311px;color:#ffffff; font-size:13px; font-weight:bold;}
 .portfolio-frame a:hover{display:block; text-decoration:none; cursor:pointer; background:url(../images/portfolio-hover.gif) no-repeat;width:300px; height:311px; color:#1c1c1c;font-size:13px;}
 .portfolio-img{float:left; display:block; padding:15px 0px 0px 16px;}
 .portfolio-name{float:left; width:180px; text-decoration:none; padding:18px 0 0 18px; display:block;}
 .portfolio-name a {float:left; width:200px; color:#ffffff; text-decoration:none;}
 .portfolio-name a:hover{color:#1c1c1c!important;}
 .visit-site{float:right; background:url(../images/visit-site.gif) no-repeat left 25px; padding:18px 0 0 18px; width:70px;}
 
  /*................ Contact Pages Starts Here...................*/
 .contact-mid{float:left; padding:30px 0 20px 30px; width:600px; height:400px;}
.form-bg2{width:400px;  float:left; background:url(../images/form-bg.gif) repeat-x #daeef5; border-left:1px solid #96d4ed; border-right:1px solid #96d4ed; padding:15px 0 0 0; border-bottom:1px solid #96d4ed; border-top:1px solid #96d4ed;}
.txt-name1{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#5B5D5E; font-weight:bold; padding:0 10px 10px 10px;}
.txt-name2{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#5B5D5E; font-weight:bold;}
.txt-box1{width:340px; height:50px; border:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#303030; padding:0 0 0 10px; background:url(../images/txt-box.gif) no-repeat;}
.txt-area1{width:340px; height:102px; background:url(../images/txt-area.gif) no-repeat; border:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#303030; padding:10px 0 0 10px;}
.txt-fields{float:left; width:80px;  padding:10px 10px 0 40px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#5B5D5E; font-weight:bold;}
.txt-boxes{float:left; width:355px; padding:0 0 10px 0;}
.maps{ float:left; padding:5px 0 0 0;}
.qr{float:right;}
.btn-submit{ width:115px; height:42px;background:url(../images/btn-submit.gif) no-repeat 0 0; border:0px;}
.btn-submit a{background:url(../images/btn-submit.gif) no-repeat 0 0;  display:block; width:115px; height:42px;}
.btn-submit:hover{background:url(../images/btn-submit.gif) no-repeat 0 -42px;  display:block; width:115px; height:42px; cursor:pointer;}
/*................ Testimonials Pages Starts Here...................*/
.testi-cnt{float:left; border-bottom:1px dotted #999; margin:0 0 5px 0; width:650px;}
.testi-cnt.final{border:none;}




.getprice_form{padding-top:10px;}
.form_row label{width:230px; display:block; float:left; line-height:20px;}
.form_row{padding-top:7px; padding-bottom:7px; clear:both}
.form_row b{color:#F00}
.txt-box2{width:300px; height:24px; background-color:#ededed; border:#cecece 1px solid;}
.select2{width:302px; height:30px; background-color:#ededed; border:#cecece 1px solid; padding:6px;}

.invisible{margin-top:30px; border:#dfdfdf 1px solid; padding:10px;}
.invisible .form_row label{width:300px; display:block; line-height:20px;}
.invisible .form_row {border-bottom:#dfdfdf 1px solid; padding-bottom:5px; padding-top:5px; clear:both}
.row_brdrno{border:none !important}

.btn-getprice{ width:115px; height:42px;background:url(../images/btn-getprice.gif) no-repeat 0 0; border:0px;}
.btn-getprice a{background:url(../images/btn-getprice.gif) no-repeat 0 0;  display:block; width:115px; height:42px;}
.btn-getprice:hover{background:url(../images/btn-getprice.gif) no-repeat 0 -42px;  display:block; width:115px; height:42px; cursor:pointer;}

.btn-calluss{ width:200px; height:60px;background:url(../images/btn-callus.gif) no-repeat 0 0; border:0px;}
.btn-calluss:hover{cursor:pointer}
.hilight{color:#C90 !important; font-weight:bold !important; font-size:15px !important; text-transform:uppercase !important; margin-top:10px;}



/* Slideshow */

#slides {
	position:relative;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:1004px;
	overflow:hidden;
	position:relative;
	margin-bottom:0px;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container a {
	width:1004px;
	height:470px;
	display:block;
}

.slides_container a img {
	display:block;
}

/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:107px;
	left:0px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:576px;
}


/*
	Pagination
*/

.pagination {
	text-align:center;

	
	float:right;
}

.pagination li {
	display:inline-block;
	margin:0 1px;
	list-style:none;
	float:left;
}

.pagination li a {
	padding:0px;
	display:inline-block;
	width:16px;
	height:16px; background:#868585;
	overflow:hidden;
	text-indent:0px;
	padding-left:0px;
	color:#ffffff;
	font-size:12px;
	text-decoration:none;
}

.pagination li.current a {
	background:#f4df00;
	color:#868585;
}