/* Stylesheet for Tigerhost - Grey by copyright to Nadia of Perrelink Web Solutions www.perrelink.com.au  */

body {
	background:  url(../images/main-bg.gif) repeat-x;
	background-color:#FFFFFF;
	color: #444444;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 101%;
	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;
}

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;
}

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

/* 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.80em;
border-top: 2px solid #B6B6B6;
clear: both;
padding-top: 5px;
width: 760px
}

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

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

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

#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: #EFEFEF;
	border-bottom: 2px solid #444444;
	border-top: 1px solid #444444;
	color: #333333;
	float: left;
	font-size: 0.75em;
	padding-bottom: 8px;
	width: 199px;
}

/*  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: inherit; 
color: #FFFFFF;
font-size: 0.80em;
height: 35px;
padding-left: 15px;
padding-top: 5px;  
padding-bottom: 4px;
width: 760px;  /* 660px */
}
	
/* 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-right2.gif) no-repeat;
background-color: inherit; 
color: #DDA647;
display: block;
height: 24px;
font-family: "Trebuchet MS", Helvetica, sans-serif;float: left;
padding-left: 183px;
padding-top: 66px; 
width: 377px;
}

/* TOP NAVBAR STYLES inside the quicklinks div*/
#navBar {
	background-color: inherit;
	margin: 0;
	padding: 0;
	}	
	
#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: #DDA647;
	background-color: inherit;
	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: #009999;
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: inherit;
}
/* services div on the left side  */
#services {	
float: left;
width: 275px;
background-color: inherit;
}

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

#services a {
	color: #009999;
}
#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: 10px; }

/* 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 {
border-bottom: 1px solid #949494;    
background-color: inherit; 
color: #428442;
display: block;
font-size: 1.2em;
font-weight: bold;
letter-spacing: 2px;
margin-bottom: 5px;
margin-left: 10px;
margin-top: 5px;
padding-bottom: 2px;
}

h2 {
	border-bottom: 1px solid #949494;
	background-color: inherit;
	color: #007700;
	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;  /* need to clear the div after the guesswhat div so that the heading positions correctly */
border-bottom: 1px solid #B6B6B6;
background-color: inherit; 
color: #428442;
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: 4px;
margin-bottom: 4px;
margin-left: 15px;
}
/* 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 red */
.red {
background-color: inherit; 
color: #FF0000;
font-size: 1.0em;
border-bottom: 1px dotted #FF0000;
}

/* 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: 80%;
background-color: #FEFEFE; 

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

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

#contactform label {
 float: left; 
 width: 25%; 
 }
#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: #FFCC33;
	color: white;
}

.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: #FCFCFC;
	border: 1px solid #E6E6E6;
	margin: auto auto;
	width: 500px;
	margin-bottom: 5px;
	margin-top: 5px;
}
.tnailborder {
	border: 1px solid #333333;
}
.movieborder {
	border: 1px solid #333333;
}