html { background:#f0f0f0; font-family:"Lucida Grande", Arial,Helvetica,sans-serif; font-size:12px; background:#323d4e;}

#header { padding-bottom:22px;}

#main-content { padding-bottom:70px; background:url(../images/radar/main-background.png) no-repeat center top; }

#main-content .content-wrap { width:900px; margin:auto; overflow:hidden;}
#main-content .content-wrap .title-bar { overflow:hidden; height:1%;}
#main-content .content-wrap .title-bar h2 a { background:url(../images/radar/logo.png) no-repeat; width:144px; height:61px; text-indent:-99999px; display:block; float:left; margin-top:26px; margin-left:5px;}
#main-content .content-wrap .title-bar ul.sub-nav { float:left; margin-top:45px; margin-left:97px;}
#main-content .content-wrap .title-bar ul.sub-nav li { float:left; margin-left:20px;}
#main-content .content-wrap .title-bar ul.sub-nav li a { color:#ffffff; width:90px; height:26px; display:block; text-align:center; padding-top:6px; text-decoration:none;}
#main-content .content-wrap .title-bar ul.sub-nav li a:hover, #main-content .content-wrap .title-bar ul.sub-nav li a.active { background:url(../images/radar/nav-background.png) no-repeat;}

#main-content .content-wrap .left-col { width:245px; float:left;}
#main-content .content-wrap .left-col p { color:#627daa; font-size:90%; margin:10px 10px; line-height:170%;}
#main-content .content-wrap .left-col p.info { color:#ffffff; font-size:130%; line-height:150%; margin:10px 0px 15px 0px; background:url(../images/radar/info-background.png) no-repeat; width:215px; height:196px; padding:10px 15px; }
#main-content .content-wrap .left-col p.info strong { font-weight:bold;}
#main-content .content-wrap .left-col p.twitter-links { margin-left:25px; }
#main-content .content-wrap .left-col p.twitter-links a { color:#ffffff;}

#main-content .content-wrap .right-col { width:635px; float:left; margin-left:20px;}
#main-content .content-wrap .right-col h3 { color:#ffffff; border-bottom:3px solid #6f90c7; font-size:160%; padding-bottom:10px; margin-bottom:20px; }
#main-content .content-wrap .right-col h4 { color:#fff; font-size:14px; font-weight:normal; border-bottom:2px solid #7fa3d3; padding-bottom:3px; margin-bottom:10px;}
#main-content .content-wrap .right-col p { color:#ffffff; line-height:25px; font-size:120%; margin:20px 0px;}
#main-content .content-wrap .right-col p a { color:#fff;}
#main-content .content-wrap .right-col p strong { color:#c6ff56;}
#main-content .content-wrap .right-col ul { padding-left:15px; margin-left:0px; padding:0px; list-style:none; margin:20px 0px;}
#main-content .content-wrap .right-col ul li { color:#ffffff; margin-bottom:10px; font-size:120%; background:url(../images/radar/bullet.png) no-repeat center left; padding-left:15px; line-height:1.5;}
#main-content .content-wrap .right-col ul li .xen { background:url(../images/radar/xen-logo.png) no-repeat center; padding-left:50px; padding-top:12px; padding-bottom:3px; font-size:0px; color:#3e4b5a;}
#main-content .content-wrap .right-col ul li .ubuntu { background:url(../images/radar/ubuntu-logo.png) no-repeat center; padding-left:72px; padding-top:15px; padding-bottom:3px; font-size:0px; color:#475970;}
#main-content .content-wrap .right-col ul li span span { visibility:hidden;}
#main-content .content-wrap .right-col img.floatright { float:right; margin-left:10px; margin-bottom:10px;}
#main-content .content-wrap .right-col .box { width:200px; float:left; margin-right:16px; margin-bottom:20px; margin-top:20px;}
#main-content .content-wrap .right-col .box.end { margin-right:0px;}
#main-content .content-wrap .right-col .box p { font-size:90%; color:#ffffff; line-height:19px; width:188px; margin:0px; font-weight:bold}

#main-content .content-wrap .right-col ul.feature-links { overflow:hidden;}
#main-content .content-wrap .right-col ul.feature-links li { width:30%; float:left; margin:3px;}
#main-content .content-wrap .right-col ul.feature-links li a { color:#ffffff;}

#main-content .content-wrap .right-col .feature p { margin:10px 0px; line-height:160%;}
#main-content .content-wrap .right-col .feature img.feature-image.left { float:left; margin-right:10px;}
#main-content .content-wrap .right-col .feature img.feature-image.right { float:right; margin-left:10px;}

#main-content .content-wrap .right-col .feature p.top { clear:both;}
#main-content .content-wrap .right-col .feature p.top a { background:transparent url(../images/radar/arrow_up.gif) no-repeat 0pt -2px; color:#999999; padding-left:15px; text-decoration:none; font-size:10px; }
#main-content .content-wrap .right-col .feature p.top a:hover {  text-decoration:underline; }

#main-content .content-wrap .right-col ul.tour { overflow:hidden; margin-top:0px; margin-left:2px;}
#main-content .content-wrap .right-col ul.tour li { background:none; padding:0px; width:200px; float:left; margin:5px; }