/* CSS Document */

body, h1, h2, h3, h4, img, li, ol, ul, p, div, form, table {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

body {
	font-family: Helvetica, arial;
	font-size: 80%;
	background: #1b1b1b url(images/bg_tile.gif) repeat;
	text-align: center;
	color: #ffffff;
}

.clear {
	clear: both;
}

#wrap {
	width: 980px;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
	border-left: 5px solid #191919;
	border-right: 5px solid #191919;
	background-color: #232323;
	position:relative;
}

#header {
	background-color: #191919;
	text-align: right;
	line-height: 18pt;
}

#header a {
	color: #c2c2c2;
	text-decoration: none;
}

#header a:hover {
	text-decoration: underline;
}

.header_text {
	float: right;
	padding: 20px 20px 0px 20px;
}

.header_logo {
	float: left;
}


.head1 {
	font-size: 1.8em;
}

.head2 {
	font-size: 1.3em;
}

.head3 {
	font-size: 1.3em;
	color: #28e1e3;
}

#nav {
	background: #191919 url(images/nav_bg.gif) repeat-x;
}

ul.main_nav {
	list-style: none;
}

ul.main_nav li {
	float: left;
}

ul.main_nav li a {
	display: block;
	float: left;
	padding: 7px 17px 7px 15px;
	font-size: 1.1em;
	font-weight: bold;
	color: #abaaaa;
	text-decoration: none;
	background: #191919 url(images/nav_border.gif) top right no-repeat;
}

ul.main_nav li a:hover {
	color: #ffffff;
}

ul.main_nav li a.active {
	color: #ffffff;
	text-decoration: underline;
	background: #323232 url(images/nav_subnav_border.gif) top right no-repeat;
}

.no_divider {
	background: transparent url(images/nav_border.gif) top left no-repeat !important;
}

.no_border {
	border: 0px !important;
}

.no_bg {
	background: none !important;
}

#subnav {
	background: #272727 url(images/subnav_bg.gif) repeat-x;
	border-bottom: 1px solid #222222;
}

ul.sub_nav {
	list-style: none;
}

ul.sub_nav li {
	float: left;
}

ul.sub_nav li a {
	display: block;
	float: left;
	padding: 2px 17px 3px 15px;
	font-size: 0.9em;
	font-weight: bold;
	color: #abaaaa;
	text-decoration: none;
	background: #191919 url(images/subnav_border.gif) top right no-repeat;
}

.mac.gecko ul.sub_nav li a {
	padding: 5px 17px 3px 15px;
}

.mac.safari ul.sub_nav li a {
	padding: 3px 17px 3px 15px;
}

ul.sub_nav li a:hover {
	color: #ffffff;
}

ul.sub_nav li a.active {
	color: #ffffff;
	text-decoration: underline;
}

#left {
	float: left;
	background-color: #fefae4;
	width: 685px;
	border-right: 5px solid #191919;
}

#home {
	width: 645px;
	height: 218px;
	padding: 20px;
	background: url(images/home_bg.jpg) no-repeat;
}

#websites {
	width: 645px;
	height: 115px;
	padding: 65px 20px 20px 20px;
	background: url(images/websites_bg_step1.gif) no-repeat;
}

.websites_bg {
	background-color: #fefcf3 !important;
}

.step2 {
	background: url(images/websites_bg_step2.gif) no-repeat !important;
}

.step3 {
	background: url(images/websites_bg_step3.gif) no-repeat !important;
}

.websites_img {
	float: left;
}

.websites_text {
	float: right;
	width: 425px;
	margin-right: 20px;
}

.website_title {
	font-size: 2em;
	color: #fe0089;
}

.website_text {
	font-size: 1.2em;
}

#pay_now {
	width: 645px;
	height: 91px;
	padding: 65px 20px 20px 20px;
	background: url(images/pay_bg.gif) no-repeat;
}

#contact_us {
	width: 645px;
	height: 60px;
	padding: 65px 20px 20px 20px;
	background: url(images/contact_bg.gif) no-repeat;
}

#testimonials {
	width: 645px;
	height: 60px;
	padding: 65px 20px 20px 20px;
	background: url(images/testimonials_bg.gif) no-repeat;
}

#logo_services {
	width: 645px;
	height: 60px;
	padding: 65px 20px 20px 20px;
	background: url(images/logo_design_services_bg.gif) no-repeat;
}

#online_marketing {
	width: 645px;
	height: 60px;
	padding: 65px 20px 20px 20px;
	background: url(images/online_marketing_bg.gif) no-repeat;
}

.ppc_bg {
	background: url(images/ppc_bg.gif) no-repeat !important;
}

.seo_bg {
	background: url(images/seo_bg.gif) no-repeat !important;
}

.html_bg {
	background: url(images/html_emails_bg.gif) no-repeat !important;
}

.logo_bg {
	background: url(images/logo_bg.gif) no-repeat !important;
}

.image_bg {
	background: url(images/image_searching_bg.gif) no-repeat !important;
}

.copywriting_bg {
	background: url(images/copywriting_bg.gif) no-repeat !important;
}

.customisation_bg {
	background: url(images/website_customisation_bg.gif) no-repeat !important;
}

.faq_bg {
	background: url(images/faq_bg.gif) no-repeat !important;
}

.content_bg {
	background: url(images/content_bg.gif) no-repeat !important;
}

.thanks_bg {
	background: url(images/thank_you_bg.gif) no-repeat !important;
}

.sitemap_bg {
	background: url(images/sitemap_bg.gif) no-repeat !important;
}

.blue_box {
	border: 6px solid #b3f3f4;
	padding: 15px;
	background-color: #fefcf3;
}

.yellow_box {
	border: 6px solid #ffb000;
	padding: 15px;
	background-color: #fefcf3;
}

.grey_box {
	border: 6px solid #eae8e1;
	padding: 15px;
	background-color: #fefcf3;
}

h1 {
	font-size: 2.8em;
	color: #fb0088;
	margin: 0px;
	font-weight: normal;
}

.grey_title {
	color: #28e1e3;
	font-size: 1.8em;
	margin-bottom: 10px;
	font-weight:bold;
}

h2 {
	font-size: 1.5em;
	color: #fd2b9d;
	margin: 5px 0px 10px 0px;
}

h3 {
	font-size: 1.5em;
	color: #ffb500;
	margin: 5px 0px 10px 0px;
}

h4 {
	font-size: 1.5em;
	color: #21d4d6;
	margin: 5px 0px 10px 0px;
}

h5 {
	font-size: 2em;
	font-weight: normal;
	color: #d77731;
	margin: 0px;
}

.home2 {
	font-size: 1.6em;
}

.home3 {
	font-size: 1.1em;
	line-height: 15pt;
	margin: 12px 0px;
}

.home4 {
	color: #f2fa05; 
}

.home5 {
	font-size: 2.2em;
}

.home6 {
	color: #fd0089; 
}

.home7 {
	color: #ffd600; 
}

.home8 {
	color: #21d4d6; 
}

.websites1 {
	color: #bab9b9;
	font-size: 2em;
}

.pay_title {
	color: #21d4d6;
	font-size: 2em;
}

.yellow_title {
	color: #f2fa05;
	font-size: 2em;
}

#page {
	padding: 20px;
	color: #000000;
	height: 480px;
	min-height: 480px;
}

html>body #page {
	height: auto;
}

#page a {
	color: #000000;
	text-decoration: underline;
}

.box {
	position: relative;
	margin: 0px 40px 20px 60px;
	padding-bottom: 20px;
	border-bottom: 1px dashed #d0d0d0;
	font-size: 1.2em;
}

.rosetta {
	position: absolute;
	margin-left: -105px;
}

.grey_text {
	color: #8f8e8e;
}

.tab {
	display:block;
	margin-top: 30px;
}

.starter {
	border: 6px solid #fb0088;
	padding: 15px;
	background-color: #fefcf3;
}

.template_img {
	margin: 15px 0px;
}

.customise {
	margin-top: 15px;
	background-color: #000000;
	color: #ffffff;
	padding: 10px 15px;
	font-size: 2em;
}

.customise_small {
	color: #2ad4b6;
	font-size: 0.8em;
}

.customise a {
	color: #2ad4b6 !important;
	text-decoration: underline;
}

#right {
	float: right;
	width: 280px;
	margin-right: 5px;
	padding-bottom: 20px;
}

.promo {
	padding: 20px;
	background-color: #070707;
	font-size: 1.7em;
}

.logo_promo {
	background: #070707 url(images/logo_promo_bg.gif) bottom right no-repeat;
}

.search_promo {
	background: #070707 url(images/search_promo_bg.gif) bottom right no-repeat;
}

.testimonial_promo {
	background: #070707 url(images/testimonial_promo_bg.gif) bottom right no-repeat;
}

.promo_small {
	color: #2ad4b6;
	font-size: 0.6em;
}

.promo a {
	color: #2ad4b6;
	text-decoration: underline;
}

.promo_divide {
	display: block;
}

.promo_grey {
	font-size: 0.8em;
	color: #d4d4d4;
}

.testimonial_name {
	color: #f2fa05;
	font-size: 0.8em; 
}

.form_section {
	margin: 20px 0px 10px 0px;
	font-size: 1.6em;
	font-weight: bold;
	color: #1ec5c7;
}

.form_section_yellow {
	margin: 20px 0px 10px 0px;
	font-size: 1.6em;
	font-weight: bold;
	color: #ffb000;
}

#form {
	position: relative;
	margin: 10px 0px 0px 10px;
}

#form label,input {
	display: block;
	width: 390px;
	float: left;
	margin-bottom: 10px;
}

#form label {
	text-align: left;
	font-weight: bold;
	width: 180px;
	padding-right: 10px;
}

#form br {
	clear: left;
}

.text_area {
	width: 390px;
	height: 80px;
	margin-bottom: 10px;
	border: 1px solid #eae8e1;
}

.checkbox {
	width: 20px;
}

#form input {
	border: 1px solid #eae8e1;
}

.submit_button {
	width: 70px;
}

#footer {
	width: 950px;
	margin: 0px auto;
	text-align: left;
	padding: 6px 20px;
	background-color: #000000;
	font-size: 0.8em;
	color: #c9c9c9;
}

#footer a {
	color: #f2fa05;
	text-decoration: underline;
}

.footer_left {
	float: left;
}

.footer_right {
	float: right;
}

#sitemap {
	width: 750px;
	margin: 30px auto;
	text-align: left;
	font-size: 0.8em;
	text-align: center;
}

#sitemap a {
	color: #2ad4b6;
	text-decoration: underline;
	padding: 0px 10px;
	line-height: 15pt;
}

.level1 {
	color: #1f1f1f !important;
}

.level2 {
	color: #535353 !important;
	margin-left: 20px;
}

.more_info {
	color: #28e1e3;
	font-weight:bold;
}

.hide {
    display:none;
}


#left2 {
float:left;
width:390px;
}

#right2 {
float:right;
width:175px;
padding:0px 0px 0px 0px;
}

.small_print {
	font-size: 0.8em;
	color: #fb0088;
	margin-top: 3px;
}