@font-face {
    font-family: 'OswaldBook';
    src: url('fonts/oswald-webfont.eot');
    src: url('fonts/oswald-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/oswald-webfont.woff') format('woff'),
         url('fonts/oswald-webfont.ttf') format('truetype'),
         url('fonts/oswald-webfont.svg#OswaldBook') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Lobster1.4Regular';
    src: url('lobster_1.4-webfont.eot');
    src: url('lobster_1.4-webfont.eot?#iefix') format('embedded-opentype'),
         url('lobster_1.4-webfont.woff') format('woff'),
         url('lobster_1.4-webfont.ttf') format('truetype'),
         url('lobster_1.4-webfont.svg#Lobster1.4Regular') format('svg');
    font-weight: normal;
    font-style: normal;

}


#index{}
.home{}
.site{}
.page{}
.inner{width:960px; margin:0 auto; background: none;  min-height:50px;} /* height is not necessary. remove height in ur design*/
.header-bar{background:url(../images/header-bg.png) repeat-x;}
.header-wrap{}
.top-header{ height:146px;}
.header-bar h1.logo{display:inline-block; width:auto; float:left; width:140px; height:140px; background:url(../images/logo.png) no-repeat; text-indent:-9999em; margin:5px 0 0 0;}
	.header-bar h1.logo a{text-decoration:none;display:inline-block; width:140px; height:140px; float:left;}
	.header-bar h1.logo a:hover{background:none; width:140px; height:140px;}
	.header-bar h1.logo strong{display:inline-block; width:auto; text-indent:-999em;}
	.main-nav{ display:block; float:right; min-width:660px; }
.banner-bar{}
	.banner-bar inner{}
    .indent-bot{ font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#85f8e4; line-height:1.5em;}
	.banner-bar .banner-wrap{height:385px; width:960px;  background:url(../images/slider-bg.png) center top no-repeat; position:relative; }

/*-------------------------------------------------------content bar start*/
.content-bar{background:url(../images/body-bg.png) repeat;  overflow:hidden; }
.content-wrap{ padding:40px 0 20px 0;}
.column3-layout{ overflow:hidden;}
	.left-panel{}
	.right-panel{}
	.content-panel{ width:284px; float:left; margin-right:50px; position:relative;}
	.content-panel:last-child, .content-panel .last-child{ margin-right:0px !important;}
	.title{ font-family: 'OswaldBook'; font-size:23px; color:#3c788d; text-transform:uppercase; position:relative;}
	.content-panel .article{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#6c5d5d; margin-top:20px; line-height:18px;}
    #carousel_inner p{ font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; color:#2d6c84; line-height:1.4em; font-style:italic; padding-top:5px;}
	.read-more-btn{ display:block; width:53px; height:22px; background:url(../images/read-more-btn.png) no-repeat center; margin-top:17px; margin-left:3px;}
	.line{ display:block; height:24px; background:url(../images/line.png) center; margin:20px 0 20px 0;}
	.features-thumb{ width:290px !important; list-style:none; margin-top:20px; overflow:hidden;}
	.features-thumb li{ float:left; margin-bottom:10px;  margin-right:10px; color:#6c5d5d; font-family:Arial, Helvetica, sans-serif; font-size:13px; padding-bottom:10px; border-bottom:1px solid #b3a4a4;}
	.features-thumb li:last-child{ margin-bottom:0px; border-bottom:none;}
	.features-thumb li img{ border: solid 1px #a08d8d; height:80px; float:left;}
	.features-thumb aside{ width:163px; margin-right:0px !important; float:right; margin-left:8px;}
	.features-thumb li p{ display:block; margin-top:0px; line-height:16px;}
	.features-thumb li span, .features-thumb li span a{ color:#806112; font-size:14px; font-family: 'OswaldBook'; margin-top:10px; display:inline-block; text-decoration:none;}
	.small-logo{ width:180px; height:32px; background:url(../images/small-logo.png) no-repeat; text-indent:-9999em; float:left;}
	.article img{ margin-right:6px; margin-top:-15px;}
	.article p{ margin-top:33px; line-height:1.4em; padding-bottom:16px; }
	
	/*---------------------------------------------------testimonila css start here*/

.gall{ margin:0 auto;}
#carousel_ul{list-style-type:none;}
#carousel_inner {
    height: 224px;
    overflow: hidden;
    width: 285px;
	background:url(../images/testimonial-bg.png) no-repeat;
	margin-top:25px;
}
#carousel_ul {
    left: -193px;
    list-style-type: none;
    padding-bottom: 10px;
    position: relative;
    width: 9999px;
}
#carousel_ul li {
   float: left;
    margin-left: -57px;
    margin-right: 74px;
    overflow: hidden;
    padding-top: 5px;
    width: 251px;
}
#carousel_ul li img {
    border: 0 none;
    cursor: pointer;
}
#left_scroll, #right_scroll {
    float: left;
	margin-left:5px;
}
#left_scroll img, #right_scroll img {
    cursor: pointer;
}
.gall .testimonials p.name {
    color: #15315F;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: right;
}
.gall .testimonials {
    
    overflow: hidden;
   
    position: relative;
      width: 285px;
}

.gall .testimonials span.name {
    color: #9f682c;
    text-align: right;
	margin:35px 0 10px -67px;
	display:block;
	font-family:Georgia, "Times New Roman", Times, serif; font-size:18px;
}
.gall div{float:right; top:-22px;}



.testimonial-content{ height:164px !important; margin-top:5px !important; display:block; overflow:hidden; }
#carousel_ul li p:before {
   content: "\2018 \2018";
   font-size: 25px;

}
#carousel_ul li p:after {
	
   content: "\2019 \2019";
   
   font-size: 25px;

}

/*-------------------------------------------------------wedget bar start*/	
.wedget-bar{ background:url(../images/wedget-bg.png) repeat-x; min-height:309px;}
.widget-wrap{ background:url(../images/wedget-center-bg.png) center top no-repeat; height:308px; width:960px; }
.widget-wrap .wedget-section{ width:200px; float:left; margin-right:40px; background:url(../images/section-line.png) right no-repeat; min-height:247px; margin-top:22px;}
.widget-wrap .wedget-section:last-child{ margin-right:0px; background:none;}
.wedget-section .title{ font-family: 'OswaldBook'; font-size:23px; color:#b5f5ff; text-transform:uppercase; position:relative;}
.wedget-section ul{ margin-top:20px; color:#c2dbd0; font-family:Arial, Helvetica, sans-serif; font-size:13px; }
.wedget-section ul li{ display:block; height:20px;}
.wedget-section ul li a{ text-decoration:none; color:#c2dbd0;}
.wedget-section ul li.address{ height:auto !important; margin-top:5px;}
.wedget-section ul li p{ color:#FFF; font-size:12px; height:25px;}
.wedget-section ul li p a{ text-decoration:none; color:#FFF;}
.wedget-section ul li p.address-home{ background:url(../images/address-home-icon.png) no-repeat; padding-left:25px; padding-bottom:40px; line-height:1.5em;}
.wedget-section ul li p.address-phone{ background:url(../images/address-phone-icon.png) no-repeat; padding-left:25px; }
.wedget-section ul li p.address-fax{ background:url(../images/address-fax-icon.png) no-repeat; padding-left:25px; }
.wedget-section ul li p.address-mail{ background:url(../images/address-mail-icon.png) no-repeat; padding-left:25px; }


/*
Back to top button 
*/
#toTop {
		width:35px;
		height:75px;
        
        background:url(../images/go-top-icon.png) no-repeat center;
        
        padding:5px;
        position:fixed; /* this is the magic */
        bottom:120px; /* together with this to put the div at the bottom*/
        right:10px;
        cursor:pointer;
        
}
	
/*-------------------------------------------------------footer start */
.footer-bar{background:url(../images/footer-bg.png) repeat-x; min-height:122px;}
.footer-wrap{}
.social-tab{
	background: url("../images/social-tab-bg.png") no-repeat scroll center center transparent;
    height: 52px;
    margin: 0 auto;
    position: relative;
    top: -27px;
    width: 250px;
	}
	.social-tab ul{  
	list-style: none outside none;
    margin: 0 0 0 50px;
    padding: 12px 0 0;}
	.social-tab ul li{ float:left; width:22px; height:24px; margin-right:10px;}
	.social-tab ul li a{ display:block;}
	
	.social-tab ul li.twitter{ text-indent:-9999em; background:url(../images/social-sprit.png) center no-repeat; background-position:-6px 0; display:block;}
	.social-tab ul li.twitter:hover{ text-indent:-9999em; background:url(../images/social-sprit.png) center no-repeat; background-position:-8px -28px; display:block;}
	
	.social-tab ul li.facebook{ text-indent:-9999em; background:url(../images/social-sprit.png) center no-repeat; background-position:-35px 0; display:block;}
	.social-tab ul li.facebook:hover{ text-indent:-9999em; background:url(../images/social-sprit.png) center no-repeat; background-position:-35px -31px; display:block;}
	
	.social-tab ul li.in{ text-indent:-9999em; background:url(../images/social-sprit.png) center no-repeat; background-position:-66px 0; display:block;}
	.social-tab ul li.in:hover{ text-indent:-9999em; background:url(../images/social-sprit.png) center no-repeat; background-position:-66px -28px; display:block;}
	
	.social-tab ul li.v{ text-indent:-9999em; background:url(../images/social-sprit.png) center no-repeat; background-position:-94px 0; display:block;}
	.social-tab ul li.v:hover{ text-indent:-9999em; background:url(../images/social-sprit.png) center no-repeat; background-position:-94px -28px; display:block;}
	
	.social-tab ul li.youtube{ text-indent:-9999em; background:url(../images/social-sprit.png) center no-repeat; background-position:-123px 0; display:block; height:29px}
	.social-tab ul li.youtube:hover{ text-indent:-9999em; background:url(../images/social-sprit.png) center no-repeat; background-position:-123px -28px; display:block; height:29px;}
	
	.footer-copy-right{ margin:0 auto; color:#dfd4d4; font-family:Arial, Helvetica, sans-serif; font-size:12px; width:302px; height:20px;}
	.footer-copy-right a{ text-decoration:none; color:#7dc5e1;}
	.powered{ width:90px; margin:0 auto; background:url(../images/crossover-logo.png) no-repeat center; height:30px; text-indent:-9999em;}
	.powered a{ display:block;}
	
	
	
	




/***** slider *****/
.slider-wrapper { width:481px; height:396px; padding:4px 0 0 427px;  background:url(../images/slider-bg.jpg) 6px 0px no-repeat; position:relative; z-index:1;  }
.slider { position:relative; width:530px; height:355px; }
.items { display:none; }
.banner { width:434px; height:355px; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:17px; color:#c9cbb9; background:url(../images/banner-bg.jpg) 0 0 no-repeat; overflow:hidden; position:absolute; top:0; left:-480px; z-index:99; }
.banner-inner { padding:71px 55px 20px 53px; }
.banner span { display:block; font-family: 'Lobster1.4Regular'; font-size:44px; line-height:1.2em; color:#a2f3fe; margin-bottom:15px; 
        text-shadow: 0px 2px 2px #662566;
        filter: dropshadow(color=#662566, offx=0, offy=2);
         }
.banner span strong { display:block; font-size:55px; line-height:1.2em; color:#fcffe4; font-weight:normal; margin-bottom:-5px; }
._next, ._prev { display:block; width:27px; height:48px; margin-top:-24px; text-indent:-5000px; background:url(../images/slider-control.png) left top no-repeat; position:absolute; z-index:99; cursor:pointer; }
._next { right:-60px; top:50%; }
._prev { background-position:left bottom; left:-495px; top:50%; position:absolute; z-index:9999; }
.button{ background:url(../images/read-more-slide.png) no-repeat; display:block; width:96px; height:19px; text-indent:-9999em; margin-top:33px;}



/*===================================About-us page css start*/
#about-us{}
.about-banner-wrap{min-height:72px; width:960px; position:relative; }
.column2-layout{ overflow:hidden;}
.column2-layout section{ float:left; width:640px;}

.column2-layout section article{ margin-top:15px; color:#6C5D5D; line-height:18px; font-size:12px !important;}
.column2-layout section article p{ margin-bottom:15px; width:565px;}
.column2-layout section article ul{ list-style:none; margin-bottom:25px;}
.column2-layout section article ul li{ display:block; height:20px; background:url(../images/arrow.png) left no-repeat; padding-left:20px;}
.column2-layout aside{ float:right; width:300px; margin-left:20px;}

#ContactForm {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	margin-top:15px;
	
	
	
	}
#ContactForm p {
	color:#6C5D5D;
	font-size:14px !important;
	display:block;
	min-height:25px;
	padding-bottom:8px;
	
	
	}
#ContactForm span {
	margin:0px;
	
	width:105px;
	float:left;
	margin-right:5px;
	}
	
	#ContactForm label {
		width:182px;
	
	
	float:right;
	
	}
	
#ContactForm  a{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	text-decoration:none;
	color:#C90;
	text-indent:0px;
	}

#ContactForm input {
	background:#365e72;
	border:1px solid #FFF;
	height:22px;
	color:#CCC;
	width:180px;
	}
	#ContactForm input:hover{ border:1px solid #175a6f; background:#a2f3fe; color:#365e72;}
	
#ContactForm textarea {
	background:#365e72;
	border:1px solid #FFF;
	color:#CCC;
	width:180px;
	height:90px;
	resize:none;
	margin-bottom:8px;	
	}
	#ContactForm textarea:hover{ border:1px solid #175a6f; background:#a2f3fe; color:#365e72;}
 .contactmessages {
	margin:10px; color:#990;
	}
	
#ContactForm .contactmessages h1{
	color:#F93;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:15px;
	}
#ContactForm .contactmessages h1.error{
	color:red;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:15px;
	}
#ContactForm .contactmessages p{
	color:#CCC;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:15px;
	}
	.captcha_refresh{ text-decoration:none; color:#FFF !important;}
	.form-text{ width:50px;}
	
	
	
	
	/*=========================================Services page css*/
	
	 .etabs { margin: 0; padding: 0; }
    .tab { display: inline-block; display:inline; background: none !important; border: solid 1px #999; border-bottom: none; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; float:left !important; margin-right:5px; }
    .tab a { font-size: 14px; line-height: 2em; display: block; padding: 0 10px; outline: none; }
    .tab a:hover { text-decoration: underline; }
    .tab.active { background: #fff; padding-top: 6px; position: relative; top: 1px; border-color: #666; }
    .tab a.active { font-weight: bold; }
    .tab-container .panel-container { padding: 10px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; }
    .panel-container { margin-bottom: 10px; width:600px; overflow:hidden;  }
	
	/*=============================================Portfolio page css*/
	
	.portfolio-content{ width:100%;}
	.portfolio-content .p-artical{ width:960px !important;}
	.portfolio-content .p-artical p{ width:960px !important;}
	


/* Specific to example two */

#example-two .list-wrap {  width:960px; margin-top:20px; }

#example-two ul { list-style: none; margin-left:0px; height:auto !important }
#example-two ul li a {color: #666;}
#example-two ul li a:hover {color: white; }
#example-two ul li:last-child a { border: none; }

#example-two .nav2 { overflow: hidden; margin-left:0px !important;  }
#example-two .nav2 li { float: left; margin: 0 10px 0 0; background:none !important; }
#example-two .nav2 li.last { margin-right: 0; }
#example-two .nav2 li a { display: block; padding: 5px; background: #416373; color: white; font-size: 10px; text-align: center; border: 0; height:23px !important; text-decoration:none; font-size:18px; padding-left: 10px;
    padding-right: 10px; font-family:'OswaldBook';  }

#example-two li a.current,#example-two li a.current:hover { background-color: #396378 !important; color: #FFF; padding-left: 10px;
    padding-right: 10px; }
#example-two .nav2 li a:hover, #example-two .nav2 li a:focus { background: #346f89;}
#content ul{ display:block !important;}
#content ul li{ float:left; width:230px; height:auto;  margin-right:10px;  margin-bottom:15px;}
#content ul li:last-child{ margin-right:0px;}
#content ul li img{ width:225px; height:142px; border:solid 2px #FFF;}

/*=============================================Contact us */
.form-wrap{ width:400px !important; overflow:hidden;}
.form-wrap p{ width:400px !important}
.form-wrap p label{ width:auto !important;}
.sec{ float:left !important; margin-left:43px;}
.in-conde{ float:left !important; margin-left:150px;}
.name, .email, .subject, .message{ width:250px !important;}
.btn{ margin-left:150px !important;}
.map{ float:right; width:500px !important; overflow:hidden;  color: #6C5D5D;
    font-size: 16px !important;
    line-height: 22px; margin-bottom:30px;}
	.map a{ text-decoration:none; color: #6C5D5D;}
	.map .address-detail, .address-detail p, address-detail p a{color: #6C5D5D !important;}
	.map .address-detail .email{color: #6C5D5D; }
.google-map{ border:4px solid #CCC; width:492px !important; overflow:hidden;}