/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Default Styles
	CSS Document
	Author: 9xb.com
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* DEFAULT STYLES   */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
	html, body {
		font: 12px/1.4em arial, helvetica, tahoma, verdana, sans-serif;
		color: #000;
	}
	
	body {
		margin: 0;
		background:url(../images/header_back.gif) repeat-x #003362;
	}
	
/* GLOBAL STYLES  */  
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	/* GLOBAL RESET */
	html,body,div,li,dl,dt,dd,h1,h2,h3,h4,h5,pre,form,blockquote,fieldset,input { margin: 0; padding: 0; }
	h1,h2,h3,h4,h5,h6,pre,code,address,caption,cITe,code,em,th { font-size: 1em; font-weight: normal; font-style: normal; }
	fieldset,img { border: none; }
	caption,th { text-align: left; }
	table { border-collapse: collapse; border-spacing: 0; }
	
	/* Hidden elements */
	.hidden, .screen_reader, hr {
		display: none;
	}
	/* Paragraph default styling, amend as desired */
	p {
		/*margin: 0 0 20px 0;
		padding: 0;*/
	}
	fieldset {
		border-top: 1px solid #ccc;
		padding: 10px 0 0 0;
		}
	legend {
		font-weight: bold;
		}
	/* Default link styling */
	a {
		color: #003362;
		text-decoration: none;
	}
	a:hover {
		color: #dc8230;
		text-decoration: underline;
	}
	/* Float an element left wITh a margin */
	.floatL {
		float: left;
	}
	/* Float an element right wITh a margin */
	.floatR {
		float: right;
	}
	
	.font_large {
		font-size: 120%;
		}
	
	#map{ height:360px; width:420px; }
	
/* TEMPLATE ELEMENTS   */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	#outerwrap {
		width: 951px;
		posITion: absolute;
		left: 50%;
		margin-left: -495px;
		top: 0;
		padding: 0 20px;		
		background:url(../images/header_back.gif) repeat-x #FFFFFF; 
		}
	
/* FORM ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	input, textarea, select {
		font-family: arial, verdana, Trebuchet MS, Lucida Grande, Lucida Sans Unicode, geneva, helvetica, sans-serif;
		font-size: 1em;
		color: #666;
		width: 300px;
		padding: 2px;
	}
	
	input.button {
		width: auto;
		}
	
	fieldset form, fieldset ul {
		margin: 0;
		padding: 0;
		}	
	
		form ul {
			list-style: none;
			}
			
			form ul li {
				margin: 3px 0;
				}
			
	label {
		display: block;
		}
		
		label span, span.required {
			font-weight: bold;
			font-size: 150%;
			color: #fb0000;
			}
			
	.errors {
		background-color: #eae9ee;
		padding: 10px;
		margin: 0 0 10px 0;
		}
		
		.errors p {
			margin: 0;
			padding: 0;
			color: #fb0000;
			font-weight: bold;
			}
	
	
/* HEADING ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
	h1, h2, h3, h4 {
		color: #003362;
		line-height: normal;
		margin: 0 0 15px 0;
		padding: 0;
	}
	
	h1 {
		/* This should be the main tITle of the content (SEO)*/
		/*font-size: 240%;*/
		font-size:0px;
		font-weight: bold;
		color: #dc8230;
		text-transform: uppercase;
		text-indent:-8000em;
	}
	
	h1#home {
		background: url(../images/headers/header_home.jpg) top left no-repeat;
		width: 739px;
		height: 313px;
		text-indent: -2000px;
		overflow: hidden;
		margin-bottom: 20px;
		padding: 0;
		clear:both;
		}
		
	h1#about { background: url(../images/headers/header_network.jpg) top left no-repeat; width: 699px; height:168px; padding: 0 0 0 40px; }
	h1#sales { background: url(../images/headers/header_sales.jpg) top left no-repeat; width: 699px; height:168px; padding: 0 0 0 40px; }
	h1#support { background: url(../images/headers/header_support.jpg) top left no-repeat; width: 699px; height:168px; padding: 0 0 0 40px; }
	h1#network { background: url(../images/headers/header_contact.jpg) top left no-repeat; width: 699px; height:168px; padding: 0 0 0 40px; }
	h1#disastor { background: url(../images/headers/header_disastor.jpg) top left no-repeat; width: 699px; height:168px; padding: 0 0 0 40px; }
	h1#contact { background: url(../images/headers/header_contact2.jpg) top left no-repeat; width: 699px; height:168px; padding: 0 0 0 40px; }
	
	h2 { font-weight: bold; margin: 0; font-size: 135%; text-transform: uppercase; }
	
	.salesAcc h2{ cursor:pointer; width:400px; padding:10px; background:url(../images/h2back.jpg) no-repeat; margin:0 0 5px 0; color:#fff; }
	.salesAcc h2 a{ color:#fff; width:400px; display:block; outline:none; background:url(../images/ico_left.gif) no-repeat top right; }
	.salesAcc h2 a:hover{ text-decoration:none; color:#fff; }
	.salesAcc h2.open a{ background:url(../images/ico_down.gif) no-repeat top right; }
	.salesAcc h2.closed a{ background:url(../images/ico_left.gif) no-repeat top right; }
	.salesAcc div{ padding:0 10px; }
	
	.homeh2{ font-size:27px; }
	.homeh22{ font-size:22px; }
	
	h2.pagetITle{ width:400px; padding:10px; background:url(../images/h2backBlue.jpg) no-repeat; margin:0 0 20px 0; color:#fff; }
	h3.pagetITle{ width:400px; padding:10px; background:url(../images/h2backBlue.jpg) no-repeat; margin:0 0 20px 0; color:#fff; font-weight: bold; margin: 0; font-size: 135%; text-transform: uppercase; }
	
/* HEADER STYLES  */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#header {
	posITion: absolute;
	top: 0;
	width: 951px;
	/*background: url(../images/bg_header.gif) top right no-repeat #fff;*/
	/*height: 97px;*/
	height:122px;
	/*border-bottom: 8px solid #003362;*/
	background:url(../images/header_back.gif) repeat-x #FFFFFF;
	padding:8px 0 0 0;
	}
	
	#header p {
		margin: 10px 0;
		color: #fff;
		font-size: 120%;
		}
		
	#header span {
		margin-left: 30px;
		margin-right: 15px;
		}
	
	#logo {
		display: block;
		width: 227px;
		height: 100px;
		background: url(../images/logo_new.gif) top left no-repeat;
		text-indent: -2000px;
		overflow: hidden;
		posITion: absolute;
		top: 0;
		left: 0;
		}
		
	#header a {
		color: #fff;
		}


/* NAV STYLES  */
#top_nav {
	list-style: none;
	font-size: 120%;
	float: right;
	margin: 25px 0 0 0;
	padding: 0;
	clear: both;
	width:695px;
	}

	#top_nav li {
		float: left;
		margin: 0 15px 0 0;
		}
	
	#top_nav a {
		padding: 0 0 0 15px;
		background: url(../images/bullet2.gif) left 5px no-repeat;
		display: block;
		color: #fff;
		float: left;
		text-transform: uppercase;
		}
		
	.left_nav a {
		padding: 0 0 0 0px;
		display: block;
		color: #000;
		float: left;
		text-transform: uppercase;
		}
		
	.left_nav a {
		text-transform: none;
		font-size: 120%;
		}
		
	.thinking{ text-transform: uppercase; color: #dc8230; margin:0 50px 0 0; width:390px; }


/* CONTENT STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#contentwrap {
	width: 739px;
	float: right;
	margin-top: 130px;
	}
	
	#content {
		width: 420px;
		float: left;
		padding: 0 40px 20px 40px;
		}
		
	#contentHome {
		float: left;
		padding: 0 40px 20px 40px;
		}
		
		#content p.textL {
			font-size: 120%;
			}
		
		#content strong {
			color: #003362;
			}
	.larger	{ font-size: 150%; line-height: 150%; }		
	.home {
		padding-top: 353px;
		background: url(../images/headers/header_1.jpg) top left no-repeat;
		}
	
	#calls_to_action {
		width: 211px;
		float: right;
		}
		
	.inner_cta {
		/*margin-top: -37px;*/
		}
	
	#calls_to_action a:hover, #site_survey a:hover {
		text-decoration: none;
		}
		
		#calls_to_action p{ padding:0; }
			
		a#warranties {
			background: url(../images/bg_cta1.jpg) top left no-repeat #003362;
			width: 204px;
			height: 44px;
			display: block;
			color: #fff;
			font-size: 120%;
			font-weight: bold;
			padding: 85px 0 0 7px;
			}
		
		#left_col .virusLeft {
			width: 138px;
			background:url(../images/backBlueLeft.gif) no-repeat;
			/*background-color: #f39d30;*/
			padding: 17px;
			color: #fff;
			margin-top: 30px;
			margin-bottom: 0px;
		}
		
		p#viruses {
			width: 177px;
			padding: 17px;
			/*background-color: #003362;*/
			background:url(../images/blueBack.gif) no-repeat;
			color: #fff;
			}
			
			#left_col .virusLeft strong{ font-size:14px; color:#f39d30; text-transform:none; }
			
			#viruses strong, .virusLeft strong {
				display: block;
				color: #f39d30;
				font-size: 120%;
				}
				
			#viruses span, .virusLeft span {
				color: #f39d30;
				}
				
			#viruses a, #site_survey a, .virusLeft a {
				display: block;
				clear: both;
				text-align: right;
				color: #fff;
				font-weight: bold;
				padding: 10px 0 0 0;
				background: url(../images/cta_bullet.gif) top left no-repeat;
				}
			
			.virusLeft a {
				background-posITion: 8px 15px;
				}
				
			#viruses a {
				background-posITion: 48px 15px;
				}
				
			#site_survey a {
				background-posITion: 82px 15px;
				}

/* LEFTCOLUMN STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#left_col {
	float: left;
	width: 172px;
	margin-top:  106px;
	margin-bottom: 0px;
	background: url(../images/bg_left.gif) top right no-repeat;
	padding: 30px 33px 0 7px;
	}
	
	#left_col p {
		margin: 0;
		padding: 0;
		}
	
	ul.left_nav {
		margin: 0;
		padding: 15px 0 0 0;
		list-style: none;
		}
		
		ul.left_nav li a, ul.left_nav li {
			display: block;
			float: none;
			border: 1px solid #fff;
			}
			
		ul.left_nav li a#active, ul.left_nav li a.active {
			color: #dc8230;
			background: url(../images/menu_bullet2.gif) left 5px no-repeat;
			}
			
		ul#top_nav li a#active, ul#top_nav li a.active {
			color: #dc8230;
			background: url(../images/bullet2.gif) left 5px no-repeat;
			}
		
	#left_col strong {
		font-size: 150%;
		font-weight: bold;
		text-transform: uppercase;
		color: #003362;
		clear: both;
		display: block;
		}
		
	#left_col #site_survey {
		width: 138px;
		background:url(../images/backOrange.gif) no-repeat;
		/*background-color: #f39d30;*/
		padding: 17px;
		color: #fff;
		margin-top: 30px;
		margin-bottom: 20px;
		}
		
		#site_survey strong {
			display: block;
			font-size: 120%;
			text-transform: none;
			color: #fff;
			}
			
		#site_survey a {
			color: #003362;
			}
	
	
/* RIGHTCOLUMN STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	
	
/* FOOTER ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footer {
	display: block;
	clear: both;
	background-color: #fff;
	font-size: 90%;
	posITion: relative;
	/*height: 82px;*/
	height:130px;
	}
	
	#footer address {
		border-top: 8px solid #003362;
		padding: 15px 0 0 20px;
		}
	
	#footer ul {
		list-style: none;
		margin: 10px 0 0 0;
		padding: 0 20px;
		}
		
		#footer li {
			float: left;
			}
			
		#footer li a {
			float: left;
			display: block;
			border-left: 1px solid #000;
			color: #000;
			padding: 0 10px
			}
			
		#footer li span {
			padding: 0 10px 0 0;
			}
			
		#footer li a:hover {
			text-decoration: none;
			}
			
	ul.logo_list {
		padding: 0;
		margin: 0;
		list-style: none;
		}
		
	#footer ul.logo_list {
		posITion: absolute;
		top: 10px;
		right: 0;
		}
		
		.logo_list li {
			padding: 0 5px 0 5px;
			float: left;
			}
			
		.logo_list li.hp {
			width: 54px;
			height: 43px;
			background: url(../images/logo_hp.gif) top left no-repeat;
			text-indent: -2000px;
			overflow: hidden;
			}
			
		.logo_list lIToshiba {
			width: 80px;
			height: 43px;
			background: url(../images/logo_toshiba.gif) top left no-repeat;
			text-indent: -2000px;
			overflow: hidden;
			}
			
		.logo_list li.epson {
			width: 59px;
			height: 43px;
			background: url(../images/logo_epson.gif) top left no-repeat;
			text-indent: -2000px;
			overflow: hidden;
			}
			
		.logo_list li.compaq {
			width: 79px;
			height: 43px;
			background: url(../images/logo_compaq.gif) top left no-repeat;
			text-indent: -2000px;
			overflow: hidden;
			}
			
		.logo_list li.oki {
			width: 79px;
			height: 43px;
			background: url(../images/logo_oki.gif) top left no-repeat;
			text-indent: -2000px;
			overflow: hidden;
			}
			
		.logo_list li.panasonic {
			width: 79px;
			height: 43px;
			background: url(../images/logo_panasonic.gif) top left no-repeat;
			text-indent: -2000px;
			overflow: hidden;
			}
			
		.logo_list li.brother {
			width: 79px;
			height: 43px;
			background: url(../images/logo_brother.gif) top left no-repeat;
			text-indent: -2000px;
			overflow: hidden;
			}