* { margin: 0; padding: 0 }

body { color: #444; font-family: Verdana, sans-serif; font-size: 11px }

a { color: #444; text-decoration: none }
a img { border: 0 }
#main a { color: #16b; text-decoration: underline }
	#main a:hover { color: #444 }
	
p, #main li { margin: 0 0 10px 0 }
#main li { list-style: square; margin-left: 16px }

label { display: none }
input { margin: 5px 0 5px 40px }
.field { border: 1px solid #aaa; padding: 2px 4px; width: 160px; font-size: 11px; background: #d1e37e }
select { width: 100% }

small { display: block; margin-left: 40px }

#content { width: 489px; border: 1px solid #ddd; background: #f2f2f2; margin: 30px auto; overflow: none }

#signup, #login { width: 242px; float: left; padding: 12px 0 }
#signup { border-right: 1px solid #ddd }
#login { border-left: 1px solid #ddd; margin-left: -1px }
#signup p, #login p { margin-left: 20px; color: #999 }
#signup strong, #login strong { color: #444; display: block }

#wrap { background: url(../gfx/tabs.png) repeat-y; overflow: auto }
#tabs { float: left; background: url(../gfx/tabs.png) repeat-y; padding: 0 0 20px 0 }
	#tabs ul { width: 166px; font-weight: bold }
	#tabs ul a { display: block; border-bottom: 1px solid #ddd; border-top: 1px solid #fff; padding: 9px 5px 9px 20px }
	#tabs ul a:hover { color: #16b }
	#tabs img { margin: 16px 0 0 40px; display: block }
	#tabs ul li#active a { background: url(../gfx/tab.png) repeat-y; width: 142px; color: #16b }
	.active { background: url(../gfx/tab.png) repeat-y; width: 142px; color: #16b }
	
#main { width: 260px; float: right; padding: 8px 30px 20px 0 }	
	#tool { padding: 36px 10px 16px 10px; margin: 16px 0; background: #f4f4f4 url(../gfx/tool.png) no-repeat; border: 6px solid #268 }
	
	#compare { text-align: center; font-weight: bold }
	#main small { font-size: 10px; color: #aaa; font-style: italic; margin: 20px 0 }
	#main small strong { font-style: normal }
	
#main-1 a { color: #16b; text-decoration: underline }
	#main-1 a:hover { color: #444 }
#main-1 li { margin: 0 0 10px 0; list-style: square; margin-left: 16px }
#main-1 { width: 260px; float: right; padding: 8px 30px 20px 0 }	
	#main-1 small { font-size: 10px; color: #aaa; font-style: italic; margin: 20px 0 }
	#main-1 small strong { font-style: normal }

#main-2 a { color: #16b; text-decoration: underline }
	#main-2 a:hover { color: #444 }
#main-2 li { margin: 0 0 10px 0; list-style: square; margin-left: 16px }
#main-2 { width: 260px; float: right; padding: 8px 30px 20px 0 }	
	#main-2 small { font-size: 10px; color: #aaa; font-style: italic; margin: 20px 0 }
	#main-2 small strong { font-style: normal }

#main-3 a { color: #16b; text-decoration: underline }
	#main-3 a:hover { color: #444 }
#main-3 li { margin: 0 0 10px 0; list-style: square; margin-left: 16px }
#main-3 { width: 260px; float: right; padding: 8px 30px 20px 0 }	
	#main-3 small { font-size: 10px; color: #aaa; font-style: italic; margin: 20px 0 }
	#main-3 small strong { font-style: normal }

#main-4 a { color: #16b; text-decoration: underline }
	#main-4 a:hover { color: #444 }
#main-4 li { margin: 0 0 10px 0; list-style: square; margin-left: 16px }
#main-4 { width: 260px; float: right; padding: 8px 30px 20px 0 }	
	#main-4 small { font-size: 10px; color: #aaa; font-style: italic; margin: 20px 0 }
	#main-4 small strong { font-style: normal }

#main-5 a { color: #16b; text-decoration: underline }
	#main-5 a:hover { color: #444 }
#main-5 li { margin: 0 0 10px 0; list-style: square; margin-left: 16px }
#main-5 { width: 260px; float: right; padding: 8px 30px 20px 0 }	
	#main-5 small { font-size: 10px; color: #aaa; font-style: italic; margin: 20px 0 }
	#main-5 small strong { font-style: normal }

#footer {
    clear:both; 
    margin: 10px 0 0 0px;
    width: 490px;
    color: #999;
}
#footer a {
	color: #666;
	font: 10px "trebuchet ms", verdana, tahoma, arial, sans-serif;
	line-height: 30px;
	text-decoration: underline;
}