@charset "utf-8";
/*  
URL: http://www.krvayurvedakendra.com/
Description: KRV Ayurveda
Version: Home page style version : 1.0
Author: WebArts
Last Updated : 15-06-2012
*/


@import url("fontface.css");


/* =========================================================
SITE STRUCTURE
============================================================ */
      
body {
	font-family: 'DroidSansRegular';
	font-size: 13px;
	line-height: 22px;
	background-color: #E9E6D3;
	
}  
  
  
a:link {
	color: #648B15;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #648B15;
}
a:hover {
	text-decoration: none;
	color: #B75C0B;
}
a:active {
	text-decoration: none;
	color: #648B15;
}

    
html, body, h1, h2, h3, h4, h5, h6, p, em, strong, abbr, acronym, blockquote, q, cite, ins, del, dfn, a, div, span, pre, hr, address, br, b, i, sub, sup, big, small, tt, table, tr, caption, thead, tbody, tfoot, col, colgroup, form, input, label, textarea, button, fieldset, legend, select, option, optiongroup, ul, ol, li, dl, dt, dd, code, var, kdb, samp, img, object, param, map, area, bdo, iframe {
	padding:0px;
	margin:0px;
	text-decoration:none;
	font-weight: normal;
	
}

input[type="text"], textarea, select, file {
	background: #fff;
	border: 1px solid #ccc;
	box-shadow: inset 2px 2px 2px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 2px 2px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 2px 2px 2px rgba(0,0,0,0.1);
	padding: 5px;
	width: 200px;
	font-size: 13px;
	color:#000;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	font-family: 'DroidSansRegular';
}

.btn{
	background-color:#6D941F;
	color:#FFF;
	border:none;
	cursor: pointer;
	padding: 7px;
	font-family: 'DroidSansRegular';
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
}
ul {
	list-style-type:none;
	 
	}
img {
	border: none;
	line-height: 0px;
}
.clear{clear:both;}



h1, h2, h3, h4, h5, h6 {
	line-height:30px;
}


h1{
	font-family: 'DroidSansRegular';
	font-size: 28px;
	color: #AB5508;
	margin-bottom: 20px;
	letter-spacing: -2px;
	}
h2{
	font-family: 'BellGothicBTBold';
	color: #416B01;
	font-size: 25px;
	width: 100%;
}

h4{
	font-size:22px;
	font-family: 'BellGothicBTRoman';
	color:#2364AF;
	font-weight: bold;
	margin: 15px 0px;
}

h5{
	font-family: 'DroidSansBold';
	font-size: 18px;
	
	color: #000;
	font-weight: bold;
	
}

h6{
	font-family: 'DroidSansBold';
	font-size: 14px;
	color: #2464AE;
	font-weight: bold;
	
}

.left{
	float:left;
}

.right{float:right;}
.bluecolor, .orangecolor{
	font-size:15px;
	color: #000;
	font-weight: bold;
}
.orangecolor{
	color:#FC0;
}
.redcolor{
	color:#D47D1C;
	font-size: 16px;
	font-weight: bold;
}

.blue-head{
	color:#FFF;
	font-weight: bold;
	font-size: 15px;
	background-color: #648B15;
	padding: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
}
.blue-head-services{
	color:#6D941F;
}
.main-head{
	font-size:30px;
	color: #2463B0;
}
.main-black{
	font-size:25px;
	color: #000;
}	

em {
	color:#AB570F;
}
/* =========================================================
RESET
============================================================ */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
	display: block;
}

keygen, meter, progress {
	display: inline-block;
}

output {
	display: inline;
}

audio, canvas, embed, video {
	width: 300px;
}		

audio {
	height: 32px;
}

canvas, embed, video {
	height: 150px;
}

keygen {
	margin: 0em;
}

mark {
	background-color: yellow;
	color: black;
}

meter {
	width: 5em;
	height: 1em;
	vertical-align: -0.2em;
}

progress {
	width: 10em;
	height: 1em;
	vertical-align: -0.2em;
	background-color: gray;
}




/* =========================================================
MENU STYLE
============================================================ */



/* =========================================================
MAIN
============================================================ */
#page-main{
	background:url(../images/main-bg.jpg) center top repeat-x;
}
#header-main{
	width:1100px;
	margin:0px auto;
}

.stepcarousel{
	position: relative;
	overflow: scroll; /*leave this value alone*/
	width: 950px; /*Width of Carousel Viewer itself*/
	height: 250px;
	margin-left: 70px;
	top: 15px;
}
.panel img{
}
.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
	height: 250px;
	overflow: hidden;
}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 10px 30px; /*margin around each panel*/
	width: 205px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}


#logo-header-images-outer{
	height: 410px;
}

#logo{
	width:495px;float:left;
}

#header-img-left{
	width:260px;
	margin-right: 30px;
	float: left;
}

#menu-main{
	float:right;
	width:315px;
	background-image: url(../images/home-menu-img-bg.png);
	height: 308px;
	background-position: center;
	background-repeat: no-repeat;
	margin-top: 50px;
}
#header-text{}
#service-slider{
	height:281px;
	background-image: url(../images/services-slide-bg.png);
	background-position: center top;
	background-repeat: no-repeat;
	margin-top: 15px;
}
#content-main{
	background-image: url(../images/home-content-bg-img.png);
	background-repeat: no-repeat;
	background-position: top right;
}
#content-img{
	float:left;
	margin-top: 30px;
	margin-right: 20px;
}
#content-text{
	float:left;
	width: 500px;
	margin-top: 60px;
}
#content-bottom-text{}




/* =========================================================
FOOTER - HOME AND SUBPAGE
============================================================ */
#sub-content-text{
	float:left;
	margin:30px 0px;
	width: 1100px;
	
}
#sub-content-main{
}
#sub-page-main{
	background:url(../images/sub-main-bg.jpg) center top repeat-x;
	min-width: 1100px;
}
.spec-imgs{
	width: 164px;
	height:187px;
}

.tariif-table td{
	border:solid 1px #ccc;
	padding: 5px;
	text-transform: capitalize;
}

/* =========================================================
FOOTER - HOME AND SUBPAGE
============================================================ */

#footer-main{
	width:100%;
	height: 91px;
	background-image: url(../images/footer-bg.jpg);
	background-position: center top;
	min-width:1100px;
	
}
#footer{width:1100px;margin:0px auto;}
#footer-links{
	float:left;
	font-size: 13px;
	margin-top: 10px;
	line-height: 35px;
	color: #FFF;
}
#footer-links a{color:#FFF;}
#footer-links a:hover {color:#F90;}
#social-links{
	margin-left:530px;
	float: left;
	margin-top: 3px;
}
#ask-doctor{
	background:url(../images/footer-ask-doctor-img.png) no-repeat center left;
	width:120px;
	height: 30px;
	padding: 10px 0px 0px 50px;
	font-size: 16px;
	background-color: #527111;
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius:0px 0px 10px 10px;
	position: absolute;
}
#ask-doctor a{
	color:#FFF;
}
#ask-doctor a:hover {
	color:#FC0;
}
.tariif-table td{  border-right: 2px solid #FFFFFF;
    padding: 5px;
	 border-left:none;
	  border-top:none;
	   border-bottom:solid 1px #fff;
	
     }




.tariif-table th{
	background: -moz-linear-gradient(center top , #94c947 0%, #6A901B 91%, #001731 100%) repeat scroll 0 0 transparent;
	border-radius: 15px 15px 0 0;
	border-right: 2px solid #FFFFFF;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: normal;
	padding: 7px;
}

/* =========================================================
TOOL TIP
============================================================ */


.hotspot {
	padding-bottom:1px;
	cursor:pointer;
	position: relative;
	left: 865px;
	top: 5px;
	
}

#tt {position:absolute; display:block; background:url(../images/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(../images/tt_top.gif) top right no-repeat; overflow:hidden; }
#ttcont {
	display:block;
	padding:1px 6px 1px 5px;
	margin-left:5px;
	background:#c7dd68;
	color:#000;
	font-size: 12px;
}
#ttbot {display:block; height:5px; margin-left:5px; background:url(../images/tt_bottom.gif) top right no-repeat; overflow:hidden}	


/* =========================================================
TAB Contact
============================================================ */

.home_banner_wrapper {
	width:1000px;
	margin-bottom:12px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	clear: both;
}
.home_banner_wrapper ul{float:left !important;}

/* home tabs */
#home_tabs {
	list-style:none;
	margin:0;
	padding:0;
}
#home_tabs li {
	list-style:none;
	margin:0 2px 0 0;
	padding:0;
	float:left;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #FFF;
	font-weight: bold;
	
}
#home_tabs li.end {
	margin:0;
}
#home_tabs li a, #home_tabs li a:visited, #home_tabs li a:link {
	display:block;
	float:left;
	width:150px;
	text-align:center;
	padding:5px 0 5px 0;
	text-transform:uppercase;
	text-decoration:none;
	background-position:left bottom;
	background-repeat:no-repeat;
	color:#000;
	height: 20px;
	background-color: #C3D96B;
}
#home_tabs li.current a {
	color:#FFF !important;
	background-color: #618718;
	margin-bottom: 5px;
}
#home_tabs li.current a:focus, #home_tabs li.current a:active {
	outline:none;
	border:0;
	background-color: #62881A;
}
#home_tabs li a:hover {
	text-decoration:none;
	background-repeat: no-repeat;
	background-color: #6A901B;
}

#tab_content {
	margin:0;
	padding:0;
	list-style:none;
	clear: both;
	height: 200px;
}
#tab_content li {
	position:absolute;
	width:1050px;
	margin:0;
	padding:5px;
	list-style:none;
	display:none;
	clear: both;
	z-index: 9;
	background-color: #FBFAF7;
	border: solid 1px #ccc;
}
#tab_content li .left {
	width:1000px;
	margin:10px;
}
#tab_content li .right {
	width:1000px;
	margin:20px 0 0 0px;
}
#tab_content li .left h1 {
	font-size:28px;
	font-family:"Century Gothic", Arial, sans-serif;
	color:#037db0;
	margin:0px 0px 10px 0;
	line-height:28px;
	font-weight:normal;
}

.home_banner_wrapper fieldset{
	width:1000px;
	margin-left:20px;
}
/*tab*/
.tab-box {
	border-bottom: 1px solid #DDD;
	padding-bottom:5px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 11px;
}
#tabs a {
	border:1px solid #DDD;
	color:#FFF;
	padding: 5px;
	text-decoration:none;
	background-color: #698F1A;
}
#tabs a:active {
	border:1px solid #DDD;
	color:#FFF;
	padding: 5px;
	text-decoration:none;
	background-color: #6E931B;
}
#tabs a:visited {
	border:1px solid #DDD;
	color:#FFF;
	padding: 5px;
	text-decoration:none;
	background-color: #6A921A;
}
#tabs a:active {
	border:1px solid #DDD;
	color:#FFF;
	padding: 5px;
	text-decoration:none;
	background-color: #6A901A;
}
#tabs a.activeLink {
	background-color: #666;
	border-bottom: 0;
	padding: 6px 10px;
}

.tabcontent {
	border-top: solid 5px #666;
	padding: 5px;
	text-align: left;
	background-color: #FBFAF7;
	border-right: solid 1px #ccc;
	border-left: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	padding-bottom: 20px;
}
.hide {
	display: none;
}

.small { color: #999; margin-top: 100px; border: 1px solid #EEE; padding: 5px; font-size: 9px; font-family:Verdana, Arial, Helvetica, sans-serif; }

#tabs{
	font-size: 11px;
	padding: 10px;
	}
	
	

/* =========================================================
FAde Rotator
============================================================ */

#rotator
{
	overflow: hidden;
	padding:0;
	margin: 0;
	position: relative;
	width: 308px;
	height: 308px;
	 
}

#rotator img
{
display: none;
	position: absolute;
	 
	left: 0;

	border: 0;
	float:right;
	width: 308px;
	height: 308px;
}