@charset "utf-8";

* {margin: 0; padding: 0;}
body {font: 14px Arial, Helvetica, sans-serif; color: #000000; background: #f5dae6 url(images/Site_04.jpg) repeat-x;}
.clearfloat {clear: both; height: 0; font-size: 1px; line-height: 0px;}
ul {list-style: none;}


.warp {width: 966px; margin: 0px auto; background: url(images/graf_02.jpg) left top no-repeat; position: relative; z-index: 2;}
.warp_c {width: 966px; margin: 0px auto;}

.logo {width: 490px; float: left; text-indent: -9999px; overflow: hidden;}
.logo a {display: block; width: 490px; height: 142px;}

.book {width: 490px; float: left; text-indent: -9999px; overflow: visible;}
.book a {display: block; width: 155px; height: 30px; margin-left: 290px; margin-right: 45px;}

.head { width: 476px; float: left; background: url(images/graf_03.jpg) left top no-repeat; height: 172px;}
.head p { text-align: left; font-size:12px; color: #c70045; padding-top: 30px; _margin-top: 0px; padding-right: 0; padding-left:10px; height: 64px; width: 370px;}



/*menus*/
#nav {top: 0px; position: absolute; margin-left: 5px;}
#nav .select {float: left; width: 87px;}
#nav .select a span {display: block; height: 20px; font-size: 11px; color: #FFFFFF; text-indent: 7px; padding-top: 2px; text-align: center; padding-right: 8px; font-weight:bold}
#nav .select a {text-decoration: none;}
.select a:hover, #nav .select li:hover a {cursor: pointer; text-decoration: none;}
#nav .sub {display: none;}
#nav .sub ul {float: left; width: 105px; margin-right: 8px; _width: 105px; font-weight: normal; font-size: 11px;}
#nav table {position: absolute; border-collapse: collapse;  font-size: 11px;}
#nav .select li a:hover .sub, #nav .select li:hover .sub {display: block; position: absolute; width: 466px; z-index: 100; top: 22px;  margin-left: -210px;}
#nav .select a:hover .sub li a, #nav .select li:hover .sub li a {display: inline; color: #FFFFFF;}
#nav .sub ul li {border-bottom: 1px dotted #000000; padding: 2px 0; font-weight:bold;}
.drop_T {background: url(images/drop-t.png) left top no-repeat; _background-image: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/drop-t.png',sizingMethod='scale'); height: 9px; font-size: 1px; line-height: 9px;}
.drop_B {background: url(images/drop-b.png) left bottom no-repeat; _background-image: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/drop-b.png',sizingMethod='scale'); height: 9px; font-size: 1px; line-height: 9px;}
.dropbg {background: url(images/drop-bg.png) repeat-y; padding-left: 10px;  min-height: 1px; _height: 1px;}
#nav div.dropbg a:hover {text-decoration: underline; color: #DDDDDD;}
.q01 a span {background: url(images/q1.jpg) no-repeat;}
.q02 a span {background: url(images/q2.jpg) no-repeat;}
.q03 a span {background: url(images/q3.jpg) no-repeat;}
.q04 a span {background: url(images/q4.jpg) no-repeat;}

#nav .suba {display: none;}
#nav .suba ul {float: left; width: 443px; margin-right: 8px; _width: 87px; font-weight: normal; font-size: 12px; color: #333333;}
#nav .select li a:hover .suba, #nav .select li:hover .suba {display: block; position: absolute; width: 466px; z-index: 100; top: 22px;  margin-left: -210px;}
#nav .select a:hover .suba li a, #nav .select li:hover .suba li a {display: inline; color: #FFFFFF; font-weight:bold; text-decoration: underline;}
#nav .suba ul li {border-bottom: 1px dotted #000000; padding: 2px 0;}
/*menus*/




.se_d {width: 370px; float: left; height: 24px; margin-left: 10px;}

#search { margin: 0 0 0 0;}
#search form { margin: 0; padding: 0; border: none;}

#search fieldset { margin: 0; padding: 5px 0 0 0; border: none;}

#search #s {width: 250px; height: 16px; margin: 0; padding: 1px 5px; border: 1px solid #fc8eac; background: #FFFFFF;}

#search #x { width: 64px; padding: 0 0 0 0; margin: 0; background: none; border: none; color: #fc8eac; cursor: pointer; font: 14px Arial, Helvetica, sans-serif; font-weight:bold; }

.se_text { color: #333333; font: 11px Arial, Helvetica, sans-serif; }




/* zag */
#zag { margin: 5px 0 3px 0; margin-left: 40px;}
.zag_left { float: left; width: 600px; padding-top: 6px; height: 21px; padding-left: 1px;}
.zag_right { float: right; width: 200px; padding-top: 8px; height: 19px; text-align: right; padding-right: 6px;}
.zag_right a { font-size: 13px; color: #0099FF; text-decoration:none;}
#zag h2 { font-size: 16px; margin: 0; padding: 0; color: #ff4276;}
.zag_h { text-align: center;}
/* zag */


/* content */
#content { color: #444444; margin-left: 40px;}
#content p { font-size: 11px; color: #444444; font-style:italic;}
#content a { color: #febf44;}
.post {padding: 0 0 6px 0;}
.post img { border: 1px solid #FFFFFF; margin: 0;}
.post a img { border: 1px solid  #FFFFFF;}
.post a:hover img { border: 1px solid #d30400;}
/* content */


/*banners*/
#banner { margin: 0 auto; width: 977px; margin-top: 5px; margin-bottom: 5px;}
#banner a { color:#FFFFFF;}
#banner p { font-size: 11px; color: #444444; font-style:italic;}	
.banner_top { background: url(images/pay_sites.jpg) no-repeat; height: 65px; margin-left: 35px;}
.banner_cen { background: url(images/Site_23.jpg) repeat-y; margin-left: 35px;}
.banner_cen img { border: 1px solid #FFFFFF; margin: 0;}
.banner_cen a img { border: 1px solid  #FFFFFF;}
.banner_cen a:hover img { border: 1px solid #d30400;}
.banner_bot { background: url(images/battom_pay.jpg) no-repeat; height: 76px; margin-left: 35px;}
/*banners*/


/* Friends */
#fr { margin: 0 auto; width: 977px; margin-top: 30px; margin-bottom: 30px;}
#fr a { color:#FFFFFF;}
#fr p { margin: 0 40px 0 40px;}
.fr_top { background: url(images/Site_21.jpg) no-repeat; height: 65px; margin-left: 35px;}
.fr_top_1 { background: url(images/more_galleries.jpg) no-repeat; height: 65px; margin-left: 35px;}
.fr_cen { background: url(images/Site_23.jpg) repeat-y; margin-left: 35px;}
.fr_bot_1 { background: url(images/empty_bot.jpg) no-repeat; height: 76px; margin-left: 35px;}
.fr_bot { background: url(images/Site_27.jpg) no-repeat; height: 76px; margin-left: 35px;}
/* Friends */

#footer { margin: 0 auto; font-size: 0.8em; background: url(images/graf_11.jpg) left bottom repeat-x; height: 164px; margin-top: 50px;}
#footer a {color: #febf44; text-decoration:none;}
.footer_logo { background:url(images/graf_10.jpg) bottom no-repeat; height: 164px;}


.jmbfoot {display:none; margin: 0; padding: 0;}