body {
	background: url(../images/Template/bg.gif) repeat left top #333333;
	margin: 0 auto;
}


/* HEADER */

#container-header {
	height: 135px; width: 990px;
	margin: 0 auto;
	background: url(../images/Template/page-top.png) no-repeat center bottom;
	position: relative;
}

#logo {
	width: 370px; height: 135px;
	float: left; display: inline;
}

/* Nav Bar --  See NavBar.css */

/* Slider  */

#container-slider {
	width: 940px;
	padding: 0 20px;
	margin: 0 auto;
	background: url(../images/Template/page-mid.png) repeat-y center top; 
	position: relative;
	z-index: 0; 
}


.Spacer_1 {
	width: 940px; height: 5px;
	margin: 0 auto;
	background: url(../images/Template/Spacer_1.png) no-repeat left top;
}

.Spacer_2 {
	width: 940px; height: 5px;
	margin: 0 auto;
	background: url(../images/Template/Spacer_2.png) no-repeat left top;
}

.spacer {
	height: 20px;
	margin: 0; padding: 0;
}

div#topSpacer {
	width: 940px; height: 5px;
	background: url(../images/Template/topSpacer.png) no-repeat left top;
}

div#botSpacer {
	width: 940px; height: 5px;
	background: url(../images/Template/botSpacer.png) no-repeat left top;
}


#logoBottom {  
	position: absolute; 
	left: 30px; 
	top: 0px; 
	z-index: 10; 
	background: url(../images/Template/logo-bot.png) no-repeat center top; 
	width: 323px; height: 36px;
} 

/* BODY */

#container-body {
	width: 940px;
	min-height: 400px; 
	height: auto !important; /* for modern browsers */
	height: 400px; /* for IE5.x and IE6 */		
	margin: 0 auto;
	padding: 0 9px;
	background: url(../images/Template/page-mid.png) repeat-y center top; 
	position: relative;
	z-index: 1;
}

#content {
	width: 900px;
	padding: 20px;
	height: 100%;
	overflow: auto;
	clear: both;
}

/* Home Page */

#services {
	width: 940px;
	margin: 0 auto; padding: 0 0 20px 0;
	background: url(../images/Template/services.jpg) repeat-y left top;
	overflow: hidden;
	clear: both;
}

#services .webmate {
	width: 280px; height: 205px;
	margin: 0 0 10px 20px;
	background: url(../images/special-webmate.png) right bottom no-repeat;
	float: left; display: inline;
}

#services .domains {
	width: 280px; height: 205px; 
	background: url(../images/special-domains.png) right bottom no-repeat;
	float: left; display: inline;
	margin: 0 0 10px 0;
}

#services .hosting {
	width: 280px; height: 205px;
	margin: 0 20px 10px 0;
	background: url(../images/special-hosting.png) right bottom no-repeat;
	float: left; display: inline;
}

#services .seo {
	width: 280px; height: 205px;
	margin: 0 0 10px 20px;
	background: url(../images/special-seo.png) right bottom no-repeat;
	float: left; display: inline;
}



#services .text {
	margin: 13px 0 10px 0;
	height: 147px;
	text-align: left;
}

#services .testimonials {
	width: 280px;
	margin: 0 0 0 20px;
	float: left; display: inline;
}

#services .quote {
	width: 570px; height: 283px;
	padding: 0 15px;	margin: 0 20px;
	background: url(../images/Template/quote-bg.png) left top no-repeat #F1F1F1; 
	float: left; display: inline;
}

#services .testimonials .text {
	margin: 13px 0 10px 0;
	height: 235px;
	text-align: left;
}


/* Contact Us */

#nav-contact .details {
	width: 280px; height: 400px;
	margin: 20px 0 0 20px;
	float: left; display: inline;
}

#nav-contact .details p {
	margin: 7px 0;
}

#nav-contact .quote {
	width: 570px; height: 283px;
	padding: 0 15px;	margin: 20px 20px 0 20px;
	background: url(../images/Template/quote-bg.png) left top no-repeat #F1F1F1; 
	float: left; display: inline;
}

#nav-contact .details .label { width: 65px; font-weight: bold; }


/* Testimonials Page */


#nav-testimonials #content .testimonials {
	padding: 0 25px; margin: 0;
	background: url(../images/Template/quote.gif) no-repeat bottom right;
}

#nav-testimonials #content .testimonials p {
	margin: 0 0 7px 0;
}

#nav-testimonials #content .quote-open {
	background: url(../images/Template/quote.gif) no-repeat top left;
	width: 25px; height: 16px;
	float: left; display: inline;
}

#nav-testimonials #content .name {
	padding: 0; margin: 10px 0 20px 0;
	height: 30px;
	text-align: right;
	font-weight: bold;
	border-bottom: 1px solid #d5d5d5;
}

#nav-testimonials #services { padding-left: 20px; }

/* Generic Styles for Services and Customers Text */
img.spacer {
	width: 30px; height: 175px;
	margin: 20px 0 0 0;
	float: left; display: inline;
}

.text p {
	width: 170px;
}

.text p.full {
	width: 100%;
}

/* Portfolio Page */

.featuredSite {
	background: url(../images/Template/Slider/home-slide1.png) no-repeat left top;
}

#portfolio {
	margin: 0; padding: 0;
	height: 100%;
	position: relative;
	z-index: 1; 
}

.thumbs, .hostingPlans {
	width: 405px; height: 181px;
	padding: 15px 15px 15px 15px;
	margin: 0 30px 30px 0;
	text-align: left;
	background: url(../images/portfolio_thumbs_sm.jpg) no-repeat left top;
	float: left; display: inline;
	position: relative;
	z-index: 1; 
}

.thumbs img {
	width: 206px; height: 177px;
	border: #f9f9f9 2px solid;
	padding: 0; margin: 0 10px 0 0;
	float: left; display: inline;
}


.zoom {  
	position: absolute; 
	left: 187px; 
	top: 158px; 
	z-index: 10; 
	background: url(../images/Template/zoom.png) no-repeat center top; 
	width: 30px; height: 29px;
} 


a.thumbs1 img:hover, a.thumbs2 img:hover{
	width: 206px; height: 177px;
	border: #f9f9f9 2px solid;
	padding: 0; margin: 0 10px 0 0;
	float: left; display: inline;
  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
}

.thumbs .text {
	width: 179px; height: 142px;
	text-align: left;
	padding: 0; margin: 0;
	float: left; display: inline;
}

/* Hosting Page */

#e_Business { width: 385px; background: url(../images/hosting-e-bus.gif) no-repeat right top; }
#w_Business { width: 385px; background: url(../images/hosting-w-bus.gif) no-repeat right top; }
#e_Advanced { width: 385px; background: url(../images/hosting-e-adv.gif) no-repeat right top; }
#w_Advanced { width: 385px; background: url(../images/hosting-w-adv.gif) no-repeat right top; }
#e_Premium  { width: 385px; background: url(../images/hosting-e-prem.gif) no-repeat right top; }
#w_Premium  { width: 385px; background: url(../images/hosting-w-prem.gif) no-repeat right top; }

/* Get a Quote Form */

#form { font-size: 12px; }

#form .col1 { width: 275px; margin: 0 10px 0 0; float: left; display: inline; }
#form .col2 { width: 275px; margin: 0 0 10px 0; float: left; display: inline; }

#form p		{ width: 275px; margin: 25px 0 0 0; padding: 15px 0 0 0; }
#form p.top	{ width: 275px; margin: 0; padding: 0; }
#form.img	{ float: left; display: inline; margin: 0 5px 0 0; padding: 0; } /* Captcha Image */

.label		{ width: 155px; margin: 0; padding: 0; float: left; display: inline; }
.label2		{ width: 120px; margin: 0; padding: 0; float: left; display: inline; }
.labelfull	{ width: 260px; margin: 0; padding: 0; float: left; display: inline; }
.labelreq	{ width: 170px; margin: 10px 0 0 0; padding: 0; float: left; display: inline; }

.item		{ clear: both; }

.error		{ margin: 0; padding: 0; text-align: center; }


/* Input Box Styles */

INPUT.Cat_TextBox, INPUT.Cat_TextBox_Sm, SELECT.Cat_DropDown, TEXTAREA.Cat_ListBox {
	color: 	#333333;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px; font-weight: normal;
	border: 1px solid #C4BFBC;
	margin-bottom: 6px;
	background: #FFFFFF !important;
}

INPUT.Cat_TextBox, SELECT.Cat_DropDown { width: 150px; }
INPUT.Cat_TextBox_Sm { width: 72px; }
TEXTAREA.Cat_ListBox { width: 150px; height: 30px; }

/* Button Classes */

/* 74 pixels wide */

.button_submit, .button_next, .button_prev {
	width:74px; height:24px;
	outline: none; border: none;
	margin: 5px 0; 	cursor: pointer;
}

.button_submit {
	background: url(../images/Template/but-submit.png) no-repeat;
}

.button_submit:hover {
	background: url(../images/Template/but-submit_d.png) no-repeat;
}

a.button.next {
	width:74px; height:24px;
	background: url(../images/Template/but-next.png) no-repeat;
	outline: none; border: none;
	margin: 15px 0 0 369px;
	float: left;
}

a.button.next:hover, .scroller a.button_next:active { background: url(../images/Template/but-next_d.png) no-repeat; }

/* 94 pixels wide */

#button_readmore {
	width:94px; height:24px;
	background: url(../images/Template/but-readmore.png) no-repeat;
	outline: none; border: none;
	margin: 0;
	float: left;
}

#button_readmore:hover {
	background: url(../images/Template/but-readmore_d.png) no-repeat;

}

/* 114 pixels wide */

#button_portfolio {
	width:114px; height:24px;
	background: url(../images/Template/but-portfolio.png) no-repeat;
	outline: none; border: none;
	margin: 0 30px 0 0; padding: 0 10px 0 0;
	float: right; display: inline;
}

#button_portfolio:hover { background: url(../images/Template/but-portfolio_d.png) no-repeat; }

#button_website {
	width:114px; height:24px;
	background: url(../images/Template/but-website.png) no-repeat;
	outline: none; border: none;
	margin: 15px 5px 0 0; padding: 0;
	float: right; display: inline;
}

#button_website:hover { background: url(../images/Template/but-website_d.png) no-repeat; }

#innerSlider #button_website, #featureSlider #button_website {
	width:114px; height:24px;
	background: url(../images/Template/but-website.png) no-repeat;
	outline: none; border: none;
	margin: 15px 0 0 329px;
	float: left; display: inline;
}

#innerSlider #button_website:hover, #featureSlider #button_website:hover { background: url(../images/Template/but-website_d.png) no-repeat; }


/* Footer */

#container-footer {
	height: 73px; width: 940px;
	padding: 0 20px;
	margin: 0 auto;
	font-size: 11px;
	background: url(../images/Template/page-bot.png) no-repeat center top;
	position: relative;
	z-index: 1; 
}

#footer{
	height: 43px; width: 900px;
	margin: 0 auto;
	padding: 20px 0 0 0;
}

#footer ul {
	width: 600px;
	padding:0; margin:0;
	float: left; display: inline;
}
	
#footer ul li{
	float:left; display: inline;
	padding:0; margin:0;
}
	
#footer ul li a{
	color:#333333;
	text-decoration:none; padding:0 8px; 
}

#footer ul li a:hover{
	color:#008BBE;
}

#footer p.right{
	width: 300px;
	text-align: right;
	float: right; display: inline;
}


/* Link Colours */

a {
	/* get rid of link outlines in firefox */
	outline-color:invert;
	outline-style:none;
	outline-width:medium;
}