/* standard shell template */
html, body 
{
	margin: 0px 0px 20px 0px;
	padding:0;
	border:0;
}

body
{		
	font-family: Trebuchet MS;
	font-size: 70%;
	background: #031B2F url(../Images/Background.jpg) repeat-x top left;	
	text-align: center;	
	line-height: 18px;
	color: #444343;
}

.clear{
	clear:both;
	overflow: hidden;
	display: none;
	height: 0px;			
}

/* redefine */
form 
{
	padding: 0px;
	margin: 0px;
	border: 0px;	
}

.standardformfield 
{
	font-family: Trebuchet MS;
	font-size: 100%;
	color: #424142;
}

a 
{
	color: #302C2D;
	text-decoration: underline;
}

a:hover 
{
	text-decoration: none;	
}

/* construct */
#wrapper 
{
	margin-left:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	margin-right:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	text-align:left; /*** IE Win re-alignment of page if page is centered ***/
	position: relative;	
	width: 976px;		
}

	#wrapper #outercontainer 
	{
		width: 976px;
		float: left;
		background: url(../Images/ContainerBG.jpg) no-repeat top left;
		margin-top: 16px;
	}
	
		#wrapper #outercontainer #header 
		{
			width: 960px;
			padding: 8px 8px 0px 8px;
			float: left;
		}
		
			#wrapper #outercontainer #header h1 
			{
				margin: 0px;
				padding: 0px;	
				float: left;			
			}
			
				#wrapper #outercontainer #header h1 a 
				{
					display: block;
					width: 298px;
					height: 118px;
					background: url(../Images/shellGraphics_01.gif) no-repeat top left;					
				}
				
					#wrapper #outercontainer #header h1 a span 
					{
						display: none;
					}
					
			#wrapper #outercontainer #header #telephone
			{
				float: left;
				width: 285px;			
				margin-left: 377px;					
			}
			
				*html #wrapper #outercontainer #header #telephone 
				{
					margin-left: 338px;					
				}
			
				#wrapper #outercontainer #header #telephone h2 
				{
					width: 285px;
					height: 118px;
					margin: 0px;					
					padding: 0px;
					background: url(../Images/shellGraphics_03.gif) no-repeat top left;					
				}
				
					#wrapper #outercontainer #header #telephone h2 span 
					{
						display: none;
					}
					
		#wrapper #outercontainer #navigation 
		{
			width: 960px;
			margin: 0px 8px 0px 8px;
			float: left;	
			background: url(../Images/shellGraphics_11.gif) no-repeat top right;		
		}
		
			*html #wrapper #outercontainer #navigation 
			{
				margin-left: 4px;
			}
		
			#wrapper #outercontainer #navigation ul 
			{
				margin: 0px;
				padding: 0px;
			}
			
				#wrapper #outercontainer #navigation ul li 
				{
					list-style-type: none;
					display: inline;
					float: left;
					position: relative;
				}
				
					/* Sub Nav */
					#wrapper #outercontainer #navigation ul li .subnav 
					{
						margin: 0px;
						padding: 0px;
						width: 128px;
						position: absolute;
						z-index: 10;
						top: 29px;
						left: 0px;
						display: none;
					}
					
						#wrapper #outercontainer #navigation ul li .subnav li 
						{
							list-style-type: none;
							display: inline;
							float: left;
							width: 148px;							
						}
						
							#wrapper #outercontainer #navigation ul li .subnav li a 
							{
								float: left;
								width: 160px;							
								display: block;
								height: 30px;
							}
							
								/* Nav Replacement - NAV ONE */
								#wrapper #outercontainer #navigation ul li .subnav li.shared a 
								{
									background: url(../Images/SubNavOne_01.gif) no-repeat top left;									
								}
								
								#wrapper #outercontainer #navigation ul li .subnav li.premium a 
								{
									background: url(../Images/SubNavOne_02.gif) no-repeat top left;									
								}
								
								#wrapper #outercontainer #navigation ul li .subnav li.vps a 
								{
									background: url(../Images/SubNavOne_03.gif) no-repeat top left;																	
								}
								
								/* Nav Replacement - NAV TWO */
								#wrapper #outercontainer #navigation ul li .subnav li.myzoolnet a 
								{
									background: url(../Images/SubNavTwo_01.gif) no-repeat top left;									
								}
								
								#wrapper #outercontainer #navigation ul li .subnav li.faq a 
								{
									background: url(../Images/SubNavTwo_02.gif) no-repeat top left;									
								}
								
								#wrapper #outercontainer #navigation ul li .subnav li.knowledgebase a 
								{
									background: url(../Images/SubNavTwo_03.gif) no-repeat top left;												
								}
								
								#wrapper #outercontainer #navigation ul li .subnav li.servicestatus a 
								{
									background: url(../Images/SubNavTwo_04.gif) no-repeat top left;									
								}
								
								#wrapper #outercontainer #navigation ul li .subnav li.tutorials a 
								{
									background: url(../Images/SubNavTwo_05.gif) no-repeat top left;									
								}						
																
									#wrapper #outercontainer #navigation ul li .subnav li a:hover 
									{
										background-position: bottom left;
									}
									
									#wrapper #outercontainer #navigation ul li .subnav li a span 
									{
										display: none;
									}								
								
							#wrapper #outercontainer #navigation ul li:hover ul, #wrapper #outercontainer #navigation ul li.over ul 
							{
								display: block;
							}									
				
					/* Main Nav */					
					#wrapper #outercontainer #navigation ul li a 
					{
						display: block;
						float: left;
						height: 29px;
					}
					
						#wrapper #outercontainer #navigation ul li.home a 
						{
							width: 63px;
							background: url(../Images/shellGraphics_04.gif) no-repeat top left;	
						}
						
						#wrapper #outercontainer #navigation ul li.webhosting a 
						{
							width: 148px;
							background: url(../Images/shellGraphics_05.gif) no-repeat top left;	
						}
						
						#wrapper #outercontainer #navigation ul li.dedicatedserver a 
						{
							width: 172px;
							background: url(../Images/shellGraphics_06.gif) no-repeat top left;	
						}
						
						#wrapper #outercontainer #navigation ul li.helpsupport a 
						{
							width: 111px;
							background: url(../Images/shellGraphics_07.gif) no-repeat top left;	
						}
						
						#wrapper #outercontainer #navigation ul li.aboutus a 
						{
							width: 76px;
							background: url(../Images/shellGraphics_08.gif) no-repeat top left;	
						}
						
						#wrapper #outercontainer #navigation ul li.contactus a 
						{
							width: 88px;
							background: url(../Images/shellGraphics_09.gif) no-repeat top left;	
						}
						
						#wrapper #outercontainer #navigation ul li.securecustomer a 
						{
							width: 165px;
							background: url(../Images/shellGraphics_10.gif) no-repeat top left;	
						}
						
							#wrapper #outercontainer #navigation ul li a span 
							{
								display: none;
							}
							
							#wrapper #outercontainer #navigation ul li a:hover 
							{
								background-position: bottom left;	
							}
		
		#wrapper #outercontainer #contentarea 
		{
			width: 968px;
			margin: 4px 4px 0px 4px;
			float: left;	
			background: #FFF;				
		}
		
			*html #wrapper #outercontainer #contentarea 
			{
				margin-left: 2px;
			}
		
			#wrapper #outercontainer #contentarea #colone 
			{
				padding: 0px 4px 4px 4px;
				float: left;
				width: 655px;				
			}
			
				#wrapper #outercontainer #contentarea #colone h2 
				{
					font-size: 150%;
					color: #FFF;
					background: #B50C17;
					margin: 0px;
					padding: 10px;
					text-transform: uppercase;
					font-weight: normal;
				}
				
					#wrapper #outercontainer #contentarea #colone h2.red 
					{
						background: #B50C17;
					}
					
					#wrapper #outercontainer #contentarea #colone h2.amber 
					{
						background: #CD621C;
					}
					
					#wrapper #outercontainer #contentarea #colone h2.green 
					{
						background: #3BA01C;
					}
				
				#wrapper #outercontainer #contentarea #colone #pagecontent 
				{
					padding: 10px;
					width: 629px;
					float: left;
				}
				
					#wrapper #outercontainer #contentarea #colone #pagecontent .breadcrumbs 
					{
						width: 629px;
					}
					
						#wrapper #outercontainer #contentarea #colone #pagecontent .breadcrumbs span, #wrapper #outercontainer #contentarea #colone #pagecontent .breadcrumbs .homelink 
						{
							color: #B50C17;
						}
						
				/* Homepage */
				#wrapper #outercontainer #contentarea #colone #homeflash 
				{
					width: 655px;
					float: left;	
				}
				
				#wrapper #outercontainer #contentarea #colone #homecontent 
				{
					padding: 10px;
					width: 629px;
					float: left;
				}
				
					#wrapper #outercontainer #contentarea #colone #homecontent h1 
					{
						margin: 10px 0px 0px 0px;
						padding: 0px;
						font-size: 190%;
						font-weight: normal;							
					}
					
					#wrapper #outercontainer #contentarea #colone #homecontent p 
					{
						margin: 20px 0px 0px 0px;
						padding: 0px;
					}
						
						#wrapper #outercontainer #contentarea #colone #homecontent p.spaced 
						{
							padding-top: 20px;
							background: url(../Images/HorizontalSpacer.gif) repeat-x top left;	
						}
						
					#wrapper #outercontainer #contentarea #colone #homecontent #promotion 
					{
						margin: 20px 0px 0px 0px;
						padding: 0px;
						padding-top: 20px;
						background: url(../Images/HorizontalSpacer.gif) repeat-x top left;	
					}
					
						#wrapper #outercontainer #contentarea #colone #homecontent #promotion h2 
						{
							font-size: 140%;
							font-weight: bold;
							text-transform: none;
							background: url(../Images/shellGraphics_19.jpg) repeat-x top left;
						}
					
						#wrapper #outercontainer #contentarea #colone #homecontent #promotion #promotioninner 
						{
							background: #BD5109;
							padding: 10px;	
							color: #FFF;
						}
						
					#wrapper #outercontainer #contentarea #colone #homecontent #homepanels 
					{
						margin: 20px 0px 0px 0px;					
						padding-top: 20px;
						background: url(../Images/HorizontalSpacer.gif) repeat-x top left;	
					}
					
						#wrapper #outercontainer #contentarea #colone #homecontent #homepanels #homeone 
						{
							background: url(../Images/HomePanels_01.jpg) repeat-y top left;
							width: 282px;
							float: left;
							height: 111px;
							padding: 10px 8px 6px 10px;
							color: #FFF;
						}
						
							#wrapper #outercontainer #contentarea #colone #homecontent #homepanels #homeone h3 
							{
								margin: 0px;
								padding: 0px;
								font-size: 150%;
								font-weight: normal;
							}
							
							#wrapper #outercontainer #contentarea #colone #homecontent #homepanels #homeone h4 
							{
								margin: 8px 0px 0px 0px;
								padding: 0px;
								font-size: 120%;
							}
							
							#wrapper #outercontainer #contentarea #colone #homecontent #homepanels #homeone p 
							{
								margin: 8px 0px 0px 0px;
								padding: 0px;
							}
							
								#wrapper #outercontainer #contentarea #colone #homecontent #homepanels #homeone p a 
								{
									color: #FFF;
								}
						
						#wrapper #outercontainer #contentarea #colone #homecontent #homepanels #hometwo 
						{							
							width: 267px;
							float: left;
							margin-left: 14px;							
							height: 111px;	
							padding-left: 15px;	
							background: url(../Images/VerticalSpacer.gif) repeat-y top left;				
						}
						
							#wrapper #outercontainer #contentarea #colone #homecontent #homepanels #hometwo #hometwoinner 
							{
								width: 282px;	
								background: url(../Images/HomePanels_03.jpg) repeat-y top left;	
								height: 111px;
								float: left;		
								padding: 10px 8px 6px 10px;
								color: #FFF;			
							}
							
								#wrapper #outercontainer #contentarea #colone #homecontent #homepanels #hometwoinner h3 
								{
									margin: 0px;
									padding: 0px;
									font-size: 150%;
									font-weight: normal;
								}
								
								#wrapper #outercontainer #contentarea #colone #homecontent #homepanels #hometwoinner h4 
								{
									margin: 8px 0px 0px 0px;
									padding: 0px;
									font-size: 120%;
								}
								
								#wrapper #outercontainer #contentarea #colone #homecontent #homepanels #hometwoinner p 
								{
									margin: 8px 0px 0px 0px;
									padding: 0px;
								}
								
									#wrapper #outercontainer #contentarea #colone #homecontent #homepanels #hometwoinner p a 
									{
										color: #FFF;
									}
				
				/* Supp Images */		
				#wrapper #outercontainer #contentarea #colone #pagecontent .suppimages 
				{
					float: right;
					margin: 16px 0px 10px 40px;		
					width: 232px;			
				}
				
					#wrapper #outercontainer #contentarea #colone #pagecontent .suppimages .photo 
					{
						width: 232px;
						float: left;
						text-align: center;
						margin-bottom: 15px;
					}
					
						#wrapper #outercontainer #contentarea #colone #pagecontent .suppimages .photo img 
						{
							margin-bottom: 10px;
						}
						
				#wrapper #outercontainer #contentarea #colone #pagecontent #testimonialscontainer 
				{					
					width: 629px;
					float: left;
					padding-top: 10px;
					background: url(../Images/HorizontalSpacer.gif) repeat-x top left;
					margin-top: 15px;
				}
				
					#wrapper #outercontainer #contentarea #colone #pagecontent #testimonialscontainer #testimonialinner 
					{
						width: 609px;
						float: left;
						padding: 10px;
						background: #76787B;
					}
					
						#wrapper #outercontainer #contentarea #colone #pagecontent #testimonialscontainer #testimonialinner .testimonial 
						{
							width: 609px;
							float: left;
							color: #FFF;
							font-size: 120%;
						}
						
							#wrapper #outercontainer #contentarea #colone #pagecontent #testimonialscontainer #testimonialinner .testimonial span
							{
								font-size: 140%;
								font-weight: bold;
								font-family: Arial;
							}
			
			#wrapper #outercontainer #contentarea #coltwo			
			{
				width: 301px;
				float: left;	
				padding-bottom: 10px;							
			}
				
				#wrapper #outercontainer #contentarea #coltwo #panels 
				{
					border: solid 1px #C0D0E3;
					background: #F4F4F4;
					width: 293px;
					padding: 3px;
					float: left;
				}	
				
					#wrapper #outercontainer #contentarea #coltwo #panels #sections 
					{
						width: 293px;
						float: left;
					}	
					
						#wrapper #outercontainer #contentarea #coltwo #panels #sections .section 
						{
							width: 293px;
							float: left;		
							margin-bottom: 5px;					
						}		
						
							#wrapper #outercontainer #contentarea #coltwo #panels #sections .section.red a 
							{
								width: 293px;
								background: url(../Images/ServicePanels_01.gif) no-repeat top left;
							}
							
							#wrapper #outercontainer #contentarea #coltwo #panels #sections .section.amber a
							{
								width: 293px;
								background: url(../Images/ServicePanels_05.gif) no-repeat top left;
							}
							
							#wrapper #outercontainer #contentarea #coltwo #panels #sections .section.green a
							{
								width: 293px;
								background: url(../Images/ServicePanels_03.gif) no-repeat top left;
							}
							
								#wrapper #outercontainer #contentarea #coltwo #panels #sections .section a 
								{
									display: block;
									width: 293px;
									height: 51px;
								}
								
									#wrapper #outercontainer #contentarea #coltwo #panels #sections .section a span 
									{
										display: none;
									}
								
									#wrapper #outercontainer #contentarea #coltwo #panels #sections .section a:hover 
									{
										background-position: bottom left;
									}
								
					#wrapper #outercontainer #contentarea #coltwo #panels #livechat 
					{
						width: 293px;
						float: left;	
						margin-top: 5px;	
					}					
					
					#wrapper #outercontainer #contentarea #coltwo #panels #contactus 
					{
						width: 293px;
						float: left;
						margin-top: 10px;						
					}
					
						#wrapper #outercontainer #contentarea #coltwo #panels #contactus h3 
						{
							width: 293px;
							float: left;
							margin: 0px;
							padding: 0px;
							background: url(../Images/shellGraphics_22.jpg) no-repeat top left;
							height: 31px;
						}		
						
							#wrapper #outercontainer #contentarea #coltwo #panels #contactus h3 span 
							{
								display: none;
							}
							
						#wrapper #outercontainer #contentarea #coltwo #panels #contactus #contactuscontent 
						{							
							width: 269px;
							float: left;
							padding: 12px;
							background: #F1F1F1;
						}
						
							#wrapper #outercontainer #contentarea #coltwo #panels #contactus #contactuscontent .large 
							{
								font-size: 110%;
								line-height: 15px;
								width: 269px;
								float: left;
							}
							
							#wrapper #outercontainer #contentarea #coltwo #panels #contactus #contactuscontent .address 
							{
								color: #696969;
								width: 269px;
								float: left;
								margin-top: 8px;
								border-top: solid 1px #D1D1D1;
								padding-top: 8px;
							}
							
							#wrapper #outercontainer #contentarea #coltwo #panels #contactus #contactuscontent .contactform 
							{
								color: #696969;
								width: 269px;
								float: left;
								margin-top: 8px;
								border-top: solid 1px #D1D1D1;
								padding-top: 8px;
							}
							
								#wrapper #outercontainer #contentarea #coltwo #panels #contactus #contactuscontent .contactform .formfield 
								{
									width: 269px;
									float: left;
									font-weight: bold;
								}
								
									#wrapper #outercontainer #contentarea #coltwo #panels #contactus #contactuscontent .contactform .formfield input 
									{
										width: 266px;
										margin: 3px 0px 5px 0px;
										padding: 3px 0px 0px 3px;
										background: url(../Images/FormFieldBG.gif) no-repeat top left;
										height: 20px;
										font-family: Trebuchet MS;
										font-size: 100%;
										border: solid 0px;
										color: #858585;
									}									
									
									#wrapper #outercontainer #contentarea #coltwo #panels #contactus #contactuscontent .contactform .formfield.small 
									{
										width: 180px;
										float: left;										
									}
									
										#wrapper #outercontainer #contentarea #coltwo #panels #contactus #contactuscontent .contactform .formfield.small select 
										{
											width: 154px;
											margin: 3px 0px 5px 0px;
											padding: 0px 0px 0px 3px;						
											height: 23px;
											font-family: Trebuchet MS;
											font-size: 100%;
											border: solid 0px;
											color: #858585;
										}
										
									#wrapper #outercontainer #contentarea #coltwo #panels #contactus #contactuscontent .contactform .formfield.submit 
									{
										width: 65px;
										float: left;
										margin-left: 24px;
										padding-top: 21px;
									}
									
										#wrapper #outercontainer #contentarea #coltwo #panels #contactus #contactuscontent .contactform .formfield.submit input 
										{
											width: 65px;
											height: 23px;
											background: none;
											margin: 0px;
											padding: 0px;
										}
										
					#wrapper #outercontainer #contentarea #coltwo #offerpanel 
					{
						width: 301px;
						float: left;
						margin-top: 10px;
					}	
								
	#wrapper #footer 
	{
		width: 948px;
		float: left;	
		background: #413F41;
		margin-left: 4px;	
		color: #FFF;
		padding: 10px;		
	}
		
		*html #wrapper #footer 
		{
			margin-left: 2px;
		}
	
		#wrapper #footer ul 
		{
			margin: 0px;
			width: 948px;
			float: left;
			padding: 0px;			
		}
		
			#wrapper #footer ul li 
			{
				display: inline;
				list-style-type: none;
				margin-right: 5px;
			}
			
				#wrapper #footer ul li.spacer 
				{
					padding-left: 8px;
					background: url(../Images/FooterSpacer.gif) no-repeat left;
				}
			
				#wrapper #footer ul li a 
				{
					color: #FFF;
				}
				
		#wrapper #footer #cardaccepted 
		{
			width: 948px;
			float: left;
			border-top: solid 1px #696969;
			padding-top: 10px;
			margin-top: 10px;
		}
		
			#wrapper #footer #cardaccepted p 
			{
				margin: 0px;
				padding: 0px;
				float: left;				
			}
			
			#wrapper #footer #cardaccepted ul 
			{
				float: left;
				margin: 2px 0px 0px 20px;
				padding: 0px;	
				width: 400px;	
			}
			
				#wrapper #footer #cardaccepted ul li 
				{
					float: left;
					display: inline;
					list-style-type: none;
				}
				
					#wrapper #footer #cardaccepted ul li 
					{						
						float: left;
						height: 15px;
						margin-right: 6px;
					}
						
						#wrapper #footer #cardaccepted ul li.visacredit 
						{
							background: url(../Images/visa.gif) no-repeat top left;
							width: 22px;
						}
						
						#wrapper #footer #cardaccepted ul li.visadebit 
						{
							background: url(../Images/visa_debit.gif) no-repeat top left;
							width: 25px;
						}
						
						#wrapper #footer #cardaccepted ul li.visaelectron 
						{
							background: url(../Images/visa_electron.gif) no-repeat top left;
							width: 24px;
						}
						
						#wrapper #footer #cardaccepted ul li.mastercard 
						{
							background: url(../Images/mastercard.gif) no-repeat top left;
							width: 23px;
						}
						
						#wrapper #footer #cardaccepted ul li.maestro 
						{
							background: url(../Images/maestro.gif) no-repeat top left;
							width: 24px;
						}
						
						#wrapper #footer #cardaccepted ul li.dinersclub 
						{
							background: url(../Images/diners.gif) no-repeat top left;
							width: 23px;
						}
						
						#wrapper #footer #cardaccepted ul li.jcb 
						{
							background: url(../Images/jcb.gif) no-repeat top left;
							width: 12px;
						}
						
						#wrapper #footer #cardaccepted ul li.solo 
						{
							background: url(../Images/solo.gif) no-repeat top left;
							width: 12px;
						}
						
						#wrapper #footer #cardaccepted ul li.worldpay 
						{
							background: url(../Images/poweredByWorldPay.gif) no-repeat top left;
							width: 63px;
						}
						
							#wrapper #footer #cardaccepted ul li span 
							{
								display: none;
							}