* { 
	margin:0;
	padding:0;
}
html, body { 
	height:100%;
}
body { 
	background:url(../images/main-bg1.jpg) no-repeat center 147px #FFFBE2;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%; 
	line-height:1.25em;
	color:#0A0A0A;
	overflow-x:hidden;
	scrollbar-darkshadow-color:#000000;
	scrollbar-shadow-color:#000000; 
}

img {
	border:0; 
	vertical-align:top; 
	text-align:left;
}
object { 
	vertical-align:top; 
	outline:none;
}
ul, ol { 
	list-style:none;
}

.fleft { 
	float:left;
}
.fright { 
	float:right;
}
.clear { 
	clear:both;
}

.col-1, .col-2, .col-3 { 
	float:left;
	padding-bottom:14px;
}

.alignright { 
	text-align:right;
}
.aligncenter { 
	text-align:center;
}

.wrapper { 
	width:100%;
	overflow:hidden;
}
.container { 
	width:100%;
}




/*==== GLOBAL =====*/
#main {
	width:982px; 
	margin:0 auto;
	font-size:0.85em;
}

#header {
	height:596px;

}
#header.nobg {
	background:none;
}
#content {
	padding:0 0 42px 49px;
}
#footer {
	height:63px;
}


/*---- tailings ----*/
.tail-top { 
	background:url(../images/tail-top.gif) left top repeat-x;
}
.tail-bottom { 
	background:url(../images/tail-bottom.gif) left bottom repeat-x;
}


/*----- forms parameters -----*/

input, select, textarea { 
	font-family:Arial, Helvetica, sans-serif; font-size:1em;
	vertical-align:middle;
	font-weight:normal;
}


/*----- other -----*/
.img-indent { 
	margin:3px 23px 0 0; 
	float:left;
}
.img-box { 
	width:100%; 
	overflow:hidden; 
	padding-bottom:20px;
}
	.img-box img { 
		float:left; 
		margin:3px 23px 0 0;
	}

.extra-wrap { 
	overflow:hidden;
}

p {
	margin-bottom:20px;
}
.p1 { 
	margin-bottom:10px;
}
.p2 { 
	margin-bottom:20px;
}
.p3 { 
	margin-bottom:30px;
}

/*----- txt, links, lines, titles -----*/
a {
	color:#999; 
	outline:none;
}
a:hover{
	text-decoration:none;
}

h2 {
	font-size:42px;
	color:#7F6447;
	line-height:1.0em;
	text-transform:uppercase;
	font-weight:normal;
	letter-spacing:0px;
	margin-bottom:20px;
	padding:6px 0 0 0;
}
h3 {
	font-size:1em;
	color:#fff;
	margin-bottom:20px;
	font-weight:normal;
}


.txt1 {
	color:#fff;
}
	

.button {
	padding:15px 0 0 0;	
}
	.button a { 
		float:left;
		font-size:10px;
		color:#fff;
		text-decoration:none;
		text-transform:uppercase;
		padding:3px 16px 3px 16px;
		background:#7F6447;
	}
	.button a:hover {
		background:#A40935;
		color:#1A1A1A;
	}

.line-hor { 
	background:#3a3c52;
	height:1px;
	overflow:hidden;
	font-size:0;
	line-height:0;
	margin:20px 0 20px 0;
}
.line-ver, .line-ver1 { 
	background-image:url(../images/line-ver.gif); 
	background-repeat:repeat-y;
	width:100%;
}


.address dt {
	margin-bottom:20px;
	color:#fff;
}
.address dd { 
	clear:both;
}
	.address dd span { 
		float:left;
		width:95px;
	}


/*===== header =====*/
#header .row-1 {
	height:147px;
}
	#header .row-1 .fleft {
		padding:4px 0 0 20px;
		width:185px;
	}

#header .row-2 .indent {
	padding:104px 0 0 64px;
}
	#header .row-2 .indent p {
		margin-bottom:43px;
	}

/*===== slider =====*/
	/*
	 * Required 
	*/
	.container1 { width:961px; height:419px; overflow:hidden; position:relative;}
	.slides { position:absolute; top:0; left:0;}
	.slides div { position:absolute; top:0; width:961px; height:419px; display:none; }
		.slides div img {
			position:relative;
			z-index:9;
		}
		.slides div span {
			position:absolute;
			left:645px;
			top:313px;
			display:block;
			font-size:36px;
			color:#0A0A0A;
			line-height:1.2em;
			z-index:12;
			text-transform:none;
		}
	/*
	 * Optional
	*/
	#loopedSlider { margin:0 auto; width:961px; height:419px; position:relative; clear:both; }
	ul.pagination { 
		/*background:url(../images/pagination-bg.png) no-repeat left top;*/
		width:459px;
		height:35px;
		position:absolute;
		left:517px;
		top:326px;
		padding:5px 0 0 30px;
		z-index:11;
	}
	ul.pagination li  { display:inline;}
	ul.pagination li a { 
		background:url(../images/marker1.gif) no-repeat left top; 
		width:11px; 
		height:11px; 
		display:block;
		overflow:hidden;
		float:left;
		margin-right:5px;
	}
	ul.pagination li.active a {
		background:url(../images/marker2.gif) no-repeat left top; 
	}
/*===== slider =====*/

/*===== content =====*/
	.list1 li {
		background:url(../images/arrow1.gif) no-repeat left 3px;
		padding:0 0 5px 28px;
	}
/*===== footer =====*/
#footer {
	font-size:12px;
}
	#footer .indent {
		padding:18px 0 0 48px;
	}


/*----- forms -----*/
#contacts-form fieldset {
	border:none;
	width:100%;
	overflow:hidden;
}
	#contacts-form label { 
		display:block;
		height:65px;
	} 
		#contacts-form label input { 
			width:250px;
			padding:2px 0 3px 3px;
			color:#fff;
			background:#171d10;
			border:1px solid #364027;
		}
		#contacts-form textarea {
			width:280px;
			height:85px;
			padding:2px 0 2px 3px;
			margin-bottom:15px;
			color:#fff;
			background:#171d10;
			border:1px solid #364027;
			overflow:auto;
		}
		#contacts-form .col-1 { 
			width:319px !important;
			margin-right:0 !important;
		}
		#contacts-form .col-2 { 
			width:288px !important;
		}
		#contacts-form .button a {
			margin-left:30px;
			float:right;
		}

/*==========================================*/
	
#nav { 
position:relative;
left:443px;
top:-37px;
clear:both;
width : 585px; 
} 
#nav ul { 
list-style-type : none; 
padding : 0; 
display : inline; 
margin : 0; 
color : #7F6447; 
font-weight : normal; 
border : none; 
} 
#nav li { 
display : inline; 
list-style-type : none; 
margin : 0; 
font-weight : normal; 
font-size : 10px; 
text-decoration:none;

padding : 0px 12px 0 0px;
} 
#nav li a { 
font-size : 32px; 
text-decoration:none;
color : #7F6447; 
letter-spacing:-1px;
} 
#nav li a:hover { 
color : #A40935; 
} 
#nav li.first { 
padding-left : 0; 
} 
#nav li.last { 
padding-right : 0; 
border-right : none; 
} 
#nav li.laston a { 
padding-right : 0; 
border-right : none; 
color : #A40935; 
} 
#nav .on { 
color : #A40935; 
border-right : none; 
text-decoration:underline;
} 

#nav .laston { 
color : #A40935; 
border-right : none; 
} 


#tabContent{
	background-color:#333;
	border:1px solid #444;
	margin-top:-15px;
	width:100%;
}

#tabContent, .tabContainer li a,#contentHolder{
	-webkit-box-shadow:0 0 2px white;
	-moz-box-shadow:0 0 2px white;
	box-shadow:0 0 2px white;
}

.tabContainer li{
	/* This will arrange the LI-s next to each other */
	display:inline;
}

.tabContainer li a,.tabContainer li a:visited{
	/* Styling the hyperlinks of the tabs as colorful buttons */
	float:left;
	line-height:normal;
	font-size:18px;
	text-decoration:none;
	
	/* display:block allows for additinal CSS rules to take effect, such as paddings: */
	display:block;
	
	padding:7px 16px 1px;
	margin:4px 5px;
	height:29px;
	
	/* Giving positioning */
	position:relative;
	
	/* CSS3 text-shadow */
	text-shadow:1px 1px 1px #CCCCCC;
}
ul .left{
	/* The left span in the hyperlink */
	
	height:37px;
	left:0;
	position:absolute;
	top:0;
	width:10px;
}

ul .right{
	/* The right span in the hyperlink */
	
	height:37px;
	right:0;
	position:absolute;
	top:0;
	width:10px;
}

/* Styling the colors individually: */

ul a.green{	background:url(../images/green_mid.png) repeat-x top center;	color:#24570f;}
ul a.green span.left{ background:url(../images/green_left.png) no-repeat left top;}
ul a.green span.right{ background:url(../images/green_right.png) no-repeat right top;}


ul a.blue{	background:url(../images/blue_mid.png) repeat-x top center;	color:#03426e;}
ul a.blue span.left{ background:url(../images/blue_left.png) no-repeat left top;}
ul a.blue span.right{ background:url(../images/blue_right.png) no-repeat right top;}


ul a.orange{	background:url(../images/orange_mid.png) repeat-x top center;	color:#724104;}
ul a.orange span.left{ background:url(../images/orange_left.png) no-repeat left top;}
ul a.orange span.right{ background:url(../images/orange_right.png) no-repeat right top;}


ul a.red{	background:url(../images/red_mid.png) repeat-x top center;	color:#6f0100;}
ul a.red span.left{ background:url(../images/red_left.png) no-repeat left top;}
ul a.red span.right{ background:url(../images/red_right.png) no-repeat right top;}


/* The hover states: */
ul a:hover{	background-position:bottom center; text-decoration:none;}
ul a:hover span.left{ background-position:left bottom;}
ul a:hover span.right{ background-position:right bottom;}
/* Containers
-------------------------------------------------- */
.container{ background-color:#fff; width:644px; height:65%; padding:20px;position:absolute; right:12px; margin-top:30px; text-align:left; }

.container h2
{
	padding: 5px 10px;
	width: 200px;
}



/* Self-Clearing Rules
-------------------------------------------------- */

ul#navigation:after
{
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
}

* html ul#navigation 	{ height: 1px; }
ul#navigation 			{ min-height: 1px; }	

.img-shadowl {
  float:left;
  background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../images/shadow.gif) no-repeat bottom right;
  margin: 15px 3px 0px 18px !important;
  margin: 12px 3px 0 5px;
  }

.img-shadowl img {
  display: block;
  position: relative;
  background-color: #FFF;
  border: 1px solid #CCC;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }

.img-shadowr {
  float:right;
  background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../images/shadow.gif) no-repeat bottom right;
  margin: 15px 3px 0px 18px !important;
  margin: 12px 3px 0 5px;
  }

.img-shadowr img {
  display: block;
  position: relative;
  background-color: #FFF;
  border: 1px solid #CCC;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }
#contact-area {
	width: 500px;
	margin-top: 25px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 371px;
	background:#F5F5F5;
	font-color:fff;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
	
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #BE7DDE;
}

#contact-area input.submit-button {
	width: 80px;
	float: right;
}

#contact-area label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
}  