@import url(http://fonts.googleapis.com/css?family=Vidaloka);
@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400);
@import "reset.css";

body{
	position: absolute;
	width: 100%;
	height: 100%;
	min-width: 940px;
	min-height: 840px;
	background:#000811 url("../images/patern.jpg");
	color: #80807f;
	font: 13px "Droid Sans", sans-serif;
}
#wrapper{
	position: absolute;
	overflow: hidden;
	width: 100%;
	height: 100%;
}
#spinner{
	position: fixed;
	z-index: 9999;
	width: 100%;
	height: 100%;
	background:#e6e6e6 url("../images/webSiteLoader.gif") center no-repeat;
}
/*-------------header------------*/
header{
	position: absolute;
	top: 0;
	z-index: 10;
	width: 100%;
	height: 140px;
	background: url("../images/header-part.png") top left;
}
/*-------------logo------------*/
h1 > a{
	margin: 20px auto;
	width: 545px;
	height:102px;
	background:url("../images/logo.jpg") no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
}
#slogan{
	height: 74px;
	width: 100%;
	background:url("../images/slogan-part.png") repeat-x;
	text-align: center;
	text-transform: uppercase;
	color: #767676;
	font: 32px "Vidaloka", sans-serif;
	padding: 20px 0;
	letter-spacing: -1px;
	overflow: hidden;
}
/*-------------Menu------------*/
#menuHolder{
	position: absolute;
	width: 100%;
	top: 50%;
	margin-top: -195px;
}
#menuHolder>nav{
	margin: 80px auto 0;	
	width: 960px;
	position: relative;
	top: 0px;
	z-index: 9;
	left: 8px;
}
#menuHolder>nav > ul > li{
	display: inline-block;
	margin-right: 13px;
}
#menuHolder>nav > ul > li>a{
	display: block;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font: 13px "Vidaloka", sans-serif;
	background:url("../images/menu-ell-2.png") 0 0 no-repeat;
	position: relative;
	width: 224px;
	height: 265px;
}
#menuHolder>nav > ul > li>a>.imgButton{
    position: relative;
    top: 9px;
    z-index: 2;
    left: 9px;
}
.buttonBorder{
	width: 220px;
	height: 220px;
	position: absolute;
	top: 2px;
	z-index: 3;
	left: 2px;
}
.buttonText{
	width: 86px;
	height: 35px;
	background:url("../images/menu-ell-1.png") 0 0 no-repeat;
	text-align: center;
	padding-top: 81px;
	margin: 0 auto;
	text-shadow: 1px 1px 0px #ab1109;
	position: relative;
}
/*-----------Content-----------*/
section{
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 8;
	overflow: hidden;
	margin: -50px 0;
	width: 100%;
	height: 392px;
	background:url("../images/content-part.png") top left repeat-x;
}
section> ul{
    position: absolute;
    left: 50%;
    margin-left: -470px;
}
section> ul>li{
	position: absolute;
	padding: 90px 0 0 1px;
	width: 970px;
}
section> ul>li>img{
	float: left;
	padding-right: 29px;
}
.box{
	width: 321px;
	height: 100px;
	float: left;	
}
.box_1{
	margin-right: 17px;
	width: 302px;
	height: 260px;
	float: left;
	text-align: center;
}
.box_1>img{
	float: left;
	margin: -4px 13px 12px 1px;
}
.box_2{
	margin-right: 12px;
	width: 630px;
	float: left;
	text-align: center;
}
.box_3{
	width: 703px;
	text-align: center;
	margin: 0 auto;
}
.box_4{
	text-align: center;	
}
.box_4>h2{
	margin-left: -37px;
}
h2{
	padding: 0px 0 14px 7px;
	color: #353535;
	font: 32px "Vidaloka", sans-serif;
	text-transform: uppercase;
	letter-spacing: -1px;
	text-shadow: 0px 0px 3px #b5b5b5;
}
p {
	padding-bottom: 20px;
	line-height: 20px;	
}
p>span {
	color: #000;
	font-size: 13px;
	font-weight: normal;
	display: inline;
}
p>a {
	color: #000;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;	
}
p>a:hover {
	color: #c10603;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;	
}
.marginRNone{
	margin-right: 0 !important;
}
.more{
	padding: 9px 20px;
	color: #fff;
	font: 15px "Vidaloka", sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	background:url("../images/read-more-part.png") no-repeat;
	margin-top: 6px;
	display: inline-block;
}
.pre{
	white-space: pre;
}
.imgOrev{
	background:url("../images/img-over.png") no-repeat;
	height: 91px;
	width: 91px;
	position: absolute;
	margin-top: -91px;
}
.link{
	float: left;
	margin: -4px 13px 12px 1px;
}
/*---------Menu Page--------*/
#menuSlider{
	margin: -4px 0 0 -14px;
	float: left;
	overflow: hidden;
	width: 955px;
}
#menuSlider ul{
    white-space: nowrap;
    position: relative;
}
#menuSlider li{
    display: inline-block;
    width: 141px;
    margin-left: 16px;
}
#menuSlider li>a{
	white-space: normal;
	color: #80807f;
	text-decoration: none;
	height: 200px;
	display: block;
}
#menuSlider li>a>img{
	margin-bottom: 14px;	
}
#menuNav{
	position: absolute;
	top: 95px;
	right: 13px;
	width: 68px;
}
.next{
	float: left;
	height: 30px;
	width: 21px;
}
.prev{
	float: right;
	height: 30px;
	width: 21px;	
	margin: 0 13px;
}
.itemOver{
	background:url("../images/menu-over.png") no-repeat;
	width: 141px;
	height: 141px;
	position: absolute;
	top: 0;
}
/*--------Contacts Page--------*/
.google_map{
	float: left;
	margin-top: -2px;
	width: 300px;
	height: 200px;
	border: 0;
	border-radius:0px;
	background: #e6e6e6;
	text-align: left;
}
.col{
	float: left;
	display: inline-block;
	width: 72px;
}
#form1 {
    margin: -2px 0 0 1px;
    width: 622px;
    text-align: left;
}
#form1 > .success{
	line-height: 18px;
	font: 13px "Arial", sans-serif;
}
#form1 label >span{
	padding-bottom: 7px;
	display: inline-block;
}
#form1 input {
	padding: 9px 10px 9px 10px;
	width: 274px;
	outline: none;
	background: #fff;
	color: #6a6a6a;
	line-height: 1.2307em;
	font: 13px "Arial",sans-serif;
	border: 1px solid #b1b1b1;
	height: 25px;
	box-shadow: none;
}
#form1 textarea {
	 overflow:auto;
	 padding: 10px 10px 0px 10px;
	 width: 278px;
	 height: 143px;
	 outline:none;
	 border: 1px solid #b1b1b1;
	 background: #fff;
	 color: #6A6A6A;
	 line-height:1.2307em;
	 font: 13px "Arial",sans-serif;
	 resize: none;
}
#form1 label {
	position: relative;
	display: block;
	margin: 0 0px 10px 0;
	width: 300px;
	float: left;
}
#form1 .error, #form1 .empty {
	display:none;
	margin: 0 0 -7px 0;
	font: 13px "Arial", sans-serif;
}
.btns {
    float: right;
    clear: both;
    margin: -7px 0;
}
.btns>a{
	margin-left: 19px;
}
/*----------Footer---------*/
footer{
	position: absolute;
	bottom: 0px;
	z-index: 10;
	width: 100%;
	height: 75px;
	background:url("../images/footer-part.png") repeat-x;
	text-align: center;
}
footer>a{
	color: #80807f;
	text-decoration: none;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
footer>a:hover{
	color: #c10603;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;	
}
footer > nav > ul{
	text-transform: uppercase;	
	margin: 24px 0 5px;
	text-align: center;
}
footer > nav > ul > li{
    display: inline-block;
    margin: 0 6px;
}
footer > nav > ul > li>a{
    color: #333;
	font: 15px "Vidaloka", sans-serif;
    text-decoration: none;
    display: inline-block;
    height: 20px;
}
footer > nav > ul > li>a>div{
	background: url("../images/point-pattern.png") 0 17px repeat-x;
}
footer > nav > ul > li ul{
    background: url("../images/sub-menu-pattern.png");
    padding: 15px 30px;
    margin-left: -35px;
    position: absolute;	
    overflow: hidden;
}
footer > nav > ul > li ul>li{
	padding: 3px 0;
}
footer > nav > ul > li ul>li>a{
	color: #333;
	font: 15px "Vidaloka", sans-serif;
	text-decoration: none;
	background: url("../images/point-pattern.png") 0 30px repeat-x;
}
footer > nav > ul > li ul>li>a:hover{
	background: url("../images/point-pattern.png") 0 17px repeat-x;
}

.menu-link
{
	font-size:17px;
	color:red;
}
.menu-link:hover
{
	font-size:17px;
	color:#006699;
}

.scroll
{
	overflow-y:scroll;
	overflow-x:hidden
}