/* 10/20/11 */

*{margin:0px;padding:0px;border:0px}
html{height:100%}
body{height:100%;background:#DDD;color:#000;font-family:arial,helvetica,sans-serif;font-size:14px;text-align:center}
table{width:100%;border-collapse:collapse}
td{vertical-align:top;text-align:left}
h1{margin-bottom:20px;font-size:21px}
h2{margin-bottom:20px;font-size:16px}
p{margin-bottom:20px;line-height:21px}
a{color:#33C;outline:none}
a:hover{color:#666}
ul{list-style:none}

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

#center{position:relative;margin:auto;padding-top:137px;width:980px;background:url('center.png') repeat-y center;text-align:left}
#header{position:absolute;top:0px;left:18px;height:70px;width:942px;}
#topnav{position:absolute;top:15px;right:12px;height:16px;width:505px;}
#mainnav{position:absolute;top:70px;left:10px;padding-left:8px;height:50px;width:952px;background:url('mainnav-bg.png') repeat-x}
#content{position:relative;margin:auto;width:960px}
#wide{position:relative;margin:auto;margin-bottom:20px;padding:0px 20px 0px 20px;width:920px}
#middle{position:relative;margin:auto;margin-bottom:20px;padding:0px 340px 0px 20px;width:600px}
#sidenav{position:absolute;top:137px;right:30px;width:300px;background:#EEE}
#footer{position:relative;margin:auto;padding:10px 0px 11px 0px;border-top:#CCC 2px solid;border-bottom: #CCC 2px solid;width:960px;background:#EEE;color:#666;font-size:10px;line-height:18px;text-align:center}
#copyright{padding:15px 0px 15px 0px;font-size:10px;line-height:15px;text-align:center}

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

#home #middle {padding: 0px 24px 0px 24px; width: 912px; background: #FFF;}
#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");}

/* ----- 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;}

/* ----- section ----- */

.section-600-top {height: 20px;}
.section-600-middle {position: relative; padding: 5px 0px 0px 20px; background: url("section-600-middle.gif");}
.section-600-bottom {height: 15px; margin-bottom: 20px; background: url("section-600-bottom.gif");}
.section-600-middle p {margin-bottom: 5px;}
.section-600-middle ul {width: 180px;}
.section-600-middle li {padding-left: 18px; background: url("arrow-orange.gif") no-repeat 0px 4px;line-height:21px;}
.section-middle-1 {position: relative;}
.section-middle-2 {position: absolute; bottom: 0px; left: 210px;}
.section-middle-3 {position: absolute; bottom: 0px; left: 400px;}

/* ----- 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: #666;}
#footer a:hover {color: #000;}

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

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

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

.t1 {margin-bottom: 20px;}
.t1 .r1a {padding: 3px 0px 4px 8px; width: 30%; background: #CCC; font-weight: bold;}
.t1 .r1b {padding: 3px 0px 4px 0px; width: 10%; background: #CCC; font-weight: bold; text-align: center;}
.t1 .r1c {padding: 3px 0px 4px 0px; width: 20%; background: #CCC; 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;}