@charset "utf-8";
/* CSS Document */

* {margin: 0; padding: 0;} 

body {
	background: #E2FBFE url(../graphics/bg.png) repeat-x;
	font-size: 80%;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
}

h1, h2, h3, h4, h5, h6, p {padding: 0 0 20px 0;}

a {color: #CC2725;}
a:hover {text-decoration: none;}

.clear {clear:both;}
.small {font-size: 85%;}

/* ----------------------------------------
		Wrapper
---------------------------------------- */
#Wrapper {
	margin: 0 auto;
	width: 900px;
}

/* ----------------------------------------
		Header
---------------------------------------- */
#Header {
	color: #000;
}
	#Header img {margin-top: 38px;}
	
	#Header .Navigation{
		margin: 80px 0 0 0;
	}

/* ----------------------------------------
		Content
---------------------------------------- */

#Content {
	margin: 30px 0;
}
#Content.Page {
	margin: 100px 0 150px 0;
}

.spacer {
	height: 1000px;
	display: block;
	clear: both;
}

.spacer-01 {
	height: 1000px;
	display: block;
	background: url(../graphics/bg-01.png) no-repeat 0 0;
	clear: both;
}
.spacer-02 {
	height: 1000px;
	display: block;
	background: url(../graphics/bg-02.png) no-repeat 0 0;
	clear: both;
}
.spacer-03 {
	height: 1000px;
	display: block;
	background: url(../graphics/bg-03.png) no-repeat 0 0;
	clear: both;
}


/* ----------------------------------------
		Headers
---------------------------------------- */
.header-DomainNames {
	background: url(../graphics/header-domain-names.png) no-repeat 0 50px;
	height: 57px;
	text-indent: -9999px;
	padding: 50px 0 25px 0;
}

.header-WebHosting {
	background: url(../graphics/header-web-hosting.png) no-repeat 0 50px;
	height: 57px;
	text-indent: -9999px;
	padding: 50px 0 25px 0;
}

.header-ContactUs {
	background: url(../graphics/header-contact-us.png) no-repeat 0 50px;
	height: 57px;
	text-indent: -9999px;
	padding: 50px 0 25px 0;
}

/* ----------------------------------------
		Navigation
---------------------------------------- */
.Navigation {
	float: right;
	margin: -60px 0 0 0;
	list-style: none;
	font-size: 120%;
}
	.Navigation li {
		float: left;
		padding: 0 0 0 20px;
	}
		.Navigation li a {
			float: left;
			color: #EFEFEF;
			text-decoration: none;
			font-weight: bold;
			display: block;
			border: 1px solid #000;
			border-radius: 20px;
			-moz-border-radius: 20px;
			-webkit-border-radius: 20px;
			background: #000;
			padding: 2px 12px;
			background: #000;
			background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
			background: -moz-linear-gradient(top,  #666,  #000);
			filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}

		.Navigation li a:hover {
			color: #FFF;
			background: #000;
			background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#666));
			background: -moz-linear-gradient(top,  #000,  #666);
			filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
		}
		.Navigation li a:active {
			color: #CCC;
			background: #000;
			filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000');
		}

/* ----------------------------------------
		Box
---------------------------------------- */
.Box-FrontPage {
	width: 240px;
	float: left;
	margin: 0 0 20px 0;
	padding: 20px;
	min-height: 150px;
	border: 1px solid #63CBF6;
	background: #FFF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.Box-FrontPage h3 {
	color: #CC2725;
	font-size: 150%;
}
.Middle {margin: 0 27px;}

	
/* ----------------------------------------
		Login
---------------------------------------- */
#Login {
	width: 860px;
	height: 58px;
	line-height: 58px;
	padding: 0 20px;
	margin: 0;
	font-size: 110%;
	background: #63CBF6;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #000;
	font-weight: bold;
}
	#Login a {color: #000;}
	#Login a:hover {text-decoration: none;}

/* ----------------------------------------
		Twitter
---------------------------------------- */
#Twitter {
	width: 570px;
	float: right;
	color: #FFF;
}
	#Twitter a {color: #FFF;}
	#Twitter a:hover {text-decoration: none;}
	
	#Twitter #rrt {
		float: right;
		overflow: hidden;
		width: 500px;
		height: 40px;
		color: #FFF;
	}
	
	#Twitter #rrt ul {
		margin: 0; 
		padding: 0; 
		list-style: none;
	}


/* ----------------------------------------
		Bottom
---------------------------------------- */
#Bottom {
	background: url(../graphics/footer-bg.png) repeat-x bottom;
}

#Footer {
	width: 900px;
	min-height: 160px;
	margin: 0 auto;
	color: #FFF;
	font-size: 80%;
	background: url(../graphics/footer-bg-image.png) no-repeat right 11px;
	padding: 100px 0 0 0;
}

.LaserRed {
	width: 101px;
	height: 14px;
	background: url(../graphics/laser-red-logo.png) no-repeat 0 0;
	float: right;
	text-indent: -9999px;
}
.LaserRed:hover {background-position: 0 -14px;}


/*-------------------------------------
	Domain
-------------------------------------*/
.DomainClouds {
	float: right;
	width: 250px;
}
	.DomainClouds img {
		margin: 50px 0 0 0;
	}

/*-------------------------------------
	Hosting
-------------------------------------*/

.HostingTable {
	margin: 20px 0 0 0;
}
	.HostingTable td {
		padding: 8px 20px;
	}
	.HostingTable .Top {
		border-top: 1px solid #CCC;
	}
	.HostingTable h5 {
		font-size: 200%;
		font-weight: bold;
		color: #C00;
		padding: 0;
	}
	.HostingTable h6 {
		font-size: 150%;
		font-weight: bold;
		margin: -10px 0 0 0;
	}
	.HostingTable h6 span {
		font-size: 70%; 
		font-weight: normal; 
		color: #999;
	}
	.HostingTable hr {
		border: none;
		border-top: 1px solid #CCC;
	}
		
	.HostingTable .HostingTable-List {
		font-weight: bold;
	}
	.HostingTable .HostingTable-Basic {
		background: #FFF;
		border-left: 1px solid #CCC;
	}
		.HostingTable .HostingTable-Basic-Top {
			background: #FFF;
			border-top: 1px solid #CCC;
			border-left: 1px solid #CCC;
			padding: 15px;
			border-radius: 5px 0 0 0;
			-moz-border-radius: 5px 0 0 0;
			-webkit-border-radius: 5px 0 0 0;
		}
		.HostingTable .HostingTable-Basic-Bottom {
			background: #FFF;
			border-bottom: 1px solid #CCC;
			border-left: 1px solid #CCC;
			padding-bottom: 15px; 
			border-radius: 0 0 0 5px;
			-moz-border-radius: 0 0 0 5px;
			-webkit-border-radius: 0 0 0 5px;
		}
	.HostingTable .HostingTable-Standard {
		background: #FAFAF8;
		border-left: 1px solid #CCC;
		border-right: 1px solid #CCC;
	}
		.HostingTable .HostingTable-Standard-Top {
			background: #FAFAF8;
			border-top: 1px solid #CCC;
			border-right: 1px solid #CCC;
			border-left: 1px solid #CCC;
			font-size: 130%;
			padding: 15px;
			border-radius: 5px 5px 0 0;
			-moz-border-radius: 5px 5px 0 0;
			-webkit-border-radius: 5px 5px 0 0;
		}
		.HostingTable .HostingTable-Standard-Bottom {
			background: #FAFAF8;
			border-bottom: 1px solid #CCC;
			border-right: 1px solid #CCC;
			border-left: 1px solid #CCC;
			padding-bottom: 15px; 
		}
	.HostingTable .HostingTable-Premier {
		background: #FFF;
		border-right: 1px solid #CCC;
	}
		.HostingTable .HostingTable-Premier-Top {
			background: #FFF;
			border-top: 1px solid #CCC;
			border-right: 1px solid #CCC;
			padding: 15px;
			border-radius: 0 5px 0 0;
			-moz-border-radius: 0 5px 0 0;
			-webkit-border-radius: 0 5px 0 0;
		}
		.HostingTable .HostingTable-Premier-Bottom {
			background: #FFF;
			border-bottom: 1px solid #CCC;
			border-right: 1px solid #CCC;
			padding-bottom: 15px; 
			border-radius: 0 0 5px 0;
			-moz-border-radius: 0 0 5px 0;
			-webkit-border-radius: 0 0 5px 0;
		}
		
	.HostingTable .HostingTable-Button {
		color: #FFF;
		background: url(../graphics/buttons.png) no-repeat 0 0;
		width: 100px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		margin: 20px auto;
		display: block;
		font-size: 140%;
		text-decoration: none;
		font-weight: bold;
	}
	.HostingTable .HostingTable-Button:hover {
		background: url(../graphics/buttons.png) no-repeat 0 -40px;
	}
	.HostingTable .HostingTable-Button:active {
		background: url(../graphics/buttons.png) no-repeat 0 -80px;
		padding-top: 2px;
		height: 38px;
		line-height: 38px;
	}


/*-------------------------------------
	Contact Form
-------------------------------------*/

#ContactForm {
	width: 500px;
	float: right;
	margin: 20px 0 0 0;
	padding: 20px;
	min-height: 400px;
	border: 1px solid #63CBF6;
	background: #FFF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
	#ContactForm form {
		margin: 0 0 0 0;
	}
	#ContactForm form td {
		padding: 10px 0; 
	}
	#ContactForm form input,
	#ContactForm form textarea {
		width: 350px;
		padding: 5px;
		border: none;
		background: #FFF;
		font-size: 100%;
		border: 1px solid #CCC;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	#ContactForm form input:hover,
	#ContactForm form textarea:hover {
		background: #EDF9FE;
	}
	#ContactForm form #button {
		width: auto;
		background: #63CBF6;
		border: none;
		color: #FFF;
		font-weight: bold;
		font-size: 120%;
		cursor: pointer;
		display: block;
	}
	#ContactForm form #button:hover {
		background: #26B5F2;
	}
	#ContactForm form input#security_code {
		width: 170px;
		height: 20px;
		padding: 20px 30px;
	}
	#ContactForm form img {
		margin: 0 0 0 10px !important;
		padding: 0 !important;
	}
	
	#ContactForm .message {
		color: #FFF;
		background: #C00;
		padding: 5px 10px;
		text-decoration: none;
	}
	
	#ContactForm .green {
		background: #090 !important;
	}