/* 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_img.jpg) top center no-repeat; border:0; font:10px Arial, Helvetica, sans-serif; color:#969292; line-height:18px; text-transform:uppercase; min-width:920px; min-height:710px;}

.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); behavior: url(js/PIE.htc); position: relative;}

html, body{ height:100%}

.main_box{ position:relative; width:920px; margin:0 auto; z-index:1; top:50%;}

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



.main { overflow:hidden; position: relative; z-index:1; width:920px; z-index:1; margin-top:-355px}


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

a{ color:#969292; text-decoration: underline; outline:none}
a:hover{ text-decoration: none}
h1{ float:left;  padding:28px 0 0 7px}
h2{ font-size:36px; font-weight:600; color:#FFF; line-height:48px; padding:23px 0 15px 0; text-transform:none}
p{ padding-bottom:18px;}

/* ============================= header ====================== */
header{ width:100%; overflow:hidden}

#logo{ float:left; background:url(../images/logo.gif) 0 0 no-repeat; padding:0 0 0 55px; font-size:36px; color:#fff; line-height:48px; text-transform:none; text-decoration:none; letter-spacing:-1px; font-weight:700}
#slogan{ font-weight:bold; padding:16px 0 0 23px; float:left; color:#786e6c}
#slogan span{ color:#fff;}

#user_area{ padding:44px 16px 0 0 }
#user_area a{ color:#fff; text-decoration:none; font-weight:bold; float:right;}
#user_area a:hover{ text-decoration:underline}


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

.box{ width:100%;background:url(../images/bg_opacity_30.png) repeat; padding:14px 0;margin-top:21px;}

#content{ padding-bottom:70px; position:relative; z-index:1;}


.cc_menu{	width:920px; /*140px * 5*/	height:432px;	position:relative;	overflow:hidden; z-index:1}
.cc_item{	width:184px;	height:432px;	float:left;	position:relative	}
.item1{ background: url(../images/bg1.gif) top repeat-x}
.item2{ background: url(../images/bg2.gif) top repeat-x}
.item3{ background: url(../images/bg3.gif) top repeat-x}
.item4{ background: url(../images/bg4.gif) top repeat-x}
.item5{ background: url(../images/bg5.gif) top repeat-x}

.item1 .cc_title{ background: url(../images/bg1.gif) 0 -265px repeat-x}
.item2 .cc_title{ background: url(../images/bg2.gif) 0 -265px repeat-x}
.item3 .cc_title{ background: url(../images/bg3.gif) 0 -265px repeat-x}
.item4 .cc_title{ background: url(../images/bg4.gif) 0 -265px repeat-x}
.item5 .cc_title{ background: url(../images/bg5.gif) 0 -265px repeat-x}

.item1 .cc_submenu ul li:hover{ background:#642f6b}
.item2 .cc_submenu ul li:hover{ background:#b3404d}
.item3 .cc_submenu ul li:hover{ background:#c35a3d}
.item4 .cc_submenu ul li:hover{ background:#ffaa49}
.item5 .cc_submenu ul li:hover{ background:#4f9b8b}

.cc_title{	color:#fff;	font-size:20px; font-weight:700;	top:265px;	left:0;	position:absolute; line-height:36px;	 padding: 0 3px 0 11px;	width:150px;	display:block;	z-index:20;}

.cc_submenu ul{	list-style:none;	width:184px;	margin:0;	padding:0;	height:0px; /*increase to 200px to slide up*/	overflow:hidden;	text-align:left; background:url(../images/bg_opacity_95.png) repeat;	position:absolute;	left:0px;	bottom:-20px;	z-index:13; padding-top:20px}
.cc_submenu ul li{ line-height:34px; font-size:16px;cursor:pointer;color:#fff; padding-left:11px; font-weight:700}
.cc_item img{	position:absolute;	width:184px;	height:432px;	top:-432px;	left:0px;}
.cc_content{	width:736px;	height:432px;	position:absolute;left:-736px;background:#352e2d;overflow:hidden;}
.cc_content section{	display:none;}

.line1{ background:url(../images/line_ver.gif) 395px 0 repeat-y; width:100%; overflow:hidden; height:432px;}
.line2{ background:url(../images/line_ver.gif) 340px 0 repeat-y; width:100%; overflow:hidden; height:432px;}

.pad{ padding:0 32px;}
.pad_bot1{ padding-bottom:18px;}
.marg_right1{ margin-right:25px;}
 
.font1{ color:#fff; padding-bottom:4px;}

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

.button{ position:absolute; right:-150px;z-index:20}
.button div{ display: none}

span.cc_back{position:absolute; top:-20px;right:0px; width:126px; height:29px;cursor:pointer;	color:#1d1716; font-size:21px; font-weight:700; text-transform:none; line-height:29px; display:inline-block; background:url(../images/back_bg.gif) top repeat-x; }
span.cc_back span{ display:block; background:url(../images/back_right.gif) top right no-repeat}
span.cc_back span span{ padding:0 15px 0 35px;background:url(../images/back2.gif) top left no-repeat}
span.cc_back:hover{}

.cc_content_1 span.cc_back span span{ background:url(../images/back1.gif) top left no-repeat}
.cc_content_2 span.cc_back span span{ background:url(../images/back2.gif) top left no-repeat}
.cc_content_3 span.cc_back span span{ background:url(../images/back3.gif) top left no-repeat}
.cc_content_4 span.cc_back span span{ background:url(../images/back4.gif) top left no-repeat}
.cc_content_5 span.cc_back span span{ background:url(../images/back5.gif) top left no-repeat}
span.cc_back span span{ background:url(../images/back1.gif) top left no-repeat}

.cc_content img{ padding-top:5px;}

.list1 li{ line-height:25px;}
.list1 li a{ text-decoration:none; padding-left:19px; background:url(../images/marker_1.gif) 0 3px no-repeat;}
.list1 li a:hover{ color:#fff; text-decoration:underline}

#cont_privacy, #cont_read_more1, #cont_read_more2, #cont_read_more3, #cont_read_more4, #cont_read_more5, #cont_read_more6, #cont_read_more7, #cont_read_more8{ position:absolute; z-index:2; width:920px; height:432px; background:#352e2d; right:-920px; top:111px; display:none}


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

footer { padding:13px 23px 13px 20px; background:url(../images/bg_opacity_30.png) repeat; color:#554846; line-height:16px;}
footer a{ color:#fff; text-decoration:none}
footer a:hover{ text-decoration: underline}

#icons{ float:right;}
#icons li{ float:left; padding-left:6px;}
#icons a{ width:16px; height:16px; float:left;}

#icon1{ background:url(../images/icon1.gif) no-repeat}
#icon1:hover{ background:url(../images/icon1_active.gif) no-repeat}
#icon2{ background:url(../images/icon2.gif) no-repeat}
#icon2:hover{ background:url(../images/icon2_active.gif) no-repeat}
#icon3{ background:url(../images/icon3.gif) no-repeat}
#icon3:hover{ background:url(../images/icon3_active.gif) no-repeat}
#icon4{ background:url(../images/icon4.gif) no-repeat}
#icon4:hover{ background:url(../images/icon4_active.gif) no-repeat}

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

#ContactForm { padding-top:5px; width:266px}
#ContactForm a{ margin-left:20px}
#ContactForm .input {width:254px; height:12px; border:1px solid #201c1b; background:#4a4342; padding:6px; margin-bottom:10px;color:#8c8c8c; text-transform:uppercase; font:10px Arial, Helvetica, sans-serif}
#ContactForm textarea { overflow: auto;width:254px; height:157px; border:1px solid #201c1b; background:#4a4342; padding:6px; margin-bottom:33px;color:#8c8c8c; text-transform:uppercase; font:10px Arial, Helvetica, sans-serif}