/* ======================================
Basic Style Sheet - Ajurvedos centras SHANTI


version: 1.1
author: egle petniuniene
email: egle.petniuniene@metasite.net

=========================================*/

/* COLORS
   Body Background:       #680000
   Main Text:             #fe8787
   Header:				  #fec0c0
   Links:                 #fad487 underline
   Links hover: 		  #ffffff
   mainMenu active hover: #9e1500
   mainMenu:    		  #4a0701
   languages hover:       #db9d3a
   languages:				#c77656
   h2: #960018 24px Tahoma
   img border: #ffe0a2

*/
/* FONTS
		font-family: 			Tahoma
		Header font-size: 		14px;
		Main text font-size: 	12px;
		Main link font-size:	20px;
*/		

		
body {
background:#680000 url(../img/bg.gif) repeat;
margin: 0;
padding: 0;
border: 0;
font-size: 12px;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
/*text-align:center;*/
}

#wrapper { width:841px; margin:0 auto; background:url(../img/bg_content_fill.png) repeat-y top;height:100%;padding-bottom:50px;}
}/* IE-win CSS hack \*/
* html div#wrapper {
background-image:url(../img/bg_wrapper.gif); background-repeat:no-repeat; background-position:top;
}
#bottom {background:url(../img/bg_bottom.gif) repeat-x bottom left; position:fixed; bottom:0; height:42px; width:100%;}
/* header */
#header { margin:22px 0 60px; text-align:center;}
.nav li {display:inline; float:left; padding:0 10px;}
#icons { float:left;width:158px;}
#icons, #languages,#mainMenu {height:26px; padding-top:10px;text-transform:uppercase;}
ul#languages {float:right; width:132px; font:normal 11px Arial, Helvetica, sans-serif; padding-left:26px;}
#languages li {padding:0 6px;}
#languages a, #languages a:link { color:#c77656;text-decoration:none;}
#languages a:hover, #languages a.active { color:#db9d3a;text-decoration:none;}
#mainMenu {width:470px; text-align:center; line-height:26px; float:left; font-size:14px; font-weight:bold; padding-left:30px;font-family:'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; }
#mainMenu a, #mainMenu a:link { color:#4a0701;text-decoration:none;}
#mainMenu a.active, #mainMenu a:hover { color:#9e1500;text-decoration:none;}
#mainMenu li.item {background:url(../img/sun.gif) no-repeat right center; height:26px; padding-right:38px;}

/* left menu */
#leftMenu { clear:both;float:left; width:156px; text-align:left; font-size:16px; line-height:20px;}
#leftMenu ul { margin-top:25px;}
#leftMenu ul ul { margin-top:5px;margin-left:10px;margin-bottom:15px;}
#leftMenu ul li.active a {color:#db9d3a;}
#leftMenu a {color:#fad487; text-decoration:none; background:url(../img/arrow_menu.gif) no-repeat left center; padding-left:12px;}
#leftMenu a:hover {color:#db9d3a;}

/* main wrap */
#mainWrap {float:right; width:680px;}
#container {float:left; width:524px;/* border-top:1px solid #960018;*/}
#title h1 { font:normal 24px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#960018; position:relative;padding:0 5px;text-align:center;}
#title h2 { font:normal 24px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#960018; position:relative;padding:0 5px;text-align:center;}
/*
#title span { background:url(../img/bg_title.gif) repeat-x left center; height:29px; width:150px; margin-top:-29px;}
#title span.left {float:left;}
#title span.right {float:right;}
*/
#content {margin:10px -5px 10px; clear:both;}
#content p {text-align:justify;font:normal 12px/1.4em Tahoma, Verdana, Arial, Helvetica, sans-serif; padding:0 10px;}
#content a {color:#520c00; font-weight:bold;}
#content img {border:3px solid #ffe0a2; margin:5px;display:block;margin:0 auto;text-align:center;}
#content img.map {float:right;margin-right:20px;}
#content p.links {padding:30px 10px 60px; }
#content p.contacts a {color:#960018;}
#content p.links a { font-size:12px; font-weight:bold; color:#960018;}
#content p.contacts a:hover, #content p.links a:hover {color:#520c00;text-decoration:none;}
#content .box { border-bottom:1px dotted #960017;clear:both;margin:0 10px;padding:10px 0;}
#content .last { border-bottom:0 !important;}
#content .box img {float:left; margin-right:20px;}
#content .sitemap {text-align:left;}
#content .sitemap li {padding-left:25px;}
#content .sitemap li img {border:0;}
#content .sitemap a {color:#000; text-decoration:none; font-weight:normal; font-size:11px;}
#content .sitemap a:hover { color:#960018; text-decoration:underline;}
.feedback { float:right; background:url(../img/buble.gif) no-repeat left center; padding-left:20px; width:130px;}
#content .feedback a {font-size:12px; color:#960017;}
#content .feedback a:hover {color:#520c00; text-decoration:none;}
#pages {margin-bottom:10px; text-align:center; font-size:11px; color:#960018; line-height:22px; font-family:'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;}
#pages a.back, #pages a.next, #pages span.back, #pages span.next  {text-decoration:none; color:#4a0701; height:22px; padding:3px 0;}
#pages a.back, #pages span.back {background:url(../img/arrow_back.gif) no-repeat left center; padding:3px 8px 3px 18px; border-right: 1px solid #960018;}
#pages a.next, #pages span.next {background:url(../img/arrow_forward.gif) no-repeat right center; padding:3px 18px 3px 8px;}
#pages a:hover {color:#9e1500;text-decoration:none;}
/* feedback form */
#popup {
width:382px; 
height:253px;
position:absolute;
top:50%;
margin-top:-127px;
left:50%;
margin-left:-191px;
background:url(../img/bg_form.gif) no-repeat center;
text-align:left;
}
#big-popup {
width:625px; 
height:400px;
border:3px solid #FFE0A2;
background:#FFE0A2;
}
#popup fieldset {margin:25px 20px; display: inline;}
#popup label {display:inline; float:left; width:70px; color:#f5c87e; font:normal 11px/1.4em Tahoma; Verdana, Arial, Helvetica, sans-serif;}
#popup input.text, #popup textarea {width:250px; background:#f5c87e; border:1px solid #550a00;padding:2px 4px;font:normal 11px/1.4em Tahoma; Verdana, Arial, Helvetica, sans-serif; margin-bottom:8px; float:left;}
#popup textarea { height:63px; overflow:auto;}
#popup input.text {height:16px;}
#popup legend {color:#f6cb60; font:normal 14px/1.4em Tahoma; Verdana, Arial, Helvetica, sans-serif; margin-bottom:20px;}
button, input[type="reset"], input[type="button"], input[type="submit"] {background:url(../img/bg_button.gif) no-repeat center; border:none; color:#fff; width:68px; height:22px;font:normal 11px/1.4em Tahoma; Verdana, Arial, Helvetica, sans-serif; padding:3px 0 6px;}
#popup input.submit {margin-left:70px;}
#popup input.submit, #popup input.reset, form.callableForm .callableFormButton {background:url(../img/bg_button.gif) no-repeat center;border:none; color:#fff; width:68px; height:22px;font:normal 11px/1.4em Tahoma; Verdana, Arial, Helvetica, sans-serif; padding:3px 0 6px;}

#popup img {padding:11px;}
/* advert */
#advert {float:right; width:156px; color:#fad487; text-align:left; height:280px;}
#advert h3 {font:bold 16px 'Trebuchet MS',Verdana, Arial, Helvetica, sans-serif; padding-left:30px;}
#advert p {font: normal 14px Tahoma, Verdana, Arial, Helvetica, sans-serif; padding-left:30px;}
#advert img {margin:10px 0 0 -15px; position:absolute;}

/* facebook*/
#facebook {float:right; width:150px;margin-bottom:10px;}
#facebook a { font-size:14px;height:25px; background:url(../img/facebook.gif) no-repeat left center; float:left; color:#fad487; text-align:left; text-decoration:none;display:block;width:100%;}
#facebook a span{display:block; line-height:14px;width:100%;padding:5px 0px 5px 35px;}


/* tables */
table.price {margin-bottom:10px; text-align:left;}
table.price p{padding-left:0 !important;}
table.price th {background:#960017; color:#fad487; font-weight:bold; padding:4px 8px;margin:2px;}
table.price tr td {padding:10px 8px 15px;border-bottom:1px dotted #960017;}
/* misc */
hr {border:none; border-top:1px dotted #960017; height:1px;}
.clear {clear:both;}
.noborder{border:0 !important;}

/* callable forms css */
form.callableForm ul {
font-size:12px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
form.callableForm label {
float:left;
margin-right:1em;
text-align:right;
width:18em;
}
form.callableForm li {
clear:left;
float:left;
padding-bottom:1em;
width:100%;
}
form.callableForm .callableFormButton {
margin-left:220px !important;
text-align:ce;
width:93px !important;
}
form.callableForm input, form.callableForm select, form.callableForm textarea  {
background:#F5C87E;
vertical-align:middle;
margin:0;
width:150px;
}
form.callableForm select {
width:155px;
}
form.callableForm .strong {
font-weight:bold;
}
form.callableForm .error {
color:red;
}
form.callableForm .report {
color:#000;
}
form.callableForm .invalid {
background:#FFDCDF;
}
.footer { width:400px;border:1px solid red;
margin:0 auto; bottom:100px;position:relative;
 }