body {
	background-color: #FFF;
	margin: 0 0 0 0; /* Top, Right, Bottom, Left */
}

img {
	border: none;
}

/* Text Styles */

a {color: #0072bb;text-decoration: none;}
a:hover {color: #0072bb;text-decoration: underline;}

p {
	margin: 0 0 8px 0;
	color: #4C5B52;
	font: normal 9pt/16pt Arial, Helvetica, sans-serif;
}

.small_right {
	color: #4C5B52;
	font: normal 8pt/12pt Arial, Helvetica, sans-serif;
	text-align: right;
}

h1 {
	margin: 0 0 10px 0;
	color: #0072bb;
	font: bold 14pt/18pt Arial, Helvetica, sans-serif;
}

h2 {
	margin: 0 0 8px 0;
	color: #0072bb;
	font: bold 12pt Arial, Helvetica, sans-serif;
}

.show h2 {cursor: pointer;}
.show h2:hover {text-decoration: underline;}

h3 {
	margin: 0 0 8px 0;
	color: #0072bb;
	font: bold 10pt Arial, Helvetica, sans-serif;
}

ul { margin: 0 0 10px 0;}

li { color: #0072bb; font: normal 11pt/18pt Arial, Helvetica, sans-serif; margin: 0 0 7px 0; }

/* Containers */

#container {
	position: relative;
	background-color: #FFF;
	margin: 0 auto 0 auto;
	width: 750px;
	height: auto;
}

#header {
	position: relative;
	width: 750px;
	height: 120px;
}

#header_image, #sky_image, #tree_image, #lego_image, #sweets_image, #carosel_image, #boat_image, #light_image, #coin_image, #green_image, #slide_image, #sunflower_image, #ice_image, #heart_image, #lolly_image, #xmas_image {
	position: relative;
	background: #0072bb;
	width: 750px;
	height: 175px;
}

#sky_image {background: url(../images/banners/home1.jpg) 0 0 no-repeat;}
#tree_image {background: url(../images/banners/about_banner.jpg) 0 0 no-repeat;}
#lego_image {background: url(../images/banners/email_banner.jpg) 0 0 no-repeat;}
#sweets_image {background: url(../images/banners/250_banner.jpg) 0 0 no-repeat;}
#boat_image {background: url(../images/banners/500_banner.jpg) 0 0 no-repeat;}
#carosel_image {background: url(../images/banners/gig_banner.jpg) 0 0 no-repeat;}
#light_image {background: url(../images/banners/2gig_banner.jpg) 0 0 no-repeat;}
#coin_image {background: url(../images/banners/add_banner.jpg) 0 0 no-repeat;}
#green_image {background: url(../images/banners/green_banner.jpg) 0 0 no-repeat;}
#slide_image {background: url(../images/banners/slide_banner.jpg) 0 0 no-repeat;}
#sunflower_image {background: url(../images/banners/sunflower_banner.jpg) 0 0 no-repeat;}
#ice_image {background: url(../images/banners/ice_banner.jpg) 0 0 no-repeat;}
#heart_image {background: url(../images/banners/heart_banner.jpg) 0 0 no-repeat;}
#lolly_image {background: url(../images/banners/lolly_banner.jpg) 0 0 no-repeat;}
#xmas_image {background: url(../images/banners/xmas_banner.jpg) 0 0 no-repeat;}

#headline {
	position: absolute;
	bottom: 20px;
	left: 20px;
	color: #FFF;
	font: bold 20pt/23pt Helvetica, Arial, sans-serif;
	letter-spacing: -1px;
}

#packages {
	position: relative;
	margin: 15px 0 0 0;
	padding: 0;
	width: 750px;
	height: 200px;
}

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

#content {
	float: left;
	width: 750px;
	height: auto;
	margin: 15px 0 10px 0;
}

#footer {
	float: left;
	width: 750px;
	height: auto;
	border-top: 1px solid #efefef;
	padding-top: 5px;
	-webkit-text-size-adjust: none;
}

#foot_links {
	float: right;
	display: inline;
	margin: 0;
	padding: 0;
}

#foot_links li {
	display: inline;
	color: #4C5B52;
	font: normal 8pt/14pt Arial, Helvetica, sans-serif;
	padding: 0 0 0 10px;
}

#foot_links li a, #footer p a {color: #4C5B52;}
#foot_links li a:hover, #footer p a:hover {color: #0072bb;}

#footer p {
	text-align: left;
	color: #4C5B52;
	font: normal 8pt/14pt Arial, Helvetica, sans-serif;
}

/* Logo & Login */

#logo a {
	float: left;
	width: 205px;
	height: 48px;
	display: block;
	margin: 38px 0 0 0;
	background: #FFF url(../images/logo.gif) top left no-repeat;
	text-indent: 10000px;
	overflow: hidden;
}

#login {
	float: right;
	margin: 89px 0 0 0;
	font: normal 13pt/16pt Arial, Helvetica, sans-serif;
	color: #CCC;
}

#login a {color: #CCC;}
#login a:hover {color: #0072bb; text-decoration: none;}

#tagline {
	float: left;
	clear: left;
	margin: 4px 0 0 0;
	font: normal 13pt/16pt Arial, Helvetica, sans-serif;
	color: #0072bb;
}

/* Navigation */

#nav {
	position: relative;
	list-style: none;
	width: auto;
	height: 25px;
	border-left: 1px solid #0072bb;
	margin: 0;
	padding: 6px 0 0 0;
	-webkit-text-size-adjust: none;
}

#nav li { display: inline; padding: 0; margin: 0;}

#nav li a {
	font: normal 13pt/15pt Arial, Helvetica, sans-serif;
	color: #0072bb;
	background: url(../images/nav_back.gif) right top no-repeat;
	text-decoration: none;
	padding: 6px 12px 5px 10px;
	margin: 0 -4px 0 0;
	border-bottom: 1px solid #0072bb;
}

#nav li a:hover {background: #c8e9ff url(../images/nav_back.gif) right -31px no-repeat;}

#nav li .current {background: #c8e9ff url(../images/nav_back.gif) right -31px no-repeat;}
#nav .end a {background: none; border-right: 1px solid #0072bb; padding-right: 11px;}
#nav .end a:hover {background: none; background-color: #c8e9ff; }
#nav .current_end a, #nav .current_end a:hover {background: none; background-color: #c8e9ff; border-right: 1px solid #0072bb; padding-right: 11px; }

/* Home Package Buttons */

#packages li {margin: 0; padding: 0; display: inline;}

#package1 a, #package2 a, #package3 a, #package4 a, #package5 a {
	float: left;
	display: block;
	width: 129px;
	height: 27px;
	background-color: #FFF;
	margin: 0 13px 0 0;
	padding: 171px 0 0 8px;
	font: normal 13pt/16pt Arial, Helvetica, sans-serif;
	color: #0072bb;
	text-decoration: none;
	border: 1px solid #0072bb;
}

#package1 a {background: url(../images/packages/email.jpg) 0 0 no-repeat;}
#package2 a {background: url(../images/packages/250mb.jpg) 0 0 no-repeat;}
#package3 a {background: url(../images/packages/500mb.jpg) 0 0 no-repeat;}
#package4 a {background: url(../images/packages/1gb.jpg) 0 0 no-repeat;}
#package5 a {margin-right: 0px;background: url(../images/packages/2gb.jpg) 0 0 no-repeat;}

#package1 a:hover, #package2 a:hover, #package3 a:hover, #package4 a:hover, #package5 a:hover {
	background-color: #c8e9ff;
}

/* Home Text */

#home_text {
	float: left;
	width: 475px;
	height: auto;
	margin: 0 40px 0 0;
}

#home_right {
	float: left;
	width: 235px;
	height: auto;
}

#home_right img {margin: 0 8px 0 0;}

/* Internal Pages */

#sub_nav {
	float: left;
	width: 138px;
	height: auto;
	margin: 0 20px 0 0;
	padding: 0;
	border: 1px solid #0072bb;
}

#sub_nav h1 a {
	display: block;
	position: relative;
	background-color: #c8e9ff;
	border-bottom: 1px solid #0072bb;
	width: 128px;
	height: 26px;
	font: normal 13pt/16pt Arial, Helvetica, sans-serif;
	padding: 4px 0 0 10px;
}

#sub_nav h1 a:hover {
	background-color: #0072bb;
	color: #FFF;
}

#sub_nav ul {margin: 0; padding: 0 0 0 10px; list-style: none;}

#sub_nav li {margin: 0; padding: 0 0 10px 0;}

#sub_nav ul li a {
	margin: 0;
	padding: 0;
	list-style: none; 
	color: #4C5B52;
}

#sub_nav ul li a:hover {color: #0072bb;}

#sub_nav ul li .current {color: #0072bb;}

#main_text {
	float: left;
	width: 410px;
	height: auto;
	margin: 0 20px 0 0;
	padding: 5px 0 0 0;
}

#uptime {
	float: left;
	width: 590px;
	height: auto;
	margin: 0;
	padding: 5px 0 0 0;
}

#uptime img {float: left; clear: none;}
.pingleft {float: left; clear: none; margin-right: 10px;}

#right_column {
	float: left;
	width: 160px;
	height: auto;
	padding: 4px 0 0 0;
}

.border {padding: 1px; border: 1px solid #CCC; margin-bottom: 10px;}

.bt99double a, .bt99single a {
	display: block;
	width: 99px;
	height: 70px;
	background: #FFF url(../images/bt99_round.gif) 0 0 no-repeat;
	font: bold 16pt/17pt Arial, Helvetica, sans-serif;
	color: #FFF;
	letter-spacing: -1px;
	text-align: center;
	text-decoration: none;
	padding-top: 29px;
	margin: 0 0 15px 30px;
	overflow: hidden;
}

.bt99single a {padding-top: 39px; height: 60px;}

.bt99double a:hover, .bt99single a:hover {background: #FFF url(../images/bt99_round.gif) 0 -99px no-repeat;}

/* Tables */

table { padding: 0; margin: 20px 0 20px 0; color: #656565; font: normal 12px Arial, Helvetica, sans-serif; }
caption { padding: 0 0 10px 2px; width: 100%; font: italic 11px Arial, Helvetica, sans-serif; text-align: left; }

.grey {background-color: #efefef;}
.bluetext {color: #0072bb;}

th {
	font-weight: normal;
	text-align: left;
	padding: 8px 6px 6px 12px;
}

.table_head {padding-left: 0; text-align: center; padding: 0; color: #0072bb;}

th.spec { background: #efefef; padding-left: 12px; }

th.specalt { background: #fff; padding-left: 12px;}
.blueback { background: #c8e9ff; color: #0072bb;}
th.blueback { background: #c8e9ff; color: #0072bb; padding-left: 12px;}

td { background: #efefef; color: #656565; text-align: center; }
td.alt { background: #fff;}

/* Twitter Feed */

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

#twitter_update_list li {
	color: #4C5B52;
	font: normal 9pt/16pt Arial, Helvetica, sans-serif;
}

/* Domain Form */

.domains {
	color: #4C5B52;
	font: normal 9pt/16pt Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
}

/* Customer Form */

fieldset {    
	float: left;           
	font: normal 12px/20px Arial, Helvetica, sans-serif;
	border: none; 
	margin: 0;
	padding: 0;
} 

legend {  
	float: left;
	display: inline;   
	margin: 0 0 20px 0;
	padding: 0;
	color: #0072bb;
	font: bold 14pt/18pt Arial, Helvetica, sans-serif;
}  

fieldset ol {  
	float: left; 
	margin: 0; 
	padding: 0;
	list-style: none;  
}  

fieldset li {   
	padding: 0 0 10px 0;
	float: left; 
}   

label {      
	float: left;
	width: 150px;
	color: #4C5B52;
}


.fields {
	font: normal 12px/20px Arial, Helvetica, sans-serif;
	border: none;
	float: right;
	height: 25px;
}

.formbt, .clearbt {    
	display: block;
	width: 95px;
	height: 30px;
	margin: 0 10px 0 150px;     
	background:  url(../images/blue_button.gif) 0 0 no-repeat;
	color: #FFF;
	border: none;
	cursor: pointer;       
}

.formbt:hover { background: url(../images/blue_button.gif) 0 -30px no-repeat; }