/* Start of CMSMS style sheet 'Main' */
* { padding: 0; margin: 0; }
/*--------------------------------------------
Global Styles
---------------------------------------------*/
span.title {display:none;}

body {
	font-size: 12px;
	font-family: Arial, Helvetica, Verdana, sans;
	color: #373936;	
	line-height: 18px;
	background: #fff;
}
div#header {
	background: url('images/cms/header_bg.jpg') repeat-x top;
	position: relative;
	z-index: 2;
}
	div#header div.logo {
		padding-top: 18px;
	}
	div#header div.vcard {
		float: right;
		margin-top: -50px;
		font-size: 10px;
		color: #373936;
	}
		div#header div.vcard span.field{ color: #999; }
	div#header div.navigation {
		margin-top: 20px;
	}
	
	span.fn, span.org, span.n {display:none;}
		div#header div.navigation ul {
			list-style: none;
			height: 35px;
			padding-left: 20px;
			overflow:hidden;
		}
		
/****************** Navigation ********************/

	#header>.inner>#nav {
	position: relative;
	overflow:hidden;		
	}

	#header>.inner>.navigation>ul>li{
		float: left;
		padding-left: 20px;
		margin-right: 30px;
		position: relative;
		padding-top: 8px;
	}
	
	div#header div.navigation ul li a:hover{
		color: #121b52;
	}
	
	div#header>.inner>.navigation>#nav>li.active>a, div#header>.inner>.navigation>#nav>li>a:hover, div#header>.inner>.navigation>#nav>li>a:focus{
		color: #a30003;
	}
				
	/* Background of the highlighted menu-item (an empty li that moves). */
		
    #header>.inner>#navigation>#nav>li.back {
            background: url("images/cms/menuactive.gif") no-repeat right -30px;
            width: 9px; height: 35px;
            z-index: 8;
            position: absolute;
    }
		
    #nav>li.back>.left {
                background: url("images/cms/menuactive.gif") no-repeat top left;
                height: 30px;
                margin-right: 9px;
    }	

	/* Pull the links to the front */
			
	#header div.navigation ul li a{
		position: relative; 
		overflow: hidden;
		z-index:10;
		color: #373936;
		text-decoration: none;
		font-size: 12px;
		font-weight:700;
	}						
				
				
/**************** Header Graphic **********************/				
				
		div#header div.graphic {
			background-repeat:no-repeat;
			background-position: top;
			width: 848px;
			height: 226px;
			position: relative;
		}	
		div#header div.graphic>.message>h1 {margin-bottom:10px;}
			div#header>.inner>.graphic>.message>p{
				font-size: 16px;
				font-weight:500;
				margin:0 35px 0 0;
			}
div.inner,
div.inner_content,
div#footer {
	width: 848px;
	margin: 0 auto;
}
div.inner_content {
	position: relative;
	z-index: 1;
}				
	div.inner_content div.left{
		float: left;
		width: 390px;
		border-right: 1px solid #1f1f1f;
		padding-right: 30px;
	}
	div.inner_content div.right{
		float: right;
		width: 390px;
		padding-left: 30px;
	}
	
	.right blockquote {padding:0 0 0 20px;}
	
div#footer {
	background: url('images/cms/footer_grayscale.png') no-repeat; 
	width: 848px;
	height: 71px;
}
	div#footer div.inner{
		padding: 25px;
	}
		div#footer div.inner div.left{
			float: left;
		}
		div#footer div.inner div.right{
			float: right;
			padding-right: 60px;
		}
/*--------------------------------------------
Typography
---------------------------------------------*/
div.page_title {
	display:block;
	height:25px;           
	margin:0px 0px 10px 0px;
}

div.page_title h1 {   
	  height: 25px;
	  margin-left:-4px;       
	}
h2 {
	color: #373936;
	font-weight: normal;
	font-size: 17px;
}	
a { color: #4a87c7; outline: none;}
a:hover {text-decoration: none;}
p {
	margin-top: 5px;
	margin-bottom: 5px;
}
div#twitter_div ul li {
	list-style: none;
	line-height: 24px;
}
/*--------------------------------------------
Content Styles
---------------------------------------------*/
#jFlowSlide {
	margin: 0 auto;
	overflow: hidden;
}
ul#content { list-style: none; margin-top: 30px;}
	ul#content>li{display:block; min-height: 280px; }
div.team_member {
	margin-top: 20px;
}
	div.team_member img{
		margin-right: 15px;
		border: 3px solid #333;
		float: left;
	}
	div.team_member b{ color: #fff; display: block; margin-bottom: 5px; }
div.service_left,
div.service_right {
	width: 280px;
	padding-left: 140px;
	height: 150px;
	padding-top: 25px;
}
	div.service_left {float: left;}
	div.service_right {float: right;}
	div.service_1 {background: url('images/cms/service1.jpg') no-repeat top left;}
	div.service_2 {background: url('images/cms/service2.jpg') no-repeat top left;}
	div.service_3 {background: url('images/cms/service3.jpg') no-repeat top left;}
	div.service_4 {background: url('images/cms/service4.jpg') no-repeat top left;}
ul#twitter_update_list li{display: block; min-height: 0;}	
div.sample_map {
	background: #1f1f1f;
	text-align: center;
	font-size: 12px;
	color: #333;
	text-transform: uppercase;
}
	div.sample_map p {	padding: 90px 0px 90px 0px;}
	
	.inner_content ul {
	list-style-image:url(images/cms/check.png);
	list-style-position:inside;
	padding-left:18px;
}
/*--------------------------------------------
Buttons
---------------------------------------------*/
div.button {
	display:block;
	height:30px;           
	margin:15px 0px 0px 0px;
	float: right;
}
	div.button a {
		display:block;
		width: 133px;        
	  height: 30px;       
	  background-image: url('images/cms/buttons.png');
	  background-repeat: no-repeat;
		text-indent: -7777px;
	}
	a#services_button { background-position: left top; }	
	a:hover#services_button { background-position: left -30px; }	
	a#remote-data-backup_button { background-position: left -60px; }	
	a:hover#remote-data-backup_button { background-position: left -90px; }
	a#send { background-position: left -120px; }	
	a:hover#send { background-position: left -150px; }
	a#quote_button {background-position: left -180px;}
	a:hover#quote_button {background-position: left -210px;}
/*--------------------------------------------
Misc
---------------------------------------------*/
form p {margin-bottom: 20px;}
.textField label {
	float:left;
	text-align:right;
	width: 110px;
	padding:0 10px 0 0;
	display: block;
	color: #373936;
}

.fbsubmit {float:right;margin-right:5px;}

.textField input, .textField textarea {
	background: #c8c7bc;
	border: 1px solid #212121;
	font-size: 12px;
	padding: 4px;
	width: 255px;
	color: #373936;
}

.textField:focus { background: #191919; }
img {border:0;}
hr {
	border: 0;
	margin-top: 20px;
	margin-bottom: 20px;
	height: 1px;
	background: #DDDDDD;
	clear: both;
}
.clear {clear:both;}

.portfolio a {display:block;float:left;margin-left:66px;}
.portfolio a.first {margin-left:0;}
.portfolio a img {border:2px solid #121b52; padding:1px;}
.portfolio a:hover img {border-color:#a30003;}


/*--------------------------------------------
Form Validation
---------------------------------------------*/
ul#response {
	margin-bottom: 15px;
	margin-top: 5px;
	list-style: circle;
}
ul#response li {
	padding: 5px;
	padding-left: 0;
	color: #999;
	font-size: 11px;
	display: block;
	min-height: 0px;
}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(images/cms/macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}

/******************  Styles for Banner Messages ****************/

/* Styles for all banners */
#header>.inner>.graphic>.message {	
	position:relative;	
	width:350px;
	padding:20px;
	font-size:16px;
}
#header>.inner>.graphic>.message>p {padding-left:4px;}
#header>.inner>.graphic>.message>h1>span {display:none;}
#header>.inner>>.graphic>.message>h1 {font-family:“Helvetica Neue Light”, "Helvetic Neue", Helvetica, Arial, sans-serif;}
#header>.inner>.graphic>.message>p.largePhone {font-size:20px; font-weight:bold;text-align:center;}

/* Dice Banner */
#header>.inner>.graphic.dice_banner {background-image:url(uploads/images/banners/dice_banner.jpg);}
#header>.inner>.graphic.dice_banner>.message {top:40px;left:370px;}
#header>.inner>.graphic.dice_banner>.message>h1 {color:#a30003;}
#header>.inner>.graphic.dice_banner>.message>p, .graphic.dice_banner>.message {color:#fff;}

/* Flag Banner */
#header>.inner>.graphic.flag_banner {background-image:url(uploads/images/banners/flag_banner.jpg);}
#header>.inner>.graphic.flag_banner>.message {top:100px;left:465px;}
#header>.inner>.graphic.flag_banner>.message>h1 {color:#a30003;}
#header>.inner>.graphic.flag_banner>.message>p, .graphic.flag_banner>.message {color:#0f185d;}

/* Cloud Banner */
#header>.inner>.graphic.clouds_banner {background-image:url(uploads/images/banners/clouds_banner.jpg);}
#header>.inner>.graphic.clouds_banner>.message {top:100px;left:390px;}
#header>.inner>.graphic.clouds_banner>.message>h1 {color:#FFF99A;}
#header>.inner>.graphic.clouds_banner>.message>p, .graphic.clouds_banner>.message {color:#fff;}

/* Disk Drive Banner */
#header>.inner>.graphic.disk_drive_banner {background-image:url(uploads/images/banners/disk_drive_banner.jpg);}
#header>.inner>.graphic.disk_drive_banner>.message {top:40px;left:450px;}
#header>.inner>.graphic.disk_drive_banner>.message>h1 {color:#6AA0FF;}
#header>.inner>.graphic.disk_drive_banner>.message>p, .graphic.disk_drive_banner>.message {color:#fff;}

/* Network Banner */
#header>.inner>.graphic.network_banner {background-image:url(uploads/images/banners/network_banner.jpg)}
#header>.inner>.graphic.network_banner>.message {top:60px;left:360px;}
#header>.inner>.graphic.network_banner>.message>h1 {color:#FFCE64;}
#header>.inner>.graphic.network_banner>.message>p, .graphic.network_banner>.message {color:#fff;}

/* Satisfied Banner */
#header>.inner>.graphic.satisfied_banner {background-image:url(uploads/images/banners/satisfied_banner.jpg)}
#header>.inner>.graphic.satisfied_banner>.message {top:40px;left:370px;}
#header>.inner>.graphic.satisfied_banner>.message>h1 {color:#a30003;}
#header>.inner>.graphic.satisfied_banner>.message>p, .graphic.satisfied_banner>.message {color:#fff;}

/* AJAX Class For Hiding non-active content blocks */

.hidden, ul#content>li.hidden {display:none;}
/* End of 'Main' */