/* 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%;}
.clear{ clear:both}

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

body{ background:#fff; border:0; font:13px Arial, Helvetica, sans-serif; color:#878894; line-height:19px; min-width:1000px;}

.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 ============================================================= */

body, html{ width:100%; height:100%}
.block {height:173px;}
.extra {min-height:100%; height:auto !important; height:100%; margin: 0 auto -173px;}

.main {	width:1000px;}

.buttons{ width:470px; position: absolute; z-index:10; right:80px; bottom:100px; height:100px; background-color:#1f2026;}

.bgSlider{ position:fixed}

.next, .prev{ position:absolute; z-index:10; width:32px; height:50px; display:block; top:25px;}
.next{ right:40px;}
.prev{ right:88px;}

.next img, .prev img{ position:absolute; top:0%; left:41px; height:100%; width:0%; max-width:83px; z-index:8}

.bg_spinner{ width:100%; height:100%; position:fixed; z-index:0; background:url(../images/ajax-loader.gif) 50% 50% no-repeat}

.body1{ background: url(../images/footer_bg.gif) top repeat-x #000; height:61px; position:relative; top:112px;}

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

a{ color:#2a2a2a; text-decoration: none; outline:none}
a:hover{ color:#f77b0c}
h1{ position:relative;  float:left; left:20px; padding-top:20px; }
h2{ font:52px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#323232; font-weight:bold; line-height:1.2em; padding:7px 0 30px 0}
p{ padding-bottom:19px;}

/* ============================= header ====================== */
.header{ height:135px; top:0px; position:relative; z-index:99; background-color:#1d1f2b; min-width:1000px}

#logo{ display:block;  height:35px; position:relative; top:0px; left:0px}
#logo img{ position:relative; float:left}
#logo span{ display:block; position:relative; float:left; color:#d0d0d0; font-size:24px; text-transform:uppercase; line-height:24px; padding-top:5px; padding-left:10px}

#menu { padding:0px 0 0 4px; background-color:#323234; border-top:3px #ff1616 solid; margin-top:20px; clear:both; height:60px; min-width:1000px; white-space:nowrap!important;}
#menu > li { float:left; position:relative;  height:61px; white-space:nowrap}
#menu > li > a{ display:block;  color:#fff; position:relative; text-transform:uppercase; font-weight:bold; line-height:24px; cursor:pointer; padding:0px 0px 0px 0px; font-size:24px; width:164px; text-align:center; height:24px}
#menu > li > em{ position: absolute; top:0; left:0; width:100%; overflow:hidden; height:100%; display:block; background:url(../images/menu_hover.jpg) 0px -100px no-repeat; z-index:0}
#menu > li > a strong{ position:relative; z-index:100; display:block; height:24px;  padding:18px 0px }


#menu .ul_1{ position:absolute; top:60px; width:250px; background-color:#323234;}
#menu .ul_1 > li, #menu .ul_2 > li{ border-bottom:1px #6f7178 solid; width:auto; position:relative}
#menu .ul_1 > li > a, #menu .ul_2 > li > a{ display:inline-block; position:relative; font-size:12px; color:#eaeaea; line-height:22px; cursor:pointer; font-size:22px; text-transform:uppercase; padding:10px 15px 6px}

#menu .ul_1 > li:hover, #menu .ul_2 > li:hover{ color:#fff; background-color:#ff1616}
#menu .ul_2{ position:absolute; top:60px; width:250px; background-color:#323234;}



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

#content{ height:0px; padding-top:76px; padding-bottom:50px; width:100%; position:relative; overflow:hidden; display:none;}
#content .article{ width:100%; height:100%; position: absolute; top:76px; height:508px;}
.box{ width:960px; height:496px; background: url(../images/bg_content.png) 0 0 repeat; position: relative; z-index:2; float:left;}
.box .inner{ padding:50px 30px 20px 30px; color:#e9e9e9; }

.close{ position: relative; left:0px; top:0px; width:30px; z-index:1; display:block; height:496px; background:#000 url(../images/close.gif)  100% 0 no-repeat; cursor:pointer; overflow:hidden; float:left}

h2{ color:#fff; font-size:24px; line-height:24px; margin:0; padding:0; text-transform:uppercase; white-space:nowrap; padding-bottom:20px; padding-top:10px}
h2 span{ color:#ff1616}

.grid_1{ width:300px;}
.grid_2{ width:530px;}
.grid_3{ width:47%;}
.right_20{ margin-right:20px;}
.photo{ border:4px #e9e9e9 solid; margin-top:3px}

.box .inner b{ text-transform:uppercase; display:block; padding-bottom:6px}

/*===================== Scroll =====================*/
.scroll-pane {	overflow:hidden; }
.jScrollPaneContainer {	position: relative;	overflow:hidden	;	z-index: 1;}

.scroll-pane img{ height:87px}


.jScrollPaneTrack {	position: absolute;	cursor: pointer;	right: 0;	top: 0;	background: #000; width:18px!important;}
.jScrollPaneDrag {	position: absolute;	background:#acacac ;	cursor: pointer;	overflow: hidden;	right:2px;	width:14px!important; 
 }
.jScrollPaneDrag:hover{ background:#ccc}
.jScrollPaneDragTop { position: absolute;	top: 0;	left: 0; overflow: hidden; height:0px;}
.jScrollPaneDragBottom { overflow: hidden; height:0px; }

a.jScrollArrowUp {	display: block;	position: absolute;	z-index: 1;	top: 0;	right: 0px;	text-indent: -2000px; overflow: hidden;	height: 19px; background:url(../images/top.png) left top no-repeat; width:18px!important;}

a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0;	right: 0px;	text-indent: -2000px; overflow: hidden; height: 19px; background:url(../images/foot.png) left bottom no-repeat; width:18px!important}

a.jScrollArrowUp:hover{ background-position: left bottom }
 a.jScrollArrowDown:hover{ background-position: left top }


.box .inner a{ color:#e9e9e9; text-decoration:underline}
.box .inner a:hover{ color:#fff; text-decoration:none}




span.slogan{ color:#eeeeee; font-size:30px; text-transform:uppercase; line-height:35px; display:block; padding-top:15px; padding-left:20px}
span.slogan span{ color:#db0300}




.button1{ display:inline-block; background:url(../images/button1_bg.gif) top repeat-x #000; position:relative; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;}
.button1 a{ position:relative; display:block; font:18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; line-height:18px; height:18px; padding:10px 28px; z-index:2; text-decoration:none!important}
.button1 span{ display:block; position:absolute; width:100%; height:100%;border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; z-index:1; background:url(../images/menu_hover.png) 50% -250px no-repeat; text-decoration:none}

.under{ padding-bottom:32px; background:url(../images/line_hor1.png) bottom center no-repeat; margin-bottom:34px;}

.list1{ padding-top:4px;}
.list1 li{ padding-left:29px; background:url(../images/marker_2.png) 0 4px no-repeat; line-height:18px; padding-bottom:15px;}
.list1 li a{ color:#f77b0c;}
.list1 li a:hover{ color:#000}

/* Tooltips */
.aToolTip {	border:1px solid #fff; background: #f77b0c; color:#fff;	margin:0; padding:2px 10px; font-size:11px;	}
.aToolTip .aToolTipContent { position:relative;	margin:0; padding:0; }




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

div.footer { height:61px; background:url(../images/bg_footer.jpg) left repeat-x}
div.footer div.copy{ color:#5d5c62; font-size:11px; font-family:Arial, Helvetica, sans-serif; line-height:14px; padding-top:15px; padding-left:30px}
div.footer div.copy a{ color:#a9a9a9; text-decoration:underline}
div.footer div.copy a:hover{ color:#fff; text-decoration:none}

div.footer div.right{ padding-right:10px; padding-top:20px}
div.footer div.right a{ display:block; width:32px; height:32px; float:right; background-position:top; background-repeat:no-repeat; margin-right:8px} 
div.footer div.right a:hover{ background-position:bottom}
div.footer div.right a.social_1{ background-image:url(../images/social_1.png)}
div.footer div.right a.social_2{ background-image:url(../images/social_2.png)}
div.footer div.right a.social_3{ background-image:url(../images/social_3.png)}
div.footer div.right a.social_4{ background-image:url(../images/social_4.png)}

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

#ajax-contact-form { padding-top:4px;}

#back{ float:right;}
#ajax-contact-form input {  width:400px; background: #1b1b1b; padding:6px 10px;  float:left; font:13px Arial, Helvetica, sans-serif; color:#fff; height:17px; border:1px #696467 solid}
#ajax-contact-form textarea { overflow: auto; width:400px; background: #1b1b1b; padding:6px 10px;  float:left; font:13px Arial, Helvetica, sans-serif; color:#fff; height:90px; margin:0; border:1px #696467 solid}
#ajax-contact-form fieldset {border:none; width:100%; overflow:hidden;}
#ajax-contact-form .rowElem {display:block;position:relative; width:100%; overflow:hidden; min-height:35px}
#ajax-contact-form .textarea-box { width:100%;display:inline-block;position:relative; margin-bottom:5px}
#ajax-contact-form label {padding:0;display: none;	font-size:10px;	position: relative;font-size:11px; left:10px;top:1px; margin-bottom:0px}

/*==========================================*/

.notification_error{ height: auto;width: 96%;padding: 4px;background: #1b1b1b; text-align: left; color:#f00; margin-bottom:5px; border: 1px solid #696467; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.notification_ok{ border: 1px #696467 solid; height: auto; width: 96%; padding: 8px; background: #1b1b1b; text-align: center; color:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} 
.info_fieldset { border: 0px #dddddd solid; }
.info_fieldset legend { border: 0px #dddddd solid;  color: black;   font: 13px Verdana;  padding: 2px 5px 2px 5px;  }


INPUT#submit{ position:relative; display:block; font:18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; line-height:18px; padding:0px 28px 0px 28px; z-index:2; text-decoration:none!important; cursor:pointer; width:100px; margin:0; height:30px; text-align:center}
INPUT#submit:hover{}