html {font-size: 80%;background:#fff url(/i/bg-page.png) repeat-x;}
body {font: normal 1em/1.3 arial, sans-serif;color:#666;}
body, html{padding:0; margin:0}

img {border:0}
h1         {font-size:230%; font-weight: 100; margin:0;	padding: 0;}
h2, h3, h4 {font-weight: normal; margin:0 0 .2em;}
h2         {font-size:190%;}
h3         {font-size:140%; margin-bottom:.1em}
h4         {font-size:110%;}
.cont h3 {margin:0 0 .2em;}
a {color:#316873}
a:hover {color:#F63}

.main {width:90%; margin:2% auto 0;}
.left  {float:left;width:70%; max-width:800px}
.right {float:right; width:28%}
.clear {clear:both;}
.content {padding-bottom:3%}
.tab-content {overflow:hidden; position:relative;}
.footer {border-top:1px solid #d4d4d4; padding:1.5em 0 2em 0; font-size:90%; line-height:1.5em}
.footer .left .left, .footer .left .right{width:auto;}
.footer .left .left {margin-left:1.5em}
.footer .left .right{width:45%}



.tabs {width:100%;overflow:hidden;font-size:0.9em;margin:0;zoom:1;position:relative;}
.tabs dt {float:left;font-size:175%;padding:0 1em;position:relative;}
.tabs dt.selected {background:#F5F5EA}
.tabs dt.selected a {color:#666; text-decoration:none;}
.tabs dt.selected a:hover {cursor:default;}

.tabs dd {background:#fff;display:none;float:right;width:100%;margin:3.3em 0 0 -100%;position:relative;z-index:2;}
.tabs dd.selected {display:block;}


.search-input {color:#CCC; width:90%; margin-top:.4em}


input[type=text],textarea {border:1px solid #CCC}
input[type=text]:focus,textarea:focus {border-color:#CDCDCD;outline-color:#6DA3BD;outline-style:solid;outline-width:1px;color:#666}

.menu-top-wrapper {padding:1.5em; padding-left:2.5em; margin:.5em 0 0 0; background:#F5F5EA}
.menu-top-wrapper li {margin-bottom:.5em}
.menu-top-wrapper li a {font-size:140%}

.prolog {display:block;padding:.5em}
.logo {margin:0 0 .3em -.6em}


.header {font-size:150%; padding-bottom:1.8em; text-align:center; line-height:.5em}
.gerb {vertical-align:middle; margin-right:.8em}
.desc {position:absolute; width:100%; font-size:110%; padding:2em; background:rgba(0,0,0,.7); color:#999; bottom:0; left:0}
*+html .desc {background:black;}
.desc h1 {float:left;margin-right:1em;color:#fff}
.desc a {color:white}
.icons {padding:.6em 0 .7em}
.icons a {background:transparent url(/i/icons.gif) no-repeat scroll 0 0;display:inline-block;height:17px;margin-right:20px;width:17px;}
.icons .search {background-position:-17px 0;}
.icons .letter {background-position:-34px 0;}

.cont {font-size:120%; line-height:1.5em}


.button_span {background:#91DB7A none repeat scroll 0 0;padding:0.5em 0.2em;
}
.file_list {margin:0; padding:0;}
.file_list li {margin-bottom:.2em}


.borderImg {border:1px solid #ccc;display:inline-block;margin:0 10px 10px 0;padding:3px;}
.add_photo_img {display:block;height:100px;overflow:hidden;width:110px;}

.banner-wrapper {overflow:hidden; padding:1em .5em;}
.banner-wrapper img {vertical-align:middle;margin:0 1.5em 1.5em 0}

.exp-prev-img {display:block;width:44%;float:left;padding:2px;border:1px solid #ccc}
.exp-prev-img div {overflow:hidden;}

.exp-thems, .exp-photos {margin:.8em 0 1em}
.place-wrapper {display:block;margin:.5em 0 .8em 0}
