body, html {
width:100%;
height:100%;
font-family:Arial;
font-size:12px;
color:#666666;}

* {
padding:0px;
margin:0px;}

#great {
min-height:100%;
position:relative;
margin:0 auto;
max-width:1200px;
min-width:900px;
padding:0 0px;}

#head {
background:transparent url(img/head_bg.jpg) no-repeat scroll 50% 0;
height:395px;
left:0;
position:absolute;
top:0;
width:100%;
z-index:1000;}

#flash_box {
height:395px;
margin:0 auto;
padding:60px 0 0 82px;
width:818px;}

#flash_in {
background:transparent url(img/head_flash.jpg) no-repeat scroll 0 0;
height:326px;
width:818px;}

#game {}

#head2 {
height:450px;
left:0;
position:absolute;
top:0;
width:100%;
z-index:1002;}

#head2_in {
height:450px;
margin:0 auto;
width:900px;}

.logo {
background:transparent url(img/logo.png) no-repeat scroll 18px 0;
_background:transparent url(img/logo.jpg) no-repeat scroll 15px 0;
display:block;
float:left;
height:120px;
width:228px;}

.top_menu {
float:right;
height:20px;
padding:30px 0 0;}

.top_menu a {
padding:0px 12px;
color:#666666;
text-decoration:none;}

.top_menu a:hover { text-decoration:underline;}

.slogan {
background:transparent url(img/slogan.png) no-repeat scroll 0 0;
float:right;
height:81px;
margin:173px 0 0;
width:409px;}

.slogan b {
color:#000000;
display:block;
font-weight:normal;
font-size:18px;
padding:19px 0 0 18px;}

.slogan span {
color:#999900;
display:block;
font-size:13px;
padding:3px 19px 0 0;
text-align:right;}

.tell {
background:#ffffff;
float:left;
text-align:center;
padding:21px 0 0;
height:83px;
margin:255px 0 0 -228px;
width:244px;}

.tell span {
padding:0 0 2px;
display:block;
font-weight:bold;
font-size:23px;
color:#336699;}

.tell span b { 
display:inline;
font-weight:normal;
font-size:23px;
color:#999999;}

.tell b {
padding:5px 0 0;
display:block;
font-size:13px;
color:#999900;
font-weight:normal;}

#content {
margin:0 auto;
padding:470px 0 30px;
width:900px;}

#content_main {
margin:0 auto;
width:850px;}

.left {
float:left;
width:33%;}

.cent { margin:0px 33%;}

.right {
float:right;
width:33%;}

.menu_block { 
height:160px;
margin:0 auto;
width:268px;}

.menu_block a {
white-space:nowrap;
float:left;
width:243px;
background:transparent url(img/menu_link.gif) no-repeat scroll 0 0;
color:#336699;
display:block;
font-size:16px;
height:25px;
line-height:24px;
padding:0 0 0 25px;
overflow:hidden;
margin:0px 0px 7px;
text-decoration:underline;}

.menu_block a:hover { 
margin:0px 0px 7px;
text-decoration:none;
color:#FFFFFF;
background:transparent url(img/menu_link.gif) no-repeat scroll 0 -25px}

h2 {
color:#999900;
font-size:16px;
padding:0 0 10px 0px;
font-weight:normal;}

a.pre_new {
line-height:18px;
color:#666666;
text-decoration:none;}

a.pre_new:hover { 
line-height:18px;
color:#666666;
text-decoration:none;}

.third {
display:block;
margin:0 auto;
padding:0 0 10px 25px;
width:243px;}


#right_menu {
width:243px;
float:right;}

#right_menu a {
white-space:nowrap;
float:left;
width:218px;
background:transparent url(img/menu_link.gif) no-repeat scroll 0 0;
color:#336699;
display:block;
font-size:16px;
height:25px;
line-height:24px;
padding:0 0 0 25px;
overflow:hidden;
margin:0px 0px 7px;
text-decoration:underline;}

#right_menu a.m_selected { 
margin:0px 0px 7px;
text-decoration:none;
color:#FFFFFF;
background:transparent url(img/menu_link.gif) no-repeat scroll 0 -25px}

#right_menu a:hover { 
margin:0px 0px 7px;
text-decoration:none;
color:#FFFFFF;
background:transparent url(img/menu_link.gif) no-repeat scroll 0 -25px}


#left_area {
margin:0px 300px 0px 70px;
_margin:0px 280px 0px 70px;}

p.cont_p {
line-height:30px;
font-size:22px;
color:#333333;}

p.cont_p span {
color:#999999;}


/* Caontacts */

.map {
background:transparent url(img/map.jpg) no-repeat scroll 0 30px;
height:392px;
width:522px;}

a {
color:#006699;
text-decoration:underline;}


a:hover { 
text-decoration:none;
color:#0099ff;}

.under_m {
float:left;
padding:0 70px 0 0;}

/* End Caontacts */


/* Gallery */

.gal_link {
background:transparent url(img/gal_link.gif) no-repeat scroll 0 4px;
display:block;
font-size:16px;
padding:0 0 10px 25px;
text-decoration:none;}

h2.h2_gl {
padding:0px 0px 30px;
line-height:30px;
font-size:22px;
color:#333333;}

p.gl { padding:0px 0px 0px 25px;}

.gallery_box {
padding:20px 0 10px;
width:520px;
_width:530px;}

.gallery_box a { 
display:block;
width:120px;
height:90px;
margin:4px;
float:left;
border:1px solid #ffffff;}

.gallery_box a:hover { border:1px solid #a0a012;}

a.pic1 { background: url(img/pic1.jpg) no-repeat scroll 0px 0px;}
a.pic2 { background: url(img/pic2.jpg) no-repeat scroll 0px 0px;}
a.pic3 { background: url(img/pic3.jpg) no-repeat scroll 0px 0px;}
a.pic4 { background: url(img/pic4.jpg) no-repeat scroll 0px 0px;}
a.pic5 { background: url(img/pic5.jpg) no-repeat scroll 0px 0px;}
a.pic6 { background: url(img/pic6.jpg) no-repeat scroll 0px 0px;}
a.pic7 { background: url(img/pic7.jpg) no-repeat scroll 0px 0px;}
a.pic8 { background: url(img/pic8.jpg) no-repeat scroll 0px 0px;}
a.pic9 { background: url(img/pic9.jpg) no-repeat scroll 0px 0px;}
a.pic10 { background: url(img/pic10.jpg) no-repeat scroll 0px 0px;}
a.pic11 { background: url(img/pic11.jpg) no-repeat scroll 0px 0px;}
a.pic12 { background: url(img/pic12.jpg) no-repeat scroll 0px 0px;}

.gal_nav_box { 
width:520px;
_width:530px;}

.gal_nav {
margin:0px auto;
height:29px;
width:120px;
height:29px;}

.gal_nav a {
padding:0 5px;
display:block;
float:left;
font-size:16px;
height:29px;
line-height:28px;
text-align:center;
width:29px;}

.gal_nav a.select { 
color:#ffffff;
text-decoration:none;
background: url(img/gal_nav_s.jpg) no-repeat scroll 50% 0px;}

.gal_nav a:hover { 
color:#ffffff;
text-decoration:none;
background: url(img/gal_nav_s.jpg) no-repeat scroll 50% 0px;}


.gal_list {}

.gal_list div.gal_link {
background:transparent url(img/gal_link.gif) no-repeat scroll 0 4px;
display:block;
font-size:16px;
padding:0 0 10px 25px;
text-decoration:none;}

.gal_list .gal_link a {
font-size:16px;
border-bottom:1px dashed;
text-decoration:none;}

.gal_list .gal_link a:hover {
border-bottom:none;
color:#0099ff;}

.gal_list p.gl { padding:0px 0px 20px 25px;}

/* End Gallery */


h2.h2_in {
padding:0px 0px 0px;
line-height:30px;
font-size:22px;
color:#333333;}

p {
line-height:20px;
padding:10px 0px;}

p.red {
border-left:3px solid #FFCC99;
color:#CC3333;
margin:20px 0 0;
padding:0 0 0 10px;}



.clear_sh { clear:both;}
.empty_sh { height:80px;}

#footer {
background: url(img/footer_line.gif) repeat-x 0px 100%;
position:relative;
height:80px;
width:100%;
margin:-80px 0px 0px 0px;}

#footer_ball {
background: url(img/footer_ball.gif) no-repeat 100% 0px;
height:80px;
width:900px;
margin:0px auto;}

#footer_ball div { padding:40px 0 0;}

#footer_ball .f1 {
float:left;
text-align:right;
width:405px;}

#footer_ball .f2 {
float:right;
text-align:left;
width:405px;}



