/*
      Designed by The Cube Host
	  www.thecubehost.com
	  sales@thecubehost.com
*/

* { padding: 0; margin: 0; }
* img { behavior: url(iepngfix.htc); }

body {
 font-family: sans-serif;
 font-size: 12px;
 background-image: url("http://www.thecubehost.com/images/page_bg.png");
}
#wrapper { 
 margin: 0 auto;
 width: 800px;
 border-left: 1px solid #e5e5e5;
 border-right: 1px solid #e5e5e5;
}
		.blue {
		color: #217cbb;
		}	
		.red {
		color: #dd3453;
		}

/******************** Header ********************/
#header {
 color: #333;
 width: 800px;
 float: left;
 height: 100px;
 background: #FFFFFF;
 background-image: url("http://www.thecubehost.com/images/header_bg.jpg");
 font-size: 12px;
}
	#header img{
	float: left;
	height: 100px;
	}
	
	#header .livechat{
	float: right;
	margin: 20px 15px 0px 0px;
	}
	
	#header .livechat img{
	height: 60px;
	}
	
	
	#header .login{
	float: right;
	height: 100px;
	margin: 25px 15px 0px 0px;
	}
	
    #header input {
	font-size: 11px;
    }
	
	#header .links{
	margin: 5px 0px 0px 0px;
	font-size: 10px;
	text-align: center;
	}
	
		#header .links a{
		font-size: 10px;
		text-align: center;
		color: #000000;
		text-decoration: none;
		}
		
		#header .links a:hover {
		font-size: 10px;
		text-align: center;
		color: #000000;
		text-decoration: underline;
		}	

/******************** Navigation ********************/

#navigation {
 float: left;
 width: 798px;
 color: #333;
 padding: 0px;
 margin: 0px 1px 0px 1px;
 border-top: 1px solid #e5e5e5;
 border-bottom: 1px solid #e5e5e5;
 background-image: url("http://www.thecubehost.com/images/nav_bg.jpg");
 height: 52px;
}

	#navigation ul {
	list-style-type: none;
	font-size: 14px;
	margin: 10px 0px 10px 0px;	
	}
	
		
		#navigation a {
		text-decoration: none;
		border: 0px;
		color: #FFFFFF;
		}
		
		#navigation li{
		float: left;
		display: block;
		text-align: left;
		border-right: 1px solid #e5e5e5;
		width: 113px;	
		}
		
		#navigation li.right{
		float: left;
		display: block;
		text-align: left;
		width: 113px;	
		border:0px;
		}
		
			#navigation li:hover,  #navigation.selected a {
			text-decoration: none;
			 background-image: url("http://www.thecubehost.com/images/menu_hover_bg.png");	
			}
		
		#navigation ul li div{
		width: 50px;
		margin: 0 auto;
		color:#0099FF;
		}	

/******************** Bottom Header ********************/

#bottom_header {
 float: left;
 width: 800px;
 height: 215px;
 color: #333;
 padding: 0px;
 border-bottom: 1px solid #e5e5e5;
 background-image: url("http://www.thecubehost.com/images/bottom_head.jpg");
}

#bottom_header a{
margin: 170px 0px 0px 602px;
position: absolute;
height: 35px;
width: 170px;
text-decoration: none;
}

#bottom_header i{
display: none;
}

/******************** Home Page ********************/

#home_content {
 float: left;
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 width: 800px;
 display: inline; 
 background: #FFFFFF;
}
	#home_content ul{
	list-style-type: none;
	}
	#home_content li{
	margin: 4px 0px 4px 0px;
	}
	
	#home_content h2 {
	margin: 0px 0px 10px 0px;
	font-size: 16px;
	color: #217cbb;
	}
	#home_content img {
	border: 0px;
	}
	
	#testimonials {
	 float: left;
	 background-image: url("http://www.thecubehost.com/images/testimonials_pack_bg.jpg");
	 background-repeat: no-repeat;
	 background-position: top center;
	 margin: 20px 1px 0px 1px;
	 padding: 10px 40px 0px 40px;
	 height: 165px;
	 width: 318px;
	 display: inline;
	}
	
	#domain_reg { 
	 float: right;
	 background-image: url("http://www.thecubehost.com/images/bottom_pack_domains.jpg");
	 background-repeat: no-repeat;
	 background-position: top center;
	 margin: 20px 1px 0px 1px;
	 padding: 10px 40px 0px 40px;
	 height: 165px;
	 width: 318px;
	 display: inline;
	}
	
	#domain_reg .domain_submit { 
	border: 0px;
	float: left;
	height:22px;
	width: 85px;
	text-decoration: none;
	color: #ffffff;
	background-image: url("http://thecubehost.com/images/button_bg.jpg");
	font-weight: bold;
	padding: 2px 0px 3px 0px;
	text-align: center;
	cursor:pointer;
	font-family: sans-serif;
 	font-size: 12px;
	margin: 5px 0px 0px 0px;
	}

		
	#domain_reg .domain_submit:hover {
	float: left;
	text-decoration: none;
	color: #dddddd;
	font-weight: bold;		
	}
	
	#pack1, #pack3{ 
	 float: left;
	 background-image: url("http://www.thecubehost.com/images/pack_bg.jpg");
	 background-repeat: no-repeat;
	 background-position: top center;
	 margin: 20px 1px 20px 1px;
	 padding: 10px 40px 10px 40px;
	 height: 195px;
	 width: 184px;
	 display: inline;
	}
	
	#pack2 {
	 float: left;
	 background-image: url("http://www.thecubehost.com/images/pack_bg.jpg");
	 background-repeat: no-repeat;
	 background-position: top center;
	 margin: 20px 2px 20px 2px;
	 padding: 10px 40px 10px 40px;
	 height: 195px;
	 width: 184px;
	 display: inline;
	}
	
		#pack1 a, #pack2 a, #pack3 a{
		float: left;
		height:16px;
		width: 85px;
		text-decoration: none;
		color: #ffffff;
		background-image: url("http://thecubehost.com/images/button_bg.jpg");
		font-weight: bold;
		padding: 3px 0px 3px 0px;
		text-align: center;
		margin: 0px 3px 0px 3px;		
		}
		
		#pack1 a:hover, #pack2 a:hover, #pack3 a:hover {
		float: left;
		height:16px;
		width: 85px;
		text-decoration: none;
		color: #dddddd;
		font-weight: bold;		
		}	

/******************** Content Pages ********************/	
#content{
 float: left;
 width: 800px;
 margin: 0px;
 padding: 10px 0px 10px 0px;
 background: #FFFFFF;
}

.leftcolumn { 
 color: #333;
 padding: 0px;
 width: 200px;
 float: left;
}

	.leftcolumn h2{ 
	margin: 5px 15px 10px 15px;;
	}

	.features_img{
	margin: 0px 15px 5px 15px;
	}

	.testimonials_box{
	margin: 0px 10px 10px 10px;
	padding: 5px;
	width: 170px;
	height: 230px;
	background-image: url("http://www.thecubehost.com/images/testimonials_bg.jpg");
	}
	
	.twitter{
	margin: 0px 15px 5px 15px;
	}
	
.rightcolumn { 
 float: left;
 color: #333;
 margin: 0px;
 padding: 0px 10px 0px 10px;
 width: 580px;
 display: inline;
}

.content_area { 
 float: left;
 color: #333;
 margin: 0px;
 padding: 0px 20px 0px 20px;
 width: 760px;
 display: inline;
}

	.rightcolumn, .content_area img.support{
	float: left;
	padding: 0px 10px 0px 0px;
	}

	.rightcolumn h1, .content_area h1{
	margin: 0px 0px 10px 0px;
	font-size: 22px;
	color: #217cbb;
	}
	
	.rightcolumn h2, .content_area h2 {
	margin: 0px 0px 10px 0px;
	font-size: 16px;
	color: #217cbb;
	}
	
	.rightcolumn h3, .content_area h3 {
	margin: 0px 0px 10px 0px;
	font-size: 14px;
	color: #dd3453;
	}
	.rightcolumn li, .content_area li{
	margin: 0px 0px 0px 25px;
	}
	
	.rightcolumn a, .content_area a {
	text-decoration: none;
	color: #217cbb;
	}
	
	.rightcolumn a:hover , .content_area a:hover {
	text-decoration: underline;
	}
	
	
	/*=================HOSTING TABLE==================*/

			.content_area .hosting_table {
			border: 1px solid #CCCCCC;
			margin: 0 auto;
			width: 760px;
			border: 0px;
			}
				.content_area .hosting_table h2 {
				margin: 5px 0px 5px 0px;
				font-size: 14px;
				color: #FFFFFF;
				}

				.content_area .hosting_table .order {
				float: left;
				height:16px;
				width: 85px;
				text-decoration: none;
				color: #ffffff;
				background-image: url("http://thecubehost.com/images/button_bg.jpg");
				font-weight: bold;
				text-align: center;
				padding: 3px 0px 3px 0px;
				margin: 3px 0px 3px 45px;		
				}
				
				.content_area .hosting_table .order:hover {
				float: left;
				height:16px;
				width: 85px;
				text-decoration: none;
				color: #dddddd;
				font-weight: bold;		
				}					

			.content_area .plansheading {
			padding: 5px 0px 5px 5px;
			background: #369EE8;
			height: 25px;
			}
			
			.content_area .plansheading_titles{
			padding: 5px 0px 5px 5px;
			background: #369EE8;
			height: 25px;
			text-align: center;
			}	
	
			.content_area .chart1 {
			padding: 5px 5px 5px 0px;
			color: #333333;
			font-weight: bold;
			width: 28%;
			height: 22px;
			background: #8ACEFF; /* Darkest #1F85CF Darker #369EE8;*/
			text-align: right;
			}
			.content_area .chart2 {
			padding: 5px 0px 5px 0px;
			color: #333333;
			width: 24%;
			height: 22px;
			text-align: center;
			background: #FFFFFF;
			border-top: 1px solid #CCCCCC;
			border-right: 1px solid #CCCCCC;
			}
			.content_area .chart3 {
			padding: 5px 0px 5px 0px;
			color: #333333;
			width: 24%;
			height: 22px;
			text-align: center;
			background: #FFFFFF;
			border-top: 1px solid #CCCCCC;
			border-right: 1px solid #CCCCCC;
			}
			.content_area .chart4 {
			padding: 5px 0px 5px 0px;
			color: #333333;
			width: 24%;
			height: 22px;
			text-align: center;
			background: #FFFFFF;
			border-top: 1px solid #CCCCCC;
			}
			
	/*=================WEB DESIGN==================*/

	
	.rightcolumn .thumb_box {
	float: left;
	margin: 10px 5px 10px 5px;
	}

	/*=================Web Templates TABLE==================*/

	
	.rightcolumn .templates_thumb_box {
	float: left;
	margin: 10px 15px 10px 25px;
	}
		
	.rightcolumn .design_table {
			border: 1px solid #CCCCCC;
			margin: 0 auto;
			width: 580px;
			background: #e8f4ff; 
			}
				.rightcolumn .design_table h2 {
				margin: 5px 0px 5px 0px;
				font-size: 14px;
				color: #FFFFFF;
				}

				.rightcolumn .design_table .order {
				float: left;
				height:16px;
				width: 85px;
				text-decoration: none;
				color: #ffffff;
				background-image: url("http://thecubehost.com/images/button_bg.jpg");
				font-weight: bold;
				text-align: center;
				padding: 3px 0px 3px 0px;
				margin: 3px 13px 3px 13px;		
				}
				
				.rightcolumn .design_table .order:hover {
				float: left;
				height:16px;
				width: 85px;
				text-decoration: none;
				color: #dddddd;
				font-weight: bold;		
				}
					

			.rightcolumn .design_table .chart_features {
			padding: 0px 0px 0px 5px;
			background: #369EE8;
			background-image: url("http://www.thecubehost.com/images/features_bg.jpg");
			height: 25px;
			}

			.rightcolumn .design_table .chart_simple {
			text-align: center;
			background: #FFBD5D;
			background-image: url("http://www.thecubehost.com/images/features_bg.jpg");
			height: 25px;
			}

			.rightcolumn .design_table .chart_complete {
			text-align: center;
			background: #D0D1D1;
			background-image: url("http://www.thecubehost.com/images/features_bg.jpg");
			height: 25px;
			}

			.rightcolumn .design_chart1 {
			padding: 0px 0px 0px 5px;
			color: #333333;
			font-weight: bold;
			width: 50%;
			height: 22px;
			background: #8ACEFF; /* Darkest #1F85CF Darker #369EE8;*/
			}
			.rightcolumn .design_chart2 {
			color: #333333;
			width: 25%;
			height: 22px;
			text-align: center;
			background: #FFFFFF;
			}
			.rightcolumn .design_chart3 {
			color: #333333;
			width: 25%;
			height: 22px;
			text-align: center;
			background: #FFFFFF;
			}	

/******************** Footer ********************/

#footer { 
 width: 800px;
 background: #FFFFFF;
 margin: 5px 0px 0px 0px;
 padding: 5px 0px 5px 0px;
 font-size: 11px;
 text-align: center;
 clear:both;
 border-top: 1px solid #e5e5e5;
 border-bottom: 1px solid #e5e5e5;
}
	
			#footer a{
			text-decoration: none;
			color: #000000;
			}
			
			#footer .blue a{
			text-decoration: none;
			color: #217cbb;
			}
			
			#footer .red a{
			text-decoration: none;
			color: #dd3453;
			}
			
			#footer a:hover, #footer.selected a{
			text-decoration: underline;
			}
