body {
		background: url('../images/bg.gif') no-repeat top center;
		border-top: 2px solid #9cf;
		font-size: 75%;
		font-family: Arial, Verdana, Helvetica, sans-serif; 
	}
	
	#navigation {
		background: url('../images/navi.gif') repeat-x;
		height:36px;
		padding-top:10px;
	}
	
	#navigation ul{
		list-style:none;
		font-weight:bold;
		font-size:14px;
	}
	
	#navigation ul a{
		list-style:none;
		font-weight:bold;
		font-size:14px;
		color:#333333;
	}
	
	#navigation ul a:hover{
		list-style:none;
		font-weight:bold;
		font-size:14px;
		color:#000;
	}
	
	#navigation li{
		display:inline;
		padding:4px;
	}
	
	.join_link {
	color:#ffb729;
}
	
	.li_space{
	padding:0px;
	}
	
	a {
		text-decoration: none;
		font-weight: bold;
		color : #666666;
	} a:hover {
		text-decoration: underline;
		font-weight: bold;
		color : black;
	}
	
	.small {
		font-size: 0.9em;
		color: #666;
	}
	
	.quiet {
		color: #666;
	}
	
	em {
		font-style: italic;
	}
	
	#wrapper {
		width: 770px;
		margin: 0 auto;
	}
	
	#splash {
		width: 540px;
	}
	
	#navi {
		width: 210px;
	}
	
	#main {
		float: right;
		width: 770px;	
		margin-bottom: 50px;
	}
	
	#sidebar {
		width: 210px;
		float: left;
		margin-bottom: 50px;
		padding-right: 20px;
	}
	
	#navi ul li {
		
		border-bottom: 1px solid #ccc;
	}
	
	table {
		width: 100%;
	}
	
	table#domain th {
		font: 13px arial;
		font-weight: bold;
		padding: 5px;
		border-bottom: 2px solid #ddd;
	}
	
	table td {
		font: 13px arial;
		padding: 5px;
		
	}
	
	table#details {
		border-spacing: 2px;
		background: #fff;
		border: 1px solid #ddd;
		margin: 0 0 1em 0;
	}
	
	table#details th {
		font: 13px arial;
		font-weight: bold;
		padding: 5px;
		border-right: 2px solid #ddd;
		background: #f9f9f9;
		width: 120px;
	}
	
	.odd {
		background-color: #f9f9f9;
	}
	
	.settings {
		background-color: #999;
	}
	
	.settings textarea {
		font: 12px arial;
		border: 1px #888 solid;
		padding: 4px;
	}
	
	.settings input {
		font: 12px arial;
		border: 1px #888 solid;
		padding: 4px;
		margin-bottom: 6px;
	}
	
	.settings label {
		font-weight: bold;
	}	
	
	.settings td {
		width: 50%;
	}
	
	#navi ul li#how  a {
		border-top: 1px solid #ccc;
		background: url('../images/icons/how.gif') no-repeat 6px 8px;
	}
	
	#navi ul li#faq a {
		background: url('../images/icons/faq.gif') no-repeat 6px 8px;
	}
	
	#navi ul li#join a {
		background: url('../images/icons/join.gif') no-repeat 6px 8px;
	}
	
	#navi ul li#demo a {
		background: url('../images/icons/demo.gif') no-repeat 6px 8px;
	}
	
	#navi ul li#how a:hover {
		border-top: 1px solid #ccc;
		background: #f7f7f7 url('../images/icons/how.gif') no-repeat 6px 8px;
	}
	
	#navi ul li#faq a:hover {
		background: #f7f7f7 url('../images/icons/faq.gif') no-repeat 6px 8px;
	}
	
	#navi ul li#join a:hover {
		background: #f7f7f7 url('../images/icons/join.gif') no-repeat 6px 8px;
	}
	
	#navi ul li#demo a:hover {
		background: #f7f7f7 url('../images/icons/demo.gif') no-repeat 6px 8px;
	}
	
	#navi ul li#domains a  {
		border-top: 1px solid #ccc;
		background: url('../images/icons/how.gif') no-repeat 6px 8px;
	}
	#navi ul li#domains a:hover  {
		border-top: 1px solid #ccc;
		background: #f7f7f7 url('../images/icons/how.gif') no-repeat 6px 8px;
	}
	
	#navi ul li#login a  {
		background: url('../images/icons/login.gif') no-repeat 6px 8px;
	}
	#navi ul li#login a:hover  {
		background: #f7f7f7 url('../images/icons/login.gif') no-repeat 6px 8px;
	}

	#navi ul li#logout a  {
		background: url('../images/icons/logout.gif') no-repeat 6px 8px;
	}
	
	#navi ul li#logout a:hover  {
		background: #f7f7f7 url('../images/icons/logout.gif') no-repeat 6px 8px;
	}
	
	#navi ul li#tools a  {
		background: url('../images/icons/tools.gif') no-repeat 6px 8px;
	}
	#navi ul li#tools a:hover  {
		background: #f7f7f7 url('../images/icons/tools.gif') no-repeat 6px 8px;
	}
	
	#navi ul li#partner a  {
		background: url('../images/icons/coin.gif') no-repeat 6px 8px;
	}
	#navi ul li#partner a:hover  {
		background: #f7f7f7 url('../images/icons/coin.gif') no-repeat 6px 8px;
	}

	#navi ul li#services a  {
		background: url('../images/icons/services.gif') no-repeat 6px 8px;
	}
	#navi ul li#services a:hover  {
		background: #f7f7f7 url('../images/icons/services.gif') no-repeat 6px 8px;
	}
	
	#navi ul li#settings a  {
		background: url('../images/icons/settings.gif') no-repeat 6px 8px;
	}
	#navi ul li#settings a:hover  {
		background: #f7f7f7 url('../images/icons/settings.gif') no-repeat 6px 8px;
	}
	
	#navi ul li a:hover {
		background-color: #f7f7f7;
	}
	
	#navi ul li a {
		font: 14px arial;
		font-weight: bold;
		display: block;
		padding: 8px 8px 8px 30px;
		color: #333;
		text-decoration: none;
	}

	#navi .login_clicked  {
		background: #f7f7f7 url('../images/icons/login.gif') no-repeat 6px 8px;
	}
	
	#navi ul li ul li {
		border: 0;
	}
	
	#navi ul li#partner ul li a {
		font-size: 12px;
		background: none;
		padding: 5px 8px 5px 40px;
	}
	#navi ul li#partner ul li a:hover {
		font-size: 12px;
		background: #f7f7f7;
	}
	
	p {
		font: 1.1em arial;
		line-height: 1.4em;
	}
	
	h1 {
		font-size: 2.5em;
		font-family: arial;
		padding: 0 0 12px 0;
		letter-spacing: -1px
	}
	
	h2 {
		font: 1.8em arial;
		padding-bottom: 5px;
		clear: both;
		letter-spacing: -1px
	}
	
	.product {
		float: left;
		margin-bottom: 2em;
	}
	
	#product1 {
		padding-right: 10px;
		border-right:3px solid #CCC;
	}
	
	#product2 {
		padding-left: 65px;
	}
	
	#login_box {
		padding-left: 30px;
		background: #f7f7f7;
	}
	
	input, select, textarea {
		border: 1px solid #ccc;
		padding: 4px;
		margin-bottom: 10px;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 1.1em;
	}
	
	label {
		font: 12px arial;
		display: block;
		padding-bottom: 4px;
	}
	
	#footer {
		border-top: 1px solid #ccc;
		font: 12px arial;
		color: #666;
		padding: 10px 0 20px 0;
		clear: both;
		
	}
	
	input.submit {
		padding: 5px 0;
		border: 0;
	}
	
	#login_box {
		display: none;
	}
	
	.notif {
		padding: 20px;
		border: 1px solid #ccc;
		background: #eee;
		margin-bottom: 20px;
	}
	
	.notif h2 {
		padding: 0 0 1em 0;
		font-size: 16px;
	}
	
	input.big {
		padding:7px;
		font-size:16px;
		font-weight:bold;
	}
	
	fieldset {
		border: 1px solid #ccc;
		padding: 20px;
		margin-bottom: 20px;
		background: #f6f6f6;
	}
	
	legend {
		font-size: 1.6em;
	}
	
	textarea#code {
		font-family: Courier, sans-serif;
	}
	
	#notif {
		padding: 10px;
		border: 1px solid #ff0;
		background: #ffc;
		margin-bottom: 2em;
	}
	
	#notif p {
		padding: 0;
		font-size: 13px;
		line-height: 1.4em;
	}
	
	#notif ul {
		list-style-type: disc;
		padding-left: 15px;
	}
	
	#notif li {
		padding-bottom: 4px;
	}
	
	#domain {
		margin-bottom: 2em;
	}
	
	a.tool {
	  position: relative;   /* this is key */
	  cursor: help;
	}
	 
	a.tool span.tip {
	  display: none;        /* so is this */
	}

	/* tooltip will display on :hover event */
	 
	a.tool:hover span.tip {
	  display: block;
	  z-index: 100;
	  position: absolute;
	  top: 2.5em;
	  left: 0;
	  width: 100px;
	  line-height: 1.2em;
	  padding: 3px 7px 4px 6px;
	  border: 1px solid #ccc;
	  background-color: #fff;
	  font-family: arial, helvetica, sans-serif;
	  font-size: 11px;
	  font-weight: normal;
	  color: #000;
	  text-align: left;
	}
	
	.desc {
		padding: 10px;
		background: #eee;
	}	
	
	h3 {
		font-weight: bold;
		color: #666;
		font-size: 1.1em;
		margin-bottom: 10px;
	}
	
	#index #header {
		background: url('../images/splash-top.gif') bottom right no-repeat;
	}
	
	div.tool {	
	border:5px solid #ccc; 
	width:272px;
	height:80px;
	padding:10px;
	padding-top:25px;
	padding-left:68px;
	}