body { background: transparent; z-index: 1; }

#wrap { width: 800px; border: none; margin: 0 auto; }

#header { width: 100%; height: 100px; background: transparent; position:relative; margin:0 auto; padding:0; }

#header img { z-index:1; padding:0; position:absolute; margin: 5px 0 0 21px; border: 2px solid #FFF; }

/* MENU PANEL*/
#header ul { display:block; width:800px; height:36px; position:absolute; top:0; right:0; margin:11px 0 0; padding:0 29px 0 0; border-bottom:1px solid #AEAEAE; }
#header ul li { float:right; font:12px/36px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; list-style-type: none; }
#header ul li a { width:74px; height:36px; display:block; padding:0; color:#555; background:#fff; text-decoration:none; text-align:center; margin:0 1px 0 0; top:0px;
                 left:0px;}
#header ul li a:hover { width:74px; height:36px; text-decoration:none; background:url('../images/button.gif') no-repeat 0 0 #AEAEAE; color:#fff; }
#header ul li.active { width:74px; height:36px; background:url('../images/button.gif') no-repeat 0 0 #AEAEAE; color:#fff; text-align:center; margin:0 1px 0 0; }

#main { width: 100%; background: transparent; }

#main #noscript_top_text { display: block; border: 1px solid #FFF5D6; background: #FFF7DD; font: 12px/20px Arial, Helvetica, sans-serif; padding: 1px auto;
                           text-align: center; margin: -11px 10px 10px 10px; color: #555; -moz-border-radius: 7px; border-radius: 7px; }

#center { margin: 10px auto; }

#center .dotline { background: url('../images/dot-line.gif') 0 0 repeat-x #fff; padding: 0; margin: 3px 25px 0 25px; color: #000; }
#center .capstext { display: block; background: #fff; font: 18px/24px Georgia, "Times New Roman", Times, serif; font-style: italic; color: #555555; padding: 2px 10px 0 50px;
                    margin:0 35px 0 0; text-align: justify; }
#center h3{ background:#fff; display:block; margin: 25px 20px 15px 0; font:30px/30px Georgia, "Times New Roman", Times, serif;
            font-weight:normal; padding:0 0 0 23px; color:#FF7113; }

/* INDEX BEGIN */

#center .leftblock { width: 59%; display: block; border: none; float: left; }
#center .textblock { margin: 25px 10px 10px 0; border: 1px solid #FFF5D6; background: #FFF7DD; font: 15px/20px Arial, Helvetica, sans-serif; padding: 3px 10px;
                     -moz-border-radius: 7px; border-radius: 7px; }
#center .textblock span { color: #786321; font-weight: bold; }

#center .rightblock { width: 37%; display: block; border: none; float: left; text-align: justify; font:15px/20px Arial, Helvetica, sans-serif; margin-left: 15px; }

#center .rightblock ul { width:225px; display:block; margin: 5px 0 0 15px; }
#center .rightblock ul span{ background:url('../images/dot-line.gif') repeat-x 0 100%; height:25px; display:block;}
#center .rightblock ul li{ font:12px/25px Arial, Helvetica, sans-serif; font-weight:normal; background:url('../images/list-type.gif') 0 8px no-repeat;
                           list-style-type: none; padding:0 0 0 30px;}

/* INDEX END */
/* SERVICE BEGIN */

#center .left_half { display: block; width: 27%; float: left;  }
#center .left_half .swim_block { position: fixed; border: 1px solid #FFF5D6; background: #FFF7DD; font: 15px/20px Arial, Helvetica, sans-serif;
                                 padding: 10px; -moz-border-radius: 7px; border-radius: 7px; }
#center .left_half .swim_block a { display: block; padding: 10px 0 0 0; text-decoration: none; }
#center .left_half .swim_block a:hover { text-decoration: underline;  }
#center .left_half .swim_block h4 { width: 200px; margin: 0 0 5px 0; }

#center .right_half { display: block; width: 67%; border: none; float: right; padding: 5px 7px; font: 15px/20px Arial, Helvetica, sans-serif; }
#center .right_half h4 { display: block; border-bottom: 1px dashed #CCC; color:#FF7113; margin: 10px 0 0 0; }
#center .right_half h4 a { color:#FF7113; text-decoration: none; border: none; cursor: default; }
#center .right_half p { margin: 7px 0; text-align: justify; text-indent: 30px; }
#center .right_half ul { margin: 0 30px; }
#center .right_half ul li { background:url('../images/list-type.gif') 0 8px no-repeat; list-style-type: none; padding: 0 0 0 30px; }

/* SERVICE END */
/* PARTNER BEGIN */

#center .logo { text-align: center; }
#center .left_half img { padding: 5px; margin: 10px auto; border: 1px solid #EFEFEF; max-width: 200px; }
#center .desc h4 { margin: 0; }
#center .right_half .not_indent { text-indent: 0; }

/* PARTNER END */
/* CONTACT BEGIN */

#center .left_half .swim_block h5 { display: block; width: 200px; font-weight: bold; padding: 10px 0 0 0; }
#center .left_half .not_fix { position: relative; }

/* CONTACT END */

#price { height: 80px; display: block; background: #F7F7F7; border: 1px solid #CCC; margin: 15px 20px; padding: 7px; -moz-border-radius: 7px;
         border-radius: 7px; }
#price img { width: 64px; height: 70px; float: left; margin: 3px 7px; }
#price a { text-decoration: none; }
#price p { float: left; margin: 20px 10px 0 10px; font-style: italic; }
#price p a:hover { text-decoration: underline; }

#footer { width: 100%; background: transparent; }

#footer .dotline { width: 800px; background: url('../images/dot-line.gif') 0 0 repeat-x #fff; padding: 0; margin: 3px auto; color: #000; }

#panel { width: 800px; margin: 0 auto; border: none; height: 120px; padding: 10px; }
#panel .hrefs { margin: 5px; }
#panel .hrefs a { text-decoration: none; padding: 3px 10px; border: 1px solid #FFF; font-weight: bold; }
#panel .hrefs a:hover { border: 1px solid #515151; background: #444; color: #FFF; -moz-border-radius: 7px; border-radius: 7px; }

#panel .contact { margin: 25px 15px; }
#panel .contact img { vertical-align: middle; margin: 0 15px 0 5px; }
#panel .contact a { color: #000; text-decoration: none; }

p.more { height:26px; padding:0; background:none; margin:0; }
p.more a { width:76px; height:26px; display:block; float: right; background:url('../images/more.gif') 0 0 no-repeat #FFF5D6; color:#555;
           text-decoration:none; font:15px/26px "Trebuchet MS",Arial, Helvetica, sans-serif; padding:0 0 0 10px; top:0px; right:0px; }
p.more a:hover { background:url('../images/more.gif') 0 0 no-repeat #FFF5D6; color:#216EBD; text-decoration:none; }

.clear { clear: both; }