
/* 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 }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.wrapper {width:100%; overflow:hidden;}

/* Global properties ======================================================== */

body{ background:#F0F3F6 url(/img/bg-body.jpg) repeat-x 0 0; border:0; font:12px Arial, Helvetica, sans-serif; color:#69685d; line-height:18px; min-width:980px;}

.css3{border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: 0 0 4px rgba(0, 0, 0, .4); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .4); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4); behavior: url(js/PIE.htc); position: relative;}

/* Global Structure ============================================================= */

body, html{ height:100%}

.body1{ background:#F0F3F6 url(/images/bg-body.jpg) repeat-x 0 0 }
.body2{ background:url(../images/bg_top_blue.gif) top center repeat-x; overflow:hidden; height:108px;}

/* ============================= main layout ====================== */

a{ color:#69685d; text-decoration: underline; outline:none}
a:hover{ text-decoration: none}
h1{ float:left; padding:0 0 0 10px; position:absolute; z-index:2}
h2{ font:20px Georgia, "Times New Roman", Times, serif; color:#585751; line-height:30px; letter-spacing:0px; font-style:italic; padding:10px 0 10px 0;}
h2 span{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; color:#f5144a; font-style:normal}
h2.new{ padding:17px 0 17px 0}
h3{ padding:17px 0 27px 0;font:20px Georgia, "Times New Roman", Times, serif; color:#585751; line-height:30px; letter-spacing:2px; font-style:italic; }
p{ padding-bottom:18px;}

/* ============================= header ====================== */
header{ background:url(../images/img_top_new.jpg) no-repeat; height:450px; position:relative}

#logo{ display:block; background:url(../images/logo_blue.png) no-repeat; width:280px; height:108px; text-indent:-5000px;}
#menu { float: right; padding-right:2px; margin-right:-10px; position:relative; z-index:1}
#menu li { float:left;  background:url(../images/menu_line.gif) right top no-repeat; margin-left:-1px;}
#menu li a{ display:block; font:12px Georgia, "Times New Roman", Times, serif; color:#f3f2ea; text-transform:uppercase; text-decoration:none; line-height:48px;}
#menu li a:hover, #menu #menu_active a{ background:url(../images/menu_active_blue.gif) top repeat-x}
#menu li a span{ display:block;}
#menu li a span span{ padding:0 23px 0 24px;}
#menu li a:hover span, #menu #menu_active a span{ background:url(../images/menu_line_active.gif) top left no-repeat}
#menu li a:hover span span, #menu #menu_active a span span{ background:url(../images/menu_line_active.gif) top right no-repeat}

.box1{ background:#fff; border:1px solid #e7e4d5; margin:10px -10px 0; padding:19px;}

#form_top{ background:#fff; filter:alpha(opacity=100); opacity:1.0; padding:1px; position:absolute; right:5px; bottom:5px; width:127px;}
#form_top > div{ background:#fff;padding: 10px 10px;}
#form_top h2{ font:20px Georgia, "Times New Roman", Times, serif; font-style:italic; color:#000000; line-height:30px; padding:12px 0 14px 0; letter-spacing:2px;}
#form_top .rows{ min-height:53px; line-height:24px;}
#form_top .cols{ width:56px; margin-right:8px; float:left;}
#form_top .col1{ width:62px; margin-right:8px; float:left;}
#form_top .col2{ width:70px; float:left;}
#form_top .button2{ margin-top:5px;}

 /* Selects
 * ------------- */
.jqTransformSelectWrapper {position:relative; padding:0 2px 0 0;}
.jqTransformSelectWrapper div {font: 12px Arial, Helvetica, sans-serif; color:#7a7762; display:block;position: relative;white-space: nowrap;height: 21px;line-height:21px;overflow: hidden;cursor:pointer; border:1px solid #aca28f; background:#fff;}
.jqTransformSelectWrapper div span{padding: 0 0 0 9px; display:block;}
a.jqTransformSelectOpen {display: block;	position: absolute; top:1px;	right:1px;	width:19px;height:19px;background: url(../images/select.gif) no-repeat;}
.jqTransformSelectWrapper ul {position: absolute;top:24px;left: 0px; background:#fff; border:1px solid #aca28f; display: none;z-index:10;  padding:5px 0; height:60px; overflow:auto; line-height:18px;} 
.jqTransformSelectWrapper ul a {display: block;padding: 0 7px;text-decoration: none;}
.jqTransformSelectWrapper ul a.selected { background:#f5144a; color:#fff}
.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover { background:#f5144a; color:#fff}

/* -------------
 * Hidden - used to hide the original form elements
 * ------------- */
.jqTransformHidden {display: none;}

/* ============================= content ====================== */

#content{ width:100%; overflow:hidden}

.pad{ padding:0 5px;}
.pad1{ padding:0 30px 0 10px;}
.marg_top1{ margin-top:10px;}
.pad_bot1{ padding-bottom:5px;}
.pad_bot2{ padding-bottom:6px;}
.marg_right1{ margin-right:20px}
.marg_right2{ margin-right:30px}
.pad_left1{ padding-left:30px;}

.color1{ color:#b2a243}

#welcome{ font-size:13px; line-height:20px;}

.box2{ background:#3a3935; padding:13px 30px 20px;}
.box2 h2{ color:#eae9e2; padding:0 0 0 0; letter-spacing:2px}

.box3{ background:#fff; border:1px solid #e7e4d5; padding:0 18px 9px}
.box3 h2{ letter-spacing:2px; padding:26px 0 17px 0}
.box3 figure{ padding-top:3px;}
.box3 h3{  padding:16px 0 17px 0}

.box4{ background:#f9f8f3; border:1px solid #e7e4d5; padding:0 38px 19px 30px;}
.box4 h3{  padding:16px 0 14px 0}

.gallery1{ width:100%; overflow:hidden; padding:12px 0 10px 0}
.gallery1 li{ float:left;}

.button, .button2{ float:right; color:#fff; text-decoration:none; background:#f5144a; line-height:25px; padding:0 9px;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; behavior: url(js/PIE.htc); position: relative;}
.button2{ font-weight:bold; text-transform:uppercase; padding:0 15px; line-height:30px;}
.button:hover, .button2:hover{ background:#e8e6db; color:#7a7451}

.nav{ width:100%; overflow:hidden; position:relative;z-index:2; position:relative;}
.nav li{ float:left; margin-right:2px;}
.nav a{ margin:2px 0 0 0; display:block;font:17px Georgia, "Times New Roman", Times, serif; background:url(../images/tabs_button.gif) top repeat-x #b2a764; color:#fff; font-style: italic; text-decoration:none; line-height:38px; letter-spacing:2px; line-height:37px; margin-bottom:1px}
.nav a span{ padding:0 20px 0 20px; display:block;}
.nav .selected a, .nav .selected a:hover{ margin-top:0; border-top:1px solid #e7e4d5; font-size:20px; color:#585751; line-height:62px; height:43px; background:url(../images/tabs_border.gif) top left no-repeat #ffffff;  padding:0 0 0 20px;}
.nav .selected a span, .nav .selected a:hover span{ background:url(../images/tabs_border.gif) top right no-repeat; padding:0 20px 0 0;}
.nav a:hover{ background:#e8e6db; color:#7a7451}
.nav .selected.left a, .nav .selected.left a:hover{ background-repeat:repeat-y}
* +html .nav a span{ padding-right:16px;}
* +html .nav .selected a span, * +html .nav .selected a:hover span{ padding-right:15px;}

.tabs  .tab-content{background:#ffffff; border:1px solid #e7e4d5; padding: 24px 20px 20px 30px; overflow:hidden; margin-top:-5px;}

.tabs.bg .nav .selected a, .tabs.bg .nav .selected a:hover{ background-color:#f9f8f3; }
.tabs.bg .tab-content{background:#f9f8f3; padding-right:30px; line-height:24px;}

.list1 li{ line-height:18px;}
.list1 a{ padding-left:16px; background:url(../images/marker_1.png) 0 4px no-repeat; color:#b2a243; text-decoration:none}
.list1 a:hover{ text-decoration:underline}

/* =========== gallery ========= */
#galleryfic_gallery, #galleryfic_gallery2, #galleryfic_gallery3, #galleryfic_gallery4, #galleryfic_gallery5, #galleryfic_gallery6 {width:100%;overflow:hidden; padding-top:4px;}
	div.content {/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */	display: none;width: 875px; position:relative;z-index:10; padding-bottom:20px;}
		div.content a, div.navigation a {text-decoration: none;}
		div.content a:focus, div.content a:hover, div.content a:active {}
		div.slideshow-container {position: relative;		clear: both;		height:417px; /* This should be set to be at least the height of the largest image in the slideshow */z-index:10}
	div.loader {position: absolute;	top: 0;	left: 0; background:url(../images/loader.gif) center center no-repeat}
	div.slideshow {height: 417px;width:875px;overflow:hidden;}
	div.slideshow span.image-wrapper {display: block;position: absolute;top: 0;left: 0;height:417px;width:875px;}
	div.slideshow a.advance-link {display: block;width: 875px;height: 417px; /* This should be set to be at least the height of the largest image in the slideshow */text-align: center;overflow:hidden;}
	div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {text-decoration: none;}
	div.slideshow img {	position:absolute;left:0;top:0;	padding:0}
	div.slideshow.noborder img {padding:0;border:none;}
	
	.navigation {padding-left:36px; padding-bottom:4px;}
	
	ul.thumbs {	clear: both;	margin: 0;padding: 0;width:100%;height:125px;overflow:hidden;}
	ul.thumbs li {float: left;background:none !important;list-style: none;margin:0 19px 0 0;}

	ul.thumbs li.last {padding-right:0;}
	a.thumb {display: block;}
	ul.thumbs li.selected a.thumb {	}
	a.thumb:focus {	outline: none;}
	ul.thumbs img {	border: none;display: block;}
/* Pagination */
div.pagination {clear: both;width:100%;position:relative;}
div.navigation div.top {margin-bottom: 12px;height: 11px;display:none; /* optional disabled */}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {display:none;}
div.pagination a:hover, div.pagination span.current {}
div.pagination span.ellipsis {display:none;}

div.pagination a.prev_1 {height:25px;width:25px;display:block !important;background: url(../images/marker_left.gif) left bottom no-repeat;position:absolute;left:-35px;top:-79px;}
div.pagination a.prev_1:hover{ background:url(../images/marker_left_active.gif) no-repeat}
div.pagination a.next_1 {height:25px;width:25px;display:block !important;background: url(../images/marker_right.gif) 0 0 no-repeat ;	padding-bottom:2px;	position:absolute;	right:3px;	top:-79px;}
div.pagination a.next_1:hover{ background:url(../images/marker_right_active.gif) no-repeat}
/* =========== gallery end ========= */


.cols{ float:left;}
.col1{  float:left; position:relative; width:660px;}
.col2{  float:left; position:relative; width:250px;}

#page1 .tabs.bg .marg_top1{ margin-top:25px;}
#page1 .tabs.bg p{ padding-bottom:21px;}

#page2 .cols{ width:268px;}
#page2 .gallery1{ padding-bottom:0}

#page3 .tabs.bg .marg_top1{ margin-top:4px;}
#page3 .tabs.bg .pad_bot1{ padding-bottom:12px}
#page3 .tabs.bg .tab-content{background:#f9f8f3; padding-right:27px; line-height:24px;}
#page3 .cols{ width:282px;}
#page3 .box3 p{ padding-bottom:14px;}
#page3 .box3 .cols{ width:170px; padding-bottom:8px}

#page4 .col1{ width:630px;}
#page4 .grid_5 .box3{ padding:0 20px 7px 30px}
#page4 .col1 .box3{  padding:0 32px 14px 19px;} 
#page4 .col1 .box3 .marg_right1{ margin-right:23px;}
#page4 .col1 .box3 .button2{ margin-top:3px}

#page6 .col1{ width:328px; margin-right:49px;}
#page6 .col2{ width:563px;}
#page6 .box4{ padding-right:29px; line-height:14px;}
#page6 figure{ background:#e7e4d5; margin:8px 0 26px; padding:1px;}
#page6 iframe{ margin-top:-3px;}
#page6 .cols{ width:168px; padding-bottom:5px;}

#page7 .box4{ padding-right:20px;}
#page7 .box4 a{ text-decoration:none}
#page7 .box4 a:hover{ text-decoration: underline}

/* ============================= footer ====================== */

footer { margin-top:25px; background:#f8f6e9; border:1px solid #e7e4d5; color:#69685d; width:100%; overflow:hidden; padding:15px 0}
footer a{ color:#69685d; text-decoration:none;}
footer a:hover{ text-decoration:underline}

/* ============================= forms ============================= */

#ContactForm { margin-top:-4px; }
#ContactForm .rows{ min-height:47px;}
#ContactForm .textarea_box{ min-height:246px;}
#ContactForm a{ margin-left:20px; float:right;}
#ContactForm .input {width:332px; height:14px; border:1px solid #e7e4d5; background:#fff; padding:11px 18px;color:#63625c; font:12px Arial, Helvetica, sans-serif;}
#ContactForm textarea { overflow: auto;width:525px; height:202px; border:1px solid #e7e4d5; background:#fff; padding:11px 18px;color:#63625c; font:12px Arial, Helvetica, sans-serif;}

#form_book .rows{ min-height:53px; line-height:24px;}
#form_book .cols{ width:56px; margin-right:8px; float:left;}
#form_book .col1{ width:62px; margin-right:8px; float:left;}
#form_book .col2{ width:70px; float:left;}
#form_book .button2{ margin-top:14px;}


