@charset "utf-8";
/* CSS Document */

html,body {height: 100%}

body {
background-color: black;
margin:0 0 0 0;
padding:0 0 0 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#ffffff;
text-align: left;
background-image:url(img/bg.png);
background-repeat:repeat;
overflow: hidden;
}

a, a:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#ffffff;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}

p {
padding: 0px;
margin: 0px 0px 10px 0px;
}

strong {
font-weight: 700;
display:block;
margin-bottom: 10px;
font-variant: small-caps;
font-size:10px;
clear: both;
/* color: #005DA0; */
} 

.rightbar{
background-color: #171717;
width: 200px;
position:absolute;
left: 50%;
height: 100%;
margin: 0px 0px 0px 290px;
}



.horizontal {
top: 50%; 
left: 0; 
width: 100%; 
height: 1px;
position: absolute; 
overflow: visible;
}


.main{
background-color: #000000;
width: 100%;
position: absolute;
top: -239px;
height: 478px;
overflow: visible;
border-top: 1px solid #323232;
border-bottom: 1px solid #323232;
}

.logo{
position: absolute;
top:30px;
left:0px;
overflow: visible;
}

.motto{
position: absolute;
left:0px;
top:14px;
font-size:9px;
/* font-weight: 700; */
overflow: visible;
width:226px;
text-align: right;
font-variant: small-caps;
}

.comment {
width: 199px;
position:absolute;
left: 50%;
top: 33px;
height: 317px;
margin: 0px 10px 0px 300px;
overflow:hidden;
text-align:justify;
}
.comment a, .comment a:hover{
font-size:10px;
}

.comment_inner, .comm_form{
position:relative;
left:0px;
top:0px;
/* height: 268px; */
height: 130px;
overflow:hidden;
border: 0px solid red;
/*overflow-x:hidden; 
overflow-y:auto;*/
}

.comm_form{
background-color: #000000;
height: 308px;
top: -211px;
}

.comment_inner p{
width: 180px;
color: #606060;
}

.comment_inner .head{
font-weight:700;
display:block;
width:180px;
border-bottom: 1px solid #323232;
margin: 0px;
color: #ffffff;
overflow:hidden;
font-variant: small-caps;
}

.footer{
width: 180px;
position:absolute;
left: 50%;
top:0px;
text-align: right;
margin: 5px 10px 5px 300px;
font-variant: small-caps;
font-weight: 700;
}


.btmbar{
position:absolute;
width: 100%;
height: 100px;
background-color: #171717;
top:368px;
left:0px;
}

.btmbar_inner{
position:absolute;
width: 763px;
height: 86px;
top:7px;
left:50%;
margin: 0px 0px 0px -264px;
overflow:auto;
}

.pic_border img{
margin: 3px;
border: 0px;
width: 134px;
height: 80px;
}

.pic_border{
position:absolute;
background-color: #222222;
margin: 0px;
width: 140px;
height: 86px;
overflow:hidden;
}

.pic_desc{
position:absolute;
top:57px;
left:3px;
margin: 0px;
width: 134px;
height: 26px;
background-color: #000000;
overflow:hidden;
font-size: 1em;
line-height:10px;

opacity: 0.6;
filter: alpha(opacity=60);
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
}
.pic_desc p{
margin-top: 2px;
margin-left: 6px;

}

.menu{
position:absolute;
width: 135px;
height: 151px;
top:343px;
left:0px;
overflow:hidden;
}

.menu ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

.menu li{
font-variant: small-caps;
font-weight:700;
border-bottom: 1px solid #000000;
margin: 0;
height:18px;
overflow:hidden;
}
#menu_1{
background-color: #005DA0;
}
#menu_2{
background-color: #005DA0;
}
#menu_3{
background-color: #005FA2;
}
#menu_4{
background-color: #0062A5;
}
#menu_5{
background-color: #0067AA;
}
#menu_6{
background-color: #096CB0;
}
#menu_7{
background-color: #2072B7;
}
#menu_8{
background-color: #2A77BD;
}


.menu li a, .menu li a:hover{
display: block;
height:18px;
font-size:10px;
position:relative;
padding: 2px 7px 2px 7px;
border-left: 3px solid #ffffff;
}
.menu li a:hover{
border-left: 3px solid #000000;
}


.topmenu{
position:absolute;
width: 500px;
left: 265px;
top: 5px;
margin: 5px 0px 0px 0px;
font-variant: small-caps;
font-weight: 700;
}

.desc, .desc_inner {
position:absolute;
width: 250px;
height: 178px;
top:140px;
left:0px;
text-align:justify;
overflow: hidden;
}

.desc_inner {
position:relative;
top:0px;
overflow:hidden;
/*overflow-x:hidden; 
overflow-y:auto;*/
height: 157px;
width: 248px;
}
.desc_inner a, .btmbar_inner a {
color: #85BBED;
text-decoration:none;
}
.desc_inner a:hover, .btmbar_inner a:hover {
text-decoration:underline;
}


.desc_text {
top:0px;
overflow: hidden;
width: 230px;
}

.content{
position:absolute;
width: 502px;
height: 315px;
top:33px;
left:265px;
text-align:left;
overflow:hidden;

}

.content a,  .content a:hover{
color:#85BBED;
}

.center{
position:absolute;
top:0px;
left:50%;
margin: 0px 0px 0px -495px;
}

.comm_form form{
position:relative;
top: 25px;
}

.comm_form form li, ul{
list-style: none;
margin: 0px;
padding: 0px;
font-size:9px;
}

.comm_form form input{
width: 180px;
height:16px;
font-size:9px;
color:#606060;
background-color: #171717;
border: 1px solid #323232;
}
.comm_form form .btn{
color:#ffffff;
}

.comm_form form textarea{
width: 180px;
height:80px;
font-size:9px;
color:#606060;
background-color: #171717;
border: 1px solid #323232;
overflow: auto;
}

.scroll_3_up, .scroll_3_down{
position:absolute;
left:235px;
top:0px;
visibility:hidden;
}
.scroll_3_down{
position:absolute;
top:25px;
}

.scroll_1_up, .scroll_1_down{
position:absolute;
left:185px;
top:0px;
visibility:hidden;
}
.scroll_1_down{
position:absolute;
top:25px;
}

.scroll_2_right, .scroll_2_left, .set_thumb, .scroll_2_up, .scroll_2_down{
position:absolute;
left:50%;
top:7px;
margin: 0px 0px 0px 485px;
visibility:hidden;
}
.scroll_2_up, .scroll_2_down{
margin: 0px 0px 0px 488px;
}

.scroll_2_down{
top:28px;
}

.set_thumb{
top:55px;
visibility:visible;
}

.set_thumb img{
border:0px;
margin: 2px 4px 2px 4px;
}

.scroll_2_left{
position:absolute;
top:20px;
}

.csrl_frame_1{
width:180px;

}


.csrl_frame_2_small img{
border: 2px solid #222222;
margin-bottom: 4px;
margin-right: 4px;
width:64px;
height:36px;

}


table {
	padding: 0;
	margin: 0;
  position: absolute;
  top:0px;
  left:0px;
	vertical-align: middle;
	text-align: center;
	height: 100%;
	width: 100%;
	margin: 0 auto;
	border: 0px;
	visibility:hidden;
	overflow:hidden;
}

.black{   
  background-color:black;
  position: absolute;
  top:0px;
  left:0px;
  width:0px;
  height:0px;
  visibility:hidden;
}


.loading{
font-weight: 700;
font-variant: small-caps;
font-size:10px;
text-align:left;
position:absolute;
left:50%;
margin-left:-50px;
display:block;
width: 100px; 
}

.gallery_th{
position:absolute;
top:800px;
left:0px;
width:100%;
border: 0px solid #222222;
height: 100px;
visibility:hidden;
text-align:center;
}
.gallery_th img {
position:relative;
top: 16px;
border: 0px solid #222222;
margin-right: 8px;
margin-left: 8px;
width:96px;
height:54px;
}

.gallery_th img:hover {
}

.last_links{
position: absolute;
top:1px;
clip:  rect(auto, 200px, auto, auto);
border: 0px;
overflow: hidden;
}
.web_counter{
position: absolute;
top:1px;
left: 220px;
overflow: hidden;
border: 0px;
width:80px;
}
.counter_img{
width:2px;
margin-right:2px;
margin-bottom:2px;
}

.cnt_dat{
position:relative;
top:0px;
left:-1px;
}

.cnt_num{
position:relative;
top:-12px;
left:48px;
width:30px;
text-align:right;
display:block;
}

.about{
position: absolute;
top:1px;
left: 563px;
width: 180px;
overflow: hidden;
border: 0px;
text-align:justify;
}

.setting{
position: absolute;
top:1px;
left: 320px;
width: 75px;
overflow: hidden;
border: 0px solid red;
text-align:justify;
}

.setting img{
width:9px;
height: 5px;
margin-right:1px;
}

.random{
position: absolute;
top:1px;
left: 415px;
width: 128px;
overflow: hidden;
border: 0px solid red;
text-align:justify;
}

.random img{
border: 2px solid #222222;
width:124px;
height: 58px;
}

.contact_info{
width:280px;
text-align:justify;
}

.contact_form{
position:absolute;
top:0px;
left:300px;
}

.contact_form form li, ul{
list-style: none;
margin: 0px;
padding: 0px;
font-size:9px;
}

.contact_form form input{
width: 180px;
height:16px;
font-size:9px;
color:#606060;
background-color: #171717;
border: 1px solid #323232;
}
.contact_form form .btn{
color:#ffffff;
}

.contact_form form textarea{
width: 180px;
height:80px;
font-size:9px;
color:#606060;
background-color: #171717;
border: 1px solid #323232;
overflow: auto;
}

.blue{
color: #85BBED;
}
.grey{
color: #606060;;
}

.links_1, .links_2, .links_3 {
position:absolute;
top:0px;
left:0px;
width:162px;
}

.links_1 img, .links_2 img, .links_3 img {
position:relative;
top:1px;
left:0px;
margin-right:5px;
}

.links_2 {
left:168px;
}

.links_3 {
left:336px;
}

.link_desc_div{
position:relative; 
left:16px; 
}

.cont_img_h{
border: 1px solid #222222;
width:500px;
}
.cont_img_v{
border: 1px solid #222222;
height: 312px;
}
.photo_bord{
text-align:center;
}

.th_img{
border: 1px solid #222222;
width: 70px;
height: 43px;
float:left;
margin-right: 7px;
}

.gal_th_img{
border: 1px solid #222222;
width: 44px;
height: 27px;
margin-right: 2px;
margin-bottom: 2px;
clear: both;
}

.main_col_1, .main_col_2, .main_page_col_1, .main_page_col_2 {
position:absolute;
top:0px;
left:0px;
width:242px;
text-align:justify;
}

.main_col_2 {
left:252px;
}

.main_page_col_1 {
width:212px;
}
.main_page_col_2 {
left:222px;
width:272px;
}

.gallery_plus{
position:absolute;
top:2px;
left:2px;
}

.gal_ent_img{
border: 1px solid #222222;
width: 140px;
height: 87px;
margin-right: 2px;
margin-bottom: 2px;
}