/* THE BIG GUYS */
{margin:0;padding:0}
body {background: #ffffff ;color:#333;font:83%/1.5 "lucida grande", arial,tahoma,verdana,sans-serif;}

/* LINKS */
a,a:link,a:link,a:link,a:hover {background:transparent;text-decoration:underline;cursor:pointer;padding:0px;} 
a:link {color:#000099;} 
a:visited {color:#000099} 
a:hover,a:active {color:#009999}

/* TYPOGRAPHY */
p, ul, ol {margin: 0 0 1.5em}
h1, h2, h3, h4, h5, h6 {letter-spacing: -1px;font-family: "lucida grande", arial,verdana,sans-serif;margin: 1.2em 0 .3em;color:#000;border-bottom: 1px solid #eee;padding-bottom: .1em}
h1 {font-size: 225%; color:#003366}
h2 {font-size: 136%; color:#000099}
h3 {font-size: 126%; color:#000099}
h4 {font-size: 116%}
h5 {font-size: 106%}
h6 {font-size: 96%}


/* LISTS */
ul {margin: .3em 0 1.5em 0;list-style-type:none;list-style:none;}
ul.related {margin-top: -1em}
ol {margin: .5em .5em 1.5em}
ol li {margin-left: 1.4em;padding-left: 0;background: none; list-style-type: decimal}
li {line-height: 1.4em;padding-left: 25px;background: transparent url("images/sprites.gif") no-repeat 0 0}
li.doc {background-position: 3px -500px}
li.signup {font-weight:bold;font-size:150%;margin-left:100px;margin-top:30px;padding-bottom:30px}
ul.nomarker li {background:none;padding-left:0}

dl {margin: 0 0 1em 0}
/*dt {font-weight:bold;margin-top: 1.3em}
dl dl {margin: 0 0 1.5em 30px}*/

/* GENERAL */
img {border:none} 
hr {margin: 1em 0;background:#6666ff;height:1px;color:#6666ff;border:none;clear:both;align:center}
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} 

/* LAYOUT - main body of page */
#body {margin: 5px 5px; background:#ffffff; list-style: none}
#body a:link, a:visited, a:hover, a:active {font-size:85%;text-decoration:none; text-transform:uppercase}
		
/* SECONDARY NAVIGATION - vertical navigation */
	#nav-secondary, #nav-secondary ul {position:static}
	#nav-secondary, #nav-secondary li {list-style: none;margin:0;padding:0;background:#fff}
	#nav-secondary {padding-top:0;border-top: 1px solid #ccc;margin-top: 1px}
	#nav-secondary a {line-height:1.8;padding: 5px 0 5px 23px;background: #fff url("images/sprites.gif") no-repeat 10px -695px;font: bold 86% "lucida grande", arial;display:block}
	#nav-secondary a, #nav-secondary a:link, #nav-secondary a:visited, #nav-secondary a:hover, #nav-secondary a:active {text-decoration:none;cursor:pointer} 
	#nav-secondary a:link {color:#000} 
	#nav-secondary a:visited {color:#000} 
	#nav-secondary a:hover {color:#003366} 
	#nav-secondary li.active a:link, #nav-secondary li.active a:visited, #nav-secondary li.active a:hover, #nav-secondary li.active a:active {color:#003366} 
	#nav-secondary li {border-top: 1px solid #fff;border-bottom: 1px solid #ccc}

/* SECONDARY NAVIGATION - 2nd TIER */
	#nav-secondary ul {margin: 0 0 1em 23px;padding:0}
	#nav-secondary li.active li a, #nav-secondary li.active li a:link, #nav-secondary li.active li a:visited {line-height:1.5;background: #fff url("images/sprites.gif") no-repeat 0 -798px;padding:0 0 0 12px;font-weight:normal;width:auto;color:#003366;width:130px;display:block}
	#nav-secondary li.active li a:hover, #nav-secondary li.active li a:active {color: #003366}
	#nav-secondary li.active li {border: none;margin:0}
	
	#nav-secondary li.active li.active a:link, 
	#nav-secondary li.active li.active a:visited, 
	#nav-secondary li.active li.active a:hover, 
	#nav-secondary li.active li.active a:active {font-weight:bold}
	
/* SECONDARY NAVIGATION - 2nd TIER Screenshots*/
	#nav-secondary ul {margin: 0 0 1em 23px;padding:0}
	#nav-secondary li.screenshots li a, #nav-secondary li.active li a:link, #nav-secondary li.active li a:visited {line-height:1.5;background: #fff url("images/sprites.gif") no-repeat 0 -798px;padding:0 0 0 12px;font-weight:normal;width:auto;color:#000;width:130px;display:block}
	#nav-secondary li.screenshots li a:hover, #nav-secondary li.active li a:active {color: #003366}
	#nav-secondary li.screenshots li {border: none;margin:0}

	#nav-secondary li.screenshots li.active a:link, 
	#nav-secondary li.screenshots li.active a:visited, 
	#nav-secondary li.screenshots li.active a:hover, 
	#nav-secondary li.screenshots li.active a:active {font-weight:bold}	


/* LAYOUT - FOOTER */
#footer {clear:both;margin-top: 30px;border-top: 1px solid #6666ff;padding: 15px 5px 0px;font-size:95%;color:#333366}
	#footer p {margin:0}
	#footer a:link {color:#003366}
	
/* OS IMAGES */
div.float {
  float: left;
  text-align:center;
  margin-right: 20px;
  padding-left: 10px;
  }