﻿@charset "utf-8";
/* CSS Document */

html,body { font-family: sans-serif; font-size:11px; color:#000;
		background: #bfbfbf url(../img/background_gradient.jpg) top left repeat-x; height:100%;}
		
a		{ color: #858585; text-decoration:none; }
a:hover { color: #8e241d; text-decoration:underline; }



h1 { font-size:19px; font-family: Helvetica, sans-serif; padding-top:5px; }
h2 { font-size:17px; font-family: Helvetica, sans-serif; padding-top:5px; }
h3 { font-size:15px; font-family: Helvetica, sans-serif; padding-top:5px; }
h4 { font-size:13px; font-family: Helvetica, sans-serif; padding-top:5px; }

.red  { color: #8e241d; }
.blue { color: #367faf; }
.blue:hover { color: #367faf; }
.gray { color: #555556; }
.bold { font-weight:bold; }
wbr:after { content: "\00200B" }

.spacer {clear:both; width:100%; height:20px; }

#gray_seperator {width:100%; border:none; background-color: #3f3e3f; height:4.5px; }

.outer_wrapper { width:900px; margin:0 auto; border-top:12px solid #8e241d; text-align:center; min-height: 100%;}
.white_background { width:900px; margin:0 auto; background-color: #fff; }
.container { width:810px; margin: 0px auto; height:100%; }

/* header */
.header { width: 100%; overflow:auto; border-bottom: 1px solid #838383; text-align:left; padding-top:65px;}
.header h1 { display:none; }
.header h2 { display:none; }
	/* logo */
	.header #logo { float:left; width:300px; height: 60px; }
	.header #logo img { border:0; }
	/* quick nav */
	.header #quick_nav { float:right; margin-top:45px; margin-right:1px;  }
	.header #quick_nav a {text-transform:uppercase; font-size:10px;}
	.header #quick_nav a:hover {text-decoration:none;}
	
/* top navigation */
.top_nav {width:100%; text-align:right; } /* not being used */
ul.menu { list-style-type:none; width:auto; position:relative; display:block; height:16px; margin:0; padding:0; }
ul.menu li { display:block; float:right; margin:0; padding:0; }
ul.menu li a { float:left; text-transform:uppercase; padding-left:20px; padding-top:2px; font-size:10px; }
ul.menu li a:hover {text-decoration:none; }   

#business_continuity_sublink { margin-left:400px; }
#business_continuity_sublink ul.menu li {float:left; }
#business_continuity_sublink ul.menu li a.bt_link {margin-left: 144px; }
                    

/* flash */
.flash_banner { height:209px; width:100%; text-align:center; overflow:hidden; 
				background:#36526f url(../img/header_image.jpg) top left no-repeat; border-bottom: 33px solid #3e3e3e;}
				
/*business continuity banner*/
.business_continuity_banner { height:127px; width:100%; text-align:center; overflow:hidden; background-color:#d5d5d6;
				top left no-repeat; border-bottom: 33px solid #3e3e3e;}
.business_continuity_banner .banner_text { width:46%; float:left; height:100%; text-align:left; margin-top:0px; margin-left:20px; font-color: #212120;}
.business_continuity_banner .banner_text h2 { font-size:14pt; letter-spacing:1px; font-weight:normal;}
.business_continuity_banner .banner_text p { font-size:10pt;   }
.business_continuity_banner .banner_text a { text-transform:uppercase; font-size:9pt; font-weight:bold;}
.business_continuity_banner .supporting_image { width:50%; float:left; height:100%; }
.business_continuity_banner .supporting_image img { position:relative; margin: 18px 15px 0px 15px; overflow:hidden;}


/* content */
.content { text-align:left; height:100%; min-height:100%; overflow:auto; }
.content a {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}
.column { width: 200px; float:left; padding-left:43px; margin-top: 15px; padding-right:18px; padding-bottom:20px; }

	/* backgrounds */
	#it_solutions { background: transparent  url(../img/icon_it_solutions.gif) top left no-repeat; }
	#telecom {  background: transparent  url(../img/icon_telecom.gif) top left no-repeat; }
	#total_care_plan { background: transparent url(../img/tcp_cross_small.png) top left no-repeat; }
	#about_us { background: transparent  url(../img/icon_about.png) top left no-repeat; }
	#services { background: transparent  url(../img/icon_services.png) top left no-repeat; }
	#case_studies { background: transparent  url(../img/icon_case_studies.png) top left no-repeat; }
	#business_continuity { background: transparent  url(../img/icon_business_continuity.png) top left no-repeat; }



	/* home */
	#home_top { width:100%; background-color:#d5d5d5; overflow:auto; line-height:17px;}
	#home_bottom {width:100%; overflow:auto; } 
	
	
	/* it solutions */ /* telecom */ /* about */ /*voip*/
	#left_gray_wrapper { width: 640px; background-color: #d5d5d6;  padding-bottom:12px; float:left; }
	#left_gray_wrapper 	#white_sidebar { width:243px; margin:12px; padding:0px;
											background-color:#fff; min-height:620px;}
	#left_gray_wrapper 	#white_sidebar  img { border-bottom: 35px solid #3e3e40; }											
	#left_gray_wrapper 	#white_sidebar	.sidebar_link { margin:20px 20px 0px 20px; padding:20px 0px; cursor:pointer; text-align:left; 
											text-transform:uppercase; color: #212121; border-top:1px solid #c2c1c1; font-weight:bold;
											text-decoration:underline;}
		
	#left_gray_wrapper  .gray_content { width: 320px;   margin:0px 12px 0px 20px; padding:0px; font-size:8pt; height:100%;}								
										
	#right_white_wrapper { width:167px; background-color: #fff; overflow:auto; float:right; font-size:8pt;  }
	#right_white_wrapper .gray_sidebar_box { background-color:#bbbbbc; margin: 0px 0px 0px 4px; padding:27px 10px 27px 10px; height:100%; min-height:100%;}
	#right_white_wrapper .gray_sidebar_box h4 {text-transform:uppercase; color: #212121; font-weight:bold; font-size:11px;}
	#right_white_wrapper .gray_sidebar_box p { text-align:left; margin:6px;}
	#right_white_wrapper #single_box {  height:100%; min-height:100%; text-align:center;  padding:27px 0px;}
	
	
	/* total care plan */
	.gray_wrapper { width:100%; background-color: #d5d5d6; overflow:auto; padding-bottom:12px; height:100%;}
	.gray_wrapper .left_white_column { margin: 14px 14px 0px 14px; width:380px; float:left; background-color:#fff; height:100%; }
	.gray_wrapper .left_white_column h3 { margin:30px 10px 5px 30px; font-size:13px; }
	.gray_wrapper .left_white_column p { margin: 30px 10px 0px 20px; font-size:8pt; }
	.gray_wrapper .left_white_column p.text { margin-top:0px; margin-left:30px; }
	.gray_wrapper .left_white_column img { border-bottom: 35px solid #3e3e40; }	
	.gray_wrapper .right_gray_column { margin: 34px 14px 0px 14px; width:360px; float:left;  }
	.gray_wrapper .indent { margin:22px; }
	.gray_wrapper #tcp_bottom_buttons {clear:both; width:100%; }
	.gray_wrapper #tcp_bottom_buttons img { vertical-align:middle; }
	
	/* business continuity */
	.table_container h1,
	.table_container h2,
	.table_container h3 { font-size:15px; font-family: Helvetica, sans-serif; padding-top:5px; }
	
	/* services */   /* about us */
	.column_container { width:530px; margin-top:12px; float:left; overflow:auto; height:620px;}
	.column_header { height:65px; margin-left:12px;}
	.column_header h2 { padding-left:50px;   }
	.two_column { width:230px; float:left; margin:0px 10px; height:321px;}
	.partner_box { width:530px;clear: both; text-align:center; background-color:#fff; overflow:auto; height:208px;  padding-bottom:12px; margin-top:12px;}
	.partner_title { width:530px; background-color:#403d3e;  }
	.partner_title h4 { margin: 0px 0px 2px 30px; color:#fff; font-size: 11px; text-align:left;}
	.partner { width:100%; margin: 12px 0px; text-align:center;}

	

/* footer */
.footer { width:100%; clear:both; height:65px; background-color: #030303; text-align:center; border:1px solid #030303;}
.footer p { margin-top:25px; font-size:14px; color: #808080;}
.footer a { color: #808080; }
.footer a:hover { color:#fff; }
