/* 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: url(../images/bg.jpg) top center repeat; border:0; font:19px Arial, Helvetica, sans-serif; color:#999999; line-height:18px; min-width:940px;}
body, html{ height: 100%; }

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

.main {	margin:0 auto;	width: 940px; height:750px; position: relative; top:50%; margin-top:-375px;}


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

a{ color:#fff; text-decoration: none; outline:none}
a:hover{ color:#ffb200}
h1{ float:left; padding:0 0 0 1px}
h2{ font-size:26px; line-height:33px; color:#ffb200; padding:30px 0 0 0; background:url(../images/bg.jpg) repeat}
h3{ font-size:22px; line-height:1.2em; color:#fff; text-align:right; padding:32px 0 32px 0; background:url(../images/bg.jpg) repeat}
h3 a{ color:#fff;}
h3 a:hover{ color:#ffb200}


h6{ font-size:22px; line-height:1.2em; color:#fff; text-align:left; padding:32px 0 32px 0; background:url(../images/bg.jpg) repeat}
h6 a{ color:#fff;}
h6 a:hover{ color:#ffb200}

p{ padding-bottom:18px;}

/* ============================= header ====================== */
header{ height:100px; padding-top:40px; position:relative; z-index:99}

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

#menu { position:absolute; background:url(../images/menu_bg.jpg) no-repeat; width:344px; height:387px; position:absolute; right:10px; top:-800px; padding:7px 0 0 130px}
#menu li {}
#menu li a{ display:block; font-size:46px; color:#fff; line-height:98px; font-family:Georgia, "Times New Roman", Times, serif}
#menu li a:hover{ color:#ffb200}

#menu2{ display:none; float:right; padding:5px 50px 0 0}
#menu2 li { float:left; padding-right:22px; background:url(../images/menu_line.gif) right 7px no-repeat; margin-right:13px;}
#menu2 .end{ padding-right:0; margin-right:0; background:none}
#menu2 li a{ display:block; font-size:30px; line-height:1.2em; background:url(../images/bg.jpg) repeat}
#menu2 .active a{ color:#ffb200}

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

#content{ height:360px;}

#content article{ display:none; position: relative}

figure{ position:relative; float:left}
figure a{ position:relative; width:141px; height:141px; display:block;}
figure img{ position: absolute; width:100%; height:100%; top:0; left:0}


.pad_top1{ padding-top:65px;}
.pad_bot1{ padding-bottom:30px;}
.marg_right1{ margin-right:10px;}
.pad_left1{ padding-left:20px;}

#page_0 h2{ float: left; width:460px;  margin-left:15px; margin-right:20px; text-align:left;}
#page_1 h2{ float: left; width:460px;  margin-right:20px; text-align:right;}
#page_2 .pad_top1{ padding-top:26px;}
#page_3 h2{ text-align:right;}

.link1{ font-size:22px; line-height:24px; color:#ffb200; display:inline-block; margin-top:12px; margin-bottom:37px; padding-bottom:2px; background:url(../images/bg.jpg) repeat}






.pp_nav{ color:#000;padding-bottom:0; }
.pp_description{ padding-bottom:0; color:#000;}
.pp_details{ margin-bottom:-15px !important;}

#slideshow{ height:240px;width:100%; overflow:hidden; margin-bottom:19px;}
#slideshow p{ text-align:right; width:100%; height:220px;}
#slideshow div{ background: none !important; width:100% !important;}

#slideshow2 {
	position: relative;
	width: 450px;
	height: 200px;
	overflow: hidden;
	
}
#slideshow2 img {
	position: absolute;
	left: 0;
	top: 0;
	width: 450px;
	height: 200px;
}
#pause1, #pause2 {
	z-index:100;
}

.next, .prev{ float:right; width:38px; height:38px; position:relative; display:block; }
.prev{ margin-right:2px;}
.next img, .prev img{ position:absolute; top:0; left:0}

.pagination{ position:absolute; width:382px; height:382px; top:57px; right:0}
.pagination a{ position:absolute; width:0%; height:0%; cursor: default; display:block; z-index:1; top:191px; left:191px}
.pagination a img{ width:100%; height:100%}

.pagination .active{ z-index:3}


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

footer { font-size:12px; line-height:1.2em; color:#ffb200; padding-top:200px;}
footer a{}
footer a:hover{}

#contats{ font-size:19px; line-height:1.2em; float:left; padding-left:25px; margin-top:-225px;}

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

#contact-form { padding-top:4px;}
#contact-form .link1{ float:right;}
#back{ float:right;}
#contact-form input {  width:370px; background: none; padding:7px 8px;  float:left; font:14px Arial, Helvetica, sans-serif; color:#fff; height:16px;}
#contact-form textarea { overflow: auto;width:564px; background: none; padding:7px 8px;  float:left; font:14px Arial, Helvetica, sans-serif; color:#fff; 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:36px}
#contact-form .textarea-box { width:100%;display:inline-block;position:relative; min-height:152px; overflow:hidden;}
#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:#fff;}
#contact-form fieldset {border:none;}
div#contact_form .download-box p{
	padding:16px 30px;background: url(../images/bg_form.jpg) repeat; border:1px solid #eea803;border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;
}
#contact-form .bg{ float:left;background: url(../images/bg_form.jpg) repeat; border:1px solid #eea803;border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; height:30px;}
#contact-form .textarea-box .bg{ height:140px;}