html, body, #wrap {
	height: 100%; 
	margin: 0; 
	padding: 0;
	background: #fff;
	color: #000;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	font-size: 11px;
	line-height:18px;
	}

body > #wrap {
	height: auto; 
	min-height: 100%;
	}

#main {
	padding-bottom: 163px;
	width: 900px;
	height: auto;
	margin: 0 auto;
	}  /* must be same height as the footer */



#container {
	height:auto;
	margin:0;
	min-height:100%;
	position:relative;
	width:100%;
}



#header {
	height: 105px;
	width: 900px;
	margin: 0 auto;
}

	.logo {
		 background: url(img/westnet-logo.jpg) no-repeat;
		 height: 52px;
		 width: 184px;
		 float: left;
		 margin-top: 31px;
	}
	
	.logo p{
		text-indent: -9999px;
		margin: 0;
		padding: 0;
	}
	

	
	.contact {
	     background: url(img/call-to-action.jpg);
		 height: 20px;
		 width: 210px;
		 float: right;
		 margin-top: 43px;
	}
	
	.contact p{
		text-indent: -9999px;
		margin: 0;
		padding: 0;
	}
	
#navigation {
	height: 45px;
	background: url(img/navigation-background.jpg) repeat-x;
	width: 100%;
	margin: 0;
	padding: 0;
	}

		#menu {
			width: 900px;
			margin: 0 auto;
			height: 45px;
			padding: 0;
			list-style: none;
			display: block;
			background:url(img/menu.png) no-repeat scroll right top;
			position: relative;
			}
			

#menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
  }
  
  #menu li  {
  float: left;
  position: relative;

  }
  
  
  #menu li ul {
  display: none;
  position: absolute; 
  top: 1em;
  left: 0;
  }


#menu li > ul {
	top: auto;
	left: auto;
	}

#menu li:hover ul, #menu li.over ul{ display: block; }



#menu ul.drop {
	background:#78AFE7;
	clear:both;
	float:left;
	margin-top:45px;
	width: 181px;
	}

#menu ul.drop li {
    width:inherit;
	clear:both;
	text-align:center;
	border-bottom:1px solid #669ACC;
	border-top:1px solid #87C3FF;
	width: 181px;
	padding-top:10px;
	height: 30px;
	}
	
	
	#menu .domain-menu ul.drop li {
		width: 181px;
	}
	
	
#menu ul.drop a {
	color:#fff;
	font-size:11px;
	text-decoration:none;
	font-weight: bold;
	text-align:center;
	line-height:18px;
	clear:both;
	vertical-align: middle;
	text-shadow: 1px 1px 2px #6f6f6f;
		}
	
#menu ul.drop li:hover {
 	background: #87C3FF;
	width: 181px;
	height: 30px;
	}
	
	#menu a.domain-menu {
		display: block;
		width: 181px;
		float:left;
		clear:both;
		height: 45px;
		text-indent: -9999px;
	}
	
	#menu a.hosting-menu {
		display: block;
		float:left;
		clear:both;
		height: 45px;
		left: 181px;
		width: 180px;
		text-indent: -9999px;
		left: 181px;
		}
	
	#menu a.email-menu {
		display: block;
		width: 180px;
		float:left;
		clear:both;
		height: 45px;
		left: 361px;
		text-indent: -9990px;
	}
	
	#menu a.account-menu {
		display: block;
		width: 180px;
		float:left;
		clear:both;
		height: 45px;
		left: 541px;
		text-indent: -9999px;
	}
	
		#menu a.sign-menu {
		display: block;
		width: 179px;
		float:left;
		clear:both;
		height: 45px;
		left: 721px;
		text-indent: -9999px;
	}

#menu li.domain-menu {
	float: left;
	width: 181px;
}

#menu li.hosting-menu {
	float: left;
	width: 180px;
}
#menu li.email-menu {
	float: left;
	width: 180px;
}
#menu li.account-menu {
	float: left;
	width: 180px;
}
#menu li.sign-menu {
	float: left;
	width: 179px;
}

#menu li ul {
	position: absolute;
	left: -9999em;
}

#menu li:hover ul {
	left: auto;
}

#menu li:hover ul, #menu li.sfhover ul {
	left: auto;
}


						#menu a:hover.domain-menu{
						background: url(img/menu.jpg) 0 -45px no-repeat;
									
						}
						
				
									#menu a:hover.hosting-menu {
						background: url(img/menu.jpg) -181px -45px no-repeat;
						}

					
								#menu a:hover.email-menu {
						background: url(img/menu.jpg) -361px -45px no-repeat;
						}
						

					
								#menu a:hover.account-menu {
						background: url(img/menu.jpg) -541px -45px no-repeat;
						}
						

					
						#menu a:hover.sign-menu{
						background: url(img/menu.jpg) -721px -45px no-repeat;
						}
	
	.campaign {
		background: url(img/campaign-image-a.png) no-repeat;
		height: 359px;
		width: 908px !important;
		margin-top: -1px;
		margin-left: 1px;
	}
	
	 .campaign p{
		text-indent: -9999px;
		margin: 0;
		padding: 0;
	}
	
			.campaign2{
		background: url(img/campaign-image1.jpg) no-repeat;
		height: 355px;
		width: 900px !important;
		margin-left: 0px;
	}
	
	 .campaign2 p{
		text-indent: -9999px;
		margin: 0;
		padding: 0;
	}
	
	.wrapper {
		width: 900px;
		margin-top: 20px;
	}
	
		.left {
			width: 440px;
			float: left;
			height: auto;
			padding-right: 10px;
		}
			
				h1.featured-products {
					background:url(img/featured-products-header.jpg) no-repeat;
					height:23px;
					width:188px;
					padding-bottom: 20px;
					text-indent: -9999px;
					margin: 0;
				}
		
			.hosting-left, .email-left, .domains-left, .other-left {
				padding-bottom: 30px;
				height: 100px;
				
			}
			
				 .hosting-left h2{
					background: url(img/web-hosting-header.jpg) no-repeat;
					height: 14px;
					width: 76px;
					margin: 0;
					padding: 0;
					text-indent: -9999px;
				}
				
				.email-left h2{
					background: url(img/email-hosting-header.jpg) no-repeat;
					height: 13px;
					width: 80px;
					margin: 0;
					padding: 0;
					text-indent: -9999px;
				}
				
				.domains-left h2{
					background: url(img/domain-names-header.jpg) no-repeat;
					height: 13px;
					width: 88px;
					margin: 0;
					padding: 0;
					text-indent: -9999px;
				}
				
				.other-left h2{
					background: url(img/other-services-header.jpg) no-repeat;
					height: 12px;
					width: 88px;
					margin: 0;
					padding: 0;
					text-indent: -9999px;
				}
				
				.image-left {
					float: left;
					padding-right: 15px;
				}
				
				.text-right {
					float: left;
					width: 367px;
				}
				
				.text-right p  {
					margin: 6px 0 0 0;
					padding: 0;
				}
				
				
				
		.right {
			width: 420px;
			float: right;
			height: auto;
			padding-left: 10px;
		}
		
			.domain-right, .contact-right, .westnet-right {
				padding-bottom: 55px;
							
			}
			
			.domain-right {
				height: 97px;
			}
			
			.westnet-right {
				height: 120px;
				}
				
			.contact-right {
				height: 120px;
			}
			
		.domain-right h1{
			background:url(img/domain-name-checker-header.jpg) no-repeat;
			height: 19px;
			width: 223px;
			padding-bottom: 20px;
			text-indent:-9999px;
			margin: 0;
		}
		
		#domain-checker-form {
			padding: 17px;
		}
		
		.westnet-right h1{
			background:url(img/why-westnet-header.jpg) no-repeat;
			height: 23px;
			width: 236px;
			text-indent:-9999px;
		}
		
		
		.westnet-right ul li {
			line-height: 22px;
		}
		
		.westnet-right ul {
			margin: 0px;
			padding: 0px 0px 0px 15px;
		}
		
				
		.domain-background {
			background: url(img/domain-checker-background.jpg) no-repeat;
			width: 418px;
			height: 57px;
		}
		
		.contact-right h1 {
			background:url(img/contact-us-header.jpg) no-repeat;
			height: 18px;
			width: 113px;
			text-indent:-9999px;
		}
		
		
		
		
		#footer {
			position: relative;
			margin-top: -163px; /* negative value of footer height */
			height: 163px;
			background: url(img/footer-bg.jpg) repeat-x;
			clear:both;
			}
			
			#footer .wrapper {
				width: 900px;
				margin: 0 auto;
				
			}
	
			.clearfix:after {content: ".";
				display: block;
				height: 0;
				clear: both;
				visibility: hidden;}
				
			.clearfix {
				display: inline-block;
				} /* Hides from IE-mac */
			
			* html .clearfix { 
				height: 1%;
				}
				
			.clearfix {
				display: block;
				} /* End hide from IE-mac */

			.domain-footer, .hosting-footer, .email-footer, .existing-footer    {
				float: left;
				width: 225px;
				padding: 30px 0;
			}
			
			.domain-footer ul, .hosting-footer ul, .email-footer ul, .existing-footer ul    {
				margin:0;
				padding:0;
				list-style: none;
				line-height: 20px;
			}
			
			.domain-footer ul li a, .hosting-footer ul li a, .email-footer ul li a, .existing-footer ul li a    {
				color: #fff;
			}
			
			.domain-footer ul li a:hover, .hosting-footer ul li a:hover, .email-footer ul li a:hover, .existing-footer ul li a:hover    {
				color: #FFA07F;
			}
			
			.domain-footer h3{
				background: url(img/domain-names-footer.jpg) no-repeat;
				height: 19px;
				width: 110px;
				text-indent:-9999px;
				margin: 0;
				padding: 0;
			}
			
			
			.hosting-footer h3 {
				background: url(img/web-hosting-footer.jpg) no-repeat;
				height: 19px;
				width: 97px;
				text-indent:-9999px;
				margin: 0;
				padding: 0;
			}
			
			.email-footer h3 {
				background: url(img/email-hosting-footer.jpg) no-repeat;
				height: 19px;
				width: 102px;
				text-indent:-9999px;
				margin: 0;
				padding: 0;
			}
			
			.existing-footer h3 {
				background: url(img/existing-customers-header.jpg) no-repeat;
				height: 19px;
				width: 142px;
				text-indent:-9999px;
				margin: 0;
				padding: 0;
			}