/*
Theme Name: 'Hayes'
Description: This Theme is developed for this site only 
Author: 'MVS'
Author URI: mailto:rizvi@visualscope.com
*/


body
{
	font-family:Arial, Verdana, Georgia, Lucida,Helvetica,Tahoma, sans-serif, "Myriad Pro";
	font-size:12px;
	text-align:center;
	color:#000;
	background:#EEE4DA url(images/body-bg.jpg) repeat-x left top;
	margin:0;
}

:focus{ outline:none;}
img,fieldset{border:none;}
	
a{	color:#000;	text-decoration:none;}
/*================================================================*/

/*----------Start Wraper-----------*/
.wraper-outer{
	width:100%;
	background:url(images/wraper-outer-bg.jpg) no-repeat center top;
	overflow:hidden;
}
.home-wraper-outer{
	background:url(images/wraper-outer-bg2.jpg) no-repeat center top;
}
.wraper{
	width:990px;
	margin:0 auto;
}
.header{
	width:100%;
}
.logo{
	width:217px;
	height:105px;
	margin-top:10px;
	float:left;
}
.contact{
	margin:12px 5px 0 0;
	float:right;
}
.contact strong{
	font:normal 25px Arial;
	color:#446470;
	text-align:right;
	display:block;
}
.contact span{
	font:normal 14px Arial;
	color:#688793;
	text-align:right;
	text-transform:uppercase;
	display:block;
}
.contact a{
	margin-top:20px;
	padding: 0 0 0 15px;
	background:url(images/arrow2.png) no-repeat left center;
	font:normal 14px Arial;
	color:#446470;
	text-align:right;
	display:block;
}
.contact a:hover{
	text-decoration:underline;
}
.top-section{
	width:100%;
	padding-bottom:12px;
	background:url(images/top-section-bottom-bg.png) no-repeat center bottom;
}
.home-top-section{
	padding-bottom:21px;
}
.nav{
	width:100%;
	height:45px;
	background:url(images/top-section-top-bg.png) no-repeat center top;
	margin:0;
	padding:0;
	list-style:none;
}
.nav li{
	padding-left:1px;
	background:url(images/nav-border.png) no-repeat left center;
	float:left;
}
.nav li:first-child{
	background:none;
	padding-left:8px;
}
.nav li a{
	height:28px;
	padding:17px 17px 0;
	font:normal 15px Arial;
	color:#516f7c;
	text-transform:uppercase;
	display:block;
}
.nav li a:hover{
	color:#55483d;
}
.top-section-con{
	width:100%;
	background:url(images/top-section-bg-r.png) repeat-y left top;
}
.banner{
	width:980px;
	padding:0 5px;
	position:relative;
}
.slider{
	width:980px;
	height:349px;
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
}
.slider li{
	width:980px;
	height:349px;
	overflow:hidden;
}

.banner-text{
	width:400px;
	position:absolute;
	top:35px;
	left:35px;
	z-index:9;
}
.banner-text h1{
	margin:0;
	font:normal 30px Arial;
	color:#fbfcfc;
	text-align:left;
	line-height:40px;
}
.consultation-btn{
	margin-top:20px;
	float:left;
}
.banner-text ul{
	width:100%;
	margin:15px 0 0 0;
	padding:0;
	list-style:none;
	float:left;
}
.banner-text ul li{
	margin:5px 0 0 0;
	padding-left:20px;
	background:url(images/arrow.png) no-repeat left center;
	font:bold 14px Arial;
	color:#314a53;
	text-align:left;
}
.featured-projects-title{
	margin:7px 10px;
	display:block;
}
.featured{
	width:980px;
	margin:0;
	padding:0 5px 9px;
	list-style:none;
	float:left;
}
.featured li{
	margin-left:11px;
	float:left;
}
.featured li:first-child{
	margin-left:10px;
}
.content-area{
	width:100%;
	padding:20px 0;
}
.welcome-text{
	width:652px;
	padding:0 0px 0 40px;
	float:left;
}
.home-pic{
	float:right;
}
.welcome-text h2{
	font:normal 20px Arial;
	color:#55483d;
	text-align:right;
}
.welcome-text h2 strong{
	font:normal 40px Arial;
	color:#385560;
	text-align:left;
}
.welcome-text p{
	font:normal 14px Arial;
	color:#333333;
	text-align:left;
}
.right-sidebar{
	width:268px;
	padding:0 30px 0 0px;
	float:left;
}

.right-sidebar h2{
	font:normal 20px Arial;
	color:#55483d;
	text-align:right;
}
.right-sidebar h2 strong{
	font:normal 40px Arial;
	color:#385560;
	text-align:left;
}
.right-sidebar p{
	font:normal 14px Arial;
	color:#333333;
	text-align:left;
}
.text-banner-outer{
	width:100%;
	height:88px;
	background:url(images/bottom-con-bg.png) no-repeat center top;
	overflow:hidden;
}
.text-banner{
	width:910px;
	margin:0 auto;
	padding:0 40px;
}
.text-banner p{
	margin:30px 0 0 0;
	font:normal 15px Arial;
	color:#395561;
	text-align:left;
	float:left;
}
.text-banner p strong{
	font:normal 18px Arial;
	color:#63594f;
	text-align:left;
	display:block;
}
.footer-outer{
	width:100%;
	margin-top:35px;
	background: url(images/footer-bg.jpg) repeat left top;
	overflow:hidden;
}
.footer{
	width:910px;
	margin:0 auto;
	padding:0 40px 100px;
}
.footer p{
	margin:15px 0 0 0;
	font:normal 11px Arial;
	color:#eae0d6;
	text-align:left;
	float:left;
}
.footer-logo{
	margin-bottom:5px;
}
.design {
	font:normal 11px Arial;
	color:#eae0d6;
	text-align:left;
}
.design:hover{
	color:#516f7c;
}
.footer-nav{
	margin:15px 0 0 0;
	padding:0;
	list-style:none;
	float:right;
}
.footer-nav li{
	margin-right:5px;
	padding-right:5px;
	border-right:#eae0d6 1px solid;
	float:right;
}
.footer-nav li:first-child{
	margin-right:0;
	padding-right:0;
	border-right:none;
}
.footer-nav li a{
	font:normal 11px Arial;
	color:#eae0d6;
	text-transform:uppercase;
}
.footer-nav li a:hover{
	color:#516f7c;
}
.footer-email-nav{
	margin:25px 0 0 25px;
}
.footer-email-nav li a{
	text-transform:none;
}
.footer-nav li a cufon {
    padding-bottom: 3px;
}
/*================================================================Interior Page*/

.sub-content{
	width:990px;
	min-height:250px;
}
.sub-content h2{
	font:normal 20px Arial;
	color:#55483d;
	text-align:left;
}
.sub-content p{
	font:normal 14px Arial;
	color:#333333;
	text-align:left;
}
.sub-content ul li, .sub-content ol li, .sub-content table tr td{
	font:normal 14px Arial;
	color:#333333;
	text-align:left;
	line-height:18px;
}

.sub-content a{
	font:normal 14px Arial;
	color:#516f7c;
	text-align:left;
}
.sub-content a:hover{
	text-decoration:underline;
}
.alignleft{
	float:left;
	margin:8px 20px 20px 0;
}
.alignright{
	float:right;
	margin:8px 0 20px 20px;
}
.aligncenter{
	display: block;
	margin:0 auto;
}
.sub-content-left{
	width:630px;
	padding:0 30px;
	border-right:#333333 1px dotted;
	float:left;
}
.sub-right-sidebar{
	width:238px;
	padding:0 30px;
}
/*================================Contact Us================================*/
.contactForm{
	width:480px;
	margin:20px;
	padding:20px;
	border: 1px solid #5C5248;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	float:left;
}
.contactForm h3{
	margin:0;
	padding:5px 0 0 0;
	font:bold 14px Arial;
	color:#000;
	text-align:left;
	display:block;
}
.contactForm p{
	width:480px;
	margin:8px 0 0 0;
	float:left;
}
.contactForm p label{
	width:100px;
	padding:5px 10px 0 0;
	font:normal 14px Arial;
	color:#55483D;
	text-align:left;
	float:left;
}
.contactForm p .contactInput{
	background:#DDD3C4;
    border: 1px solid #5C5248;
    color: #666666;
    float: left;
    font: 12px/24px Arial;
    height: 24px;
    padding-left: 4px;
    text-align: left;
    width: 340px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
   
}
.contactForm p textarea{
	background:#DDD3C4;
    border: 1px solid #5C5248;
    color: #474646;
    float: left;
    font: 12px/19px Arial;
    height: 85px;
    padding-left: 4px;
    text-align: left;
    width: 340px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px; 
  
}
.contactForm p .sendBtn{
	width:160px;
	height:28px;
	font:bold 14px Arial;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	float:left;
	cursor:pointer;
	background:#5C5248;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:none;
	
}
.contactForm p .sendBtn:hover{
	background:#9FC0DF;
}

.contactForm span.wpcf7-form-control-wrap{
	display:inline-block;
}
.contactForm span.wpcf7-not-valid-tip{
	width:340px;
	height:22px;
	top:0;
	left:0;
	text-align:center;
}
.contactForm div.wpcf7-response-output{
	float:left;
	border:none;
}
.contactForm div.wpcf7-validation-errors{
	border:none;
}
/****<><><> Blog <><><>****/
.sub-content-left h1{
	color: #55483D;
	font: 24px Arial;
	text-align:left;
}
.sub-content-left h1 a{
	font: 24px Arial;
}
.sub-content-left h2 a {
	color: #55483D;
	font: 20px Arial;
}
.sub-content-left h2 a:hover {
	text-decoration:underline;
}
.sub-content-left .blogPost {
	width:588px;
	text-align:left;
	float:left;
	border-bottom:#333333 1px dotted;
	padding-bottom:15px;
}
.blogSidebar {
	float: right;
	width: 238px;
	text-align: left;
}
.blogSidebar h3 {
	font: 20px Arial;
	color: #55483D;
	margin: 0 0 10px;
	border-bottom:#333333 1px dotted;
}
.blogSidebar ul {
	margin-bottom: 15px;
	list-style:square;
	padding:0 0 0 15px;
}
.blogSidebar ul li a {
	font: 14px Arial;
}
.blogSidebar ul li a:hover {
	text-decoration:underline;
}
.wdm-nocapt-recapt {
	float:left;
	margin-left:110px;
}
.home-content {
	float: left;
	width: 100%;
}
.home-content p {
    color: #333333;
    font: 14px Arial;
    text-align: left;
	margin: 15px 0 0;
}
.home-content p a {
    color: #333333;
    font: 14px Arial;
    text-align: left;
}
.home-details {
	display:none;
	float:left;
}
.acc-content{
	width:910px;
	overflow:hidden;
	margin:0 auto;
	padding-top:10px;
}
.acc-content a.details:hover{
	text-decoration:underline;
}