* { 
	margin:0;
	padding:0;
}
html, body { 
	height:100%;
}
body { 
	background:url(images/all_bg.gif) repeat 50% 0%;
	font-family:Georgia, Times New Roman, Times, serif;
	font-size:12px; 
	line-height:16px;
	color:#251c05;
}

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, .sub_col_1, .sub_col_2, .sub_col_3 { 
	float:left;
	display:inline
}

.alignright { 
	text-align:right;
}
.aligncenter { 
	text-align:center;
}

.wrapper { 
	width:100%;
	overflow:hidden;
}
.container { 
	width:980px;
	margin:0 auto;
}

.container2 { 
	width:1061px;
	margin:0 auto;
	position:relative
}


/*==== GLOBAL =====*/
#main {
	margin:0 auto;
	background:url(images/main_bg.gif) no-repeat 50% 0% !important;
	position:relative;
	width:100%;
	min-width:1070px;
}

#header {
	height:50px;
	width:989px;
	margin:0 auto;
	position:relative
}
#content {
	width:100%;
	background:url(images/bottom_bg.gif) no-repeat 50% 100%;
	padding-bottom:70px
}



/*----- forms parameters -----*/

input, select, textarea { 
	font-family:Arial, Helvetica, sans-serif; font-size:1em;
	vertical-align:middle;
	font-weight:normal;
}


/*----- other -----*/
.img-indent { 
	margin:0 57px 0 0; 
	float:left;
}
.img-indent2 { 
	margin:0 0 0 57px; 
	float:right;
}

p {font-size:14px;
	margin-bottom:16px;
}
.p1 { 
	margin-bottom:8px;
}
.p2 { 
	margin-bottom:16px;
}
.p3 { 
	margin-left:34px;
}
.margi20 {
	margin-bottom:20px	
}
.margi60 {
	margin-bottom:60px	
}
.txt_underline {
	text-decoration:underline	
}

/*----- txt, links, lines, titles -----*/
a {
	color:#4477be; 
	outline:none;
}
a:hover{
	text-decoration:none;
}
h1 {
	font-size:32px;
	line-height:1.2em;
	font-weight:normal;
	margin-bottom:5px;
	color:#2b2b2b;
	letter-spacing:-1px;
}
h2 {
	font-size:12px;
	line-height:1.2em;
	font-weight:bold;
	margin-bottom:22px;
	color:#000000;
}
h3 {
	font-size:12px;
	color:#201F17;
	margin-bottom:10px;
	font-weight:normal;
}
h6 {
	font-size:14px;
	color:#f46221;
	margin-bottom:3px;
	font-weight:normal;
}
.orange {
	color:#dd5d05	
}
.line-hor { 
	background:#e2e2e2;
	height:1px;
	overflow:hidden;
	font-size:0;
	line-height:0;
	margin:30px 0 30px 0;
}


.address {
	padding-top:8px;
}
	.address dt {
		font-weight:bold;
	}
	.address dd { 
		clear:both;
	}
		.address dd span { 
			float:left;
			width:87px;
		}


/*===== header =====*/
.logo {
	position:absolute;
	margin:0 0 0 7px
}
.menu {
	position:absolute;
	margin:16px 0 0 370px;
	text-align:right;
	width: 573px;
}
.menu ul li {
	float:left	;
	margin-left:40px;
	display:inline;
}
.menu ul li a{
	display:inline-block;
	color:#f3f0e9;
	font-size:17px;
	text-decoration:none;
	font-family:Georgia, Times New Roman, Times, serif;
}
.menu ul li a:hover, .menu ul li a.active {
	text-decoration:underline
}


.title {
	font-size:21px;
	color:#1b1401;
	position:absolute;
	margin:83px 0 0 0;
	line-height:1.2em;
	width: 460px;
	
}


#video {
	float:right	;
	
}


.b1, .b2, .b3 {
	display:inline-block;	
	padding:5px;
	min-height:52px;
	height:auto !important;
	height:auto
}
.b1 {
	background:url(images/bg1.gif) no-repeat 0% 0	
}
.b2 {
	background:url(images/bg2.gif) no-repeat 0% 0%	
}
.b3 {
	background:url(images/bg3.gif) no-repeat 0% 0%	
}


/*===== content =====*/


.list li {
	background:url(images/mark.gif) no-repeat 0% 8px;
	padding:0 0 0 24px;
	line-height:36px;
}
.list li a{
	color:#251c05;
	text-decoration:none
}
.list li a:hover {
	text-decoration:underline	
}
.foot_list li {
	line-height:23px;
}
.foot_list a {
	color:#fab14d;
	font-style:italic;
	font-size:13px;
	text-decoration:none
}
.foot_list a:hover {
	text-decoration:underline
}
.corusel_bg1 {
	background:url(images/carusel_bg2.png) no-repeat 0% 0%;
	width:1022px;
	height:253px;
	margin:0 auto;
	padding:6px 0 0 47px;
	position:relative;
	line-height:17px;
}
.corusel_bg2 {
	background:url(images/carusel_bg.png) no-repeat 0% 0%;
	width:1022px;
	height:231px;
	margin:0 auto;
	padding:41px 0 0 47px;
	position:relative;
	line-height:17px
}
.bg1 {
	background:url(images/big_photo_bg.png) no-repeat 0% 0%;
	width:1061px;
	height:561px;
	padding:38px 0 0 0;
	margin-top:-31px;
	text-align:center
}
.bg2 {
	background:url(images/carusel_bg2.png) no-repeat 0% 0%;
	width:1022px;
	height:253px;
	margin:0 auto;
	padding:6px 0 0 47px;
	position:relative;
	line-height:17px;
	margin-left:-4px
}
.more {
	font-style:italic;
	color:#de5d05;
}
.news {
	font-size:14px;
	line-height:16px;
}	
.box1 {
	float:left;
	margin:35px 0 0 0;
	width:144px
}
.box2 {
	float:left;
	margin:35px 0 0 0;
	width:239px
}
.box3 {
	float:left;
	margin:35px 0 0 0;
	width:247px
}
.box4 {
	float:left;
	margin:35px 0 0 0;
	width:237px;
	color:#d2c7a8;
	font-size:13px;
	font-style:italic;
	line-height:18px
}
.box4 h3 {
	margin-bottom:22px	
}
.box5 {
	float:left;
	margin:35px 0 0 0;
	width:50px
}
.box5 img {
	margin-bottom:10px
}
.underline {
	text-decoration:underline	
}
/*===== footer =====*/
#footer {
	height:280px;
	background:url(images/foot_bg.gif) repeat-x 0% 0%;
	position:relative;
	width:100%;
	min-width:1070px
}
#footer .container {
	padding:0 !important;
	position:relative;
}
.copy {
	position:absolute;
	margin:46px 0 0 0;
	color:#5d5645;
	font-size:11px;
	width: 631px;
}
.copy a {
	color:#5d5645;	
}
/*----- forms -----*/
.inp_form div.fleft_side {
	float:left;
	display:inline
}
.inp_form input {
	display:block;
	width:446px;
	padding:6px 5px 6px;
	color:#251c05;
	border:1px solid #d9cba2;
	background:#e4ddc5;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.inp_form .height_inp {
	margin-right:0;
	height:60px;
}

.inp_form textarea {
	width:446px;
	height:161px;
	color:#251c05;
	padding:5px;
	font-family:Georgia, "Times New Roman", Times, serif;
	border:1px solid #d9cba2;
	float:left;
	overflow:auto;
	background:#e4ddc5
}
.form_link {
	padding-top:15px	
}
.form_link a {
	margin-left:15px	
}


/*==========================================*/

#viewport{
	width: 976px; /* Defines the size of the visible part of the carousel
		Attention : if you only want to see plain items in the viewport,
		the width of the viewport should take into account of :
		- the items width
		- the right and left padding of items
		- the number of items you want to see in the viewport
	 */
	overflow:hidden; /* Hides extra elements, those outside the viewport area */
	/* Fix for IE */
	position:relative;
}
#viewport ul{
	position: relative; /* Enables positionning of elements inside viewport */
	padding: 0; /* Resets default - User Agent - style */
	margin: 0;
}
#viewport li{
	width: 243px; /* Defines the size of inner element */
	height: 197px;
	float: left; /* Places list items side by side*/
	list-style: none; /* Resets default - User Agent - style */
	
	/* Cosmetic */
	text-align:left;
	font-size:12px;
	color:#766c51;
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif;
	position:relative
}
#viewport span{
	margin-left:10px
}
#viewport2{
	width: 976px; /* Defines the size of the visible part of the carousel
		Attention : if you only want to see plain items in the viewport,
		the width of the viewport should take into account of :
		- the items width
		- the right and left padding of items
		- the number of items you want to see in the viewport
	 */
	overflow:hidden; /* Hides extra elements, those outside the viewport area */
	/* Fix for IE */
	position:relative;
}
#viewport2 ul{
	position: relative; /* Enables positionning of elements inside viewport */
	padding: 0; /* Resets default - User Agent - style */
	margin: 0;
}
#viewport2 li{
	width: 243px; /* Defines the size of inner element */
	height: 197px;
	float: left; /* Places list items side by side*/
	list-style: none; /* Resets default - User Agent - style */
	
	/* Cosmetic */
	text-align:left;
	font-size:12px;
	color:#766c51;
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif;
	position:relative
}
#viewport2 span{
	margin-left:10px
}
h5 {
	font-size:16px;
	color:#251c05;
	margin:11px 0 8px 10px;
	font-style:normal
}


/* Cosmetic */
#simplePrevious, #simpleNext{
	cursor: pointer;
	font-size: 0.8em;
	text-decoration: underline;	
}
#simplePrevious2, #simpleNext2{
	cursor: pointer;
	font-size: 0.8em;
	text-decoration: underline;	
}


#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color:#0f0700;
}

#lightbox{
	position: absolute;
	top: 20px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	color:#151410;
	line-height:0;
}

#lightbox a, #lightbox a:hover {
	border-bottom:none;
	color:#151410;
	text-decoration:underline;
}

#lightbox a img{ border: none; }

#outerImageContainer{
	width: auto;
	height: auto; /* without this line error in IE8 detected */
	margin: 0 auto;
	position: relative;
	
}


#imageContainer{
	width:10px;
	height:10px;
	margin: 0 auto;
	overflow:hidden;
	background-color: #fff;
	position: relative;
	font-size:0;/* ie fix - big info bar*/
}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	font-size:10px;
	z-index:1;
}
#loadingLink {
	display:block;
	margin:0 auto;
	padding:0;
	width:32px;
	height:32px;
	background:url(../images/loading.gif) center center no-repeat;
	text-indent:-9999px;
}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLinkImg, #nextLinkImg{
	width: 49%;
	height: 100%;
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */
	display: block;
	text-indent:-9999px;
	position:relative
	}
#prevLinkImg { left: 0; float: left;}
#nextLinkImg { right: 0; float: right;}
#prevLinkImg:hover, #prevLinkImg:visited:hover { 
	background: url(../images/prev.png) 5% center no-repeat; 
}
#nextLinkImg:hover, #nextLinkImg:visited:hover { 
	background: url(../images/next.png) 97% center no-repeat; 
}


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size:12px;
	background-color: #fff;
	width:100%;
	position:relative;
	
}

#imageData{
	overflow:hidden;
	width:100%;
}
#imageDetails{ width: 10%; float: left; text-align: left; 	padding:10px 10px 0 0;}
#caption{ font-weight: bold; display:block;}
#numberDisplay{ display: none !important; float: left; padding:3px 10px 0 0;}
#detailsNav{display:block; float:left;   padding:0; }	
#prevLinkDetails, #nextLinkDetails, #slideShowControl{ background-repeat:no-repeat; outline-style:none; display:block; float:left;}
#prevLinkDetails { width:19px;height:26px; background: url(images/arrow_left2.gif) left center;position:absolute;  top:-200px; margin-top:-13px; left:-20px}
#nextLinkDetails { width:19px;height:26px; background: url(images/arrow_right2.gif) right center; position:absolute; top:-200px; margin-top:-13px; float:right; right:-20px}

#slideShowControl.started{
	background-image:url(../images/pause.gif);
	display:none !important
}

#slideShowControl{
	display:block;
	width:24px; 
	height:24px; 
	float:left;
	background:url(../images/start.gif);
	background-position:center center;
	background-repeat:no-repeat;
	}

#close{
	padding:10px 25px 0;
	float:right;
}
#closeLink {
	display:block; outline-style:none; margin:0; padding:0; text-decoration:none; 
	width:73px;
	height:32px;
	background:url(images/close.gif) no-repeat;
}

		
	

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html>body .clearfix {display: inline-block; width: 100%;}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}	
	

#outerImageFrame{
	border:solid 1px red;
	height:100%;
	width:100%;
	position:absolute;
}


#outerImageContainer{
	overflow:visible;
}
#outerImageContainer td{
	text-align:center;
	padding:0;
}

#lightboxFrameBody{
	background-color: #fff;
	border:solid 1px #fff; /* hack for opera table small cell width */
	position:relative
}

#outerImageContainer td{
	font-size:0;
}


#vlightbox { width:976px }
#vlightbox span{ display:block; }
#vlightbox a{
	display:inline-block;
	position:relative;
	vertical-align:top;

	font-family:Trebuchet,Tahoma,Arial,sans-serif;
	font-size:11px;
	font-weight:normal;
	text-align:center;
}
#vlightbox a img{
	display:block;
	border:none;
	margin:0;
}
#vlightbox a:hover{
	text-decoration:underline;
}
#vlightbox2 { width:976px }
#vlightbox2 span{ display:block; }
#vlightbox2 a{
	display:inline-block;
	position:relative;
	vertical-align:top;

	font-family:Trebuchet,Tahoma,Arial,sans-serif;
	font-size:11px;
	font-weight:normal;
	text-align:center;
}
#vlightbox2 a img{
	display:block;
	border:none;
	margin:0;
}
#vlightbox2 a:hover{
	text-decoration:underline;
}
.prev {
	position:absolute;
	margin:201px 0 0 19px;
	top:0;
	left:0;
}
.next {
	position:absolute;
	margin:201px 19px 0 0;
	top:0;
	right:0;
}
.prev2 {
	position:absolute;
	margin:171px 0 0 19px;
	top:0;
	left:0;
}
.next2 {
	position:absolute;
	margin:171px 19px 0 0;
	top:0;
	right:0;
}
/* gallery */
#img {
    position: relative;
    width: 1061px;
    height: 363px;
}


#gallery li {
    float: left;
    cursor: pointer;
}

.caption {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 96%;
    height: 50px;
    padding: 0 2%;
    line-height: 50px;
    color: #fff;
    background-color: #000;
	 display:none !important;
}


.jcarousel-container {
	position:relative;
	padding:0 0 0 0;
	
}

.jcarousel-clip {
	width:975px;
	overflow:hidden;
	
}

.jcarousel-prev {
    position: absolute;
    top: 150px;
    left: -28px;
    cursor: pointer;
    background:url(images/arrow_left.gif) no-repeat 0 5px;
	 z-index:1000;
	color:#96a359;
	font-size:11px;
	width:21px;
	height:35px
}

.jcarousel-next {
    position: absolute;
    top: 150px;
    left: 983px;
    cursor: pointer;
    background:url(images/arrow_right.gif) no-repeat 100% 5px;
	 z-index:1000;
	 color:#96a359;
	font-size:11px;
	width:21px;
	height:35px
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 243px;
    height: 196px;
	font-size:12px;
	color:#766c51;
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.jcarousel-item span {
    margin-left:10px;
	display:block
}
.jcarousel-list li {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 243px;
    height: 196px;
}
.jcarousel-list li img {
    margin:0 !important
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}
/* gallery */

