/*
Site: Adams Site
Author: Richard Lee Thomason
Created: 04/22/2000
Updated: 10/11/2009
*/

* {margin: 0px; padding: 0px; border: 0px;}
html {height: 100%;}
body {height: 100%; background: #DDDDDD; color: #000000; font-family: verdana, arial, helvetica, sans-serif; text-align: center;}
table {width: 100%; border-collapse: collapse;}
td {vertical-align: top; text-align: left;}
h1 {margin-bottom: 15px; font-size: 16px;}
h2 {margin-bottom: 15px; font-size: 14px;}
h3 {margin-bottom: 5px; font-size: 12px;}
p {margin-bottom: 15px;}
a {color: #3333CC; outline: none;}
a:hover {color: #666666;}
ul {list-style: none;}

/* ----- layout ----- */

#center {position: relative; margin: auto; width: 980px; background: url("center.png") repeat-y center; text-align: left;}
#header {position: relative; margin: auto; padding-left: 8px; height: 70px; width: 952px;}
#topnav {position: absolute; top: 15px; right: 12px; height: 16px; width: 505px;}
#mainnav {position: relative; margin: auto; margin-bottom: 20px; padding-left: 8px; height: 50px; width: 952px; background: url("mainnav-bg.png") repeat-x;}
#content {position: relative; margin: auto; width: 960px;}
#middle {position: relative; margin: auto; margin-bottom: 20px; padding: 0px 24px 0px 241px; width: 695px; background: url("middle.png") repeat-y top left; background-position: 218px 0px; font-size: 13px; line-height: 19px;}
#sidenav {position: absolute; top: 0px; left: 20px; width: 204px; font-size: 11px; line-height: 19px;}
#bottom {position: relative; margin: auto; border-top: #CCCCCC 2px solid; border-bottom: #CCCCCC 2px solid; width: 960px; background: #EEEEEE;}
#footer {position: relative; margin: auto; padding: 10px 0px 15px 0px; width: 960px; color: #666666; font-size: 10px; line-height: 18px; text-align: center;}
#copyright {padding: 15px 0px 15px 0px; font-size: 10px; line-height: 15px; text-align: center;}

/* ----- spacing done to here ----- */

/* ----- home ----- */

#home #middle {padding: 0px 24px 0px 24px; width: 912px; background: #FFFFFF;}
#home #middle a {font-weight: bold;}
#home table {margin-bottom: 20px;}
#home .two {margin-top: 2px;}
.indexbox1 {width: 50%; padding-top: 3px;}
.box-top {background-image: url("../images/box-top.gif");}
.box-bottom {background-image: url("../images/box-bottom.gif");}
.box-left {background-image: url("../images/box-left.gif");}
.box-right {background-image: url("..//images/box-right.gif");}

/* ----- topnav ----- */

#topnav li {display: inline; font-size: 10px; text-indent: -4321px;}
#topnav a {float: left; height: 16px; background: url("topnav.png") no-repeat; text-decoration: none;}
#topnav #nav-a a {width: 58px; background-position: 0px 0px;}
#topnav #nav-a a:hover, #home #topnav #nav-a a {background-position: 0px -16px;}
#topnav #nav-b a {width: 60px; background-position: -58px 0px;}
#topnav #nav-b a:hover, #about #topnav #nav-b a {background-position: -58px -16px;}
#topnav #nav-c a {width: 67px; background-position: -118px 0px;}
#topnav #nav-c a:hover, #support #topnav #nav-c a {background-position: -118px -16px;}
#topnav #nav-d a {width: 59px; background-position: -185px 0px;}
#topnav #nav-d a:hover, #terms #topnav #nav-d a {background-position: -185px -16px;}
#topnav #nav-e a {width: 54px; background-position: -244px 0px;}
#topnav #nav-e a:hover, #faqs #topnav #nav-e a {background-position: -244px -16px;}
#topnav #nav-f a {width: 69px; background-position: -298px 0px;}
#topnav #nav-f a:hover, #privacy #topnav #nav-f a {background-position: -298px -16px;}
#topnav #nav-g a {width: 70px; background-position: -367px 0px;}
#topnav #nav-g a:hover, #sitemap #topnav #nav-g a {background-position: -367px -16px;}
#topnav #nav-h a {width: 68px; background-position: -437px 0px;}
#topnav #nav-h a:hover, #contact #topnav #nav-h a {background-position: -437px -16px;}

/* ----- mainnav ----- */

#mainnav li {display: inline; font-size: 12px; text-indent: -4321px;}
#mainnav a {float: left; height: 50px; background: url("mainnav.png") no-repeat; text-decoration: none;}
#mainnav #nav-1 a {width: 90px; background-position: 0px 0px;}
#mainnav #nav-1 a:hover, #templates #mainnav #nav-1 a {background-position: 0px -50px;}
#mainnav #nav-2 a {width: 72px; background-position: -90px 0px;}
#mainnav #nav-2 a:hover, #hosting #mainnav #nav-2 a {background-position: -90px -50px;}
#mainnav #nav-3 a {width: 109px; background-position: -162px 0px;}
#mainnav #nav-3 a:hover, #dreamweaver #mainnav #nav-3 a {background-position: -162px -50px;}
#mainnav #nav-4 a {width: 90px; background-position: -271px 0px;}
#mainnav #nav-4 a:hover, #frontpage #mainnav #nav-4 a {background-position: -271px -50px;}
#mainnav #nav-5 a {width: 95px; background-position: -361px 0px;}
#mainnav #nav-5 a:hover, #ecommerce #mainnav #nav-5 a {background-position: -361px -50px;}
#mainnav #nav-6 a {width: 90px; background-position: -456px 0px;}
#mainnav #nav-6 a:hover, #webmaster #mainnav #nav-6 a {background-position: -456px -50px;}
#mainnav #nav-7 a {width: 105px; background-position: -546px 0px;}
#mainnav #nav-7 a:hover, #photography #mainnav #nav-7 a {background-position: -546px -50px;}

/* ----- middle ----- */

#middle ul {margin-bottom: 15px;}
#middle li {margin-bottom: 0px; padding-left: 18px; background: url("arrow.gif") no-repeat 8px 7px;}

/* ----- sidenav ----- */

.sidetop {padding: 0px 0px 5px 0px; height: 20px; font-size: 12px; font-weight: bold;}
#sidenav ul {margin: 0px 0px 16px -3px; padding: 0px 0px 20px 0px; width: 180px; background: url("divider.png") repeat-x bottom;}
#sidenav li {margin-bottom: 0px; padding-left: 18px; background: url("arrow.gif") no-repeat 8px 7px;}

/* ----- footer ----- */

#footer a {color: #666666;}
#footer a:hover {color: #000000;}

/* ----- global ----- */

.clear {clear: both;}
.left  {float: left;}
.right {float: right;}
.line {padding-bottom: 20px; background: url("divider.png") repeat-x bottom;}
.last {margin-bottom: 0px; padding-bottom: 10px;}
.gray {color: #888888;}
#topcrumbs {padding-bottom: 15px; font-size: 10px;}
#topcrumbs a {font-weight: normal;}
#topcrumbs a:hover {text-decoration: underline;}
.bullets li {margin-bottom: 20px; padding-left: 30px; background: url("bullet.gif") no-repeat 20px 7px;}
.linklist {margin-bottom: 20px;}
.linklist li {padding-left: 25px; background: url("arrow.gif") no-repeat 15px 10px; line-height: 25px;}
.adsense-top {float: left; margin: 5px 20px 15px 0px;}

/* ----- tables ----- */

.t1 {margin-bottom: 20px;}
.t1 .r1a {padding: 3px 0px 4px 8px; width: 30%; background: #CCCCCC; font-weight: bold;}
.t1 .r1b {padding: 3px 0px 4px 0px; width: 10%; background: #CCCCCC; font-weight: bold; text-align: center;}
.t1 .r1c {padding: 3px 0px 4px 0px; width: 20%; background: #CCCCCC; font-weight: bold; text-align: center;}
.t1 .r2a {padding: 3px 0px 4px 8px;}
.t1 .r2b {padding: 3px 0px 4px 0px; text-align: center;}
.t1 .r3a {padding: 3px 0px 4px 8px; background: #F5F5F5;}
.t1 .r3b {padding: 3px 0px 4px 0px; background: #F5F5F5; text-align: center;}

/* ----- templates ----- */

#templates #templates-100 li#premium-templates a {font-weight: bold;}
#templates #templates-83 li#most-popular a {font-weight: bold;}
#templates #templates-60 li#complete-website a {font-weight: bold;}
#templates #templates-72 li#full-package a {font-weight: bold;}
#templates #templates-78 li#zero-downloads a {font-weight: bold;}
#templates #templates-56 li#low-budget a {font-weight: bold;}

/* ----- hosting ----- */

#hosting #hosting-lunarpages li#lunarpages-review a {font-weight: bold;}
#hosting #hosting-easycgi li#easycgi-review a {font-weight: bold;}
#hosting #hosting-bluehost li#bluehost-review a {font-weight: bold;}
#hosting #hosting-fatcow li#fatcow-review a {font-weight: bold;}
#hosting #hosting-ix-web-hosting li#ix-web-hosting-review a {font-weight: bold;}
.hosting-review {position: relative; height: 60px; margin-bottom: 15px;}
.review1 {float: left; width: 234px;}
.review2 {float: right; width: 440px;}