body {font-family: arial; background-color: #E3E3E3}

#header {width: 745px; margin: 0px auto 0px auto;}

#header img.logo { float: left; margin: 25px 0px 5px 10px; border: none;}


#header a {text-decoration: none; color:#4170F1;font-size: 8pt;font-weight: bold; }
#header a:visited {color: #4170F1;}
#header a:hover {color: #062989;}

#header .nav {float:right; margin: 55px 0 0px -20px; }
#header .nav ul {list-style-type: none; display: list-item;   }
#header .nav li {font-size: 8pt;font-weight: bold; color: #4170F1; width: 55px; }
#header .nav li.text {margin-top: -5px; margin-bottom: 0px;}  
#header .nav li.wider {font-size: 8pt;font-weight: bold; color: #4170F1; width: 70px; margin-top: -5px;}
#header .nav img {margin: 5px 0 0 10px; border: none; }
#header .nav img.space {margin: 5px 0 0 20px; border: none; }

#header .navlast {float:right; margin: 55px 15px 0px -15px;}
#header .navlast ul {list-style-type: none; display: list-item;   }
#header .navlast li {font-size: 8pt;font-weight: bold;font-family:arial;  color: #4170F1; width: 50px;}
#header .navlast img {margin: 5px 0 0 10px; border: none; }
#header .navlast li.text {margin-top: -5px;} 

#topbox	   {clear: both; width: 750px; margin: 0 auto; background: url(cssimg/outerframetop_ms_gray.gif) no-repeat top center; }
#topbox p.small { margin: 0 0 0 0; padding: 0; font-size: 10%; }

#middlebox {width: 750px;  margin: 0 auto; padding: 0; background: transparent url(cssimg/outerframefill_ms_gray.gif) repeat-y center; }

#middlebox h1	{font-family: arial; font-size: 14pt; margin: 22px 0 5px 80px; }  
#middlebox h2	{font-family: arial; font-size: 11pt; margin: 10px 0 10px 80px;   color:#737373; }
#middlebox h3	{font-family: arial; font-size: 12pt; margin: 22px 0 10px 130px;   color:#3769F8; }  

#middlebox p	{ font-size: 10pt;  margin: 0px 0px 1em 80px; width:600px; }
#middlebox p.intro	{  font-size: 10pt;  margin: 0px 0px 1em 80px; width:350px; }
#middlebox p.introsmall	{  font-size: 8pt;  margin: 0px 0px 1em 80px; width:600px; color: gray;}

#middlebox ul.mainsection {list-style-type: none; display: list-item; float: right;  margin: -150px 75px 0 -25px;}
#middlebox li.images { margin: 0; border: none;}

#featurelist h1	{font-family: arial; font-size: 14pt; margin: 22px 0 10px 80px;}
#featurelist h2.feature {font-size: 11pt; margin: 22px 0px 5px 80px; color:#737373; }	
#featurelist h3.feature {font-size: 11pt; margin: 22px 0px 10px 80px; color:#4170F1; }	
#featurelist h4.feature {font-size: 11pt; margin: 0px 0px 10px 80px; color:#AEADAD; }
#featurelist p	{margin: 0px 0 5px 110px;}
#featurelist ul.featureBullet {margin: 0px 0px 1em 90px; padding-left: 25px; width: 450px; font-size: 10pt; list-style-position: outside; list-style-image: url(cssimg/bluecheckbox.gif); color: #858585;  }
#featurelist img {float: left; margin: 0px 120px 0px 3px;}
#featurelist img.downimg{float: right; margin: 0px 100px 0px 0px;}




#middlebox ul.checkbullet { margin: 0px 0px 1em 90px; padding-left: 25px; width: 350px; font-size: 10pt;  list-style-position: outside; list-style-image: url(cssimg/bluecheckbox.gif); color: #858585; }
#middlebox li.bluecheck {margin: 0px 0 5px 0;}
#middlebox b.blue {color: #11285e;}

#middlebox ul.nobulletlist { margin: 0px 0px 1em 80px; padding-left: 0px; width: 380px; font-size: 10pt;  list-style-position: outside; list-style: none;  }


#middlebox ul.bullet {margin: 5px 155px 15px 90px; padding:0px 0px 0px 40px; font-family: arial; font-size: 10pt; list-style-position: outside; list-style-image: url(cssimg/bluecheckbox.gif);  }
#middlebox li.bullet_item {margin: 1em 0;}
#middlebox b {color: #11285e;}

#middlebox ul.pagenumbers { text-align: center;}
#middlebox li.number img {list-style: none;display: inline; border: none;text-decoration: none;  }
#middlebox li.number{list-style: none;display: inline; }
#middlebox li.number a {text-decoration: none; color:#999999;font-size: 14pt;font-weight: bold;font-family:arial; margin: 5px 5px 5px 5px; padding: 5px 5px 5px 5px;}
#middlebox li.number a:visited {text-decoration: none; color: #999999;}
#middlebox li.number a:hover {text-decoration: none; color: #003366;}

#middlebox span.mini {color: #FC973D; font-weight: bold;}


#top_rightside {float: right; margin: 5px 75px 0px -10px; }
#top_rightside ul { width: 175px;}
#top_rightside li {list-style: none; }
#top_rightside li.descrip_small {font-size: 8pt; color: gray; margin: -10px 0 5px 40px;}
#top_rightside li.button {text-align: center; margin: 0px 0 5px 0px;}
#top_rightside li.button img {border: none;}


.topinbox { clear: both; margin: 0 auto; height: 5px; width: 600px; background: url(cssimg/innerframetop600.gif) no-repeat top center; }
.topinbox p.small { margin: 0 0 0 0 ; padding: 0; font-size: 10%; }

.topinboxfeature{ clear: both; margin: 0 auto; height: 80px; width: 600px; background: url(cssimg/innerframetop600mon.gif) no-repeat top center; }
.topinboxfeature p.small { margin: 0 0 0 0; padding: 0; font-size: 10%; }


.middleinbox { width: 600px; clear: both; margin: 0 auto;   background: url(cssimg/innerframefill600.gif) repeat-y center; }	 
		 


.middleinbox li span.platform {font-style: italic; font-size: 8pt; font-weight: normal;letter-spacing: 0pt;}
.middleinbox li span.sale {text-decoration: line-through; color: #7B7B7B;}
.middleinbox li span.discount {color:#000099; font-weight: bold;}
.middleinbox li span.free {color:#000099;}  


.middleinbox span.mini{color: #9b; word-spacing: -3px; font-weight: bold;}

.bottominbox { 	clear: both;width: 600px; margin: 0 auto ;  height: 16px; background: url(cssimg/innerframebottom600.gif) no-repeat bottom center; }

#betaIntro	{ clear: both; margin: 0px 0 0 0;}
#betaIntro h1 {color: #FC9711;  font-size: 11pt;   margin: 0px 0px 10px 40px; }  
#betaIntro p {color: #999999; font-size: 10pt;   margin: 0px 0px -5px 40px; }



#screenshotsection { margin: 0px 0px 10px 100px;}
#screenshotsection img.screenshot { margin: 20px 0px 0 0px;}
#screenshotsection p.caption {margin: 5px 0 1em 0; color: #616161; width: 424px;}
#screenshotsection b.hili {color: #3366F1;}



#leftside {clear: both; float: left; margin: 5px 0 0px 0px; padding: 0px 0 0px 0px; }
#leftside ul { }
#leftside li {list-style: none; padding: 0 0 0 0;}
#leftside li img.mainimage { border: 0;margin: 10px 0 5px 35px;}
#leftside li.smalltext { font-size: 8pt; color: #999; text-align: center;}
#leftside b {font-size: 8pt; font-weight: bold;}
#leftside li a {text-decoration: none; color:#999999;font-size: 8pt; }
#leftside li a:visited {color: #999999;}
#leftside li a:hover {color: #E38800;}	
#leftside li img {border: none;}

#middlecol img {  float: left; margin: 0px -2px 10px 5px; }

#rightside {float: left; margin: 5px 0 0px -10px; }
#rightside ul { width: 200px;}
#rightside li {list-style: none; }
#rightside li.title {font-size: 12pt; margin: 0px 0 0px 0px;font-weight: bold; letter-spacing: 0px; }
#rightside li.platform {font-style: italic; font-size: 8pt; margin: -3px 0 0px 0px;}
#rightside li.descrip {font-size: 9pt; color: gray; margin: 7px 0 5px 0px;}
#rightside li.descrip_next {font-size: 9pt; color: gray; margin: 0px 0 20px 0px;}
#rightside li.info { clear: left; text-align: center;  font-family: arial; font-size: 8pt;  margin: -5px 0 5px 0px;}
#rightside li.button {text-align: center; margin: 0px 0 0px 0px;}
#rightside li.button img {border: none;}







#middle { clear: both; margin: 10px 0px; }

#middle p {color: #999999;font-size: 10pt;   margin: 0px 0px 0px 50px; }
#middle h1 {color: #999999;  font-size: 11pt;   margin: 0px 0px 0px 40px; }

#middle .icon { clear: both; float: left; margin: 15px 0px 10px 55px;}

#middle .product { float:left;  }
#middle .product ul {  list-style: none; width: 225px; margin: 20px 2px 2px 10px; padding: 0px 15px 0 5px; }
#middle .product li { display: list; font-size: 9pt; }

#middle .product li.line_one {font-weight: bold; letter-spacing: 1px;}
#middle .product li.line_two {color: #888888}
#middle .product li.line_three {margin: 5px 0 0 0;}

#middle .buttons {float: left;}
#middle .buttons ul { list-style: none; margin: 20px 0px 0 0; }
#middle .buttons li {display: list; padding: 0 0px 5px 0;}
#middle .buttons img {border: none;}



#bottombox {clear: both; margin: 0 auto; width: 750px; background: url(cssimg/outerframebottom_ms_gray.gif) no-repeat bottom center; }
#bottombox p.small { margin: 0 0 0 0; padding: 0; font-size: 60%; }



#promise { clear: both; text-align: center; margin: 20px 0 0 0; } 
#promise img { margin: 3px 10px 0 10px; vertical-align: middle;}


#footernav {clear: both;font-size: 8pt;color: #a6a6a6;margin: 25px 0 0 0; text-align: center; letter-spacing: 1pt; 	}
 
#footernav ul	{list-style: none;}
#footernav li {display: inline;}
#footernav a:link {text-decoration: none; color: #888 !important;	}
#footernav a:visited  {text-decoration: none; color: #888 !important;	 }
#footernav a:hover { 	color: #003399 !important;	}

#copy p {text-align:center; width: 748px; margin: 0px 0 0 10px; font-family: arial;font-size: 8pt;color: #a6a6a6; letter-spacing: 1pt;}
#copy a {text-decoration: none;color: #a6a6a6;}