/* main tags */

body {margin:0; color:#818181; background:url(../images/bg.jpg) repeat-x top #FFFFFF; font-family:tahoma, arial, verdana; font-size:11px;}
table {margin:0;}
td {vertical-align:top;}

a {color:#818181; text-decoration:underline;}
a:hover {text-decoration:none;}

h1 {font-size:14px; color:#D89400; font-family:"Arial Narrow", Arial; margin:10px 0; font-weight:normal;}
h2 {color:#007AC0; font-size:11px; font-family:tahoma, arial, verdana; text-transform:uppercase; font-weight:bold; margin:10px 0 0 0;}

p {margin:10px 0;}
p span {color:#007AC0;}

ul {list-style-type:none; list-style-image:none; line-height:15px; padding:0 0 0 10px; margin:10px 0 0 0;}
ul li {background:url(../images/arrow.gif) no-repeat 0 5px; padding-left:10px;}
ul li a {color:#007AC0; text-decoration:underline;}
ul li a:hover {text-decoration:none;}
ul li span {color:#AA4400; font-weight:bold;}

/* classes */

.hl {height:1px; font-size:1px; line-height:1px; background:url(../images/hl.gif) repeat-x top;}
.vl {width:1px; font-size:1px; line-height:1px; background:url(../images/vl.gif) repeat-y top;}

br.clear {clear:both; height:1px; line-height:1px; display:block;}

img.left {float:left; margin-right:10px;}
img.right {float:right; margin-left:10px;}

.heading {background:url(../images/bg_heading.gif) top left repeat #FFF9E1; color:#D69301; font-size:12px; font-weight:bold; font-family:arial, verdana, tahoma; padding:15px 15px 5px 25px;}
.content {padding:5px 18px;}

a.more {color:#CC8D00; float:right; font-weight:bold; font-size:9px; text-transform:lowercase;}
a.order {padding-left:21px; background:url(../images/arrow_order.gif) no-repeat left 4px; font-size:9px; color:#CC8D00; float:right; font-weight:bold; text-decoration:none; margin-top:5px; text-transform:lowercase;}
a.order:hover {text-decoration:underline;}
a.link {color:#CC8D00;}

.block {border:1px dotted #CCCCCC; padding:8px 10px; margin-bottom:10px; clear:both;}
.block.last {margin:0;}
	.block .hl {margin:0;}
	.block h2 {margin:0;}
	.block p {margin:5px 0;}
	.block ul {padding:0;}
	.block .price {font-weight:bold; margin-top:10px; display:block;}
	.block .more {margin-top:10px;}

ul.left {float:left;}

ul.blue {}
ul.blue li {background:url(../images/list1+.gif) no-repeat 0 4px; padding-left:14px;}
ul.blue li a {color:#007AC0;}

ul.orange {}
ul.orange li {background:url(../images/list2.gif) no-repeat 0 5px; padding-left:14px; font-weight:bold;}
ul.orange li a {color:#D69301;}

/* main markup */

#siteinner {width:766px; margin:0 auto;}

	#header {height:180px;}
	
	#content {padding:0 30px;}
		#banner {height:40px; line-height:40px; text-align:center; font-size:14px; text-transform:uppercase; text-align:center; font-weight:bold; background:url(../images/bg_banner.gif) #FFF7D1; font-family:arial, verdana, tahoma; border:solid #F5F5F5; border-width:0 1px;}
			#banner a {text-decoration:none; color:#AA5555;}
			#banner a:hover {text-decoration:none; color:#FF3E24;}
		#content .inner {background:url(../images/bg_content.jpg) repeat-x top;}
		#content .inner .hl {margin-top:6px;}
		#content .col {padding:7px 17px;}
			#content .col .inner {border:1px solid #E8E8E8; background:#FFFFFF; height:100%;}
		
	#footer {padding:20px; padding-top:40px; font-size:10px; color:#AFAFAF; text-align:center;}
		#footer a {color:#AFAFAF;}
		#footer .menu {margin:10px 0 0 0;}
	
	#hosted {font-size:11px; text-align:center; padding:10px;}
		#hosted a {font-weight:bold;}

/* unique elements */

.host-list {border:solid #CCCCCC; border-width:1px 0 0 1px;}
	.host-list th {text-align:center; font-weight:normal; padding:3px 6px; border:solid #CCCCCC; border-width:0 1px 1px 0; background:#F0F0F0; width:20%;}
	.host-list td {padding:3px 6px; border:solid #CCCCCC; border-width:0 1px 1px 0; text-align:center;}
	.host-list .param {text-align:left;}
	.host-list span.unlimited {color:#AA4400;}
	.host-list a.more {float:none;}

/* site builder demo link - home page */

a.site-builder {display:block; height:81px; width:217px; background:url(../images/rollover2.gif) no-repeat left top; text-decoration:none;}
a.site-builder:hover {background-position:left bottom; text-decoration:none;}