/**************/
/*** GLOBAL ***/
/**************/

body {
	background:url(img/body_bg.gif) repeat-x;
	background-color:#efefef;
	margin:0; padding:0;
	font-family: "Arial", "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	}
.wrapper {
	width:1000;
	margin:0 auto;
	}
.clear {
	clear:both;
	}
a:focus, a:active {
	outline:none;
	}
img {
	border:0;
	}



/**************/
/*** HEADER ***/
/**************/

#header {
	width:1000; height:58;
	}
	#header #logo {
		float:left;
		margin:14 0 0 15;
		}
	#header #miniNav {
		float:right;
		background:url(img/header_miniNav_bg.gif);
		width:475; height:27;
		margin:31 15 0 0;
		}
		#header #miniNav .menu {
			margin:6 0 0 0; padding:0;
			font-size:9pt;
			color:#404040;
			text-align:center;
			}
		#header #miniNav a {
			color:#dbdbdb;
			text-decoration:none;
			}
		#header #miniNav a:hover {
			color:#fff;
			text-decoration:none;
			}

/******************/
/*** NAVIGATION ***/
/******************/

#navigation {
	width:auto; height:100;
	margin:37 0 0 33; padding:0;
	}

/*********************/
/*** CONTENT BOXES ***/
/*********************/

#contentBoxes {
	width:1000; height:320;
	margin:0; padding:0;
	}
	#contentBoxes #flashSlider {
		float:left;
		margin:0 0 0 10; padding:0;
		width:690; height:320;
		}
	#contentBoxes #announce {
		background:url(img/announce_bg.gif);
		float:left;
		margin:0; padding:0;
		width:290; height:320;
		}
		#contentBoxes #announce .title {
			color:#4f4f4f;
			font-size:11pt;
			margin:22 0 15 0; padding:0;
			text-align:center;
			}
		#contentBoxes #announce .subject {
			color:#4f4f4f;
			font-size:8pt;
			margin:5 0 0 0; padding:0;
			text-align:center;
			line-height:14.5pt;
			}
		#contentBoxes #announce .text {
			color:#4f4f4f;
			font-size:8pt;
			margin:5 20 0 20;
			line-height:14.5pt;
			}
			#contentBoxes #announce .text a {
				color:#4f4f4f;
				text-decoration:none;
				}
			#contentBoxes #announce .text a:hover {
				color:#282828;
				text-decoration:none;
				}

/*******************/
/*** PROMO BOXES ***/
/*******************/

#promoBoxes {
	width:1000; height:160;
	margin:0; padding:0;
	}
	#promoBoxes #hosting {
		background:url(img/promo_hosting_bg.gif);
		float:left;
		margin:0 0 0 10; padding:0;
		text-align:center;
		width:320; height:160;
		}
		#promoBoxes #hosting input.button {
			margin-top:13; padding:0 0 3 0;
			font-size:7pt;
			text-transform:uppercase;
			color:#1177a8;
			width:212; height:20;
			background-image:url(img/promo_button.gif);
			border-style:none;
			}
	#promoBoxes #domains {
		background:url(img/promo_domains_bg.gif);
		float:left;
		margin:0; padding:0;
		width:190; height:160;
		text-align:center;
		}
	#promoBoxes #design {
		background:url(img/promo_design_bg.gif);
		float:left;
		margin:0; padding:0;
		width:470; height:160;
		}
		#promoBoxes #design input.button {
			font-size:7pt;
			text-transform:uppercase;
			color:#4d8f0b;
			width:212; height:20;
			background-image:url(img/promo_button.gif);
			border-style:none;
			margin:15 0 0 120; padding:0 0 3 0;
			}

/**************/
/*** FOOTER ***/
/**************/

#footer {
	background:#3e3e3e url('img/footer_bg.gif') repeat-x;
	font-size:9pt;
	margin-top:15; padding-top:10;
	width:100%; height:350;
	}
	#footer #links {
		color:#c0c0c0;
		margin:0 auto; padding:0;
		width:1000;
		}
	#footer .copy {
		color:#c0c0c0;
		font-size:8pt;
		padding-bottom:20;
		text-align:center;
		}
	#footer #bottomNav {
		background-color:#3e3e3e;
		margin:0 0 20 25;
		width:auto;
		}
	#footer p {
		margin:0; padding:0 0 0 25;
		}
	#footer h1 {
		font-size:10pt;
		font-weight:normal;
		letter-spacing:1px;
		}
	#footer ul {
		float:left;
		margin: 0 0 0 0; padding: 0 20 0 0;
		list-style:none;
		}
	#footer li {
		float:left;
		width:220;
		}
		#footer li a {
			display:block;
			width:190;
			margin:0; padding:8 0 8 15;
			border-bottom:1px dotted #888;
			text-align:left;
			font-size:.9em; text-decoration:none;
			}
			#footer li a img { border:0; }
			#footer ul li a:link { color:#d6d6d6; }
			#footer ul li a:visited { color:#d6d6d6; }
			#footer ul li a:hover { background:url(img/footer_linkbg.png); }

	/* Icons used in footer navigation. */
	#footer .home { background:url(img/icons/house.png) no-repeat center left; }
	#footer .hosting { background:url(img/icons/server.png) no-repeat center left; }
	#footer .design { background:url(img/icons/color_wheel.png) no-repeat center left; }
	#footer .domains { background:url(img/icons/world.png) no-repeat center left; }
	#footer .aboutus { background:url(img/icons/information.png) no-repeat center left; }
	#footer .help { background:url(img/icons/help.png) no-repeat center left; }
	#footer .bookmark { background:url(img/icons/heart.png) no-repeat center left;}
	#footer .whois { background:url(img/icons/zoom.png) no-repeat center left;}
	#footer .helpdesk { background:url(img/icons/pencil.png) no-repeat center left;}
	#footer .kb { background:url(img/icons/kb.png) no-repeat center left;}
	#footer .trouble { background:url(img/icons/cog.png) no-repeat center left;}
	#footer .video { background:url(img/icons/film.png) no-repeat center left;}
	#footer .billing { background:url(img/icons/money_dollar.png) no-repeat center left;}
	#footer .boards { background:url(img/icons/new.png) no-repeat center left;}
	#footer .email { background:url(img/icons/email.png) no-repeat center left;}
	#footer .emailopen { background:url(img/icons/email_open.png) no-repeat center left;}
	#footer .announcements { background:url(img/icons/newspaper.png) no-repeat center left;}
	#footer .telephone { background:url(img/icons/telephone.png) no-repeat center left;}
	#footer .mytickets { background:url(img/icons/supporttickets.gif) no-repeat center left;}
	#footer .portalhome { background:url(img/icons/portal.gif) no-repeat center left;}
	#footer .serverstatus { background:url(img/icons/status.gif) no-repeat center left;}
	#footer .order { background:url(img/icons/order.gif) no-repeat center left;}


/***************/
/*** HOSTING ***/
/***************/

#hosting {
	margin:0; padding:0;
	}
	#hosting .topBox {
		width:1000; height:auto;
		margin:0 auto;
		text-align:center;
		}
	#hosting .bottomBox {
		width:1000; height:auto;
		margin:0 auto;
		text-align:center;
		}
	#hosting #table {
		border-collapse:collapse;
		font-size:10pt;
		margin:25 0 25 0;
		width:100%;
		text-align:left;
		}
		#hosting #table thead th {
			background:url(img/hosting_table_bg.gif);
			border-bottom:5px solid #d4d4d4;
			border-top:5px solid #c7c7c7;
			height:60;
			color:#282828;
			font-size:13pt;
			font-weight:normal;
			margin:0; padding:0;
			text-align:center;
			}
		#hosting #table .odd {
			background:#ececec; 
		}
		#hosting #table .even {
			background:#f3f3f3;
		}
		#hosting #table .a {
			border-bottom:1px solid #e7e7e7;
			border-top:1px solid transparent;
			color:#282828;
			padding:8;
			width:30%;
			}
			#hosting #table .a a {
				color:#282828;
				text-decoration:none;
				}
			#hosting #table .a a:hover {
				color:#2e9dd4;
				text-decoration:none;
				}
		#hosting #table .b {
			border-bottom:1px solid #e7e7e7;
			border-top:1px solid transparent;
			color:#808080;
			padding:8;
			text-align:center;
			width:23%;
			}
		#hosting #table .c {
			border-bottom:1px solid #e7e7e7;
			color:#282828;
			font-size:11pt;
			font-weight:normal;
			padding:10;
			text-align:center;
			}
		#hosting #table .d {
			background:#eaeaea;
			border-bottom:5px solid #c7c7c7;
			color: #282828;
			font-size:13px;
			font-weight:normal;
			padding:20 8 20 8;
			text-align:center;
			}
		#hosting #table tfoot th a {
			color:#282828;
			text-decoration:none;
			}
		#hosting #table tfoot th a:hover {
			color:#2e9dd4;
			text-decoration:none;
			}
		#hosting #table tr:hover td {
			background:#dedede;
			color:#2e9dd4;
			text-decoration:none;
			}
a.tip {
	position: relative;
	}
a.tip span {
	display:none;
	position:absolute;
	font-family: "Arial", "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size:11.5pt;
	font-weight:bold;
	line-height:16pt;
	top:20px;
	left:-10px;
	width:300;
	padding:20;
	z-index:100;
	background:#c0c0c0;
	color:#282828;
	-moz-border-radius: 5px; /* this works only in camino/firefox */
	-webkit-border-radius: 5px; /* this is just for Safari */
	}
a:hover.tip {
	font-size: 99%; /* this is just for IE */
	}
a:hover.tip span {
	display: block;
	}

/**************/
/*** DESIGN ***/
/**************/

#design {
	width:1000;
	margin:0; padding:0;
	}
	#design #header {
		width:847; height:309;
		}
	#design #leftCol {
		float:left;
		margin:50 20 20 0;
		width:595; height:auto;
		}
		#design #leftCol img {
			margin:10 10 0 10; padding:0;
			}
		#design #leftCol .site {
			font-size:11pt;
			font-weight:bold;
			margin:10 0 0 0; padding:0;
			}
		#design #leftCol .desc-right {
			font-size:9.5pt;
			margin:75 20 0 0; padding:0;
			width:auto;
			}
		#design #leftCol .desc-left {
			font-size:9.5pt;
			margin:75 0 0 20; padding:0;
			width:auto;
			}
	#design #rightCol {
		float:left;
		margin:50 0 0 0;
		width:385; height:auto;
		}
		#design #rightCol #top {
			background:url(img/design_rcol_top.gif) no-repeat;
			width:385; height:10;
			}
		#design #rightCol #middle {
			background:url(img/design_rcol_mid.gif) repeat-y;
			width:385; height:auto;
			margin:0; padding:0;
			}
			#design #rightCol #middle .title {
				color:#4f4f4f;
				font-size:12.5pt;
				text-align:left;
				margin:0; padding:10 0 0 20;
				}
			#design #rightCol .text {
				color:#4f4f4f;
				font-size:8.5pt;
				margin:0; padding:10 20 0 20;
				text-align:left;
				}
			#design #rightCol #middle hr {
				width:95%;
				border:0;
				background-color:#ddd;
				text-align:left;
				}
		#design #rightCol #bottom {
			background:url(img/design_rcol_bot.gif) no-repeat;
			width:385; height:10;
			}
.saveAndResume {
	text-align:right;
	font-size: small;
	}
.saveAndResume fieldset {
	text-align:left;
	}
.saveAndResume #tfa_resumeEmail {
	width: 195px;
	}
.saveAndResume #tfa_resumePassword {
	width: 195px;
	}
.saveAndResume .actions  { 
	width:200 !important; 
	text-align:right; 
	}
.saveAndResume .actions input {
	font-weight:bold;
	font-size:100%;
	}
.saveAndResume .actions #tfa_resumeLater.wfHideSubmit {
	display:inline !important;
	}
.onstate-resumelater { display:block }
.errorMessage {
	color:red;
	background-color:#fff;
	padding:5px;
	border:1px solid #F77;
	}
		

/***************/
/*** DOMAINS ***/
/***************/

#domains {
	width:1000; height:auto;
	margin-top:25;
	text-align:center;
	}
	#domains #whoisBox {
		background:url(img/domains_bg.gif) repeat-x;
		border:1px solid #d5d5d5;
		font-size:9pt;
		margin:50 auto 0 auto; padding:0;
		text-align:center;
		width:900; height:118;
		}
		#domains #whoisBox .title {
			font-size:10.5pt;
			margin-top:25; margin-bottom:25;
			}
	#domains #pricing {
		font-family:"Arial", "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
		font-size:12px;
		margin:50 auto;
		width:900;
		border-collapse:collapse;
		text-align:left;
		}
	#domains #pricing th {
		font-size:14px;
		font-weight:normal;
		color:#282828;
		padding:10 8;
		border-bottom:2px solid #4a4a4a;
		}
	#domains #pricing td {
		border-bottom:1px solid #d5d5d5;
		color:#6f6f6f;
		padding:6 8;
		}
	#domains #pricing tbody tr:hover td {
		color:#282828;
		}


/*************/
/*** ABOUT ***/
/*************/

#about {
	width:1000; height:500;
	}
#aboutMain {
	float:left;
	margin:0; padding:0;
	width:690; height:auto;
	}
	#aboutMain #top {
		background:url(img/about_main_top.jpg) no-repeat;
		margin:0 0 0 10; padding:0;
		width:690; height:20;
		}
	#aboutMain #middle {
		background:url(img/about_main_middle.jpg) repeat-y;
		margin:0 0 0 10; padding:0;
		width:690;
		}
		#aboutMain #middle .title {
			color:#4f4f4f;
			font-size:13pt;
			letter-spacing:.01em;
			margin:0; padding:5 0 5 30;
			}
		#aboutMain #middle hr {
			width:93%;
			border:0;
			background-color:#ddd;
			text-align:center;
			margin:0 auto;
			}
		#aboutMain #middle .text {
			color:#4f4f4f;
			font-size:9pt;
			line-height:14pt;
			margin:0; padding:10 20 10 30;
			}
	#aboutMain #bottom {
		background:url(img/about_main_bottom.jpg) no-repeat;
		margin:0 0 0 10; padding:0;
		width:690; height:20;
		}
#aboutCol {
	float:left;
	margin:0; padding:0;
	width:290; height:auto;
	}
	#aboutCol #top {
		background:url(img/about_col_top.jpg) no-repeat;
		margin:0; padding:0;
		width:290; height:20;
		}
	#aboutCol #middle {
		background:url(img/about_col_middle.jpg) repeat-y;
		margin:0; padding:0;
		width:290; height:auto;
		text-align:center;
		}
		#aboutCol #middle .header {
			color:#4f4f4f;
			font-size:8pt;
			font-weight:bold;
			margin:0; padding:0 0 0 25;
			text-align:left;
			}
		#aboutCol #middle .text {
			color:#4f4f4f;
			font-size:8pt;
			margin:0; padding:5 0 10 35;
			text-align:left;
			}
	#aboutCol #bottom {
		background:url(img/about_col_bottom.jpg) no-repeat;
		margin:0; padding:0;
		width:290; height:20;
		}
#about #logos {
	width:100%; height:200;
	text-align:center;
	margin:0 auto; padding:0;
	}

/***************/
/*** SUPPORT ***/
/***************/