/* 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 */
figure {text-align:center;}
figure a {color:#808080;text-decoration:none;outline:none;font-weight:bold;font-size:larger;}
figure a:hover {color:#ffffff;text-decoration:underline;}
figure img {margin-bottom:6px;}
.left {float:left}
.right {float:right}
.m20 {margin-left:30px;}
.wrapper {width:100%;overflow:hidden}
.spacer40 {height:40px}
.spacer30 {height:30px}
.spacer20 {height:20px}
.spacer10 {height:10px}
/* Global properties ======================================================== */
body {background:#000;border:0;font:15px verdana, sans-serif;color:#808080;line-height:20px;min-width:1100px;overflow:hidden}
.ic {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
/* Global Structure ============================================================= */
.main {	margin:0 auto;width:1100px}
.bg_spinner {width:100px;height:13px;position:absolute;z-index:2;background:url(../images/loader.gif) 0 0 no-repeat;top:5px;left:5px}
.spinner {position:absolute;z-index:99;background:url(../images/loader.gif) 50% 50% no-repeat #000;width:100%;height:100%;top:0;left:0}
.block {height:92px}
.extra {min-height:100%;height:auto !important;height:100%;margin:0 auto -92px;position:relative}
body, html {height:100%}
.bg1 {background:#5e534f;position:relative;z-index:1;height:92px}
.box {width:100%;overflow:hidden;padding-top:20px;padding-bottom:20px;position:relative}
.pagination {position:absolute;top:-35px;left:0}
.pagination li {float:left;padding-right:2px;font-size:20px;line-height:34px}
.pagination a {display:inline-block;width:35px;height:35px;color:#5e534f;text-align:center;text-decoration:none;text-align:center;background:#fff}
.pagination a:hover, .pagination .current a {background-position:left;color:#fff;background:#5e534f}
/* ============================= main layout ====================== */
a {color:#fff;text-decoration:none;outline:none}
a:hover {color:#808080;text-decoration:underline}
h1 {padding:48px 0 0 0}
h2 {font-size:26px;line-height:1.2em;padding:17px 0 20px 0;color:#fff;font-weight:700}
h3 {font-size:16px;line-height:1.2em;color:#fff; margin-bottom:10px;}
p {padding-bottom:20px}
/* ============================= header ====================== */
header {width:360px;float:left}
#logo {display:block;text-indent:-9999px;background:url(../images/logo.png) 0 0 no-repeat;width:280px;height:153px}
#menu {padding-top:60px}
#menu > li {width:100%;overflow:hidden;padding-bottom:4px}
#menu > li > a {display:inline-block;font-size:26px;line-height:54px;height:56px;color:#fff;background:#5e534f;text-decoration:none;position:relative;letter-spacing:0px;cursor:pointer}
#menu > li > a span {display:block;background:#fff;position:absolute;width:100%;height:100%;top:0;left:0}
#menu > li > a strong {position:relative;display:block;padding:0 95px 0 40px;height:56px}
#menu > li > a:hover, #menu > li > a.active {color:#5e534f; background:#fff;}
#menu > li > a:hover strong, #menu > li > a.active strong{}
/* ============================= content ====================== */

#content {min-height:868px;width:740px;float:left;position:relative}
#content > ul > li {position:relative;height:868px;width:100%;bottom:0}
#content-video {min-height:680px;width:740px;float:left;position:relative}
.box1 {background:url(../images/bg_content.png) repeat;width:100%;height:100%;top:0;left:0;min-height:760px;}
.box-video {background:url(../images/bg_content.png) repeat;width:100%;height:100%;top:0;left:0;min-height:618px;}
.inner {padding:25px 40px;position:relative}
.close {position:absolute;top:20px;right:20px;width:25px;height:25px;background:url(../images/close.gif) 0 0 no-repeat;display:block}
.close span {display:block;background:url(../images/close.gif) 0 bottom no-repeat;width:100%;height:100%}
.pad_left1 {padding-left:60px}
.pad_bot1 {padding-bottom:25px}
.pad_bot2 {padding-bottom:4px}
.pad_bot3 {padding-bottom:10px}
.marg_right1 {margin-right:29px}
#page_Services .pad_bot3 {padding-bottom:15px}
#content figure, #content-video figure {padding-top:5px}
.date {float:left;width:52px;margin-right:17px;text-align:center;font-size:49px;font-weight:700;color:#fff;letter-spacing:-1px;line-height:1.2em}
.date strong {margin-top:-9px;display:block}
.date span {font-weight:400;font-size:25px;line-height:1.2em;margin-top:-13px;display:block}
.color1 {color:#fff}
.list1, .list2 {margin-top:-2px}
.list1 li, .list2 li {line-height:24px}
.list1 a, .list2 a {padding-left:10px;background:url(../images/marker_1.gif) 0 6px no-repeat;text-decoration:none}
.list1 a:hover {color:#fff}
.list2 a {color:#fff}
.list2 a:hover {color:#808080}
.tabs .nav {padding-top:5px}
.tabs .nav li {line-height:28px;padding-bottom:2px}
.tabs .nav li a {position:relative;font-size:16px;letter-spacing:-1px;text-transform:uppercase;text-decoration:none;height:28px;line-height:26px;padding:0 39px 0 9px;color:#fff;background:#000;display:inline-block}
.tabs .nav li a span {display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#fff}
.tabs .nav li a strong {font-weight:400}
.tabs .nav li a:hover, .tabs .nav .selected a {color:#000}
.tab-content figure {padding-bottom:15px}
.tab-content figure.marg_right1 {margin-right:20px}
/* Lightbox image */
.lightbox-image {position:relative;overflow:hidden;display:block;background:#fff;z-index:1}
.lightbox-image img {position:relative;z-index:1}
.lightbox-image > span {display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/border.gif) 0 0 no-repeat;z-index:2}
.pp_details {height:0;padding:0;margin:0;font-size:0;line-height:0;visibility:visible !important}
.pp_description {display:none;height:0;padding:0;margin:0;font-size:0;line-height:0}
.pp_close {position:absolute;z-index:99;top:-30px;right:0;display:none !important}
div.light_square .pp_next {position:absolute;top:48%;right:-68px;width:35px;height:35px;background:url(../images/marker_right.gif) left top no-repeat;visibility:visible !important}
div.light_square .pp_next:hover {background-position:bottom}
div.light_square .pp_previous {position:absolute;top:48%;left:-68px;width:35px;height:35px;background:url(../images/marker_left.gif) left top no-repeat;visibility:visible !important}
div.light_square .pp_previous:hover {background-position:bottom}
.pp_arrow_previous, .pp_arrow_next {display:none !important}
.link1 {color:#fff;text-decoration:none}
.link1:hover {text-decoration:underline}
/* ============================= footer ====================== */
footer {color:#bfbfbf;font-size:11px;text-transform:uppercase;font-weight:400;line-height:60px;position:relative;padding:16px 0 0 0;}
footer a {color:#fff;text-decoration:none;}
footer a:hover {color:#bfbfbf;text-decoration:none}
.col_1 {width:360px;float:left;}
.col_2 {width:740px;float:left;}
#footer_logo {float:left;background:url(../images/footer_logo.png) 0 0 no-repeat;width:100px;height:60px;text-indent:-9999px;margin-right:22px;}
/* ============================= forms ============================= */
#form1 {margin-top:-2px}
#form1 .wrapper {overflow:inherit;min-height:30px;padding:10px 0}
#form1 span {float:left;width:75px;color:#fff;padding-top:2px}
#form1 a {margin-right:10px;float:left;margin-top:23px;width:112px;text-align:center}
#form1 a span {width:100%}
#form1 label {}
.text-input {padding: 8px; border: solid 1px #E5E5E5; font: normal 12px Verdana, Tahoma, sans-serif; width: 200px; background: #FFFFFF url(../images/bg_form.png) left top repeat-x;/*Mimic Background Property in Internet Explorer since IE 6,7,8 does not support CSS3*/	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF)); background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px); box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;/*0.1 actually means 10 %*/ -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;}
textarea.text-input {width: 400px; max-width: 400px; height: 150px; line-height: 150%;}
.text-input:hover, #form1 .text-input:focus {background:#C0C0C0}
.button1 {display:inline-block;font-size:14px;color:#000;text-transform:uppercase;text-decoration:none;font-weight:bold;background:#fff;line-height:33px;position:relative;cursor:pointer;padding:10px 0;margin:20px 30px;width:120px}
.button1:hover {color:#fff;background:#000}

/* FORM ERROR */
.inputContainer{position:relative; float:left;}
.formError {position:absolute; top:300px; left:300px; padding-bottom:13px; display:block; z-index:5000;	cursor:pointer;}
#debugMode{background:#000; position:fixed; width:100%; height:200px; top:0; left:0; overflow:scroll; opacity:0.8; display:block; padding:10px; color:#fff; font-size:14px; z-index:100000;}
.ajaxSubmit{padding:20px; background:none repeat scroll 0 0 #272727;border:1px solid #FFF ;color:#FFF;display:none;font-weight:bold;}
.formError .formErrorContent {width:100%; background:#ee0101; color:#fff; width:150px; font-family:tahoma; font-size:11px; border:2px solid #ddd; box-shadow: 0px 0px 6px #000; -moz-box-shadow: 0px 0px 6px #000; -webkit-box-shadow: 0px 0px 6px #000; padding:4px 10px 4px 10px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;}
.greenPopup .formErrorContent {background:#33be40;}
.blackPopup .formErrorContent {background:#393939;color:#FFF;}
.formError .formErrorArrow{width:15px; margin:-2px 0 0 13px; z-index:5001;}
.formError .formErrorArrowBottom{top:0;margin:-6px;}
.formError .formErrorArrow div{border-left:2px solid #ddd; border-right:2px solid #ddd; box-shadow: 0px 2px 3px #444; -moz-box-shadow: 0px 2px 3px #444; -webkit-box-shadow: 0px 2px 3px #444; font-size:0px; height:1px; background:#ee0101;margin:0 auto;line-height:0px; font-size:0px; display:block;}
.formError .formErrorArrowBottom div{box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
.greenPopup .formErrorArrow div{background:#33be40;}
.blackPopup .formErrorArrow div{background:#393939;color:#FFF;}
.formError .formErrorArrow .line10{width:15px;border:none;} 
.formError .formErrorArrow .line9{width:13px;border:none;} 
.formError .formErrorArrow .line8{width:11px;} 
.formError .formErrorArrow .line7{width:9px;} 
.formError .formErrorArrow .line6{width:7px;} 
.formError .formErrorArrow .line5{width:5px;} 
.formError .formErrorArrow .line4{width:3px;} 
.formError .formErrorArrow .line3{width:1px; border-left:2px solid #ddd; border-right:2px solid #ddd; border-bottom:0px solid #ddd;} 
.formError .formErrorArrow .line2{width:3px;border:none;background:#ddd;}
.formError .formErrorArrow .line1{width:1px;border:none;background:#ddd;}

/* Cookie */
#acceptcookie{position:fixed;top:0;width:100%;background:#5E534F;z-index:100;color:#fff;text-align:center;padding:40px 0px;opacity:.9;-ms-filter:alpha(opacity=90);font-size:16px;margin:auto;left:0;right:0;line-height: 26px;}
#acceptcookie a {color:#ceb6ad;vertical-align:baseline;}
#acceptcookie a:hover {color:#fff;text-decoration:none;}
#acceptcookie button{background:#fff;border:none;color:#000;margin:0 0 0 10px;padding:3px;font-size:16px;line-height:16px;cursor:pointer;}