/* CSS Document */

* { 
	margin:0; padding:0;
	border:0;
}
/* MB - MODIFY HERE TO REMOVE TOP GRADIENT */
body{ background:url(images/bg_top5.jpg) top repeat-x #fff; 
	 border:0;
	 font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#332623;
	 line-height:17px;
	 background-color: white;
	 /*background-color: #fcfcfc;*/
}


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

a{ color:#ef892c; text-decoration: underline; outline:none}
a:hover{ text-decoration: none; cursor:pointer;}
li{ list-style:none}
h1{ font-size:32px; font-weight:300; color:#332623; line-height:40px; padding:0 0 13px 0;}
h2{ font-size:26px; color:#d47e2b; font-weight:400; line-height:30px; padding:31px 0 16px 0; text-transform: uppercase}
p{ padding-bottom:17px;}
img{ vertical-align:top}
/* ============================= header ====================== */
#logo{ margin-top:5px; float:left;}
#top{ text-align:right; float:right; padding:19px 0 0 0; font-size:20px; line-height:24px; color:#453930; width:250px; font-weight:400 }
#search{ float:right; background:url(images/search.jpg) left no-repeat; height:22px; width:206px; margin-top:15px}
#search .input{ float:left; width:165px; height:14px; font:11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#958678; padding:4px 8px; background:none}
#search .submit{ background:url(images/search_button.jpg) no-repeat; height:22px; width:22px; float: right; cursor:pointer; vertical-align:top}

#menu { background:url(images/menu_bg.jpg) top repeat-x; margin-top:13px; margin-left:-2px; width:952px; position:relative; z-index:99}
#menu_left{ background:url(images/menu_left.jpg) top left no-repeat;}
#menu_right{ background:url(images/menu_right.jpg) top right no-repeat; width:100%; height:37px;}
.menu > li { padding-right:1px; background:url(images/menu_line.jpg) top right no-repeat; float:left; height:68px; position:relative;}
.menu > .last{ background:none; padding:0}
.menu > li > a{ display:block; width:134px; line-height:64px; text-align:center; font-weight:300; text-decoration:none; font-size:19px; color:#201b18;}
.menu > li:hover > a{ color:#7c1305}

.submenu_1{ position:absolute; width:175px; top:68px; left:0}
.menu_box{ position:relative; padding:10px;background:url(images/menu_bg1.gif) top repeat-x #914315;border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; box-shadow: 0px 1px 0px rgba(0, 0, 0, .3); -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, .3); -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, .3); zoom:1}
.submenu_1 li{ position:relative; line-height:43px;background:url(images/spacer.gif) repeat;border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; zoom:1}
.submenu_1 li:hover{box-shadow: 0px 1px 0px rgba(0, 0, 0, .3); -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, .3); -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, .3);background:url(images/menu_bg3.gif) top repeat-x #eeeadd;}
.submenu_1 li a{ display:block; font-size:19px; color:#fff; line-height:43px; padding:0 10px; text-decoration:none; font-weight:300; position:relative; zoom:1}
.submenu_1 li:hover > a{ color:#201b18}

.submenu_2{ position:absolute; width:175px; top:-10px; left:165px; padding-left:5px;}
.submenu_2 > .menu_box{background:url(images/menu_bg2.gif) top repeat-x #eae6db;}
.submenu_2 > .menu_box > li > a{color:#201b18}
.submenu_2 > .menu_box > li:hover{box-shadow: 0px 0px 0px rgba(0, 0, 0, .3); -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, .3); -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, .3);background:#efad45;}
.submenu_2 > .menu_box > li:hover > a{ color:#fff}

.menu div{ display:none} 

/* MB - MODIFY MAIN BANNER IMAGE HERE  */
#banner{ background:url(images/bg_banner4.jpg) no-repeat; height:200px; width:100%; overflow:hidden; position:relative; z-index:1}
#banner .text{width:600px; padding:36px 0 0 15px; float:left;}
#banner .text em{ display:block; font-style:normal; margin-top:-5px}
#banner .text h1{ font-size:42px; text-transform:uppercase; font-weight:300; color:#fff; line-height:1.2em; letter-spacing:-1px; height:45px}
#banner .text h1 span{ font-weight:400; color:#f8d39f;}
#banner .text p{ color:#f4e1d2; padding-bottom:23px; line-height:18px}
#banner ul{ width:294px; position: absolute; top:0; right:0; z-index:2}
#banner li a{ display:block; height:82px; padding:0 0 0 72px;color:#847d72;text-transform: none;text-decoration:none; background:url(images/banner_box.png) 300px 0 no-repeat; }
#banner li a span{ display:block; font-size:20px; padding-top:19px; line-height:24px; color:#fff; font-weight:300; text-transform:uppercase; }
#banner li a:hover, #banner .current a { color:#41372e;}

.slider{ position:absolute; z-index:1; top:0; left:295px; width:653px; height:410px;}
.slider .items{ display:none;}

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

.pad_left1{ padding-left:30px;}
.pad_left2{ padding-left:62px;}
.pad_bot3{ padding-bottom:20px;}
.pad_bot2{ padding-bottom:65px}
.pad1{ padding:26px 25px 0 30px;}
.pad_bot1{ padding-bottom:10px}
.marg_right1{ margin-right:20px;}

.box{ background:url(images/bg_box.jpg) top repeat-x #f5f1e5; padding-bottom:30px}
.box .button span{ background:url(images/button3_left.jpg) top left no-repeat}
.box .button span span{ background:url(images/button3_rihgt.jpg) top right no-repeat}

.button1{ display:inline-block; font-size:15px; line-height:24px; font-weight:300; color:#fff; text-decoration:none; background:url(images/button1_bg.jpg) top repeat-x}
.button1 span{ display:block; background:url(images/button1_left.jpg) top left no-repeat}
.button1 span span{ padding:0 12px; background:url(images/button1_right.jpg) top right no-repeat; height:26px;}
.button1:hover{ color:#e57400}

.button{ display:inline-block; font-size:15px; line-height:24px; font-weight:300; color:#fff; text-decoration:none; background:url(images/button2_bg.jpg) top repeat-x}
.button span{ display:block; background:url(images/button2_left.jpg) top left no-repeat}
.button span span{ padding:0 12px; background:url(images/button2_right.jpg) top right no-repeat; height:26px;}
.button:hover{ color:#000}

.font1{ font-weight:bold; color:#332623;}
.font2{ font-weight:bold; color:#ef892c;}

.under{ padding-bottom:40px; border-bottom:1px solid #ede9e4;}

.list1 li{ line-height:26px;}
.list1 li a{ color:#504538; text-decoration:none; padding-left:21px; background:url(images/marker_1.jpg) 0 6px no-repeat; display:inline-block;}
.list1 li a:hover{ color:#ef892c}

.list2{ margin-top:-6px;}
.list2 li{ line-height:25px; font-size:13px}
#content2 .list2 li a{ color:#847d72; padding-left:11px; background:url(images/marker_2.gif) 0 6px no-repeat; text-decoration:underline}
#content2 .list2 li a:hover{ text-decoration:none}
.list2 li a:hover{ text-decoration:none}

#content2 .link1{ color:#Subscribe; font-size:15px; font-weight:300; color:#fff; text-decoration:none; background:url(images/link_bg.jpg) bottom repeat-x}
#content2 .link1:hover{ background:none; text-decoration:none}

#content2{ font-size:12px; line-height:14px; color:#847d72;}
#content2 h1{ color:#fff; font-size:26px; padding:27px 0 13px 0; letter-spacing:-1px; text-transform:uppercase}
#content2 a{ color:#fff; text-decoration:none}
#content2 a:hover{ text-decoration:underline}

.line{ background:url(images/line_ver.jpg) 333px top repeat-y}

.clients li{ float:left; padding-right:7px;}
.clients .last{ padding-right:0}
.contact{ float:right; margin-right:120px;}
/* ============================= footer ====================== */

#footer { padding:21px 31px 19px 32px; color:#a59685;}
#footer a{ color:#a59685; text-decoration:none}
#footer a:hover{ text-decoration:underline; color:#5b4e3d;}
#footer_menu{ float:right;}
#footer_menu li, #footer span{ float:left; padding-right:12px; margin-right:11px; background:url(images/footer_line.jpg) right 5px no-repeat}
#footer_menu .last{ background:none; padding:0; margin:0}
#footer_menu .active a{text-decoration:underline; color:#5b4e3d;}

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

#form_1{ font-size:12px; padding-top:5px; color:#504538; line-height:22px; width:100%; overflow:hidden}
#form_1 .input{ float:right; width:150px; height:15px; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#504538; background:#f8f7f2; border:1px solid #dad0c3; padding:2px 5px; margin-bottom:6px}
#form_1 select{ width:150px; height:21px; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#504538; background:#f8f7f2; border:1px solid #dad0c3; padding:2px; width:51px;}
#form_1 .select, #form_1 .select1, #form_1 .select2{ float:right;  margin-left:1px; margin-bottom:4px;}
#form_1 .select1 select{ width:162px}
#form_1 .select2 select{ width:58px;}
#form_1 textarea{ float: right; width:237px; height:110px; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#504538; background:#f8f7f2; border:1px solid #dad0c3; padding:2px 5px; overflow:auto}
#form_1 a{ float:left; margin-right:4px; margin-top:12px;}

#form_2{ margin-top:-2px; padding-bottom:13px; width:100%; overflow: hidden}
#form_2 .bg{ background:url(images/input.jpg) no-repeat; width:164px; height:25px; float:left; padding-right:3px}
#form_2 .input{ width:152px; height:17px; background:none; font:11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#958678; padding:4px 6px; vertical-align:top}
#form_2 a{ float:left; background:url(images/button4_bg.jpg) top repeat-x; line-height:23px;}
#form_2 a:hover{ text-decoration:none; color:#000}
#form_2 a span{ background:url(images/button4_left.jpg) top left no-repeat}
#form_2 a span span{ background:url(images/button4_right.jpg) top right no-repeat; height:25px;}

#ContactForm {line-height:20px; width:100%; overflow:hidden}
#ContactForm a{ float:left; margin-right:4px; }
#ContactForm .input {width:227px; height:15px; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#a59685; background: none; border:1px solid #dad0c3; padding:2px 5px; margin-bottom:14px}
#ContactForm textarea {width:227px; height:217px; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#a59685; background: none; border:1px solid #dad0c3; padding:2px 5px; margin-bottom:21px; overflow:auto}

#ContactForm label{ position:relative; display:block;}
#ContactForm .error,#ContactForm  .empty{ position:absolute; left:0; top:38px; font-size:10px; color:#EF892C; display:none}
#ContactForm .message .error,#ContactForm .message .empty{ top:240px;}

.success{ padding-bottom:15px; display:none}

/* -------------
 * Hidden - used to hide the original form elements
 * ------------- */
.jqTransformHidden {display: none;}
.jqTransformInputWrapper{ float:right;}
.jqTransformInput{ width:150px !important; float:right}
#jqTransformTextarea-mr, #jqTransformTextarea-ml{ width:0 !important; overflow:hidden; text-indent:-9999px; font-size:0; line-height:0}
.jqTransformTextarea{ float:right}

 /* Selects
 * ------------- */
.select .jqTransformSelectWrapper{ width:51px !important;}
.select .jqTransformSelectWrapper ul{ width:49px !important;}
.select1 .jqTransformSelectWrapper{ width:162px !important;}
.select1 .jqTransformSelectWrapper ul{ width:160px !important;}
.select2 .jqTransformSelectWrapper{ width:58px !important;}
.select2 .jqTransformSelectWrapper ul{ width:56px !important;}
.jqTransformSelectWrapper {position:relative; min-height:21px; float:left}
.jqTransformSelectWrapper div {font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#504538; display:block;position: relative;white-space: nowrap;height: 19px;line-height:19px;overflow: hidden;cursor:pointer; border:1px solid #dad0c3; background: #f8f7f2; position: relative;}
.jqTransformSelectWrapper div span{padding: 0 0 0 3px; display:block;}
#form_1 a.jqTransformSelectOpen {display: block;position: absolute; margin-top:1px; top:0; margin-left:0; margin-right:1px; right:0;	width:17px;height:17px;background: url(images/select.gif) 0 0 no-repeat; }
.jqTransformSelectWrapper ul {position: absolute;top:22px;left: 0px;border:1px solid #dad0c3; background:#f8f7f2; display: none;z-index:10;  padding:10px 0; height:60px; overflow:auto; } 
#form_1 .jqTransformSelectWrapper ul a {display: block; float: none;text-decoration: none;font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#504538; margin-left:0; margin-top:0 ; padding-left:3px; margin-right:0}
#form_1 .jqTransformSelectWrapper ul li{ float:none; padding-right:0}
.jqTransformSelectWrapper ul a.selected {}
#form_1 .jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover {background:#504538; color:#fff}
#form_1  .wrap{ width:100%; height:28px;}

#form_1 .wrapper{ position:relative}
#form_1 .left{ position:absolute;}