@charset "utf-8";

/*  
 * CSS for Host91.com
 * Author: Evgueni Naverniouk, evgueni@globexdesigns.com
 * Copyright: 2009 Globex Designs, Inc. All Rights Reserved.
 *
 * All style attributes in alpha-numeric order starting from 0
 * Hacks for IE 7 pre-fixed with an asterisk (*)
 *
 */

/* 
 * ========================================
 * Global Element Styles
 * ========================================
 */

* {outline: none}

html, body {
	background: #FFF;
	color: #101010;
	font-family: Arial, Helvetica, serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

a {color: #3D6DEB}
a:hover {color: #101010}
a:visited {color: #202020}

.button-w {border: 1px solid #C6C6C6;-moz-border-radius: 2px;-webkit-border-radius: 2px;}
.button {
	background:	url(../img/input.gif) repeat-x top;
	border: 1px solid #FFF;
	color: #101010;
	cursor: pointer;
	float: right;
	font-size: 11px;
	-moz-border-radius: 2px;
	padding: 2px 6px;
	text-decoration: none;
	-webkit-border-radius: 2px;
	white-space: nowrap;
}

	.button:hover {background-position: bottom}



.button-xy {
        background:     url(../img/input.gif) repeat-x top;
        border: 1px solid #FFF;
        color: #101010;
        cursor: pointer;
        float: right;
        font-size: 11px;
        -moz-border-radius: 2px;
        padding: 2px 6px;
        text-decoration: none;
        -webkit-border-radius: 1px;
        white-space: nowrap;
}

        .button-xy:hover {background-position: bottom}

h2 {
	color: #3D6DEB;
	font-size: 14px;
}

#Wrapper {
	margin: 0 auto;
	position: relative;
	width: 1000px;
}

#PageContent {padding: 20px 40px}
	
	#Header {
		background: #22409A url(../img/header.gif) repeat-x;
		border-top: 6px solid #294AA2;	
		height: 174px;
		position: relative;
	}
	
		#Logo {
			left: 75px;
			position: absolute;
			top: 30px;
		}
		
			#Logo h1 {
				margin: 0;
				text-indent: -9000px;
			}
			
				#Logo h1 a {
					background: url(../img/logo.gif) no-repeat;
					display: block;	
					height: 57px;
					width: 171px;
				}
		
		#Promo {
			top: 0;
			position: absolute;
			right: 0;
		}
		
		#TopMenu {
			position: absolute;
			right: 55px;
			top: 10px;
		}
		
			#TopMenu a {
				color: #FFF;
				font-size: 10px;
				text-decoration: none;
				text-transform: uppercase;
			}
			
				#TopMenu a:hover {
					color: #FFC600;
				}
				
				#TopMenu .divider {
					color: #FFC600;
					font-size: 12px;
					padding: 0 8px;
				}
				
		#Navigation {
			bottom: 0;
			left: 45px;
			position: absolute;
			width: 607px;
		}
		
			#NavLeft {
				background: url(../img/nav-left.gif) no-repeat;
				float: left;
				height: 52px;
				width: 10px;
			}
			
			#NavRight {
				background: url(../img/nav-right.gif) no-repeat;
				float: right;
				height: 52px;
				width: 10px;
			}
			
			#Navigation a {
				background: url(../img/nav-buttons.gif) no-repeat;
				display: block;
				float: left;
				height: 52px;
				text-indent: -9000px;
			}
			
				#Navigation #NavHome {background-position: 0px 0px; width: 63px}
				#Navigation #NavCompany {background-position: -63px 0px; width: 77px}
				#Navigation #NavServices {background-position: -140px 0px; width: 77px}
				#Navigation #NavHosting {background-position: -217px 0px; width: 143px}
				#Navigation #NavSupport {background-position: -360px 0px; width: 77px}
				#Navigation #NavForums {background-position: -437px 0px; width: 71px}
				#Navigation #NavContact {background-position: -508px 0px; width: 79px}
				
				#Navigation #NavHome:hover {background-position: 0px -52px}
				#Navigation #NavCompany:hover {background-position: -63px -52px}
				#Navigation #NavServices:hover {background-position: -140px -52px}
				#Navigation #NavHosting:hover {background-position: -217px -52px}
				#Navigation #NavSupport:hover {background-position: -360px -52px}
				#Navigation #NavForums:hover {background-position: -437px -52px}
				#Navigation #NavContact:hover {background-position: -508px -52px}
				
				#NavCur {
					background: url(../img/navcur.gif) repeat-x;
					bottom: 0;
					position: absolute;
				}
				
					#NavCurLeft {
						background: url(../img/navcur-left.gif) no-repeat;
						float: left;
						height: 12px;
						width: 10px;
					}
					
					#NavCurRight {
						background: url(../img/navcur-right.gif) no-repeat;
						float: right;
						height: 12px;
						width: 10px;
					}
					
	#PromoExt {
		position: absolute;
		right: 0;
		top: 180px;	
		z-index: 1;
	}
	
	#Welcome {
		min-height: 420px;
		width: 260px;
	}
	
		#Welcome h2 {
			margin-top: 30px;	
		}
	
		#Welcome p {
			line-height: 18px;
			padding: 0 0 0 10px;
			text-align: justify;	
		}
		
		#Welcome .date {
			color: #847100;
			font-size: 11px;
			padding: 0 0 0 10px;
		}
		
	#DomainReg {
		background:	#111A33 url(../img/domain.gif) repeat-x;
		height: 78px;
		left: 10px;
		margin: 25px 0 0 320px;
		-moz-border-radius: 18px;
		padding: 16px 20px;
		position: absolute;
		top: 210px;
		-webkit-border-radius: 18px;
		width: 280px;
	}
	
		#DomainReg h2 {
			color: #FFDA00;
			margin: 0;
		}
		
		#DomainReg form {
			margin: 0;
			padding: 10px 0;	
		}
		
			#DomainReg input,
			#DomainReg select {
				background:	url(../img/input.gif) repeat-x bottom;
				border: 1px solid #FFF;
				-moz-border-radius: 2px;
				-webkit-border-radius: 2px;
			}
			
			#DomainReg input {*padding-bottom: 3px; width: 210px}
			#DomainReg select {font-weight: bold}
			
		#DomainPrice {
			bottom: 18px;
			left: 17px;
			position: absolute;	
		}
		
			#DomainReg .button {
				background-position: top;
				margin: 3px 5px 0 0;
				*margin: -7px 5px 0 0;
				padding: 2px 0;
				width: 110px;	
			}
			
				#DomainReg .button:hover {background-position: bottom}
		
	#LiveSupport {
		background: url(../img/livesupport.gif) no-repeat top right;
		position: absolute;
		right: 60px;
		top: 230px;
		width: 260px;
		z-index: 2;
	}
	
		#LiveSupport .status {width: 120px}
		
			#LiveSupport .status strong {
				color: green;
				text-transform: capitalize	
			}
			
			#LiveSupport .button-w {
				float: right;
				margin: -30px -10px 0 0;
				*width: 62px
			}
			
	#HostingPackages {
		position: absolute;
		right: 50px;
		top: 370px;
	}
	
		.Package {
			background: #FFF;
			border: 1px solid #E4E4E4;
			float: left;
			margin: 0 0 0 1px;
			padding: 1px;
		}
		
			.Package ul {
				background: #EDEDED;
				font-size: 11px;
				line-height: 20px;
				margin: -3px 0 0;
				padding: 0 0 0 20px;
				list-style: none;
				width: 185px;
			}
			
				.Package ul li {overflow: auto}
				
					.Package .button-w {float: right; *width: 59px}
					
	#Footer {
		border-top: 1px solid #1B306D;
		clear: both;
		font-size: 11px;
		margin: 30px auto;
		padding: 15px 0;
		text-align: center;
		width: 90%;
	}
	
		#Footer a {
			color: #5A5A5A;
			text-decoration: none;	
		}
		
			#Footer a:hover {color: #3D6DEB}
			
		#Footer .divider {color: #3D6DEB}
		
		#Footer p {
			color: #8F8F8F;
			margin: 0;
		}