@charset "utf-8";

body { font: 13px Tahoma, Arial, Helvetica, sans-serif; background: #fff; margin:0; padding:0; text-align: center; color: #444; background: url(../images/bg.gif) repeat-x 0 0;}
#container {width:760px; margin: 0 auto; text-align: left;}
img { border:0;}
#rel {position: relative}
a { color:#1b7bdd}
h2 { color:#4b7da7; margin:0}
h3 { color:#4b7da7; margin:0}
h4 { color:#78c02a; margin:0 0 5px 0; font-size:17px}
.clearfloat { clear:both; height:0;font-size: 1px;line-height: 0px;}
.goodlink { color:#e28104; font-weight:bold; padding:4px}
.goodlink a { }
iframe { width:500px; height:450px; border:none; margin:0}
#cl { font-size:11px; clear:both}
/* header */
#header {height: 50px; position:relative;z-index: 1; }
#header h1 { margin:0; padding-top:8px 0 0 50px; background:url(../images/logo.gif) no-repeat; text-indent: -9999px; height:50px}
#header h1 img {font-weight:bold; color:#7f7c45;}
#header ul { right:0;padding:0;margin:0;list-style:none;position:absolute; top:0; font-size:12px;}
#header li {float:left; padding:0;margin: 0;}
#header ul span, #header ul a:link, #header ul a:visited {display:block; float:left; padding:14px 12px;text-decoration:none; ;height:16px; font-weight:bold;}
#header ul li span, #header ul li a.current, #header ul li a:hover { text-decoration:underline;}
#header ul li span,#header ul li a.current {text-decoration: none;}
div#left-top { background:url(../images/border_left-top.gif) no-repeat left top ;}
div#right-top {background:url(../images/border_right-top.gif) no-repeat right top ;}
div#left-bottom {background:url(../images/border_left-bottom.gif) no-repeat left bottom;}
div#right-bottom {background:url(../images/border_right-bottom.gif) no-repeat right bottom; padding:10px}
div#left {width:440px; float:left;}
div#left h2 { font-size:20px; margin-bottom:8px; }
div#left h2:hover { color:#CC3300; cursor:pointer;}
dl#mf-list { margin: 3px 0 8px 10px; font-size:14px; }
dl#mf-list dt { margin:0 0 7px 0; padding-left: 14px; font-weight: normal; background: url(../images/arrow1.gif) no-repeat 0 3px; }
div#right {width:274px; height:286px; float:right; background:url(../images/girl.jpg) right 30px no-repeat; position:relative;}
div#right h2#bester { position:absolute; top:5px; left:5px; color:#4d4d4d; font-weight:bold; font-size:16px; cursor:pointer; }
div#right h2#visitplace { position:absolute; top:133px; left:8px; color:#77bf2b; font-weight:bold; font-size:14px; text-align:center; cursor:pointer; }
div#right img#earthy { position:absolute; left:50px; top:70px; }
div#right a#downloadme { position:absolute; bottom:-5px; right:0px; text-align:right; font-size:20px; font-weight:bold;  }
div#right a#downloadme:hover { color:#CC3300; cursor:pointer; }
div#col-s {float:left; margin:0; width:247px;}
div#col-b {float:right; margin:0; width:505px;}
div#col-space {float:left; margin:0; width:9px;}
/* banner */
#ban { background:#2976b8 url(../images/bg_index.jpg) no-repeat 0 0; width:776; height:243px; color:#fff; font-size:13px}
#ban a { color:#fff; text-decoration:none;}
#ban a:hover { color:#CCFF00; text-decoration:underline; font-weight:bold}
div#ban .text1 {position: absolute; top:95px; left:154px;width:200px;  margin:0; vertical-align:top}
div#ban .text2 {position: absolute; top:95px; left:364px;width:200px; margin:0;}
div#ban .text3 {position: absolute; top:95px; left:547px;width:200px; margin:0;}
div#ban .text4 {position: absolute; top:190px; left:100px;width:360px;margin:0; text-align:right}
div#ban .text4 h3 { margin:0; font-style:italic; font-size:18px}
div#ban .btn {position: absolute; top:182px; left:483px;width: 264px;margin:0; font-size:10pt}
#ban dl#mf-list { margin: 3px 0 8px 10px; }
#ban dl#mf-list dt { margin: 0; padding-left: 14px; font-weight: normal; background: url(../images/arrow1.gif) no-repeat 0 3px; }
/* sections */
#sections { margin:5px 0 0 0; font-size:11px;}
#sections h2 { text-align:center; margin:0 0 5px}
#sections div#bottom {height:110px}
div.yellow-sec {background:url(../images/col-yell2.gif) repeat-y left top; float:left; margin:2px 0 0 0; width:250px}
div.yellow-sec #top {background:url(../images/col-yell1.gif) no-repeat left top;}
div.yellow-sec #bottom {background:url(../images/col-yell3.gif) no-repeat left bottom; padding:10px; }
div.green-sec {background:url(../images/col-green2.gif) repeat-y left top; float:left; width:250px; margin:2px 0 0 12px}
div.green-sec #top {background:url(../images/col-green1.gif) no-repeat left top;}
div.green-sec #bottom {background:url(../images/col-green3.gif) no-repeat left bottom; padding:10px}
div.blue-sec {background:url(../images/col-blue2.gif) repeat-y left top; float:left; width:250px; margin:2px 0 0 12px}
div.blue-sec #top {background:url(../images/col-blue1.gif) no-repeat left top;}
div.blue-sec #bottom {background:url(../images/col-blue3.gif) no-repeat left bottom; padding:10px}
div.chris-sec {background:url(../images/col-chris2.gif) repeat-y left top; float:left; width:250px; margin:2px 0 0 12px}
div.chris-sec #top {background:url(../images/col-chris1.gif) no-repeat left top;}
div.chris-sec #bottom {background:url(../images/col-chris3.gif) no-repeat left bottom; padding:10px}
div.grey-sec {background:url(../images/col-grey2.gif) repeat-y left top; float:left; width:250px; margin:0px}
div.grey-sec #top {background:url(../images/col-grey1.gif) no-repeat left top;}
div.grey-sec #bottom {background:url(../images/col-grey3.gif) no-repeat left bottom; padding: 3px 10px 5px; font-size:11px;}
#sections dl#mf-list { margin:0px; }
#sections dl#mf-list dt { margin: 0; padding-left: 14px; font-weight: normal; background: url(../images/arrow2.gif) no-repeat 0 3px; }
/* bubles */
#bubles { margin:0;}
div.buble {background: url(../images/buble-middle.gif) repeat-y left top; float:left; width:250px; margin:2px 0 10px 0}
div.buble #top { background:url(../images/buble-top.gif) no-repeat left top;}
div.buble #bottom {background:url(../images/buble-bottom.gif) no-repeat left bottom; padding:12px 12px 0 12px; font-size:11px;}
/*div.buble #bottom:hover { padding:10px 10px 0 10px; font-size:14px}*/
div.name { padding:10px 0 0 0; width:226px; font-weight:normal; color:#777; margin:0}
/* content */
#content { width:776px; margin:8px 0 0 0}
#content p { margin:0 0 10px 0}
#content h4 {font:12px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; margin:5px 0 }
#col1 {float:left; width:506px; margin:0; padding:0 10px 0 0}
#col1 h1 {font:24px Georgia, "Times New Roman", Times, serif; color:#8fc11a; font-weight:bold; margin:5px 0}
#col1 h2 {font:24px Georgia, "Times New Roman", Times, serif; color:#438ccc; font-weight:bold; margin:5px 0}
#col1 h3 {font:20px Georgia, "Times New Roman", Times, serif; font-weight:bold; margin:0}
#col1 h5 {font:16px Georgia, "Times New Roman", Times, serif; font-weight:bold; margin:0; color:#ffae00}
#col2 {float:left; width:250px; margin:0px 0 0 10px; padding:0;}
#col2 h3 {font:23px Georgia, "Times New Roman", Times, serif; font-weight:bold; margin:5px 0}
#col2 h2 {font:23px Georgia, "Times New Roman", Times, serif; color:#ffae00; font-weight:bold; margin:5px 0}
.join { text-align:center}
.ipod {font:18px Georgia, "Times New Roman", Times, serif;}
.ipod img { text-align:left; padding:0 10px 10px}
img.media{text-align:left; padding:0px 10px 10px}
div.media { width:450px}
div#botmenu {background:url(../images/bot_menu2.gif) repeat-x left top; float:left; height:42px; width:776px; margin:8px 0 0 0; position:relative;z-index: 2;}
div#botmenu #left {background:url(../images/bot_menu1.gif) no-repeat left top;}
div#botmenu #right {background:url(../images/bot_menu3.gif) no-repeat right top; padding:14px; color:#FFFFFF; height:25px; }
#botmenu ul { padding:0;margin:0;list-style:none;border-left:1px solid #576178;border-right:1px solid #1f2635;position:absolute; top:0; font-size:11px;}
#botmenu li {float:left; padding:0;margin: 0;}
#botmenu ul span, #botmenu ul a:link, #botmenu ul a:visited {display:block; float:left; padding:12px 12px;text-decoration:none; border-right:1px solid #5e7484;border-left:1px solid #35424b;color:#dee0e5;height:17px; font-weight:bold;}
#botmenu ul li span, #botmenu ul li a.current, #botmenu ul li a:hover { background:#506575;color:#fff;text-decoration:underline;}
#botmenu ul li span,#header ul li a.current {text-decoration: none;}
.bottom-text { color:#999999; font-size:10px}
.bottom-text a { color:#6C8EC1}