body { margin: 0; padding: 0; border: 0; width: 100%; background: #111111 none; font-family: "Trebuchet Ms", Arial; font-size:0.8em; }
* { margin: 0; padding: 0; border: 0; }

div#page { width: 840px; height:650px; margin: 0 auto 20px auto; background: transparent url(/images/home/main.bg.png) top left repeat-x; }

/* header */
div#header { width: 840px; height:109px; margin: 0 auto; }
img#logo { margin:30px 0 0 23px; float:left; position:absolute; }
img#tagline { position:absolute; margin:61px 0 0 146px; }
div#menu { height:24px; width:400px; float:right; margin:47px 10px 0 0; }
*html div#menu { margin-right:5px; }
div#menu ul { float:right; height:24px; width:400px; list-style-type:none; }
*html div#menu ul { width: 400px;}
div#menu ul li { float:right; list-style-type:none; text-align:center; font-size:15px; color: #e6ebf6; height:23px; margin-left:-3px; padding:1px 11px 1px 12px; line-height:20px; }

div#menu ul li a { display:block; text-decoration:none; color: #e6ebf6; }
div#menu ul li.sel { background: transparent url(/images/home/menu_sel_right.png) top right no-repeat; padding:0 11px 1px 0; }
div#menu ul li div.center_m { background: none; }
div#menu ul li.sel div.center_m { background: transparent url(/images/home/menu_sel_center.png) top left repeat-x; height:23px; float:left; padding:1px 0 0 1px; }
div#menu ul li div.left_m { display:none; background: transparent url(/images/home/menu_sel_left.png) top left repeat-x; height:24px; width:11px; float:left; }
div#menu ul li.sel div.left_m { display:block; }

div#menu ul li a#sign_up_menu { font-weight: bold; color: #e3e060; }
div#menu ul li a:hover { color: #ffffff; }
div#menu ul li a#sign_up_menu:hover { color: #fff664;}

/* content */
div#content { width: 840px; margin: 0 auto; }

div#badge { width:87px; height:87px; position:absolute; z-index:1000; margin-top:-35px; margin-left:763px; background: transparent url(/images/home/badge_30days.png) no-repeat 0 0; }
*html div#badge { background: transparent none no-repeat 0 0; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/home/badge_30days.png', sizingMethod='scale'); }

div#content_left { float:left; width: 176px; height: 343px; background: transparent url(/images/home/content_left.bg.png) no-repeat; }
div#content_box { float:left; width: 664px; height: 343px; background: transparent url(/images/home/box.bg.png) no-repeat; }
div.box_content { width:649px; height:207px; margin:0px 0 0 2px; }
div.box_contents { width:650px; height:274px; margin-top:1px; }
div.box_contents h1 { display:block; width:649px; height: 47px; font-size:27px; letter-spacing:-1px; color:#1B2234; padding:20px 0 0 3px; text-align:center; }
div.box_contents h2 { font-size:20px; font-weight:normal; line-height:1em; margin-bottom:5px; }

*html div.box_contents { height:208px; margin-top:0; }
div#box_top { height:274px; padding-top:1px; }
div#box_content_2 div.box_panel { background: transparent url(/images/home/box_panel_2.jpg) no-repeat 0 0; }
div#box_content_3 div.box_panel { background: transparent url(/images/home/box_panel_3.png) no-repeat 0 0; }
div#box_content_4 div.box_panel { background: transparent url(/images/home/box_panel_4.jpg) no-repeat 0 0; }
div#box_content_5 div.box_panel { background: transparent url(/images/home/box_panel_4.jpg) no-repeat 0 0; }
div.box_panel { width:220px; height: 190px; float:right; margin:0px 10px 0 10px; }
div#box_content_1 div.box_panel {  margin:0px 10px 0 0px; }
*html div.box_panel { margin-right:5px; margin-left:6px; width:220px; }
*html div#box_content_1 div.box_panel {  margin:0px 5px 0 0px; width:215px; }
div.box_description { width:380px; height: 180px; float:left; margin-left:14px; padding:10px 0px 0 10px; overflow:hidden; text-align:justify; }
div.box_description p { margin-bottom:7px; color:#000000; font-size: 13px; line-height: 1.2em; }
div.box_description a { color:#111111; }
*html div.box_description { margin-left:7px; }
div#detailed_view, div#trac_plugins { display:none; }
div.flip_panel { float:right; height:15px; text-align:right; width:100px; }
*html div.flip_panel { margin-top:-5px; }
*html div#detailed_view div.flip_panel { margin-top:-4px; }
*+html div.flip_panel { margin-top:-5px; }
div .box_description div.flip_panel a { font-size:11px; color:#333; }
div.panel_name { width:219px; height:32px; text-align:center; color:#1e251b; font-size:17px; padding-top:10px; }
div.panel_info { width:219px; height:99px; text-align:center; color:#1e251b; font-size:14px; padding-top:9px;  }
div.panel_sign_up { width:219px; height:40px; color:#1e251b; text-align:center; }
a.sign_up_bttn { display:block; background:transparent url(/images/home/signup.bttn.gif); height:33px; width:160px; margin:5px auto 0 auto; font-size:25px; line-height:1em; font-weight:bold; text-decoration: none; color:#454545; padding-top:10px; }
div#box_nav { height:59px; width:651px; margin:-1px 0 0 1px; }

div.box_nav_item { float:left; height:59px; width:127px; color:#e6ebf6; font-size:15px; text-align:center; }
*html div.box_nav_item { width:127px; margin-left:0; }
div#box_nav div.open a { background: transparent url(/images/home/box_nav_sel.bg.png) repeat-x 0 0; }
div#box_nav div.open h2.left a { background: transparent url(/images/home/box_nav_sel2.bg.png) no-repeat 0 0; }
div#box_nav div.open h2.right a { background: transparent url(/images/home/box_nav_sel3.bg.png) no-repeat top right; }
div#box_nav div.open a, div.box_nav_item a:hover { color:#eaeefa; }
div.box_nav_item a { color:#d8dce7; display:block; text-decoration:none; height:45px; padding-top:14px;}
div.box_nav_item h2 { color:#d8dce7; font-size:14px; line-height:18px; }
div#box_nav_3 { width:159px; }
div#box_nav_1 a, div#box_nav_5 a { height:37px; padding-top:22px; }
div#box_nav_1, div#box_nav_5 { width:119px; }

.box_content { background: transparent url(/images/home/box_panel_1.bg.png) no-repeat 10px 0px; }
.box_content .box_description p strong { background: #F3DA46; color: #000; }
.box_content .box_description ul { list-style-type: none; margin-bottom: 7px;}
.box_content .box_description ul li { margin-left: 25px; padding-bottom: 2px; line-height:1.2em;}
div#box_content_5 .box_content { background: transparent url(/images/home/box_panel_5.bg.png) no-repeat 10px 0px; }
div#box_content_5 .box_description { width:602px; height:180px; }
div#box_content_2, div#box_content_3, div#box_content_4, div#box_content_5 { display: none; }
div#box_content_3 h1 { font-size:26px; }

div#box_content_1 div.box_description { padding:0; height:190px; width:398px; }
div#box_content_1 div.box_description div.box_description_left, div#box_content_1 div.box_description div.box_description_right { width:174px; height:152px; margin:20px 0 0 14px; float:left; }
*html div#box_content_1 div.box_description div.box_description_left { margin:20px 0 0 8px; }
*html div#box_content_1 div.box_description div.box_description_right { margin:20px 0 0 20px; }
div#box_content_1 div#simple_view div.box_description_right { margin:20px 0 0 20px; width:186px; }
div#box_content_1 div.box_description p { font-size:16px; color:#222; text-align:left; line-height:16px; margin-bottom:14px; }
div#box_content_1 div.box_description p span { color:#800; font-weight:bold; font-size:16px; }
div#box_content_1 div.panel_name { font-weight:bold; font-size:20px; color:#444; margin-top:9px; }
div#box_content_1 div.panel_info { height:60px; font-size:40px; font-weight:bold; color:#800; }
div#box_content_1 div.box_description div.row { width:162px; float:left; font-size:11px; line-height:13px; text-align:left; margin-top:1px; border-bottom:1px solid #b0c491; }
div#box_content_1 div.box_description div.rtd { width:50px; text-align:center; float:right; padding:2px; color:#640000; }
div#box_content_1 div.box_description div.ltd { width:102px; float:left; padding:2px; border-right:1px solid #bbd09a; color:#000; }

/* bottom */
div#bottom { width:840px; margin: 0 auto; }
div.bottom_column { width:25%; height:163px; float:left; color: #ffffff; }
*html div.bottom_column { width:24.9%; }
div.bottom_column a { color:#ffffff;}
div.bottom_column h2 { font-size:16px; padding:20px 10px 1px 23px; }
*+html div.bottom_column h2 { padding-top:16px; }
*html div.bottom_column h2 { padding-top:15px; }
div.bottom_column p { font-size:11px; padding:8px 0px 0px 23px; line-height:13px; }
div.bottom_column blockquote { padding: 20px 20px 0px 27px; background: transparent url(/images/home/bquote.bg.png) no-repeat 12px 19px; font-style:italic; font-size:11px; line-height:15px; }
div.bottom_column span { display:block; float:right; color:#b4ecb5; }
*+html div.bottom_column blockquote { overflow:hidden; }
*+html div.bottom_column span { margin-top:-7px; }

div#footer { width :840px; margin: 0 auto; color: #ffffff; font-size:11.5px; line-height:13px; padding-bottom:30px; }
div#footer_left { float:left; width:500px; margin:12px 0 0 13px; }
*html div#footer_left { margin:12px 0 0 8px; }
div#footer_right { float:right; width:300px; margin:12px 15px 0 0px; text-align:right; }
*html div#footer_right { margin:12px 8px 0 0; }
div#footer_right a { color:#ffffff; margin-left:7px; }