/* HERO (main feature) */
div.hero {
	position:relative;
	float:left;
	overflow:hidden;
	padding:12px 24px;
	width:472px;
	height:196px;
	font-size:12px;
	font-weight:bold;
}

div.hero h2 {
 	color:#f36d21;
}

div.hero ul {list-style:none; margin-left:235px;}
div.hero ul li {margin:0; padding-left:15px;}

div.hero a.cta {
	display:block;
	text-indent:-9999px;
	 height:34px;
}

/* HERO 01 - Home Web Hosting*/
div#hero_01 {background:url(http://www.mediawax.be/V2/images/hero_01-bg.png) 0 0 no-repeat #ede7dd; color:#6c4b00;}
div#hero_01 h2 {margin:0 0 18px 0; font-size:28px;}
div#hero_01 h2 a {color:#f36d21;}
div#hero_01 ul li {background:url(http://www.mediawax.be/V2/images/hero_01-bullet.png) 0 0.45em no-repeat;}
div#hero_01 .cta {margin:12px 0 0 235px; width:212px;}

/* FEATURE SPOTS */
.feature {
	float:left;
	padding:10px 93px 0 12px;
	border-left:1px solid #696969;
	border-top:1px solid #696969;	
	width:154px;
	height:99px;
	overflow:visible;
	color:#a2a2a2;
	font-size:11px;
	background:#5a5a5a 100% 100% no-repeat;
}

.feature h2 {
	margin:0;	
	font-size:12px;
	line-height:1.5em;
	color:#fff;
}

.feature h2 a {color:#fff;}
.feature h2 a:visited {color:#fff;}

.feature p {margin:0; line-height:1.636em;}
.feature a {color:#a2a2a2;}
.feature a:visited {color:#a2a2a2;}

div#feature1 {
	height:100px;
	border-top:0;	
}
div#feature3 {float:right;}

/* DOMAIN SEARCH BOX */
div#domainsearch {
	float:left;
	margin-bottom:12px;
	padding:2.3em 24px 0 24px;
	border-top:1px solid #696969;
	width:472px;
	height:8.6em;
	background:url(http://www.mediawax.be/V2/images/domainsearch-bg.png) 0 0 repeat-x #5a5a5a;
}

div#domainsearch h2 {margin:0 0 10px 0; color:#fff;}
div#domainsearch legend {display:none;}

input#domainsearch_name {
	float:left;
	padding:4px;
	width:344px;
	font-size:18px;
}

input#domainsearch_submit {float:right;}

/* PRODUCTS */
div#products {
	clear:both;
	margin-bottom:12px;
	padding:5px 0 0 0;
	background:url(http://www.mediawax.be/V2/images/products-bg.jpg) 0 0 no-repeat;
	font-size:11px;
}

.product {
	float:left;
	padding:19px 24px 24px 24px;
	border-left:1px solid #cdcdcd;
	width:146px;
	text-align:center;
}

.product h2 {margin:0 -24px 0 -24px;}

.product .priceline {
	font-size:12px;
	font-weight:bold;
	line-height:2.5em;
	margin:1.5em -24px 1em -24px;
}

.product .price {color:#f56f0b; font-size:20px;}
.product .price big {font-size:48px; letter-spacing:-3px;}

.product ul {margin:0; list-style:none;}
.product ul li {
	margin:0;
	padding-left:10px;
	background:url(http://www.mediawax.be/V2/images/rsaquo_black-bullet.png) 0 5px no-repeat;
	line-height:1.636em;
	text-align:left;
}

.product .btn {float:none; margin:24px auto 0 auto;}

div#domains,
div#webhosting,
div#servers,
div#ecommerce {
	background:url(http://www.mediawax.be/V2/images/products-bg.jpg) 0 100% no-repeat;
}

div#domains h2 a,
div#webhosting h2 a,
div#servers h2 a,
div#ecommerce h2 a {
	color:#333;
}

div#domains {width:147px; border:0;}
div#webhosting {background-position:-196px 100%}
div#servers {background-position:-391px 100%}
div#ecommerce {background-position:-586px 100%}

/* TESTIMONIALS & BLOG */ 
div#testimonials, 
div#blog {
	margin-bottom:12px;
	width:336px;
}

/* TESTIMONIALS */
div#testimonials {clear:both; float:left; font-size:12px; text-align:justify;}
div#testimonials h2 a {color:#333;}
div#testimonials cite {font-weight:bold;}

/* BLOG POSTS */
div#blog {float:right; font-size:12px;}
div#blog h2 a {color:#333;}
div#blog_entries {padding-right:24px; height:20.5em; overflow:auto; text-align:justify;}
div#blog ol {margin:0; list-style:none;}
div#blog li {margin-top:0;}
div#blog h3 {margin:0; line-height:1.5em;}
div#blog h3 a {color:#333;}
div#blog p {margin:0;}
