@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}
.left_20{ margin-left:20px}


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

body{
	background:#FFF;
	border:0;
	color:#a7a7a7;
	line-height:18px;
	font-family:Arial;
	font-size:12px
}
html{ height:99%}
body{ height:99%}
.main_box{ position:relative; width:1000px;  z-index:1;}

a{ color:#ececec; text-decoration: underline; outline:none}
a:hover{ text-decoration: none}
.main { overflow:hidden; position: absolute;  width:1000px; z-index:1; min-height:800px;}
#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 ====================== */

.bg_site{ position:absolute; top:0; left:0; width:100%; z-index:0; background:url(../images/bg_site.jpg) center 50% no-repeat; height:100%; min-height:810px; min-width:1000px}

.box{ width:990px;  height:80px}

#content{  position:relative; z-index:1;}
div.top_opa{ position:absolute; width:990px; height:10px; background:url(../images/opa_.png) top repeat; z-index:1000!important; zoom:1; top:0; left:0}


.cc_menu{	width:990px;	height:582px;	position:relative;	overflow:hidden; z-index:1; }
.cc_item{	width:164px;	height:582px;	float:left;	position:relative; border-right:1px #424242 solid}
.item1{
	background:url(../images/menu_11.jpg) top repeat
}
.item2{
	background:url(../images/menu_22.jpg) top repeat
}
.item3{
	background: url(../images/menu_33.jpg) top repeat
}
.item4{
	background: url(../images/menu_44.jpg) top repeat
}
.item5{
	background: url(../images/menu_55.jpg) top repeat
}
.item6{
	background: url(../images/menu_66.jpg) top repeat
}

.item1 .cc_title{ }
.item2 .cc_title{ }
.item3 .cc_title{ }
.item4 .cc_title{ }
.item5 .cc_title{ }
.item6 .cc_title{ }


.pad_content{ padding:35px 30px 35px 25px}


.cc_title{	color:#eaeaea;	font-size:20px;	top:400px;	left:0; line-height:20px;	 padding: 10px inherit; display:block;	z-index:0; height:40px; font-family:Georgia; text-transform:uppercase; text-align:center; background:#000; padding-top:20px; margin-top:280px}

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

.cc_submenu ul li h2{ height:120px; line-height:25px; font-size:22px; font-family:Georgia; color:#fff; padding-top:470px; text-align:center; text-transform:uppercase;
z-index:100}
.cc_submenu ul li h2 span{ display:block; color:#c7c7c7; font-family:Georgia; font-size:16px; text-transform:none; font-weight:normal}

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


.cc_item img{	position:absolute;	width:164px; height:582px; left:0px; top:0px;  }
.cc_content{	width:828px;	height:582px;	position: absolute!important; left:170px!important; background:#2c2c2c; 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:-26px; right:9px; width:156px; height:36px; cursor:pointer; display:block; z-index:120 }



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

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

.footer .right{ color:#646464; padding-top:50px}
.footer .right a{font-family:Georgia; text-transform:uppercase; text-decoration:none; font-size:12px;color:#646464; margin-right:10px}
.footer .right a:hover{ text-decoration: underline; color:#ff9c0f; cursor:pointer!important}

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

.footer .left_20{ color:#737373; font-size:11px; font-family:Arial, Helvetica, sans-serif}

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

.grid_1{ width:445px;}
.grid_2{ width:300px;}


.grid_3{ width:47%;}
.grid_4{ width:360px;}


.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:Georgia; margin:0; padding:0; font-weight:normal; margin-bottom:20px; background:#000; padding:7px 20px 10px 20px; line-height:25px; margin-left:-5px; margin-right:-5px}
h1 big{ color:#a7a7a7!important}
big{ text-transform:uppercase}

a.more{ cursor:pointer; text-transform:none; text-decoration:none;  font-size:12px; height:25px; display:block; width:80px; background:#000; text-align:center; color:#7a7a7a; line-height:25px; margin-top:15px}
a.more:hover{ text-decoration:none; background:#ff9c0f ;  color:#fff}

img.photo{ }

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

.pad_content strong{  color:#fff; line-height:20px; display:block; padding-bottom:10px}
.pad_content small{ display:block; color:#ff9c0f; font-size:12px}


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

/* ============================= 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; }


/*================= Contacts =========================*/

.pad_content .notification_error{ height: auto;width: 96%;padding: 2px;background: #1e1e1e; text-align: left; color:#f00; margin-bottom:2px; border: 1px solid #4b4b4b;
 margin-bottom:10px}
.pad_content .notification_ok{ border: 0px ; height: auto; width: 96%; padding: 8px; background: #1e1e1e; text-align: center;  } 
.pad_content .info_fieldset { border: 0px  }
.pad_content .info_fieldset legend { border: 1px #4b4b4b solid;  color: black;   font: 13px Verdana;  padding: 2px 5px 2px 5px; }

.pad_content .pin { width:90px; height:30px; background:#1e1e1e; text-align:center; line-height:28px; color:#4b4b4b; cursor:pointer; text-decoration:none; margin-top:15px; text-transform:uppercase; font-size:12px;display:block; margin-bottom:10px; font-weight:bold; border:1px #4b4b4b solid; cursor:pointer!important}
.pad_content .pin:hover{ text-decoration:none; color:#fff; cursor:pointer}

/* Label */
.pad_content label  { width: 100px;  margin: 0px; float: left; text-align: left; }

/* Input, Textarea */
.pad_content input{ margin: 0px; padding: 0px;  float: left; border: 1px solid #4b4b4b;  color: #fff; background:#1e1e1e; font: 12px Arial, Helvetica, Arial, sans-serif; height:30px; margin-bottom:6px; width:250px }

.pad_content textarea{margin: 0px; padding: 0px;  float: left; background:#1e1e1e; border: 1px solid #4b4b4b;  color: #d9d4d1;   font: 12px Arial, Helvetica, Arial, sans-serif; height:75px; margin-bottom:3px; width:250px }