@import "reset.css";

body {	background:#07080b    ; font-family:Georgia;	font-size:12px;	line-height:16px;	color:#000;	margin:0; padding:0; height:100%; min-height:800px;}
.bg{ background:url(../images/bg_site.jpg) center 50% repeat;  position:absolute; width:100%; min-height:800px; height:100%; z-index:0; top:0; left:0}
.bg_site{ position:absolute; width:100%; height:100%; background:url(../images/bg_centr.jpg) center  50% no-repeat; z-index:1; top:0; left:0; min-height:800px;}
div.mid{ width:1000px;  position: absolute; z-index:2;  height:800px}


.clear {clear:both;}
.left{ float:left}
.right{ float:right}
.right_20{ margin-right:20px}
.left_20{ margin-left:20px}


a{ outline:none; color:#526068; }
a:hover{ text-decoration:none; color:#fff}

h6{ font-family: 'BallparkWeiner'; font-weight:normal; font-size:24px; line-height:48px; color:#abc8e4}

@font-face {
    font-family: 'BallparkWeiner';
    src: url('ballw__-webfont.eot');
    src: url('ballw__-webfont.eot?#iefix') format('embedded-opentype'),
         url('ballw__-webfont.woff') format('woff'),
         url('ballw__-webfont.ttf') format('truetype'),
         url('ballw__-webfont.svg#BallparkWeiner') format('svg');
    font-weight: normal;
    font-style: normal;

}


/*==== GLOBAL =====*/
.inner-wrap{font-family:Georgia, Helvetica, sans-serif; line-height:18px}
.header{	height:60px;		margin:0; padding:0;}
.footer {	height:50px;}


h1.logo{ position:absolute; left:50px; top:-20px; z-index:103}
div.page h1{ font-size:30px; font-family:Georgia; line-height:30px; color:#d5e6f6; font-weight:normal; padding-bottom:25px;}


#content a.prev{ position:absolute;	left:0px;	top:600px;	background:url(../images/left.png) left top no-repeat;	width:59px;	height:70px; z-index:100}
#content a.prev:hover{	background-position: left -77px;}

#content a.next{position:absolute;	right:0px;	top:600px;	background:url(../images/right.png) left top no-repeat;	width:59px;	height:70px; z-index:100}
#content a.next:hover{		background-position: left -78px;}

span.name{ color:#abc8e4; font-weight:bold; text-align:right}

/*===== header =====*/

.header .nav{ position:relative; padding-left:30px}
.header .nav ul li{	float:left;}


.header .nav ul li a{ font-size:18px; color:#526068; text-decoration:none;	display:block; text-transform:uppercase; width:150px; height:40px; padding-top:5px; text-align:center}
.header .nav ul li a:hover{ color:#f62971;}
.flover{ margin:2px 12px 0px 12px;}


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

img.img_2{ height:128px}
#content{ height:690px;  color:#d5e6f6; font-size:14px; font-family:Georgia;}
#content .conteiner{ position:relative; z-index:1}
#content .conteiner>.extra-wrap{ width:923px;	overflow:hidden;	position:relative; margin-left:40px}
#content .pages{ width:7950px;	overflow:hidden;	position:relative;}
#content .page{	width:920px; height:599px; margin-right:0px; margin-right:40px; position:relative; float:left; margin-top:75px}



div.bg_content{ padding:70px 35px 40px 35px; overflow:hidden;	width:850px; height:490px; }
div.bg_content > div.left{ padding-top:130px}

div.bg_content b{ text-transform:uppercase; color:#fff; display:block; padding-bottom:10px}

/*------------------------------------ footer ------------------------------------------------ */

.footer{ font-size:12px; text-align:left; color:#62696d; font-family:Arial; padding-left:30px; padding-top:20px; padding-right:30px}
.footer a.privacy{	color:#93a2b4; text-decoration:underline}
.footer a.privacy:hover{color:#93a2b4; text-decoration:none}

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


/*===================== Sub Pages =====================*/
div#page1{ background:#000}
div#page1 div.text	{ width:285px; height:380px; padding-left:40px; padding-top:190px; font-size:16px; line-height:21px; position:relative; z-index:10; background: url(../images/bg_page_1.png) left top no-repeat; padding-right:29px; padding-bottom:30px}



a.bg_1{ background:url(../images/social_1.png) top no-repeat; display:block; width:36px; height:30px; margin-right:10px}
a.bg_2{ background:url(../images/social_2.png) top no-repeat; display:block; width:36px; height:30px; margin-right:10px}

.grid_1{ width:270px;}
.grid_2{ width:530px;}


.more{ font-size:18px; font-family:Arial, Helvetica, sans-serif; color:#526068; text-transform:none; cursor:pointer; padding-left:20px; background:url(../images/hard.png) left no-repeat; line-height:30px; height:30px; display:block; width:100px; font-weight:norrmal; font-family:Georgia; margin-top:5px}
.more:hover{ text-decoration:none; color:#fff}

.links{ font-size:12px; font-family:Arial, Helvetica, sans-serif; cursor:pointer; padding-left:25px; background:url(../images/bg_links.png) left no-repeat; line-height:20px; display:block; }
.links:hover{ text-decoration:none}



.right_20{ margin-right:20px;}
img.photo{ border:7px #eaeef1 solid; margin-bottom:12px}





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

.scroll-pane img{ height:91px}


.jScrollPaneTrack {	position: absolute;	cursor: pointer;	right: 0;	top: 0;	background: url(../images/bg_scroll.png) left top repeat; width:22px!important; }
.jScrollPaneDrag {	position: absolute;	background:#bcbcbc ;	cursor: pointer;	overflow: hidden;	right:4px;	width:14px!important; margin-top:1px;
 -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.jScrollPaneDrag:hover{ background:#fff}
.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: 23px; background:url(../images/top.png) 50% 0px no-repeat; width:22px!important;}

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

a.jScrollArrowUp:hover{ background-position:50% -31px}
a.jScrollArrowDown:hover{ background-position:50% -1px}




.notification_error{ height: auto;width: 90%;padding: 4px;background: url(../images/bg_in.png) left top repeat; text-align: left; color:#f00; margin-bottom:5px; border: 1px solid #a0a1a0; }
.notification_ok{ border: 1px solid #a0a1a0; height: auto; width: 90%; padding: 8px;background: url(../images/bg_in.png) left top repeat; text-align: center;  } 

.button {font-size:18px; font-family:Arial, Helvetica, sans-serif; color:#526068; text-transform:none; cursor:pointer; padding-left:20px; background:url(../images/hard.png) 10px 80% no-repeat; line-height:30px;  display:block; width:100px; font-weight:norrmal; font-family:Georgia; margin-top:5px; cursor:pointer; border:0; }
.button:hover{ text-decoration:none; color:#fff}

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

/* Input, Textarea */
input{ margin: 0px; padding: 0px;  float: left; border: 1px solid #a0a1a0;  color: #fff; background: url(../images/bg_in.png) left top repeat; font: 12px Arial, Helvetica, Arial, sans-serif; height:24px; margin-bottom:13px; width:400px }

textarea{margin: 0px; padding: 0px;  float: left; background: url(../images/bg_in.png) left top repeat; border: 1px solid #a0a1a0;  color: #fff;   font: 12px Arial, Helvetica, Arial, sans-serif; height:140px; margin-bottom:13px; width:400px }

/*===== gallery =====*/



.gallery #thumbs, .gallery #thumbs li {	float:left;}
.gallery #pic{ float:right}


.gallery #thumbs{  	width:300px; 	float:left; 	overflow:hidden; 	margin-bottom:30px; 	position:relative; }

		#thumbs>ul.first{ width:630px; position:relative; float:left }		
		#thumbs>ul.first>li { float:left; } 										
		
					#thumbs li ul.second { float:left; width:300px; height:340px;}
					#thumbs li ul.second li { margin-bottom:8px; display:block; float:left; width:150px; }
					
					
					
#thumbs li ul.second li a{ display:block}					
#thumbs li ul.second li a img{ opacity:1}					
					
#thumbs li ul.second li{ 	margin-right:0px }
.next { 	float:right }



div.pinn{ position:absolute; left:112px; top:520px; width:250px}
div.pinn a{ color:#ecebbe; font-size:14px; font-family:Times New Roman; text-transform:uppercase; display:block; width:70px; float:left; text-align:center}


a.gall:hover, a.gall_2:hover{ text-decoration:none; border-bottom:1px #adaeb3 solid; padding-bottom:3px }


/*===== Slide Show =====*/

#faded {	width:918px;	height:598px;	overflow: hidden;	position: absolute; z-index:0; left:0; top:0}
#faded ul.show{ }

ul.pagination {	width:10px; 	height:10px; 	overflow: hidden; 	position: absolute !important; 	top:0px; right:0%; display:none}

	ul.pagination li {}		ul.pagination li a {}
		
		ul.pagination li a:hover { }		
		ul.pagination li.current a { }