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

@import "global.css";

#main-column {position:absolute; width:953px; top:0; left:50%; margin-left:-477px}

#header {position:relative; width:954px; height:146px}
#header #waves {position:absolute; left:0; bottom:-7px; width:954px; height:30px; background:url(../images/header-waves.png) no-repeat; z-index:3}
#header #logo {position:absolute; left:392px; top:27px; width:146px; height:146px; background:url(../images/logo.png) no-repeat; z-index:1}
#header #logotype {position:absolute; left:50%; top:-3px; margin-left:-164px; width:328px; height:107px; background:url(../images/logotype.png) no-repeat; z-index:30}

#fishing {position:absolute; right:0; top:-146px; width:266px; height:209px; background:url(../images/man-fishing.png) no-repeat; z-index:20}
#jet-ski {position:absolute; left:0; top:32px; width:260px; height:123px; background:url(../images/jet-ski.png) no-repeat; z-index:7}


#contentArea {position:relative; float:left; width:934px; margin:0 0 10px 7px; background:url(../images/main-bg.png) repeat-y; z-index:999}
#contentArea #top {position:relative; float:left; width:934px; background:url(../images/main-top.png) 0 0 no-repeat}
#contentArea #main {position:relative; float:left; width:909px; padding:18px 0 0 25px; background:url(../images/main-btm.png) bottom left no-repeat}
#contentArea #foot {position:relative; float:left; width:934px; height:24px; background:url(../images/main-foot.png) no-repeat}

#footer {position:relative; float:left; left:50%; top:0; margin-left:-449px; margin-bottom:15px; width:898px; height:26px; padding:7px 0 0 0; text-align:center; color:#fff; background:url(../images/footer-bg.png) no-repeat; font-size:10px}
#footer a {color:#fce8a9}


#columnLeft {position:relative; float:left; width:245px; margin-right:10px}
#columdRignt {position:relative; float:left; width:626px}

.sidePanel {position:relative; float:left; width:245px; background:url(../images/sidePanel-bg.png) 0 0 repeat-y; margin-bottom:15px;}
.sidePanel.end {position:relative; float:left; width:245px; background:url(../images/sidePanel-bg.png) 0 0 repeat-y; margin-bottom:0;}
.sidePanel .top {position:relative; float:left; width:245px; background:url(../images/sidePanel-top.png) 0 0 no-repeat}
.sidePanel .top2 {position:relative; float:left; width:245px; background:url(../images/sidePanel-top2.png) 0 0 no-repeat}
.sidePanel .main {position:relative; float:left; width:229px; min-height:274px; padding:6px 9px 0 7px; background:url(../images/sidePanel-main.png) bottom left no-repeat;}

.sidePanel .main .head {position:relative; float:left; width:229px; height:46px; margin-bottom:10px}
.sidePanel .main .item {position:relative; float:left; width:229px; margin-bottom:12p; text-align:center}
.sidePanel .main .item ul {list-style:none; margin:0; padding:0}
.sidePanel .main .item li {width:149px; padding:0 40px; margin-bottom:7px; float:left; color:#fff;text-align:left}
.sidePanel .main .item li.indent {width:149px; padding:0 40px; margin-bottom:7px; float:left; color:#fff;text-align:left}
.sidePanel .main .item li.head {width:181px; padding:0 24px; margin-bottom:7px; float:left; color:#fff;text-align:left; font-size:16px; font-weight:bold; height:25px}

.sidePanel .main ul {list-style:none; margin:0; padding:0}
.sidePanel .main ul li { margin:0; padding:0 0 0 19px; float:left}
.sidePanel .main ul li a {display:block; float:left; width:190px; font-size:12px; color:#fff; line-height:12px; margin-bottom:5px; padding:5px 5px}
.sidePanel .main ul li a:hover {background:#c5e1ea; color:#09395b; text-decoration:none}

.sidePanel .foot {position:relative; float:left; width:245px; height:17px; background:url(../images/sidePanel-btm.png) 0 0}

#content {position:relative; float:left; width:626px; height:100%; background:url(../images/content-bg.png) 0 0 repeat-y}
#content #top {position:relative; float:left; width:626px; background:url(../images/content-top.png) 0 0 no-repeat}
#content #btm {position:relative; float:left; width:622px; height:100%; padding:12px 2px 14px 2px; background:url(../images/content-btm.png) bottom left no-repeat}

#bannerContainer {position:relative; float:left; width:622px; height:204px;}
#banner {width:586px; height:186px; border:9px solid #4d94c2; margin:0 auto; overflow:hidden}

#text {position:relative; float:left; width:562px; min-height:420px; padding:15px 40px 0 20px; background:url(../images/watermark.jpg) 0 0 no-repeat}

#tracker {position:absolute;top:140%; left:0}