/* CSS Document */

body {
	background-color: #ffffff;  
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif; 
	line-height: 1.5em; color: #fff;  
	margin: 0;
	padding: 0 0 0 0;
}

.bg { 
	float: left; 
	width: 100%; 
	background-image: url(images/rn_bg.png); 
	background-repeat: repeat-x; 
}

/*  ------------ script headings ------------  */	

p {
	padding: 10px; 
}
	
.relative {
	position: relative;
	margin: 0 auto;
	height: 100%;
	width: 890px;
}

#index_bg { 
	background-image: url(images/dc_update_bg.png); 
	background-repeat: no-repeat; 
}


/*  ------------ header ------------  */	

.header {
	float: left; 
	width: 890px;
}

.puzzle_logo {
	float: left;
}

/*  ------------ upper navigation ------------  */

.upper_navigation {
	float: right; 
	height: 49px;
	margin: 0;
	width: 758px;
}

	.upper_navigation ul{ 
			font-size: 14px;
			height: 49px;
			margin: 0;
			padding: 0;
			width: 758px;
		}
	
		.upper_navigation li { 
			display: inline;
			float: right;
			margin: 0px;
			padding: 0;
		}
		
	
/*  ------------ navigation ------------  */		

.navigation {
	float: left; 
	margin: 0;
	width: 890px;
}

	.navigation ul{ 
			font-size: 14px;
			margin: 0;
			padding: 0;
		}
	
		.navigation li { 
			display: inline;
			float: left;
			margin: 0px;
			padding: 0;
		}
		
		.navigation a { 
			color: #f0f0f0;
			text-decoration: none;
		}
		
		.navigation a:hover {
			color: #92a33a;
		}

		.navigation span {
			display: none;
		}

.see_all a{
	color: #92a33a;
	text-decoration: underline;
}

.see_all li{
	float: right;
}

.content { 
	color: #555555;
} 

/*  ------------ quick quote ------------  */

.nav_quick_quote { 
	float: right;
	font-size: 13px; 
	height: 51px; 
	padding: 13px 0 0 0; 
	width: 215px; 
}

.nav_quick_quote ul{ 
	margin: 0; 
	padding: 0;
}

.nav_quick_quote li { 
	margin: 0; 
	height: 22px;
	float: left;  
	list-style: none; 
	width: 207px; 
}

.nav_img {
	float: left; 
	color: #424242; 
	background-image: url(images/nav_img.png); 
	background-repeat: no-repeat; 
	width: 38px; 
	height: 22px; 
	padding: 0; 
	margin: 0 0 0 10px; 
	text-indent: -9999px;}

	* html .nav_img {
		background-image: none;
		filter: progid:DXImagetransform.Microsoft.AlphaImageLoader(src="images/nav_img.png", sizingMethod="scale");
		margin: 0 0 0 5px;
	}
	
.nav_cat_top { 
	color: #333; 
	font-size: 12px; 
	margin: 0 0 5px 0px; 
	padding-left: 3px;
}
		
.nav_cat { 
	float: left; 
	color: #333; 
	font-size: 10px; 
	margin: 10px 0 0 0px; 
	width: 190px; 
	height: 22px; 
}

		
.nav_text {
	float: right; 
	width: 175px; 
	height: 100%; 
	line-height: 1.3em; 
	margin: 1px 0 0 0;
	}
			
	* html .nav_text { 
		margin: 0; 
	}
		
.nav_text a { color: #960202; text-decoration: none;}
			
.nav_text a:hover {color: #333; text-decoration: underline; }

/*  ------------ main bg's ------------  */	

.dc_blank {  
	float: left; 
	margin: 0; 
	padding: 0;
	width: 890px; 
}

.dc_body_update {
	border: 1px #a5a5a5 solid; 
	color: #454545; 
	float: left;  
	margin: 15px 0 0 0; 
	padding: 0; 
	width: 890px; 
}
	
	#index_bg { 
		background-image: url(images/dc_main_bg.png); 
		background-repeat: no-repeat; 
	}
	
.home_feature {
	float: left; 
	height: 277px; 
	width: 100%; 
}

.home_feature p {
	color: #e3e0a8;
	font-size: 11px;
}

	#index_title {
		background-image: url(images/index_title_bg.png); 
		background-position: top left;
		background-repeat: no-repeat; 
	}

.customer_focused_solutions { 
	float: left; 
	line-height: 1.4em;
	margin: 115px 0 0 10px; 
	width: 295px; 
}

#colocation_advantages { 
	background-image: url(images/colocation_advantages.png); 
	background-repeat: no-repeat;
	float: right; 
	height: 161px; 
	margin: 0; 
	text-indent: -9999px; 
	width: 225px; 
}
	
#colocation_advantages:hover { 
	background-image: url(images/colocation_advantages_rollover.png); 
	background-repeat: no-repeat;
}

/*  ------------ mid index ------------  */

.mid_index { 
	float: left; 
	font-size: 11px;
	height: 143px;
	width: 100%; 
}

.home_nav_lists { 
	color: #fff; 
	float: left; 
	width: 162px; 
	height: 129px;
}
	
	ul.home_nav_lists {
		float: left; 
		height: 104px; 
		margin: 0 0 0 20px; 
		padding: 29px 0 0 0; 
		width: 142px; 
		}
	
	*html ul.home_nav_lists {
		margin: 0px 0 0 10px; 
		width: 150px;
	}

	.home_nav_lists li { 
		margin: 0; 
		padding: 0px 0 0 0; 
		list-style: none; 
	}
	
	.home_nav_lists a:hover { 
		color: #e3e0a8; 
		height: 104px; 
	}
	
	.home_nav_lists a { 
		color: #fff; 
		text-decoration: none;
	}
	
#data_solutions_list { 
	width: 142px;
}

#data_solutions_list:hover { 
	background-image: url(images/data_solutions_rollover.png); 
	background-repeat: no-repeat;
	height: 119px; 
	margin-left: 0px; 
	padding-left: 20px;  
	width: 142px; 
} 

#about_company_list { 
	width: 142px;
}
	
#about_company_list:hover { 
	background-image: url(images/about_the_company_rollover.png); 
	background-repeat: no-repeat;
	height: 119px; 
	margin-left: 0px; 
	padding-left: 20px; 
	width: 142px; 
} 

#work_with_list { 
	width: 143px;
}
	
#work_with_list:hover { 
	background-image: url(images/we_work_with_rollover.png); 
	background-repeat: no-repeat;
	height: 119px; 
	margin-left: 1px; 
	padding-left: 19px; 
	width: 143px; 
} 

/*  ------------ product spotlights -------------  */

#hosting_spotlight a{
	float: right; 
	width: 400px; 
	height: 145px; 
	text-indent: -9999px; 
}

	#hosting_spotlight a:hover { 
		width: 400px; 
		height: 145px; 
		background-image: url(images/hosting_spotlight_rollover.png); 
		background-repeat: no-repeat;
	}
	
#colocation_spotlight a{
	float: right; 
	width: 400px; 
	height: 145px; 
	text-indent: -9999px; 
}

	#colocation_spotlight a:hover { 
		width: 400px; 
		height: 145px; 
		background-image: url(images/colocation_spotlight_rollover.png); 
		background-repeat: no-repeat;
	}
	
#connectivity_spotlight a{
	float: right; 
	width: 400px; 
	height: 145px; 
	text-indent: -9999px; 
}

	#connectivity_spotlight a:hover { 
		width: 400px; 
		height: 145px; 
		background-image: url(images/connectivity_spotlight_rollover.png); 
		background-repeat: no-repeat;
	}

/*  ------------ content -------------  */

.product_content_heading {
	float: left;
	height: 53px;
	width: 100%; 
}

.index_content_heading {
	float: left;
	height: 53px;
	width: 489px; 
}

	#colo_heading { 
		background-image: url(images/colocation_info.png);	
	}
	
	#index_heading { 
		background-image: url(images/relynet_info.png);		
	}
	
	#why_sac { 
		background-image: url(images/why_sac_info.png);		
	}
	
	#disaster_recovery_sac { 
		background-image: url(images/disaster_recovery_info.png);		
	}
	
	#disaster_recovery_experts { 
		background-image: url(images/disaster_recovery_experts.png);		
	}
	
	#managed_hosting { 
		background-image: url(images/managed_hosting_info.png);		
	}
	
	#manage_effectively { 
		background-image: url(images/manage_effectively.png);		
	}
	
	#vps_dvs_specs { 
		background-image: url(images/vps_dvs_specs.png);		
	}
	
	#hosted_storage_info { 
		background-image: url(images/hosted_storage_info.png);		
	}
	
	#company_info { 
		background-image: url(images/company_info.png);		
	}
	
	#business_solutions_info { 
		background-image: url(images/business_solutions_info.png);		
	}

.colo_list {
	float: left; 
	width: 204px; 
	padding: 0 15px; 
	line-height: 1.4em; 
	font-size: 12px;
}

.colo_list h3 {
	color: #960202; 
}
		 
	#customer_take{ 
		color: #424242;
	}

	.colo_list span {
		color: #960202;
	}
	
	.colo_list p {}
	
	#colo_list_quote {
		color: #960202; 
		background-image: url(images/quote_box_mid.png); 
		background-repeat: repeat-y; 
		width: 165px; 
		margin: 0; 
		padding: 5px 20px 10px 32px;
	}

	.colo_list ul { 
		margin: 10px 0 0 0; 
		padding: 0; 
		list-style: none;
	}
	
	.colo_list li {
		padding-left: 37px; 
		padding-bottom: 10px; 
		background-image: url(images/arrow_bullet.png); 
		background-position: top left; 
		background-repeat: no-repeat;
	}

.colo_experience_list {
	line-height: 1.3em; 
	font-size: 12px; 
	width: 401px; 
	float: right; 
	background-image: url(images/customer_exp_b.png); 
	background-position: top left; background-repeat: no-repeat; 
	background-color: #b9baba; 
	padding-bottom: 50px; 
	font-size: 12px;
}

	.colo_experience_list ul { 
		list-style: none; 
		margin: 12px 0 0 0; 
		padding: 0 20px 0 0;
	}

	.colo_experience_list li { 
		float: left; 
		margin-bottom: 10px; 
		width: 100%;
	}
	
	.colo_experience_list p { 
		float: left; 
		padding: 0 20px; 
		color: #960202; 
		margin: 5px 0 5px 0;
	}
	
.why_sac_list{
	float: left; 
	width: 300px; 
	padding: 0 15px; 
	line-height: 1.4em; 
	font-size: 12px;
}
	
	.why_sac_list h3 {
		color: #960202; 
	}
		 
		 #customer_take{ 
			color: #424242;
		 }

	.why_sac_list span {
		color: #960202;
	}
	
	.why_sac_list p {}

	.why_sac_list ul { 
		margin: 10px 0 0 0; 
		padding: 0; 
		list-style: none;
	}
	
	.why_sac_list li { 
		padding-left: 37px; 
		padding-bottom: 10px; 
		background-image: url(images/arrow_bullet.png); 
		background-position: top left; 
		background-repeat: no-repeat;
	}
		
/*  ------------ footer ------------  */	

.footer {
	color: red; 
	margin: 0; 
	padding: 0; 
	float: left; 
	width: 100%; 
	height: 80px; 
	background-image: url(images/soft_mktg_foot_bg.png); 
	background-repeat: no-repeat; 
	background-position: bottom left;
}

.footer_language { 
	padding: 5px 0 0 0; 
	color: #454545; 
	text-align: center; 
	width: 100%; 
	height: 35px; 
	float: left; 
	background-color: #ffffff; 
}

.footer_language a{
	color: #960202;
}	
	
/* brought in from old style */	
	
	
	.request_quote_appt_update { position: absolute; margin: 228px 0 0 136px; width: 197px; height: 40px; text-indent: -9999px; display: block; }
			
		*html .request_quote_appt_update { margin: 0; top: 500px; left: 136px; }
			
	.request_quote_appt_update a { float: left; margin: 0; width: 197px; height: 40px; background-image: url(images/request_quote_appt.png); background-repeat: no-repeat; text-indent: -9999px; display: block; }
	
	.request_quote_appt_update a:hover { float: left; margin: 0; width: 197px; height: 40px; background-image: url(images/request_quote_appt_over.png); background-repeat: no-repeat; text-indent: -9999px; display: block; }
				
	.request_quote_appt_left { position: absolute; margin: 228px 0 0 0px; width: 215px; height: 40px; text-indent: -9999px; display: block; }
			
		*html .request_quote_appt_left { margin: 0; top: 500px; left: 136px; }
			
	.request_quote_appt_left a { float: left; margin: 0; width: 215px; height: 40px; background-image: url(images/request_quote_left.png); background-repeat: no-repeat; text-indent: -9999px; display: block; }
	
	.request_quote_appt_left a:hover { float: left; margin: 0; width: 215px; height: 40px; background-image: url(images/request_quote_left_over.png); background-repeat: no-repeat; text-indent: -9999px; display: block; }
				

.why_dr_list {float: left; width: 440px; padding: 0 15px; line-height: 1.4em; font-size: 12px;}
	
	.why_dr_list h3 {color: #960202; }
		 
		 #customer_take{ 
			color: #424242;
		 }

	.why_dr_list span {color: #960202;}
	
	.why_dr_list p {}

	.why_dr_list ul { margin: 10px 0 0 0; padding: 0; list-style: none;}
	
	.why_dr_list li { padding-left: 37px; padding-bottom: 10px; background-image: url(images/arrow_bullet.png); background-position: top left; background-repeat: no-repeat;}