/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

* { margin:0; padding:0;}
html, body { height:100%;  min-width:1025px;}	
body { 
	background: url(../images/bg.jpg) top left repeat-x #ecebdf; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%; 
	line-height:1.125em;
	color:#b8ab9a;
	}
input, select, textarea { font-family:Arial, Helvetica, sans-serif;	font-size:1em;	vertical-align:middle;	font-weight:normal;}
object { vertical-align:top; outline:none}
.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}
.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}
.container {	overflow:hidden; width: 100%;}
a img{ border:0px}
img{ vertical-align:top;  }
fieldset{ border:none}
.oh{ overflow:hidden}

.col-3{ width:179px; margin-right:21px; float:left}
.col-4{ width:179px; float:left}

.main {	margin: 0 auto;	position: relative;	width:1025px; }

a{ color:#b8ab9a; text-decoration:underline; outline:none}
a:hover{ text-decoration:none}
	
	nav{ width:100%; overflow:hidden}	

.link{color:#4c4c42; background:url(../images/marker1.png) top left no-repeat; padding:2px 0px 6px 33px; text-decoration: underline; font-size:1.08em; font-weight:bold; float:left; display:block }
.link:hover{text-decoration:none; color:#97948e }

section ul.list{margin:0; padding:0; list-style:none;}
section ul.list li{background:url(../images/marker.gif) top left no-repeat; background-position:0 7px; margin:0; padding-left:12px; }
section ul.list li a{color:#435453; text-decoration:none; line-height:1.5em; font-size:1.16em} 
section ul.list li a:hover {text-decoration:none; color:#97948e }

section ul.list1{margin:0; padding:0; list-style:none;}
section ul.list1 li{background:url(../images/marker2.gif) top left no-repeat; background-position:0 2px; margin:0; padding-left:29px; }
section ul.list1 li a{color:#a8c7bb; font-weight:bold; text-decoration: underline; line-height:21px; } 
section ul.list1 li a:hover {text-decoration:none; color:#97948e }

section ul.list2{margin:0; padding:0; list-style:none;}
section ul.list2 li{background:url(../images/marker2.gif) top left no-repeat; background-position:0 2px; margin:0; padding-left:29px; padding-bottom:5px; padding-right:25px }
section ul.list2 li a{color:#a8c7bb; font-weight:bold; text-decoration: underline; line-height:21px; } 
section ul.list2 li a:hover {text-decoration:none; color:#97948e }

.link-2 { display:block; float:left; background:url(../images/link_bg.gif) top left repeat-x; color:#ffffff; text-decoration:none; }
.link-2 em { display:block; background:url(../images/link_left.gif) left top no-repeat;}
.link-2  b { display:block; background:url(../images/link_right.gif) right top no-repeat; padding:0 15px 0 15px; line-height:28px; font-weight:normal; font-style:normal;}
.link-2:hover{ text-decoration:none; color:#000000}


.link-1 { display:inline-block; float:right; line-height:28px; height:28px; background:url(../images/marker2.png) no-repeat 100% 11px #27960c; padding:0 17px 0 13px; color:#fff; text-transform:uppercase; text-decoration:none; border-radius:5px;	-moz-border-radius:5px; -webkit-border-radius:5px;  margin-right:10px; cursor:pointer; position:relative;}
.link-1:hover {background:#000; text-decoration:none; color:#fff}

.bg{ background:url(../images/tail.png) repeat-y 91% top } 
.bg1{ background:url(../images/tail1.gif) repeat-y 94% top } 
.bg2{ background:url(../images/tail1.gif) repeat-y 99% top } 

/*header*/
header {font-size:0.75em; color:#FFFFFF; height:199px; background:url(../images/top.png) top left no-repeat }
header .inside{padding:119px 0px 0px 387px}

header h1 {position:absolute; left:57px; top:104px; text-indent:-9999px;}
header h1 a { display:block; width:182px; height:68px; background:url(../images/logo.gif) no-repeat left top;	}

header ul.menu{margin:0; padding:0; list-style:none;}
header ul.menu li{ margin:0px; display:inline}
header ul.menu li a{color:#999999; text-decoration:none; padding:0px 24px 0px 24px; display:block; float:left; line-height:47px; font-size:16px} 
header ul.menu li a:hover { text-decoration:none; color:#000}
header ul.menu li a.current{ text-decoration:none; background:url(../images/bg_menu.gif) top left repeat-x; color:#f3876f; border-style: solid; border-radius:19px; -moz-border-radius: 19px; -webkit-border-radius: 19px; behavior:url(js/PIE.htc); position:relative  }

/*content*/
section{ font-size:0.75em; width:100%; text-align:left; background:url(../images/bg_cont.png)}
section .inside{padding:0px 32px 15px 33px}
aside .inside{ padding:0px 0px 0px 0px}
.img-right{ float:right; margin:0 0 16px 20px}
.img-left{ float:left; margin:0 20px 16px 0}
.img-left2{ float:left; margin:0 20px 5px 0}
.img-left1{ float:left; margin:0 15px 0 0}
.img-indent{ margin:0 0 16px 0}
p{ margin:0 0 21px 0}
.p{ margin:0}
.p1{ margin:0 0 21px 0}
.p2{ margin:0 0 30px 0}
h2{color:#97948e; font-size:34px; margin-bottom:25px; line-height:1.2em}
h4{color:#e074ae; font-size:1em;   }
h3{
	color:#e074ae;
	font-size:18px;
	font-weight:normal;
	margin-bottom:15px;
	text-transform: none
}
.tail{ background:url(../images/tail1.gif) bottom repeat-x; padding-bottom:13px; margin-bottom:13px}
.tail1{ background:url(../images/tail1.gif) bottom repeat-x; padding-bottom:15px; margin-bottom:16px}
.txt{ float:right; display:block; margin-bottom:31px; font-weight:bold; color:#5e5e5e}
.txt1{ color:#c5c2be; font-size:18px; text-transform:uppercase; line-height:20px}
.txt1 span{ color:#f1629c;}

.indent{padding:16px 5px 0px 5px}
.indent2{padding:26px 5px 0px 5px}
.indent-1{padding:0 5px 0px 5px}
.indent-4{padding:0 5px 0px 5px; margin-top:16px}
.ind-1{padding:0 0px 0px 88px}
.ind-2{padding:0 0px 0px 137px}
.ind-3{padding:0 0px 0px 168px}
.indent1{padding:0px 30px 0px 40px}
.indent3{padding:0px 0px 0px 175px}
.indent4{padding:0px 40px 0px 0}
.indent5{padding:21px 0px 0px 0; width:100%}
.indent6{padding:0 5px 0px 5px}
.indent7{padding:0px 90px 0px 0}

.banner{ position: relative; margin-top:-50px; z-index:1}
.banner1{ position: relative; margin-top:-40px; z-index:1; margin-left:66px}
.txt2{ z-index:12}

.pad{ margin-left:19px}
.pad1{ margin-left:11px}
.pad2{ margin-left:21px}
.num1{ float:left; margin-right:10px; background:url(../images/num1.gif) top left no-repeat; width:58px; height:58px; line-height:58px; color:#fff; font-size:30px; text-align:center}
.num2{ float:left; margin-right:10px; background:url(../images/num2.gif) top left no-repeat; width:58px; height:58px; line-height:58px; color:#fff; font-size:30px; text-align:center}
.num3{ float:left; margin-right:10px; background:url(../images/num3.gif) top left no-repeat; width:58px; height:58px; line-height:58px; color:#fff; font-size:30px; text-align:center}

/*box*/
.box{ background:url(../images/bg_box.gif) top left repeat-x #faf9ee; position:relative; border-style: solid; border-radius:19px; -moz-border-radius: 19px; -webkit-border-radius: 19px; behavior:url(js/PIE.htc); width:100%; color:#6b6b60}
.box .indent-box{ padding:31px 0px 35px 40px; }
.box .indent-box1{ padding:10px 10px 10px 10px; }
.box h2{color:#464646; font-size:30px; margin-bottom:21px; line-height:1.2em}

.box1{ border:1px solid #c5c2be;  float:left; font-weight:bold; width:537px}
.box1 .col-1{ width:166px; padding-left:17px; float:left; line-height:35px}
.box1 .col-2{ width:118px; text-align:center; padding:0; float:left; line-height:35px}
.box1 a{ color:#6a6a5f; text-decoration:none}
.box1 a:hover{ color:#62d8f1; text-decoration:none}
.box1 .bg_1{ background:#f5f5f4}
.box1 .bg_2{ border-bottom:1px solid #c5c2be }
.img{ margin-top:6px; margin-bottom:11px}
.box1 .col-2.txt4{ margin-top:6px; font-size:12px; line-height:20px; text-transform:uppercase; color:#c5c2be}

/*footer*/
footer { color:#b5b4a6; font-size:0.75em; background:url(../images/bot.png) top left no-repeat; width:100%}
footer .inside{ padding:29px 40px 76px 39px }
footer a {color:#f1629c; text-decoration:none}  
footer a:hover {  text-decoration:none; color:#b5b4a6}
footer span{ color:#b5b4a6}

	
.indent-2{ position:relative; padding-left:20px; padding-right:20px; float:left}
.rowElem{ height:39px; background:url(../images/bg_input.gif) top left no-repeat}
.rowElem1{ height:329px; background:url(../images/bg_input1.gif) top left no-repeat}
.block-contact span{ float:right; margin-right:175px}
.input{
   	border:none; 
	background:none;
	width:320px; height:20px;
	font-size:1em;
	color:#000;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
}input{
   	border:none; 
	background:none;
	width:330px; height:18px;
	font-size:1em;
	color:#6a6a5f;
	padding-left:13px;
	padding-right:15px;
	padding-top:8px;
	padding-bottom:8px;
}
textarea{
   	border:none; 
	background:none;
	width:495px; height:286px;
	font-size:1em;
	padding-left:13px;
	color:#6a6a5f;
	padding-right:5px;
	padding-top:8px;
	padding-bottom:8px;
	margin-bottom:11px;
	overflow:auto}
	
	
	/*===== looperSlider =====*/
/* * Required */
#loopedSlider {	height:300px !important; margin:0 !important; padding:0 !important; overflow:hidden}
#loopedSlider .container { width:950px; height:300px; overflow:hidden; position:relative; margin:0; font-size:12px;}
#loopedSlider .slides { position:absolute; top:0; left:0; }
#loopedSlider .slides .div { position:absolute; top:0; width:950px; display:none; }
#loopedSlider .slides .info {color:#fff; position:relative;  font-size:38px; display:block; z-index:1; padding:60px 0px 0px 35px; line-height:1.2em}
#loopedSlider .slides .info span{ font-size:36px; text-transform:uppercase}
#loopedSlider .slides .info a{ font-size:24px; width:172px; line-height:33px; text-transform:uppercase; text-align:center; background:url(../images/button.png) top left no-repeat; display:block; color:#fff; text-decoration:none; margin-top:7px}
#loopedSlider .slides .info a:hover{text-decoration:none; color:#f61b7e}
#loopedSlider .col-1{ float:left; width:630px}
#loopedSlider .col-2{ float:left; width:320px; background:url(../images/bg_1.png) top right no-repeat; height:300px}

/* * Optional*/
#loopedSlider { width:950px; position:relative; clear:both; }
ul.pagination { list-style:none; padding:0; margin:0; z-index:3; position:relative }
ul.pagination li  { float:left;}
ul.pagination li a { display:block;	float:left;	width:31px;	height:28px; background:url(../images/pagination-bg.png) no-repeat left top; padding:0; margin:0}
ul.pagination li a:hover {	background:url(../images/pagination-bg-act.png) no-repeat left top;}
ul.pagination li.active a { background:url(../images/pagination-bg-act.png) no-repeat left top;}

.pagination-container { top:13px; right:13px; z-index:900000; position:absolute}




/*--- tabs begin ---*/
	ul.tabs {
		margin: 0;
		padding: 0;
		display:block;
		list-style: none;
		height: 47px; /*--Set height of tabs--*/
		width: 249px;
	}
	ul.tabs li {
		display:block;
		height: 41px; /*--Subtract 1px from the height of the unordered list--*/
		line-height: 41px; /*--Vertically aligns the text within the tab--*/
		overflow: hidden;
		position: relative;
		font-family:Arial, Helvetica, sans-serif;
		font-size:20px;
		color:#e2e2e2;
	}
	ul.tabs li a {
		text-decoration: none;
		color: #464646;
		display: block;
		outline: none;
		background: url(../images/button-2.gif) top left no-repeat;
		width:209px;
		padding-left:40px
	}
	ul.tabs li a:hover {
		background: url(../images/button-1.gif) top left no-repeat;
		color:#fff
	}
	ul.tabs li.active a {
		background: url(../images/button-1.gif) top left no-repeat;
		color:#fff
	}
	ul.tabs li.active, ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
		background: url(../images/button-1.gif) top left no-repeat;
	}
	ul.tabs li.active a.last, ul.tabs li.active a.last:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
		background: url(../images/button-1.gif) top left no-repeat;
	}
	
	.tab-content {
		clear: both;
		width:100%;
		overflow:auto;
		}
	.tab_content {
		display:none;
	}
/*--- tabs end ---*/
