/*========================================================================================*/
/*		Company: Next Horizon                                                  							*/
/*		Year: 2008																																					*/
/*		Email: webdesign@nexhorizon.net                                         						*/
/*																																												*/
/*		Stylesheet for Y2K Service, Inc.																										*/
/*																							                                        	*/
/*		Concept & Design By: Blake Lyons																										*/
/*		Logo Design By: Blake Lyons																													*/
/*		HTML, CSS, By : Blake Lyons																													*/
/*																																												*/
/*		Master Stylesheet							  																										*/
/*========================================================================================*/

/*=========================================================================================

	CSS Style order
	
	Splah Page Styles
	-----------------------------------------------------------------------------------------
	
	Global Styles
	Text Styles
	Containers & Styles
	 - Wrapper
	 - Container
	 - Header
	 - Top Navigation
	 - Logo
	 - Search Box
	 - Main Navigation
	 - Middle 
	 		- Coda-Slider
			- Quote Box
	- Bottom
			- Left Column
			- Right Column
	Email Form Styles
	
	Footer
	
=========================================================================================*/


/*=======================================================
	Global Styles / Containers
=======================================================*/

* {
	margin: 0;
	padding: 0;
}

html {
	margin: 0;
	padding: 0;
	background: #fff;
}

body {
	margin: 0;
	padding: 0;
	background-color: #fff;
}


/* ----- Fixes Dotted Ouline around links ----- */

a {
	outline: none;
	-moz-outline-style: none;
}

a:focus {
	outline: none;
	-moz-outline-style: none;
}

h3 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
	font-weight: bold;
	margin: 15px 0 10px 10px;
}

/* ------------------ Global Classes ------------------ */

.clear { clear: both; }
.clear-right { clear: right; }
.clear-left { clear: left; }

.left { float: left; }
.right { float: right; }

.tenpixpad { width: auto; padding: 10px; }
.twopixpad { width: auto; padding: 2px; }
.content { width: 590px; padding: 10px; }

.displaynone { display: none; }

noscript {
	position: relative;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 22px;
	color: #fff;
	letter-spacing: -1px;
	margin: 0;
	padding: 0;
}

.throwText { text-indent: -9999px; }
.red { color: #ff0000; }

/*=======================================================
	Contact Us Page Form Styles
=======================================================*/

fieldset {
	border: none;
}

.contactForm {
	float: left;
	width: 545px;
	margin: 5px 0 20px 20px;
	padding: 0;
}

.contactForm filedset {
	border: none;
}

/* ---- Validation Styles ----- */

.required {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ff0000;
	margin: 0;
	padding: 0;
}

.error-name {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #ff0000;
	margin: 0 0 0 5px;
	display: none;
}

.error-email {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #ff0000;
	margin: 0 0 0 5px;
	display: none;
}


/*---------------------------------------------------------------------
	Global Contact Form Styles
---------------------------------------------------------------------*/

.contactForm label {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #777777;
	width: 90px;
	margin: 0 5px 0 0;
	padding: 0;
	text-align: right;
}

.contactForm input {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	margin-right: 3px;
	padding: 1px;
	width: 130px;
	border: 1px solid #a1a1a1;
}

.contactForm textarea {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	padding: 0;
	width: 325px;
	border: 1px solid #a1a1a1;
}

.contactForm select {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	padding: 0;
	width: 160px;
	border: 1px solid #a1a1a1;
}

.contactForm .submitButtons {
	position: relative;
	margin: 10px 80px 0 0;
}

.contactForm .submitButtons input {
	width: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #777777;
	cursor: pointer;
	padding: 4px;
	margin: 0 5px 0 0;
	border: none;
	background: #2a2a2a;
	outline: none;
	-moz-outline-style: none;
}

.contactForm .submitButtons input:hover {
	color: #fff;
	background: #97FF00;
}

.contactForm .submitButtons input#reset {
	margin-right: 23px;
}

.contactForm input.notvalid {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	margin-right: 3px;
	padding: 1px;
	width: 130px;
	border: 1px solid #ff0000;
}

/*---------------------------------------------------------------------
	General Information Contact Form
---------------------------------------------------------------------*/

.contactForm fieldset.generalcontact {
	float: left;
	width: 545px;
	margin: 0 0 0 40px;
	border: none;
}

.contactForm #contact-us-messagesent {
	float: left;
	width: 300px;
	height: 200px;
	margin: 20px 0 20px 100px;
}

.contactForm #contact-us-messagesent h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	color: #333;
	margin: 0;
	padding: 0;
}

.contactForm #contact-us-messagesent p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666;
	margin-left: 5px;
}

.contactForm #contact-us-messagesent img#contact-us-checkmark {
	float: left;
	margin: 0 10px 0 0;
	padding:0;
}

.contactForm #contact-us-messagesent h2 {
	float: left;
	width: 131px;
	height: 20px;
	margin: 20px 0 0 0;
	padding: 0;
	background: url('../images/h2-quick-contact.png') 0 0 no-repeat;
	text-indent: -9999px;
}

/* ---- Validation Styles ----- */

.contactus-required {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ff0000;
	margin: 0;
	padding: 0;
}

.contact-us-error-name {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #ff0000;
	margin: 0 0 0 5px;
	display: none;
}

.contact-us-error-email {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #ff0000;
	margin: 0 0 0 5px;
	display: none;
}

/*---------------------------------------------------------------------
	Hosting Quote Form 
---------------------------------------------------------------------*/

.contactForm fieldset.hostingquote {
	float: left;
	width: 545px;
	margin: 0 0 0 20px;
	border: none;
}

.contactForm #hosting-messagesent {
	float: left;
	width: 300px;
	height: 200px;
	margin: 70px 0 20px 100px;
}

.contactForm #hosting-messagesent h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	color: #333;
	margin: 0;
	padding: 0;
}

.contactForm #hosting-messagesent p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666;
	margin-left: 5px;
}

.contactForm #hosting-messagesent img#hosting-checkmark {
	float: left;
	margin: 0 10px 0 0;
	padding:0;
}

.contactForm #hosting-messagesent h2 {
	float: left;
	width: 131px;
	height: 20px;
	margin: 20px 0 0 0;
	padding: 0;
	background: url('../images/h2-quick-contact.png') 0 0 no-repeat;
	text-indent: -9999px;
}

/* ---- Validation Styles ----- */

.contactus-required {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ff0000;
	margin: 0;
	padding: 0;
}

.hosting-error-companyname {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #ff0000;
	margin: 0 0 0 5px;
	display: none;
}

.hosting-error-email {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #ff0000;
	margin: 0 0 0 5px;
	display: none;
}

/*---------------------------------------------------------------------
	Billing Inquiry Form 
---------------------------------------------------------------------*/

.contactForm fieldset.billinginfo {
	float: left;
	width: 545px;
	margin: 0 0 0 20px;
	border: none;
}

.contactForm #billing-messagesent {
	float: left;
	width: 300px;
	height: 200px;
	margin: 70px 0 20px 100px;
}

.contactForm #billing-messagesent h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	color: #333;
	margin: 0;
	padding: 0;
}

.contactForm #billing-messagesent p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666;
	margin-left: 5px;
}

.contactForm #billing-messagesent img#billing-checkmark {
	float: left;
	margin: 0 10px 0 0;
	padding:0;
}

.contactForm #billing-messagesent h2 {
	float: left;
	width: 131px;
	height: 20px;
	margin: 20px 0 0 0;
	padding: 0;
	background: url('../images/h2-quick-contact.png') 0 0 no-repeat;
	text-indent: -9999px;
}

/* ---- Validation Styles ----- */

.billing-required {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ff0000;
	margin: 0;
	padding: 0;
}

.billing-error-customerName {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #ff0000;
	margin: 0 0 0 5px;
	display: none;
}

.billing-error-domainName {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #ff0000;
	margin: 0 0 0 5px;
	display: none;
}

.billing-error-billingPhone {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #ff0000;
	margin: 0 0 0 5px;
	display: none;
}

.billing-error-email {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #ff0000;
	margin: 0 0 0 5px;
	display: none;
}