/* Element Level CSS */
html, body {
	/*font-family: Verdana,Arial,Helvetica,sans-serif;*/
	font:12px Arial, Helvetica, sans-serif;
	line-height:19px;
	font-size: 10pt;
	/*color: #929395;
	color: #222;*/
	color: #666666;
	background-color:#F9F9F9;
}


h1,h2,h3,h4,h5{
	font-family: "Trebuchet MS", Verdana,Arial,Helvetica,sans-serif;
	margin:20px 0 0 0;
}

h1.title {
	margin-top: 0px;
}


img {
	border: 0;
}

a, a:visited {
	color: #555;
}

a:hover, a:active {
	color: #555;
}

#siteWrapper {

}

/* Multi id CSS (For the widths of the content areas) */
#bodyContentContainer, #midBarContainer, #topBarWidthContainer {
	width: 1000px;
	margin-left:auto;
	margin-right:auto;
}

/* Ensures banner is centered */
#advertBarContainer {
	width: 900px;
	margin-left:auto;
	margin-right:auto;
	height: 154px;
	background-repeat:no-repeat;
}

#advertBar {
	margin: 131px -8px 0 -8px;
	/*position: absolute;
	top: 131px;*/
	background-repeat: repeat-x;
}

.adbanner {
	text-align:center;
}

/* General styling */
#topBar {
	height: 30px;
	width: 100%;
	background-color:#212126;
	position:absolute;
	top:0px;
	left:0px;
}

#topBarContainer {
	font-size: 8pt;
	padding-top: 8px;
	float:right;
	color: #CCC;
}

#topBarWidthContainer a, #topBarWidthContainer a:hover, #topBarWidthContainer a:active, #topBarContainerLeft {
color: #CCC;
}


#topBarContainerLeft {
	font-size: 8pt;
	padding-top: 8px;
	float:left;
}

#midBar {
	height: 101px;
	width: 100%;
	background-image:url(bg1.jpg);
	position: absolute;
	top: 30px;
	left:0px;	
}

#midBarContainer { 
	
}

#midBarContainerNav { /* The tabs are in here */
	text-align:right;
	padding-bottom: 10px;
	vertical-align: bottom;
	margin-top: -20px;
}

#logo {
	height: 87px;
	width: 344px;
	background-image:url(logo.png);
	background-position: bottom;
	background-repeat:no-repeat;
}

/* Body Content (Between the bottom of the advers and the footer) */

#bodyContent {
}

#bodyContentContainer {
	/*position:relative;
	top: 275px;
	margin-top: 275px;*/
}


.clear {
	clear:both;
}

#contentLeft, #contentRight {
	padding: 5px;
}

#contentLeft {
	width: 280px;
	float: left;
	margin-top: -10px;
}

#contentRight {
	width: 685px;
	float: left;
	margin:10px 0 10px 0;
/*	background-color: #F1f1f1;
	border:solid 1px #b5b5b5;*/
}

/* Form CSS */
#submit {
	border:0px; 
	margin:0px; 
	width: 50px;
	margin-left: 10px;
}

.inputBox { /* Fixes the funny sizes for the input box */
	padding: 1px;
	border:0px; 
	margin:0; 
	width: 185px;
}

#domainsForm { /* Puts background behind domains form */
	height: 40px;
	width: 280px;
	background-image: url(domainSearchPane.jpg);
	background-repeat:no-repeat;
	padding: 40px 0px 0px 14px;
	margin-top: 15px;
}

/* Hack to fix google chrome and safari */
/*\*/
html>body*#submit {
	width: 60px;
	margin-left: 3px;
}
/**/


/* Block Text Paragraphing */
.blockText {
	text-align:justify;
	padding-left: 5px;
}

.blockTextR {
	float:right;
    padding-left: 15px;
}
.blockTextL {
	float:left;
	padding-right: 10px;
	padding-bottom: 20px;

}


/*#footer {
	color:#666666;
	padding: 8px;
	font-size:8pt;
	background-color:#e2e0e0;
	text-align:center;
	width:100%;
	float:left;
	margin-left:-8px;
	
}*/


#footer {
background:#e9e9e9;
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
margin:0px -8px 20px -8px;
padding:22px 0 25px 0;
}

#footerwrapper {
margin:auto;
width:960px;
}

#footer a { color:#888; }



/* Hack to fix google chrome and safari */
/*\*/
html>body*#footer {
	margin-top:350px;
}
/**/

/* Left hand side stuff */

#testimonials, #news, #clients {
	margin-bottom: 30px;
}

.leftBarH1 {
	font-size: 14pt;
	padding-left:5px;
	color: #243a73;		
	margin-bottom: -7px;
	text-decoration:none;
	font-family: "Trebuchet MS", Verdana,Arial,Helvetica,sans-serif;
}
.leftBarH1 a {
	text-decoration:none;
	color:#243a73;	
}
.testimonial {
	font-size: 10pt;
	color:#333333;
	font-style:italic;
	text-align:justify;
	margin:0;
	padding:0;
}

.textimonialName {
	margin:0;
	padding: 15px 0 0 20px;
}

.testimonialwrapper {
	border:solid 1px #DDD;
	margin-top:20px; 
	padding:20px;
}

.news {
	color:#333333;
	font-size: 10pt;
	padding-left:5px;
}

.news li a {
	font-size: 10pt;
}


.clients {
	padding-left:7px;
}

#ssl {
	text-align:center;
}

.ph td,.ph th {
	height: 40px;
	padding-left: 10px;
}

.ph tr td {
	text-align:center;
}

.ph0 {
	background: #E0FCE0;
}

.ph1 {
	background: #EEFBEE;
}

#liveChat {
	float:right;
	margin-right:50px;
	margin-top:12px;
	margin-right:0px;
}
.centre
{
	text-align:center;
}


.dn0 td, .dn1 td {padding:10px;}

.dn0 {
	background: #FFD9DA;
}

.dn1 {
	background: #FFB9BB;
}
.dn0 th {
	text-align: left;
padding:10px;
}
.dn {
	font-size: 18px;
}

.hb{
	border: 1px solid #999999; 
	width:209px;
	height:60px;
	padding: 5px;
	vertical-align: top; 
	float:left;
	color:#FFF;
	cursor:pointer;
}

.hbbottom{
	border: 1px solid #999999; 
	width:209px;
	padding:5px;
	vertical-align: top; 
	float:left;
	cursor:pointer;
	border-top:0;
}

.hbpad {margin-left:11px}

.hbtopmarg {margin-top:11px;}

.hbgreen  {background:#8ad46c;}
.hbpurple {background:#6c80d4;}
.hbred    {background:#d46c85;}
.hborange {background:#e4955c;}
.hbcyan   {background:#6cd4bc;}
.hbblue   {background:#73b2e1;}














.mp td,.mp th {
	height: 40px;
}

.mp th {
text-align:center;
}


.mp tr td {
	
}

.mph {
	background: #4f81bd;
	color: #FFF;
	text-align:left;
	padding:10px;
}

.mp0 {
	background: #a7c0de;
text-align:center;
}

.mp1 {
	background: #d3e0ef;
text-align:center;
}

















/* Sexy buttons */
.cssbtn { display: block; position: relative;  padding: 5px;margin: 0px auto; color: #fff; text-decoration: none; cursor: pointer; text-align: center; }
.cssbtn * { font-style: normal; background-image: url('../images/btn2.png'); background-repeat: no-repeat; display: block; position: relative; }
.cssbtn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.cssbtn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.cssbtn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.cssbtn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

.cssbtn.info { color: #FFF; width: 100px; }
.cssbtn.info:hover { background-color: #444; color: #FFF;  width: 100px; }

.cssbtn.hosting { color: #FFF; width: 80px; }
.cssbtn.hosting:hover { background-color: #444; color: #FFF; width: 80px; }

.cssbtn.blue { background: #2ae; color: #FFF; width: 120px; }
.cssbtn.green { background: #9d4; color: #FFF; width: 120px; }
.cssbtn.pink { background: #e1a; color: #FFF; width: 120px; }
.cssbtn:hover { background-color: #9d4; color: #FFF; width: 120px; }
.cssbtn:active { background-color: #444; color: #FFF; width: 120px; }
.cssbtn[class] { background-image: url(shade.png); background-position: bottom; }

.center { text-align:center; }