/* CONTENT
===========================================================================================================*/
div#content_wrap {
	clear:both;
	width:555px;
}

/* A SPOT (780x305(260+45))
==========================================================================================*/
div#a_spot {
	position:relative;
	padding: 8px 0 0 0;
	margin: 0;
	height: 407px;
}

div#a_spot div a {
	font-size: 120%;
	color:#fff;
}

div#a_spot div h2 {
	padding:0;
}

div#a_spot_1,
div#a_spot_2,
div#a_spot_3 {
	position:absolute;
	top:0;
	left:0;
	padding: 20px;
	width: 515px;
	height: 320px;
	background:#000;
	overflow:hidden;
	display:none;
	font-size: 135%;
	line-height: 20px;
}

div#a_spot_1 .column_left,
div#a_spot_2 .column_left,
div#a_spot_3 .column_left {
	float:left;
	width:450px;
}

div#a_spot_1 .column_right,
div#a_spot_2 .column_right,
div#a_spot_3 .column_right {
	float:right;
	width:260px;
	height:190px;
}

ul#a_spot_nav {
	position:absolute;
	bottom:0;
	left:0;
	margin:0;
	padding:0;
	list-style:none;
}

ul#a_spot_nav li {
	padding:0 0 10px 0;
	float:left;
}

ul#a_spot_nav a {
	display:block;
	width:185px;
	height:45px;
	text-align:center;
}

ul#a_spot_nav li a span {
	display:block;
	overflow:hidden;
	height:0;
	width:0;
}

li#a_spot_nav_1 a {
	background-image:url("../images/a_spot_nav_1.gif?rev=2.3");
}

li#a_spot_nav_2 a {
	background:url("../images/a_spot_nav_2.gif") 0 0;
}

li#a_spot_nav_3 a {
	background-image:url("../images/a_spot_nav_3.gif");
}

li#a_spot_nav_4 a {
	background-image:url("../images/a_spot_nav_4.gif");
}

li#a_spot_nav_1 a:hover,
li#a_spot_nav_2 a:hover,
li#a_spot_nav_3 a:hover {
	background-position:0 -45px;
}

div#a_spot.spot_1 li#a_spot_nav_1 a,
div#a_spot.spot_2 li#a_spot_nav_2 a,
div#a_spot.spot_3 li#a_spot_nav_3 a {
	background-position:0 -90px;
}

div#a_spot.spot_1 div#a_spot_1,
div#a_spot.spot_2 div#a_spot_2,
div#a_spot.spot_3 div#a_spot_3 {
	z-index:2;
	display:block;
}

/* A SPOT 1 (I want a website)
==========================================================================================*/
div#a_spot_1 { 
	background:url("../images/a_spot_1_bg.gif?rev=2.3") no-repeat #E44810;
	color:#fff;
	z-index:4;
}

div#a_spot_1 div {
	padding:0 300px 0 0;
}

div#a_spot_1 ul.btn {
	padding-top:1em;
}

div#a_spot_1 ul.btn li a {
	display:block;
	width:106px;
	height:21px;
	background:url("../images/readmore_btn.gif") top left no-repeat;
}

/* A SPOT 2 (I sell websites)
==========================================================================================*/
div#a_spot_2 {
	background:url("../images/a_spot_2_bg.gif") no-repeat #ff7e00;
	z-index:3;
	color:#fff;
}

div#a_spot_2 h2 {
	height:28px;
	background:url("../images/a_spot_2-h2.gif") top left no-repeat;
}


div#a_spot_2 .column_right {
	height:190px;
	background:url("../images/a_spot_2-hero.gif") center center no-repeat;
}

/* A SPOT 3 (i build websites)
==========================================================================================*/
div#a_spot_3 {
	background:url("../images/a_spot_3_bg.gif") no-repeat  #3366CC;
	z-index:2;
	color:#fff;
}

div#a_spot_3 h2 {
	height:28px;
	background:url("../images/a_spot_3-h2.gif") top left no-repeat;
}

div#a_spot_3 .column_left {
	width:350px;
}

div#a_spot_3 .column_right {
	margin:-30px -30px -30px 0;
	width:370px;
	height:21.666em;
	background:url("../images/a_spot_3-hero.jpg") bottom right no-repeat;
}

/* B1 -> B3 SPOTS (DOMAINS, WEB HOSTING, DEDICATED SERVERS, E-COMMERCE)
==========================================================================================*/
div#products ul {
	padding:0;
	margin:5px 5px 15px 5px;
	text-align:left;
}

div#b1_spot,
div#b2_spot,
div#b3_spot {
	padding:18px 8px 8px 8px;
	margin:0 8px 8px 0;
	width:173px;
	height:24.909em;
	float:left;
	text-align:center;
	background:url("../images/product_bg.gif") top left no-repeat;
	overflow:hidden;
	font-size:1.1em;
}

div#b1_spot h2,
div#b2_spot h2,
div#b3_spot h2 {
	margin:0;
	padding:0 0 10px 0;
}

div#b1_spot h2 a,
div#b2_spot h2 a,
div#b3_spot h2 a {
	display:block;
	height:150px;
	background-position:top center;
	background-repeat:no-repeat;	
}

div#b1_spot ul.btn,
div#b2_spot ul.btn,
div#b3_spot ul.btn {
	display:block;
	text-align:center;
}

div#b1_spot ul.btn li,
div#b2_spot ul.btn li,
div#b3_spot ul.btn li {
	float:none;
	margin:0 auto;
	display:inline;
}

div#b1_spot h2 a { /* Domains */
	background-image:url("../images/b1_spot_price.gif");
}

div#b1_spot ul.btn li a {
	background-image:url("../images/readmore_btn.gif");
}

div#b2_spot h2 a { /* Web Hosting */
	background-image:url("../images/b2_spot_price.png");
}

div#b2_spot ul.btn li a {
	background-image:url("../images/readmore_btn.gif");
}

div#b3_spot h2 a { /* Servers */
	background-image:url("../images/b3_spot_price.gif");
}

div#b3_spot ul.btn li a {
	background-image:url("../images/readmore_btn.gif");
}



/* C
==========================================================================================*/
div#c1_spot,
div#c2_spot {
	float:left;	
	padding:14px;	
	width:356px;
	height:16.545em;
	border:1px solid #cdcdcd;
	font-size:1.1em;
}

div#c1_spot h2,
div#c2_spot h2 {
	margin:-14px -14px 8px -14px;
	padding:0;
}

div#c1_spot h2 a,
div#c2_spot h2 a {
	display:block;
	height:64px;
	background-position: 14px 14px;
	background-repeat:no-repeat;
}

/* C1 (TESTIMONIALS)
==========================================================================================*/
div#c1_spot {
	margin-right:8px;
}

div#c1_spot h2 a {
	background-image:url("../images/c1_spot-h2.gif");
}

div#c1_spot blockquote {
	margin:0 0 16px 0;
	font-style:italic;
}

/* C2 (LATEST BLOB POSTS)
==========================================================================================*/
div#c2_spot h2 a {
	background-image:url("../images/c2_spot-h2.gif");
}

div#c2_spot ul {
	margin:0 -8px;
	padding:0;
	list-style:none;
}

div#c2_spot ul li{
	margin:0;
	padding:0 0 0 30px;
	line-height:2.363em;
	background:url("../images/document-16x16.gif") 5px 50% no-repeat;		
}

div#c2_spot ul li.altrow {
	background-color:#f5f5f5;
}