/* CSS Document */
body{padding:0px; margin:0px; background:#f0f0f0; color:#869496; font:12px Tahoma, sans-serif;}
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
h1{font-weight:normal;}
ul{list-style-type:disk;margin-left:15px;}

.clear {clear: both; margin: 0px; height:0}

p a{color:#319ec9; text-decoration:underline;}
p a:hover{ color:#319ec9; text-decoration:none;}

p span.headline{font:12px/14px Arial, sans-serif; color:#319ec9; font-weight:bold}

#container{width:915px; margin:0 auto; background:#fff; padding:0 20px; position:relative}

/* TOP */

#top{width:915px; height:98px; position:relative; border-top:#e4edf6 10px solid}
#logo{position:absolute; top:4px; left:0}

#top ul {list-style: none;margin:0;}
#top ul.ico{position:absolute; top:35px; left:685px; width:300px}
#top ul.ico li{float:left; height:30px; margin-right:12px; padding-left:14px;}
#top ul.ico li a{display:block; font:10px/14px Trebuchet MS, sans-serif; color:#454b55; text-decoration:none; padding-top:10px;}
#top ul.ico li a:hover{text-decoration:underline;}

#top ul.ico li.home{background:url(../images/ico_1.gif) 0 14px no-repeat}
#top ul.ico li.help{background:url(../images/ico_2.gif) 0 14px no-repeat}
#top ul.ico li.contact{background:url(../images/ico_3.gif) 0 14px no-repeat;}

#top ul.ico li.icoline{float:left; height:30px; width:1px; background: url(../images/b_lineico.gif) 0 0 repeat-y; padding-left:0}

/* MENU */

#menuPan{width:915px; height:40px; padding-bottom:5px; position:relative; background:url(../images/toolbar.png) 0 0 no-repeat;}
#menuPan ul.menu{padding-top:6px; width:915px;}
#menuPan ul.menu li{width:138px;display:inline;float:left;padding-top:6px;height:33px; text-align:center; display:inline;}
#menuPan ul.menu li a{height:21px; font:13px Trebuchet MS, sans-serif; text-decoration:none;color:#333333;}
#menuPan ul.menu li a:hover{height:21px;font:13px Trebuchet MS, sans-serif; color:#7D8899; text-decoration:none;}
.selectedMenu{background:url(../images/selected_tab.png) center top no-repeat;}
.selectedMenu a{color:#FFFFFF;font-weight:bolder;}
#menuPan ul.menu li.line {width:2px;padding:0px; background:url(../images/line_m.gif) 0 0 no-repeat}

/* HEADER */

#header{width:915px; height:215px; position:relative; background:url(../images/header.jpg) center top no-repeat; margin-bottom:25px; margin-top:10px;}
#slogan{position:absolute; top:49px; left:313px}
#btn_buy{position:absolute; top:26px; left:211px}

ul.topics{position:absolute; top:134px; left:348px; width:263px}
ul.topics li{height:18px; margin-bottom:2px;}
ul.topics li {height:18px; display:block; text-indent:-20000px; }

ul.topics li.t01 {background:url(../images/topic_1.gif) 0 0 no-repeat; }
ul.topics li.t02 {background:url(../images/topic_2.gif) 0 0 no-repeat; }
ul.topics li.t03 {background:url(../images/topic_3.gif) 0 0 no-repeat; }

/* CONTENT */
#content {color:#454b55}
#content h2{padding-bottom:5px;padding-top:10px;font-size:14px;letter-spacing:1px;}
#content p{padding-bottom:10px;color:#454b55}

#leftPan{width:195px; margin:0 19px 0 0; float:left; display:inline}
#rightPan{width:675px; float:left; position:relative; font-size:12px;}

#sidemenu{width:162px; padding:11px 16px 15px 15px; border:#e7edf2 1px solid; margin-bottom:10px}
#sidemenu p{padding-bottom:5px;}
#sidemenu h2{padding-bottom:10px;}

#screenshots {text-align:center;}
#screenshots img{padding-bottom:5px;text-align:center;}
#screenshots p{padding-bottom:15px;text-align:center;}

#news{width:162px; padding:11px 16px 15px 15px; border:#e7edf2 1px solid; margin-bottom:10px}
#news h2{height:23px; position:relative;}
#news p{margin-left:2px; margin-bottom:15px; border-bottom:#e7edf2 1px dashed; padding-bottom:10px}
#news p span{height:14px; background:url(../images/icon_news.gif) 0 2px no-repeat; padding-left:22px; display:block; margin-bottom:8px; font:12px/14px Arial, sans-serif; color:#f5be49; font-weight:bold;}
#news p a{font:10px/14px Tahoma, sans-serif; color:#869496; text-decoration:underline;}
#news p a:hover{ color:#869496; text-decoration:none;}
#news #btn_news{margin-left:70px}


div.release {width:100%; padding:11px 16px 15px 15px; border:#e7edf2 1px solid; margin-bottom:10px}
div.release h2{height:23px; position:relative;}
div.release p{margin-left:2px; margin-bottom:15px; border-bottom:#e7edf2 1px dashed; padding-bottom:10px}
div.release p span{height:14px; background:url(../images/icon_news.gif) 0 2px no-repeat; padding-left:22px; display:block; margin-bottom:8px; font:12px/14px Arial, sans-serif; color:#f5be49; font-weight:bold;}

/* FOOTER */

#footer{height:85px; width:915px; margin-top:18px; background:url(../images/b_footer.gif) 0 0 repeat-x}
#footer p{padding: 25px 0 0 0; font:11px/16px Trebuchet MS, sans-serif; font-weight:normal; text-align:center; color:#869496;}
#footer p span{font:10px/16px Trebuchet MS, sans-serif;}
#footer p a{font:11px/16px Trebuchet MS, sans-serif; font-weight:normal; color:#869496; text-decoration:none; padding: 0 5px }
#footer p a:hover{text-decoration:none; background:#869496; color:#fff}
.sponsor {
	margin: auto;
	width: 728px;
	padding-top: 5px;
	padding-bottom: 15px;
	text-align: center;
}
.sponsor img {
	margin-top: 5px;
}

#mailMessage {color:#319ec9;font-weight:bold;}