@import "reset.css";


/* 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;}
.clear{ clear:both}
.right_20 { margin-right:15px}
.right_21 { margin-right:21px}



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

body{ background:#000 url(../images/bg_site.jpg) top no-repeat; border:0; color:#969292; line-height:18px; font-family:Times New Roman}
html{ height:99%}
body{ height:99%}
.main_box{ position:relative; width:1000px; margin:0 auto; z-index:1; top:50%;}

a{ color:#ececec; text-decoration: underline; outline:none}
a:hover{ text-decoration: none}
.main { overflow:hidden; position: absolute;  width:1000px; z-index:1; margin-top:-350px}
#logo{ display:block; width:411px; height:60px; background:url(../images/logo.png) top no-repeat; margin:20px 0px 20px 40px; float:left}

.grid_10{ width:280px; padding-top:10px; line-height:24px; color:#ececec; font-size:20px}
a.mail{ font-size:20px; color:#ececec; position:relative; display:block}
/* ============================= content ====================== */

.box{ width:100%; background: url(../images/bg_main.png) top repeat; width:1000px;}

#content{  position:relative; z-index:1;}


.cc_menu{	width:998px;	height:554px;	position:relative;	overflow:hidden; z-index:1; border-left:2px #000 solid}
.cc_item{	width:165px;	height:554px;	float:left;	position:relative; border-right:1px #000 solid}
.item1{ background:#e7e4de}
.item2{ background:#d5d2cd}
.item3{ background: #c4c1bc}
.item4{ background: #b2afab}
.item5{ background: #9f9c98}
.item6{ background: #898784}

.item1 .cc_title{ background: url(../images/bg_pin.png) top no-repeat}
.item2 .cc_title{ background: url(../images/bg_pin.png) top no-repeat}
.item3 .cc_title{ background: url(../images/bg_pin.png) top no-repeat}
.item4 .cc_title{ background: url(../images/bg_pin.png) top no-repeat}
.item5 .cc_title{ background: url(../images/bg_pin.png) top no-repeat}
.item6 .cc_title{ background: url(../images/bg_pin.png) top no-repeat}



.cc_title{	color:#dcd9d4;	font-size:25px; font-weight:700;	top:400px;	left:0;	position:absolute; line-height:36px;	 padding: 0 3px 0 15px;	width:140px;	display:block;	z-index:20; height:70px; font-family:Times New Roman; position:relative;  }
.cc_title small{ color:#797670; font-size:14px; display:block; font-weight:normal; line-height:12px}

.cc_submenu ul{	list-style:none;	width:165px;	margin:0;	padding:0;	height:556px; /*increase to 200px to slide up*/	overflow:hidden;	text-align:left; background:none;	position:absolute;	left:0px; bottom:0; z-index:1000}
.cc_submenu ul li{  position: absolute; width:165px!important; height:556px!important; z-index:1000; left:0; top:0; background: url(../images/spacer.gif) top repeat;	cursor:pointer!important; }

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


.cc_item img{	position:absolute;	width:165px; height:554px; left:0px; top:0px;  }
.cc_content{	width:828px;	height:556px;	position: absolute!important; left:170px!important; background:#000; overflow:hidden; top:0}
div.section{ display:none;}


.cc_content_1 span.cc_back { background:#363636 url(../images/bg_close.gif) 50% 50% no-repeat}
.cc_content_2 span.cc_back { background:#363636 url(../images/bg_close.gif) 50% 50% no-repeat}
.cc_content_3 span.cc_back { background:#363636 url(../images/bg_close.gif) 50% 50% no-repeat}
.cc_content_4 span.cc_back { background:#363636 url(../images/bg_close.gif) 50% 50% no-repeat}
.cc_content_5 span.cc_back { background:#363636 url(../images/bg_close.gif) 50% 50% no-repeat}
.cc_content_6 span.cc_back { background:#363636 url(../images/bg_close.gif) 50% 50% no-repeat}

span.cc_back{ position:absolute; top:-10px; right:0px; width:130px; height:30px; cursor:pointer; display:block; z-index:120 }



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

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

.footer { padding:15px 23px 15px 20px; background:url(../images/bg_opacity_30.png) repeat; color:#726f6a; line-height:16px; font-size:14px; font-family:Times New Roman; position:relative}
.footer a{ color:#b1aea8; text-decoration: underline; cursor:pointer; font-size:14px; font-family:Times New Roman}
.footer a:hover{ text-decoration: none}

.footer .right{ padding-top:10px}
.footer .right a{ float:right; margin-right:20px;}
.footer .right a.pin{ display:block; width:16px; height:18px; background-position:top; background-repeat:no-repeat; margin-right:10px}
.footer .right a.pin:hover{ background-position:bottom}
.footer .right a.bg_1{ background-image:url(../images/footer_img_1.jpg)}
.footer .right a.bg_2{ background-image:url(../images/footer_img_2.jpg)}
.footer .right a.bg_3{ background-image:url(../images/footer_img_3.jpg)}
.footer .right a.bg_4{ background-image:url(../images/footer_img_4.jpg)}

/* ============================= Content ====================== */

.grid_1{ width:480px;}
.grid_2{ width:345px;}
.grid_3{ width:460px;}
.grid_4{ width:360px;}

.grid_5{ width:400px;}
.grid_6{ width:340px;}

.red{ color:#f00}

.border_right{ border-right:1px #242424 solid;}
.border_bottom{ border-bottom:1px #242424 solid;}

.text{ padding:25px 30px 25px 28px; color:#cdcdcd; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:18px}
.text big{ color:#fff}
h1{ font-size:25px; color:#a7a7a7; font-family:"Times New Roman"; margin:0; padding:0; font-weight:normal; padding-bottom:20px}
h1 big{ color:#a7a7a7!important}
big{ text-transform:uppercase}

a.more{ cursor:pointer; text-transform:uppercase; text-decoration:underline; font-family:"Times New Roman", Times, serif; font-size:12px; line-height:28px}
a.more:hover{ text-decoration:none;}

img.photo{ border:3px #fff solid; padding:0;}

.scroll{ overflow-y:scroll; padding-right:20px}

.text strong{ text-transform:uppercase; text-decoration:underline; color:#fff; line-height:20px}

a.link{ font-size:12px; color:#76c8ee;}

div.block{ position: absolute; width:165px!important; height:556px!important; z-index:1000; left:0; top:0; background: url(../images/spacer.gif) top repeat}


/* ============================= Dialog ====================== */

.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; font-size:12px; font-family:Arial }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }