/* CSS Document */

html, body, a, p, div, dl, dt, dd, table, th, tr, td, ul, ol, li, object, h1, h2, h3, h4, h5 {
margin:0; padding:0; border:0; outline:none; }

a { cursor:pointer; }

body { 
	background:url(../imgs/headerbg.jpg) top center repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	text-align:justify; }
	
h1 { font-size:18px; font-weight:bold; letter-spacing:-0.5px; color:#666; margin:10px 0; }
h2 { font-size:30px; font-weight:bold; letter-spacing:-1px; color:#FFF; }
h2 .gray { color:#CCC; }

.floatleft { float:left; }
.floatright { float:right; }
.clear { clear:both; }

/* Header */
#header { width:960px; height:250px; margin:0 auto; }
#logo { float:left; padding:20px 20px; }

/* Add to Favorites */
a#addfavs { display:block; float:right; background-image:url(../imgs/addfavs.gif); width:107px; height:0px; margin:5px 80px 0 0; padding-top:30px; overflow:hidden; }
a:hover#addfavs { background-position:0 30px; }

/* Banner */
#banner { background:url(../imgs/bannerbg.gif) repeat-x; height:240px; 
margin-bottom:-115px;/*change margin between banner and small banners*/ }
#flashcont { position:relative; top:-125px; width:840px; padding:0 60px; margin:0 auto; }

/* Directory Header */
#dirheader { background:url(../imgs/bannerbg.gif) repeat-x; width:auto; height:90px; margin-bottom:50px; }

/* Small Banners */
#smallbanners { display:block; width:820px; height:170px; padding:0 70px; margin:0 auto; }
#leftbanner { float:left; width:400px; height:170px; }
#rightbanner  { float:right; width:400px; height:170px; }

/* Main Description */
#description { width:800px; height:auto; padding:5px 80px 0 80px; margin:5px auto; }

/* Main Content */
#wrapper { width:820px; height:auto; padding:0 70px; margin:25px auto; }
.headcont { background:url(../imgs/headcont.gif); width:360px; height:42px; padding:18px 0 0 40px; }
.bigimage { background-color:#F0F0F0; width:370px; height:auto; margin:0 auto; padding-top:5px; }
.content { background:url(../imgs/bgcont.gif) repeat-y #FFF; width:400px; height:auto; }
.textcont { background-color:#FFF; width:340px; height:auto; padding:15px; margin:0 auto; }
.footcont { background:url(../imgs/footcont.gif) no-repeat; width:400px; height:10px; }

.content ol { width:165px; color:#999; margin:10px 0; list-style:inside decimal; text-align:left; }
.content li { width:auto; margin:3px 0; }
.content li a { text-decoration:none; color:#666; }
.content li a:hover { text-decoration:underline; color:#000; }

/* Google AdSense */
#adwrapper { width:800px; height:90px; padding:0 80px; margin:30px auto -20px auto; }
#adsense { width:728px; height:90px; margin:0 36px; }

/* Footer */
#footer { background:#006600 url(../imgs/footerbg.gif) top repeat-x; width:auto; margin-top:30px; }
#dirlink { position:relative; top:-26px; width:960px; margin:0 auto; }
#dirlink a { display:block; background:url(../imgs/dirlink.gif); width:400px; height:52px; margin:0 auto; }
#dirlink a:hover { background-position:0 -52px; }

#linkwrap { width:800px; height:auto; padding:20px 80px; margin:0 auto; }

.linkcol { width:auto; height:auto; color:#FFF; }
.linkcol#first { float:left; width:260px; margin-right:20px; }
.linkcol#second { float:left; width:280px; }
.linkcol#third { float:right; width:220px; }

.horline { background:url(../imgs/horline.gif) repeat-x; width:auto; height:10px; margin-top:10px; }

.linkbox { width:auto; }
.arrow { position:relative; left:-10px; float:left; width:10px; height:18px; outline:none; border:0; }
.linkbox a {
	display:block;
	height:23px;
	font-size:16px;
	font-weight:bold;
	letter-spacing:-0.2px;
	text-decoration:none;
	color:#FFF;
	background:url(../imgs/ttlink.gif) repeat-x top;
	border:1px solid #005E00;
	padding:5px 0 0 20px;
	margin-top:5px; }
.linkbox a:hover { background-position:0 -28px; border-top-color:#005500; }
.linkbox a.inactive { background:#006600; }

/* Submit Website to Directory */
#submitwrap { width:800px; height:auto; padding:0 80px; margin:0 auto; }

/* Related Links */
#relatedlinks { background:#006600; width:800px; height:auto; padding:0 0 15px 0; margin:0 auto; color:#fff; }
#relatedlinks #rltitle { border-bottom:1px solid #ccc; color:#ccc; font-size:11px; font-weight:bold; text-transform:uppercase; }
#relatedlinks a { color:#fff; text-decoration:none; }
#relatedlinks a:hover { text-decoration:underline; }
#relatedlinks ul { width:100%; padding:3px 0; }
#relatedlinks li { display:block; list-style:inside; float:left; width:20%; padding:0; font-size:10px; }