/* 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{ overflow: scroll; background:#000000; border:0; font:13px Arial, Helvetica, sans-serif; color:#878894; line-height:19px; min-width:1120px; position:relative}

.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 {	width:1120px; }
.relative{ position:relative;}

.block {height:42px;}
.extra {min-height:100%; height:auto !important; height:100%; margin: 0 auto -42px; width:100%; overflow:hidden; position:relative;}
body, html {height:100%;}

.body1{ background:#000; height:42px; position:relative; z-index:2}

#menu, #content{ display:none;}

.bg_img{ position:fixed; z-index:-1}

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

a{ color:#878894; text-decoration: none; outline:none}
a:hover{ color:#000}
h1{ float:left; padding:0 0 0 0; position:relative; left:-69px;}
h2{ font:52px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; color:#333333; line-height:1.2em; padding:5px 0 25px 0}
p{ padding-bottom:19px;}

/* ============================= header ====================== */
header{ padding-top:10px; width:100%; height:228px;}

#logo{ display:block; background:url(../images/logo.png) no-repeat; width:420px; height:137px; text-indent:-9999px;}

#menu { padding:30px 0 0 0; position:relative; z-index:99;}
#menu > li { float:left; width:143px; position:relative}
#menu > li > a { display:block; position:relative; z-index:3; font:20px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#3e3e3e; font-weight:bold; text-align:center
; line-height:60px; height:61px;}
#menu > li > span{ display:block; background:url(../images/menu_bg.gif) top left no-repeat #d9d9d9; position:absolute; z-index:1; width:100%; height:100%}
#menu > li > strong{ display:block; background:url(../images/hover_mask2.png) -310px -30px no-repeat; z-index:2; position:absolute; width:100%; height:100%}
#menu > li:hover > a, #menu > .active > a{ color:#fff}
#menu > .active > a{backgroundPosition:-80px -30px !important}

#menu > .end > strong{border-radius:0 30px 30px 0; -moz-border-radius: 0 30px 30px 0; -webkit-border-radius: 0 30px 30px 0;}
#menu > .end > span{ background:url(../images/menu_end.png) 0 0 no-repeat}

#menu .ul_1, #menu .ul_2{ position:absolute; top:61px; width:100%}
#menu .ul_1 li{ position:relative; width:100%; background:url(../images/menu_bg2.jpg) 0 0 no-repeat #000; line-height:34px;}
#menu .ul_1 .end{background:url(../images/menu_last.png) 0 0 no-repeat;}
#menu .ul_1 .first{ background:url(../images/menu_first.png) 0 0 no-repeat; width: 100% !important;}
#menu .ul_1 li > a{ display:block; color:#bab9b9; padding-left:14px;}
#menu .ul_1 li:hover > a{ color:#fff; font-weight:bold;}

#menu .ul_2{ top:0; left:144px;}
#menu ul{ display:none;}


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

#content{ height:0; padding-top:22px; padding-bottom:70px; width:100%; position:relative}

#content article{ width:100%; height:100%; position: absolute; top:22px; height:0;}

.box{ width:943px; height:100%; background: url(../images/content_box.png) 0 0 no-repeat; position:absolute; z-index:2}

.close{ position:absolute; right:92px; top:56px; width:104px; position:absolute; z-index:-991; display:block; height:44px; background:url(../images/close.png) 0 0 no-repeat; cursor:pointer}

.inner{ padding:20px 19px 20px 82px;}

/*================ScrollPane==========================*/
.scroll-pane, .scroll{ height:598px; padding-right:20px; overflow:auto; position:relative; z-index:99}
.jScrollPaneContainer {position: relative;overflow: hidden;z-index: 1; width:100% !important}
.jScrollPaneTrack {	position: absolute;	cursor: pointer;right: 0px;top: 0;height: 100%; background:url(../images/scroll_track.gif) 0 0 repeat-y}
.jScrollPaneDrag {position: absolute;background: url(../images/scroll_drag.jpg) 0 0 no-repeat;cursor: pointer;overflow: hidden;}
.jScrollPaneDragTop {position: absolute;top: 0;left: 0;overflow: hidden;}
.jScrollPaneDragBottom {position: absolute;bottom: 0;left: 0;overflow: hidden;}
a.jScrollArrowUp {	display: block;	position: absolute;	z-index: 1;	top: 0;	right: 0px;	text-indent: -2000px;	overflow: hidden;height: 37px;background: url(../images/scroll_arrow_up.jpg) no-repeat;}
a.jScrollArrowDown {	display: block;	position: absolute;	z-index: 1;	bottom: 0;right:0px;text-indent: -2000px;overflow: hidden;height: 37px;background: url(../images/scroll_arrow_down.jpg) no-repeat}

.scroll-pane .inner{ padding:5px 0}

.pad_left1{ padding-left:45px;}
.pad_left2{ padding-left:30px;}
.pad_bot1{ padding-bottom:40px;}
.pad_bot2{ padding-bottom:23px;}
.pad_bot3{ padding-bottom:13px;}
.pad_top1{ padding-top:4px;}
.marg_right1{ margin-right:20px;}

.font1{ font-size:15px; line-height:20px; color:#111111; }
.color1{ color:#000000}
a.color1:hover{ text-decoration:underline}

.button1{ display:inline-block; font:20px "Trebuchet MS", Arial, Helvetica, sans-serif; background:url(../images/button_bg.gif) top repeat-x #000; font-weight:bold; line-height:36px; height:37px; padding:0 13px;border-radius:20px ; -moz-border-radius:20px; -webkit-border-radius:20px; position:relative;}
.button1 a{ color:#fff; position:relative; z-index:2}
.button1 span{ background:url(../images/hover_mask.png) -310px -45px no-repeat; width:100%; height:100%; position:absolute; z-index:1; display:block; top:-1px; left:-1px; padding-right:2px; padding-bottom:2px;border-radius:20px ; -moz-border-radius:20px; -webkit-border-radius:20px; }
.button1:hover a{ color:#3e3e3e}

/*--- tabs begin ---*/
.tabs { width:100%; overflow:hidden; min-height:500px;}
.tabs ul.nav { width:161px; float:left; padding-top:4px;}
.tabs ul.nav li{ line-height:34px}
.tabs ul.nav li a{ color:#333333; padding-left:13px; background: url(../images/tabs.gif) top repeat-x #d8d8d8; display:block;}
.tabs ul.nav .first a{ background:url(../images/tabs_first.jpg) 0 0 no-repeat;}
.tabs ul.nav .first a:hover, .tabs ul.nav .first.selected a{ background:url(../images/tabs_first_active.jpg) 0 0 no-repeat}
.tabs ul.nav .end a{ background:url(../images/tabs_end.jpg) 0 0 no-repeat}
.tabs ul.nav .end a:hover, .tabs ul.nav .end.selected a{ background:url(../images/tabs_end_active.jpg) 0 0 no-repeat}
.tabs ul.nav li a:hover, .tabs ul.nav .selected a { color:#fff; font-weight:bold; background:url(../images/tabs_active.gif) top repeat-x #010101}
.tabs .tab-content { padding-left:45px; width:545px; float:left; display:none}
/*--- tabs end ---*/

.tittle{ display:block; background:url(../images/tittle_bg.gif) 0 0 repeat-x #d8d8d8; font-weight:bold; line-height:46px; height:48px; color:#000; padding:0 12px; border-radius:18px ; -moz-border-radius:18px; -webkit-border-radius:18px; margin-top:2px; margin-bottom:34px;}

.list1{ margin-top:-5px;}
.list1 li{ line-height:29px; border-bottom:1px solid #878894}
.list1 .end{ border-bottom:0;}
.list1 li a{ padding-left:13px; background:url(../images/marker_1.gif) 1px 6px no-repeat}
.list1 li a:hover{ color:#000}

.list2{}
.list2 li{}
.list2 li a{ padding-left:13px; background:url(../images/marker_1.gif) 1px 6px no-repeat}
.list2 li a:hover{ color:#000;}

iframe{ border:1px solid #a29d98; margin-bottom:27px;}
.address{ font-size:14px; line-height:20px; padding-bottom:20px; width:190px;}
.address span{ color:#333333; float:right}
.address a{ color:#333333; text-decoration:underline; font-style:italic}
.address a:hover{ text-decoration:none}

.enter_button{ display:block; position:absolute; right:18%; bottom:80px; background:url(../images/enter_button.png) no-repeat; width:230px; height:61px; text-align:center;}
.enter_button a{ display:block; position:relative; z-index:2; font:34px "Trebuchet MS", Arial, Helvetica, sans-serif; line-height:60px; color:#3e3e3e; font-weight:bold;}
.enter_button a span{ color:#000;}
.enter_button strong{ display:block; position:absolute; top:0; left:0; width:100%; height:100%;border-radius:28px ; -moz-border-radius:28px; -webkit-border-radius:28px; background:url(../images/hover_mask3.png) -410px -30px no-repeat; z-index:1}
.enter_button:hover a{ color:#fff}
.enter_button:hover a span{ color:#d8d8d8}

#icon{ position:absolute; bottom:66px; right:3px;}
#icon li{ float:left; position:relative; padding-right:2px; overflow:hidden; width:70px; height:70px;}
#icon li a{ position:relative;width:100%; height:100%; display:block; font-size:0; line-height:0; z-index:5}
#icon li img{ position:relative;width:100%; height:100%; z-index:1}
#icon li span{ display:block; background:url(../images/icon_hover.png) 0 bottom no-repeat; width:62px; height:0px; position: absolute; top:4px; left:4px; z-index:2; border-radius:12px ; -moz-border-radius:12px; -webkit-border-radius:12px;}
#icon li strong{ display:block; position:absolute; width:100%; height:100%; cursor:pointer; top:0; left:0; z-index:5}

/* Tooltips */
.aToolTip {	border:1px solid #000; background: url(../images/opacity_50_black.png) repeat; color:#fff;	margin:0; padding:2px 10px; font-size:11px;	}
.aToolTip .aToolTipContent { position:relative;	margin:0; padding:0; }

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

footer { font-size:12px; color:#6b6c6c; text-transform:uppercase; padding:0 20px; line-height:40px;}
footer a{ color:#fff}
footer a:hover{ color:#6b6c6c}

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

#contact-form { width:367px; margin-top:-7px;}
#contact-form .button1{ float:right}
#contact-form input {  width:247px; background: #fff; padding:2px 5px;  float:left; font:13px Arial, Helvetica, sans-serif; color:#878894; height:15px;}
#contact-form textarea { overflow: auto; width:355px; background: #fff; padding:2px 5px;  float:left; font:13px Arial, Helvetica, sans-serif; color:#878894; height:126px; margin:0}
#contact-form fieldset {border:none; width:100%; overflow:hidden;}
#contact-form .rowElem {display:block;position:relative; width:100%; overflow:hidden; min-height:50px}
#contact-form .textarea-box {position:relative; min-height:163px; overflow:hidden; padding-bottom:20px; width:100%}
#contact-form label {padding:0;display: none;	font-size:10px;	position: relative;font-size:11px; left:10px;top:1px; margin-bottom:0px}
#contact-form .error {color:red;}
#contact-form fieldset {border:none;}
div#contact_form .download-box{
	 border:1px solid #a09b96;
}
div#contact_form .download-box p{
	padding:16px 30px; background:#fff; 
}

#contact-form .bg{ border:1px solid #a09b96; float:left;}