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

.container { width:810px; margin:0px auto; }
.container div { float:left; }
.container img { float:left; clear:none; }

.mr20 { margin-right:20px; }
.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }

.mr9 { margin-right:9px; }

.w510 { width:510px; }
.w220 { width:220px; }

h1, h2, h3 { font-size:22px; font-weight:normal; margin-bottom:10px; display:block; float:left; clear:both; }

.brd01 { float:left; clear:both; border-bottom:1px dotted #ffff99; padding:3px 0px; }

.header { width:810px; clear:both; }
.logo { width:220px; clear:none; }
.header .topmenu { width:570px; float:right; clear:none; position:relative; top:43px; font-size:14px; text-align:right; right:35px; z-index:1; }
.topmenu span { float:right; clear:none; background:url(../images/a02-trans.png) top right no-repeat; line-height:22px; height:22px; padding-right:3px; margin-right:1px; }
.topmenu span a { float:left; clear:none; color:#336600; text-decoration:none; background:url(../images/a01-trans.png) top left no-repeat;  line-height:22px; height:22px; padding:0px 3px 0px 5px;}
.topmenu span:hover, .topmenu span.activ { background:url(../images/a04-trans.png) top right no-repeat; }
.topmenu span:hover a:hover, .topmenu span:hover a, .topmenu span.activ a.activ, .topmenu span.activ a { background:url(../images/a03-trans.png) top left no-repeat; }

.slidesbox { width:810px; height:270px; clear:both; background:url(../images/frame03-trans.png) top left no-repeat; z-index:0; top:-21px; position:relative; }
.slidesbox .bigimg { width:778px; height:238px; clear:both; z-index:3; position:absolute; top:16px; left:16px; }
.slidesbox .smallimg { width:500px; height:200px; position:absolute; z-index:4; top:30px; left:30px; border:5px solid #fff; }
.smallimg img { position:absolute; top:0; left:0; }
.slidesbox .tag { width:484px; height:34px; clear:both; background:url(../images/ribbon-trans.png) top left no-repeat; bottom:35px; left:35px; z-index:5; padding:8px; position:absolute; }
.tag h1, .tag h2, .tag h3 { font-size:28px; font-weight:bold; color:#660000; line-height:20px; margin-bottom:0px; }
.tag span { font-size:16px; color:#660000; text-transform:uppercase; letter-spacing:-1px; }

.content { width:750px; clear:both; padding:0px 30px; }
.sidecol, .rightcol { clear:none; }
.box { clear:both; }
.box p { line-height:18px; margin-bottom:10px; float:left; clear:both; }
.map { clear:both; }
.img_cnt { clear:both; }
.img_cnt img { border:5px solid #fff; }
.link { text-decoration:underline; color:#ffff99; font-size:12px; float:left; clear:none; }
.box table { margin-left:0px; padding:0px; float:left; clear:both; }
.box table tr td { margin:0px; padding:3px; }
.box table tr td input { color:#333; }
.box ul { width:475px; padding-left:25px; line-height:18px; margin-bottom:10px; float:left; clear:both;}
.box p a { text-decoration:underline; color:#ffff99; }

.footer { width:760px; height:75px; clear:both; margin-left:15px; font-size:10px; color:#224300; padding:10px; padding-top: 15px; background:url(../images/footer_bkgr.jpg) top no-repeat; }
.footer span a { text-decoration:none; color:#224300; }

.box .pagination { width:510px; float:left; clear:both; padding:5px 0px; text-align:right; margin-bottom:10px; }
.box .pagination span { width:510px; text-align:right;  font-size:12px; }
.box .pagination span a { color:#ffff99; background:#336600; padding:0 3px; text-decoration:none; }
.box .pagination span a:hover, .pagination span a.activ { color:#ffff99; background:#224300; text-decoration:none; }
.box .pagination span strong { padding:0 3px; color:#ffff99; background:#224300; }

.acc { text-decoration:none; color:#ffff99; float:left; clear:both; background:url(../images/square.gif) center left no-repeat; padding-left:15px; line-height:18px; }
.acc:hover { text-decoration:underline; }
.tri_box { width:200px; clear:both; background:url(../images/triangle.gif) top left no-repeat; padding-left:20px; }
.over { width:160px; clear:none; background:#fff; position:relative; bottom:0px; left:0; padding:5px 10px 10px 10px; }
.over a { text-decoration:none; color:#224300; line-height:14px; font-size:12px; display:block; }
.over a strong { font-size:14px; }

.rooms_box { clear:both; margin:10px 0px; }
.rooms_box img { margin-right:10px; border:5px solid #fff; }
.rooms_box a.book { text-decoration:none; color:#224300; background:#fff; padding:3px 5px; float:right; clear:none;  }
.rooms_box span.title { font-size:18px; font-weight:bold; float:left; clear:none; margin-bottom:10px; }
.rooms_box p { float:left; clear:none; line-height:18px; }

.w180 { width:180px; }

.square { background:url(../images/square.gif) center left no-repeat; padding-left:12px; text-decoration:none; color:#ffff99; display:block; }
