/* Zero down margin and padding on all elements */
* {
  margin:0;
  padding:0;
}
body {
	color:#666;
	background-color:#FFFFF0;
	background-image:url(/img/bg.png);
	background-repeat:repeat-x;
	font-family:arial, sans-serif;
	text-align:center;
	overflow:auto;
}
li {
	list-style-type:none;
	text-align:left;
	font-size:11pt;
}
img {
	border:0;
}
/* The Core Technique
================================= */
#wrapper {
	width:680px;
	margin:0 auto;
	text-align:left;
}
#branding {
	height:92px;
}
#primary {
	width:64%;
	float:left;
	text-align:left;
	margin-bottom:16px;
}
#primary #logo {
	margin-top:26px;
}
#secondary {
	width:32%;
	float:right;
	margin-bottom:16px;
	text-align:center;
} 
#secondary div#trynow {
	height:96px;
	margin-top:58px;
}
#secondary ul {
	margin-left:64px;
}
#module {
	text-align:center;
	margin:0 auto; 
} 
ul#modes li {
	margin:8px 0 8px 32px;
	padding-right:8px;
	background-image:url(/img/bg_mode.png);
	background-position:right center;
	background-repeat:no-repeat;
	height: 104px;
}
ul#modes li img {
	float:left;
}
ul#modes li h3 {
	padding-top:16px;
}
ul#modes li#addnumbers {
	margin-top:16px;
	padding-left:70px;
	background-image: none;
}
#footer {
	clear:both;
	text-align:center;
	font-size:7pt;
	color:#999;
	border-top:1px solid #ccc;
}
#footer img {
	vertical-align:middle;
}
#footer a {
	color:#999;
}
#footer a:visited {
	color:#ccc;
}
#footer a:active, #footer a:hover {
	color:#666;
}