body {
background:  url(../images/main-bg.gif) repeat-x;
background-color:#3C3C3C;
font-family: "Trebuchet MS", Helvetica, sans-serif;
margin: 0;
padding: 0;
text-align: center;
}

/* this is used so that any shorter pages do not jumpt around due to no default scrollbar */
html { min-height:100%; margin-bottom:1px; }

/* main container - holding everything together  */
#container {
	margin: 0 auto;
	padding: 0;
	text-align: left;  /* to offset the center style on the body */
	width: 760px;
	background-color: #FFFFFF;
	background-image: url(../images/contbg.gif);
	background-repeat: repeat-x;
}
/*#wrapper {
	background-color: #FFFFFF;
}*/


img {
border: 0px;
}
/* padding for all paragraphs - give it breathing room away from the edges of the content areas it is in */
p {
	padding-left: 10px;
	padding-right: 5px;
}

/* general link styles */
a:link { 
background-color: inherit; 
color: #333333;
font-family: "Trebuchet MS", Helvetica, sans-serif;
text-decoration: none;
}
	
a:visited { 
background-color: inherit; 
color: #000000;
font-family: "Trebuchet MS", Helvetica, sans-serif;
text-decoration: none;	
}
	
a:hover, a:active { 
background-color: #000000; 
color: #FFCC00;
text-decoration: underline;
}

/* styles the nav menu on the left */
#nav {
	float: left;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 0.85em;
	margin: 0;
	padding: 0;
	width: 200px;
}

#nav ul {
list-style: none;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
margin-top: 1px;
padding: 0;
}
/* for IE - so the left navbar sits correctly positioned */
* html #nav ul { margin-top: 0px; }

#nav li {
list-style: none;
margin: 0;
padding: 0;
}

#nav a:link { 
background:  url(../images/btn-bg.gif) no-repeat;
background-color: inherit; 
color: #FFFFFF;
display: block;
font-size: 0.85em;
height: 18px;
padding-left: 15px;
padding-top: 3px;
text-decoration: none;
}
	
#nav a:visited { 
background:  url(../images/btn-bg.gif) no-repeat;
background-color: inherit; color: #FFFFFF;
display: block;
height: 18px;
padding-left: 15px;
padding-top: 3px;
text-decoration: none;
font-size: 0.85em;
}
	
#nav a:hover, #nav a:active { 
background:  url(../images/btn-bg-over.gif) no-repeat;
background-color: inherit; color: #FFFFFF;
display: block;
height: 18px;
padding-left: 15px;
padding-top: 3px;
text-decoration: none;
}
/* end navbar styles */

/* holds the large top image */
#strap {
	float: left;
	margin-left: 1px;
	width: 559px;
}

/* footer div styles */
#footer {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 0.8em;
	border-top: 2px solid #B6B6B6;
	clear: both;
	padding-top: 5px;
	width: 760px;
	background-color: #EBEBEB;
}

/* style the links in the footer */
#footer a:link { 
background-color: inherit; 
color: #E68A00;
font-family: "Trebuchet MS", Helvetica, sans-serif;
/*font-size: 0.85em;*/
text-decoration: none;
}
	
#footer a:visited { 
background-color: inherit; 
color: #E68A00;
font-family: "Trebuchet MS", Helvetica, sans-serif;
text-decoration: none;	
}
	
#footer a:hover, #footer a:active { 
background-color: inherit; 
color: #444444;
text-decoration: underline;
}

/* the right hand side div - holding news */
#guesswhat {
	float: left;
	width: 450px;
	background-color: #FFFFFF;
}

#guesswhat a {
background-color: inherit; 
color: #DD9317;
font-family: "Trebuchet MS", Helvetica, sans-serif;
text-decoration: none;
}
#guesswhat2 {
	width: 530px;
	margin-left: 0px;
	background-color: #FFFFFF;
	border: 1px solid #000000;
}

#guesswhat2 a {
color: #FF0000;
font-family: "Trebuchet MS", Helvetica, sans-serif;
text-decoration: underline;
}

#header {
clear: both;
width: 760px;
}

/* for IE - to make sure the header sits in correct position */
* html #header {
	margin-top: -4px;
}

/* far left div - holding testimonials */
#left {
	background-color: #FFFFFF;
	color: #282828;
	float: left;
	font-size: 0.75em;
	padding-bottom: 8px;
	width: 199px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #444444;
	border-bottom: 1px solid #444444;
}

/*  IE browsers */
* html #left {
width: 198px;
}

/* styles the paragraphs in the left div - giving padding  */
#left p {
padding-right: 6px;
}
/* div holding the company logo */
#logo {
float: left;
height: 90px;
width: 200px;
}

/* grey bar holding the newsletter signup - remove the div in the html if not needed */
#newsletter {
	clear: both;
	background-color: #FFCC00;
	height: 35px;
	width: 760px;  /* 660px */
	padding-top: 5px;
	padding-bottom: 4px;
}
	
/* div holding the hosting package images at bottom of page */
#package {
float: right;
padding-left: 10px;
width: 551px;
padding-bottom: 2px;
}

#package ul {
list-style: none;
margin: 0;
padding: 0;
}

#package li {
float: left;
list-style: none;
margin: 0;
padding: 0;
}

/* the rounded search / account bar at top of page */
#quicklinks {
	background:  url(../images/top-right.gif) no-repeat;
	background-color: inherit;
	color: #DDA647;
	display: block;
	height: 25px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	float: left;
	padding-left: 183px;
	padding-top: 65px;
	width: 377px;
}

/* TOP NAVBAR STYLES inside the quicklinks div*/
#navBar {
	background-color: #262626;
	margin: 0;
	padding: 0;
	text-align: right;
	}	
	
#navBar ul {
	margin: 0px; 
	padding: 0px;
	list-style-type: none; 
	height: 24px;
}
#navBar li {
	display: inline;
	list-style-type: none;
	padding: 0px;
	margin: 0px; 
	color: white;
	}

#navBar a {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size: 0.80em;
	background: transparent;
	margin: 0px;
	text-decoration: none;
	padding-right: 15px;
	padding-left: 15px;
}

#navBar a:link {
	color: white;
	text-decoration: none; 
	background-color: inherit;
}

#navBar a:visited {
	color: #EDEAED;
	text-decoration: none; 
	background-color: inherit;
}


#navBar a:hover {
	color: #FFFF00;
	background-color: transparent;
	background-color: transparent;
}

#navBar a:active {
	background-color: transparent;
	color: #FFFFFF;
}
/*End NavBar styles */

/* styles the 'current' page links */
#current a:link, #current a:visited, #current a:active {
color: #FFCC00;
text-decoration:none;
background-color: inherit;
}
#current a:hover {
	color: white;
}

/* container div for the right side content */
#right {
	float: left;
	font-size: 0.8em;
	width: 560px;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	text-align: center;
}
/* services div on the left side  */
#services {	
float: left;
width: 275px;
background-color: inherit;
}

#services ul {
margin-top: 6px;
color: #000000;
}

#services a {
	color: #E68A00;
}
#services a:hover {
	color: #666666;
}

/* gives a 1px white border above the large image */
.strap { margin-top: 1px; }

/* to keep IE happy with the white spacing */
* html .strap {
	margin-top: 0px;
}

/* placement of the menu in the top and the newsletter div */
.budge { margin-left: 25px; }

.budge a {
background-color: inherit; 
color: #E9A62F;
font-family: tahoma, Verdana, sans-serif;
font-size: 0.80em;
font-weight: bold;
text-decoration: none;
}
/* class float to the right */
.flt-rgt { 
float: right;
margin-top: 5px;
} 

/* class to float right  */
.flt-rgt2 { 
float: right; 
margin-right: 5px; }

/* class to float left */
.flt-lft { 
float: left; 
margin-left: 10px; }

/* basic form style to remove default margins */
.form {	
/*border: 1px solid #000000;*/
margin: 0;
padding: 0;
 }

 /* basic heading styles */
h1 {
background-color: inherit; 
color: #000000;
display: block;
font-size: 1.2em;
letter-spacing: 2px;
margin-bottom: 5px;
margin-left: 10px;
margin-top: 5px;
padding-bottom: 2px;
}
.bigred {
	font-size: 24px;
	font-weight: bold;
	color: #FF0000;
}


h2 {
background-color: inherit; 
color: #FF9900;
font-size: 1.2em;
font-weight: bold;
letter-spacing: 2px;
margin-bottom: 5px;
margin-left: 10px;
margin-top: 2px;
padding-bottom: 2px;
}

h3 {
clear: both;
background-color: inherit; 
color: #FF3300;
font-size: 1.1em;
font-weight: bold;
letter-spacing: 2px;
margin-bottom: 5px;
margin-left: 15px;
padding-bottom: 2px;
padding-top: 0px;
}
h4 {
background-color: inherit; 
color: #428442;
font-size: 1.1em;
font-weight: bold;
margin-top: 5px;
margin-bottom: 5px;
}
/* class for the bold name in the testimonial box */
.name {
float: right;
font-weight: bold;
margin-top: 2px;
margin-right: 10px;
padding-bottom: 4px;
}

/* for IE */
* html .submit2 {
height: 17px;
width: 28px;
}
/* class to set text to orange */
.orange {
	background-color: inherit;
	color: #FF6600;
	font-size: 1em;
	font-weight: bold;
}

/* button style used for newsletter submit */
.send {
border: 0px;
margin: 0; 
width:52px; 
height: 18px;
text-align: center; 
background-color: #E9A62F;
color: White; 
padding: 0;
border: 1px solid white;
vertical-align: text-bottom;
}

.sendlogin {
margin: 0; 
width:52px; 
height: 20px;
text-align: center; 
background-color: #E9A62F;
color: White; 
padding: 2px;
border: 1px solid black;
vertical-align: middle;
}

/* FORM STYLES */
form#contactform div {
 clear: both; 
 padding-top: 6px; 
 }
 
 form#contactform {
font-size: 90%; 
color: #505050; 
margin: 20px 20px 30px 30px; 
padding: 5px; 
width: 500px;
background-color: #FEFEFE; 

}
#contactform fieldset { 
border: 1px solid black;
padding: 18px;
color: #FF0000;
}

#contactform legend {
 font-weight: bold; 
 font-size: 1.4em;
color: #333333;
 }

#contactform label {
 float: left; 
 width: 35%; 
 }
/* #contactform input,#contactform textarea { 
float: right; 
width: 70%; 
text-align: left;
border: 1px solid black; 
}*/

#contactform input {
border: 1px #000000 solid;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 9px;
height: 20px;
}

#contactform textarea { 
height: 100px; 
}

#contactform #send { 
float: right; 
margin: 0; 
width:40%; 
text-align: center; 
background-color: #EFEFEF;
color: #666666; 
padding: 2px 2px;
}

#contactform textarea:focus, #contactform input:focus, #contactform select:focus {
	background-color: #E6E6E6;
	color: #464545;}
/* end form styles */

/* styles for hosting details table */
.hostingtable{
	width: 540px;
	margin: auto auto;
	margin-bottom: 6px;
	font-size: .85em;
	}

.hostingtable td {
	padding: 2px;
}

.rowcolorg{
	background-color: #f0f0f0;
}

.roworder{
background-color: #FFCC00;
color: #000000;	
}

.roworder a {
	color: white;
}
.roworder a:hover{
	color: #252525;
	text-decoration: none;
}
/* WE DO NOT SUPPLY A LOG IN SCRIPT - UP TO YOU TO SOURCE THAT */
/* memberslogin */

#login {
	width: 500px;
	margin: 5px 20px 5px 20px;
	padding: 5px;
}

/* styles the testimonial page divs */
.testimonial {
background-image: url(../images/quotes.gif);
background-repeat: no-repeat;
background-position: top right;
width: 500px;
margin: 5px 10px 10px 5px;
border: 1px solid #CCCCCC;
}
/* a $ background image on the resller page */
#reseller {
	background-image: url(../images/dollars.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
/* this styles the div on the index page to promote the template 
you can remove the style from the div if you do not want a bordered, coloured box around your text - 
remove the style from the html code */
.templatespiel {
	background-color: #FFFFCC;
	border: 1px solid #E6E6E6;
	margin: auto auto;
	width: 535px;
	margin-bottom: 5px;
	margin-top: 5px;
	text-align: left;
}
#newsletter h3 {
	font-size: 18px;
	color: #FFCC00;
}
#newsletter h4 {
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}
.templatespiel img {
	border: 1px solid #333333;
	margin: 5px;
}
#hohohotub {
	width: 525px;
	background-color: #FFFFFF;
	border: 2px solid #009900;
	float: none;
	text-align: center;
}

#hohohotub h2 {
	font-weight: bolder;
	color: #FF0000;
	text-align: center;
}
#guesswhat2 img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
#guesswhat2 h2 {
	margin: 0px;
	padding: 0px;
}


#hohohotub a {

background-color: inherit; 
color: #FF0000;
font-family: "Trebuchet MS", Helvetica, sans-serif;
text-decoration: none;
}
#services2 {
float: left;
width: 275px;
}

#services2 a {
background-color: inherit; 
color: #DD9317;
font-family: "Trebuchet MS", Helvetica, sans-serif;
text-decoration: none;
}
#services2 ul {

margin-top: 6px;
color: #000000;
}
#container2 {

	margin: 0 auto;
	padding: 0;
	text-align: left;  /* to offset the center style on the body */
	width: 560px;
	background-color: #262626;
	color: #000000;
}
#guesswhat2 a:hover {
	color: #000000;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	text-decoration: underline;
	background-color: #FFFFFF;
}
#right a {
	text-decoration: underline;
}
.schedule {
	font-size: 18px;
	color: #FFFF00;
	background-color: #3C3C3C;
	border: 2px solid #FF0000;
	text-align: center;
}
a.sched:link {
	color: #FFFF33;
	text-decoration: underline;
}
a.sched:visited {
	color: #FFFF33;
	text-decoration: underline;
}
a.sched:hover {
	color: #FFFF33;
	text-decoration: underline;
}
#hohohotub img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
.wee {
	font-size: 10px;
}
.bigyellow {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	background-color: #FFCC00;
	text-align: center;
	margin: 10px;
	padding: 5px;
	border: 2px solid #000000;
}
.formbold {
	font-weight: bolder;
	color: #FF0000;
	font-size: 18px;
}