/* 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: #000; border:0; font:14px Georgia, "Times New Roman", Times, serif; color:#686868; line-height:24px; overflow:hidden; min-width:950px;}

.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); position: relative;}

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

.main {	margin: 0 auto;	width: 950px; position: relative}

.spinner{ background:url(../images/ajax-loader.gif) 50% 50% no-repeat #000; position: fixed; top:0; left:0; width:100%; height:100%; z-index:99;}


.bgSlider{ position:fixed}
.bg_spinner{ background:url(../images/ajax-loader.gif) 50% 50% no-repeat; position:absolute; z-index:1; left:411px; top:118px; width:128px; height:15px;}

.next, .prev{ position: fixed; width:79px; height:100%; display:block; top:0; background:url(../images/markers_bg.png) repeat;}
.next{ right:0px;}
.prev{ left:0px;}

.next img, .prev img{ position:absolute; top:50%; left:0; height:111px; width:79px; z-index:10}

.body1{ background:url(../images/bg_top.png) top repeat-x; position:relative; z-index:2}


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

a{ color:#686868; text-decoration: none; outline:none}
a:hover{ color:#dc9b00}
h1{ float:left; padding:20px 0 0 43px; background:url(../images/bg_logo.png) 0 0 no-repeat; width:897px; height:140px;}
h2{ font-size:44px; line-height:1.2em; text-transform:uppercase; font-weight:700; color:#000; letter-spacing:-1px; padding:24px 0 42px 0}
h2 span{ display:block; margin-top:-18px;}
h2.pad_bot1{ padding-bottom:28px;}
h3{ font-size:28px; color:#000; font-weight:700; letter-spacing:-1px; padding:39px 0 32px 0; line-height:1.2em; text-transform:uppercase}
p{ padding-bottom:24px;}

/* ============================= header ====================== */
header{ height:234px; position:relative; z-index:10}

#logo{ display: block; background:url(../images/Logo.png) 0 0 no-repeat; width:305px; height:70px; text-indent:-9999px; z-index:1;}

#search{ float:right; padding:35px 0 0 0; position:relative}
#search .input{ background:#f4f4f4; border:1px solid #b4b4b4; border-right:none; width:201px; padding:7px; font:14px Georgia, "Times New Roman", Times, serif; color:#000; line-height:17px; float:left; margin:0}
#search a{ float:left; width:92px; font-size:22px; line-height:30px; height:31px; color:#0d0d0d; text-align:center; background:#f5be00; border:1px solid #e4a600; font-weight:400}
#search a:hover{ color:#fff; border-color:#000; background:#000000}

#menu { padding-top:48px;}
#menu > li { float:left; width:158px; height:68px; position:relative}
#menu > #nav1{ width:159px; background:url(../images/menu_bg1.png) repeat}
#menu > #nav2{ background:url(../images/menu_bg2.png) repeat}
#menu > #nav3{ background:url(../images/menu_bg3.png) repeat}
#menu > #nav4{ background:url(../images/menu_bg4.png) repeat}
#menu > #nav5{ background:url(../images/menu_bg5.png) repeat}
#menu > #nav6{ background:url(../images/menu_bg6.png) repeat}
#menu > li > a{ display:block; font-size:26px; line-height:64px; position:relative; z-index:2; text-align:center; letter-spacing:-1px; font-weight:400}
#menu > li > span{ position:absolute; top:0; left:0; background:#f5be00; width:100%; height:100%; z-index:1}

#menu .ul_1{ position:absolute; background:#000000; padding:18px 42px; width:125px; top:68px; left:0; z-index:10}
#menu .ul_1 li{ font-size:18px; line-height:24px; position:relative;} 
#menu .ul_1 li a{ color:#fff; font-weight:400}

#menu .ul_2{ position:relative; padding-left:20px;}

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

#content{ height:930px; margin-top:50px; position:relative; z-index:1}
#content > ul > li{ position:relative; top:0; left:0; height:100%; width:100%; background:#ffffff}

.text{ width:100%; height:100%; position:relative; overflow:hidden; z-index:1}

.inner{ padding:20px 20px 20px 33px}

.close{ position:absolute; top:0; right:0; width:40px; height:40px; display:block; z-index:4}
.close img{ position:absolute; top:0; left:0; width:100%; height:100%}

.color1{color:#444343}
.color2{ color:#f5be00}
.color3{ color:#000}
.font1{ font-size:16px; display:inline-block; margin-top:-1px; padding-left:2px;}

.scroll_inner{ position:relative;}
.scroll{height:772px;width:380px; margin-bottom:-10px; padding-right:37px}
.track{ background:#a5a5a5; right:0; top:0; width:10px; position:absolute; height:733px; padding:20px 0}
.shuttle{ width:10px; height:65px; background:url(../images/scroll.jpg) 0 0 no-repeat}

.scroll2{ width:853px; height:733px; margin-bottom:-10px; padding-right:37px}
.track2{ background:#a5a5a5; right:0; top:0; width:10px; position:absolute; height:733px; padding:20px 0}

.scroll3{ width:492px; height:733px; margin-bottom:-10px; padding-right:36px}
.track3{ background:#a5a5a5; right:0px; top:0; width:10px; position:absolute; height:733px; padding:20px 0}


.pad_top1{ padding-top:5px;}
.pad_top2{ padding-top:10px;}
.pad_bot1{ padding-bottom:6px;}
.pad_bot2{ padding-bottom:20px;}
.pad_left1{ padding-left:0px;}
.marg_right1{ margin-right:12px;}

.link1{ color:#dc9b00; text-decoration:underline}
.link1:hover{ text-decoration: none}

.images a{ position:relative; display:block}
.images img{ position:relative; z-index:1}
.images div{ position:absolute; z-index:2; background:#000;}
.caption1{ width:208px; height:164px; padding:19px 0 0 22px; bottom:0; right:0;}

.images .marker{ position:absolute; background:url(../images/marker_1.png) 0 0 no-repeat; width:16px; height:27px; bottom:15px; right:12px; display:block}

.images a > span{ display:block; position: absolute; z-index:2; background:#000; line-height:18px; color:#c7c7c7;}
.images a > strong{ display:block; position: absolute; z-index:3; background:#f5be00; line-height:18px; color:#686868; font-weight:normal}
.images a > strong .color2{ color:#000}

.caption2{ width:201px; padding:30px 0 0 39px; height:115px; bottom:0; right:0;}
.caption3{ width:115px; padding:30px 0 0 18px; height:131px; top:0; left:0;}
.caption4{ width:154px; padding:28px 0 0 26px; height:117px; top:0; right:0;}
.caption5{ width:198px; padding:20px 0 0 33px; height:94px; bottom:0; left:0;}


.tittle{ width:600px; position:absolute; top:51px; left:282px; line-height:18px; color:#686868;}
.tittle span{ color:#000}


.images  .pad_bot1{ display:block;}

.map{ position:relative; margin-top:10px; margin-bottom:26px;}
.map figure{ position:relative;}
.map .top, .map .bot, .map .left, .map .right{ position:absolute; font-size:0; line-height:0; background:url(../images/border.png) repeat}
.map .top{ width:251px; height:4px; top:0; left:0}
.map .bot{ width:251px; height:4px; bottom:0; left:0}
.map .left{ width:4px; height:263px; left:0; top:4px}
.map .right{ width:4px; height:263px; right:0; top:4px}

.no-maps-mini{ height:271px;}

.address{ color:#8a8a8a; width:195px; font-size:15px; line-height:21px;}
.address p{ padding-bottom:21px}


/*--- tabs begin ---*/
.tabs {}
.tabs ul.nav { padding-top:2px;}
.tabs ul.nav li{ line-height:30px}
.tabs ul.nav li a{ padding-left:50px; background: url(../images/marker_2.gif) 0 3px no-repeat; font-weight:bold}
.tabs ul.nav li a:hover, .tabs ul.nav .selected a { color:#000;}
.tabs .tab-content { position:absolute}
/*--- tabs end ---*/


.list1 a{ color:#686868; text-decoration:none; background:url(../images/marker_3.gif) 0 5px no-repeat; padding-left:20px;}

.list2 li{ line-height:30px;}
.list2 li a{ padding-left:23px; background:url(../images/marker_4.gif) 0 5px no-repeat}

.list3 li strong{ padding-left:12px; background:url(../images/marker_4.gif) 0 5px no-repeat;}
.list3 li { padding-bottom:24px;}

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

footer { font-size:13px; line-height:22px; float:left; padding:0 7px; margin-bottom:18px; color:#a5a5a5; background:#000000}
footer a{ color:#a5a5a5}
footer a:hover{ color:#f5be00}

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

#contact_form { padding-top:25px;}
#contact-form { position:relative; line-height:12px;}
#contact_form .link1{ float:left; margin-right:18px; font-size:15px; padding-bottom:2px;}
#contact-form input {  width:333px; background: none; padding:9px 6px;  float:left; font:14px Georgia, "Times New Roman", Times, serif; color:#cccccc; height:17px; margin:0}
#contact-form textarea { overflow: auto;  width:489px; background: none; padding:9px 6px;  float:left; font:14px Georgia, "Times New Roman", Times, serif; color:#cccccc; height:154px; margin:0}
#contact-form fieldset {border:none; width:100%; overflow:hidden;}
#contact-form .rowElem {display:block;position:relative; width:100%; overflow:hidden; min-height:53px;}
#contact-form .textarea-box { width:100%;display:inline-block;position:relative; min-height:193px; overflow:hidden; padding-bottom:7px;}
#contact-form label {padding:0;display: none;	font-size:10px;	position: relative;font-size:11px; left:10px;top:3px; margin-bottom:0px}
#contact-form .error {color:#dc9b00;}
#contact-form fieldset {border:none;}
div#contact_form .download-box p{padding:16px 30px;background:#fff; border:4px solid #cccccc;}
#contact-form .bg{ float:left; background:#fff; border:4px solid #cccccc}