@charset "UTF-8";
/*  
Version: 1.0
Author: FireHost Inc.
Author URI: http://www.firehost.com
*/


/***********************************
		=Global Styling
***********************************/
/* Normalizes Margin, padding */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

input { font-size:12px; }

body { 
	background: transparent url(images/topbar_bg.gif) repeat-x scroll;
	font:12px/1.5em Arial,helvetica,sans-serif;
	color:#333;
	}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
	h1, h2, h3 {color:#6B1719;font-size:20px;margin-bottom:.25em;}
		h3 span {color:#123F71;}	
		h1, h2 {line-height:1.15em;}	

h4 { color:#0B528C;font-size:1.05em;margin:0px 0px 4px 0px;padding:0px;font-weight:bold; }
h5 {color:#13274C;font-size:16px;margin-bottom:.25em;}

p {margin-bottom:1.25em;}

.left {float:left;}

.clearall { clear:both; }
.clearleft { clear:left; }
.clearright { clear:right; }

img, fieldset, input, textarea {border:0;}

a { color:#0B528C;outline:none;text-decoration:none;}
	a:hover {text-decoration:underline;}

.common {width:976px;margin:0 auto;}

.hr {
	border:0;
	background:url(images/hr.png) left top repeat-x;
	height:1px;
	margin:0 0 26px 0;
	clear:both;
	}

#logo {
		margin:24px 0 0 20px;
		display:block;
		width:240px;
		height:71px;
		text-indent:-9999px;
		background:url(images/io-logo.png) left top no-repeat;
		float:left;
		}
		
.btn-location-details, .btn-email-us, .btn-overview {
		background-image:url(images/btn-sprite.png);
		background-repeat:no-repeat;
		display:block;
		width:115px;
		height:18px;
		text-indent:-9999px;
		}
	.btn-location-details {background-position:0 0;}
		.btn-location-details:hover {background-position:0 -18px;}
	.btn-email-us {background-position:-115px 0;}
		.btn-email-us:hover {background-position:-115px -18px;}
	.btn-overview {background-position:-230px 0;width:82px;}
		.btn-overview:hover {background-position:-230px -18px;}

ul.locations li a.btn-email-us {position:relative;}


/***********************************
		=Container Styling
***********************************/
#content-container {position:relative;}
#grey-container {
	background:#f0f0f0 url(images/gray-top.png) top center no-repeat;
	padding-top:20px;
	margin:19px 0 9px 0;
	width:976px;
	}	
	#grey-container-footer {
		background:url(images/gray-bottom.png) center bottom no-repeat;
		padding:0 21px 25px;
		width:934px;
		}
	#video {float:left;width:320px;}
		#video h3, #promos h3 {font-weight:bold;margin-bottom:1em;}
	#promos {margin-left:350px;width:580px;}
		.rounded{
			width: 560px;
			padding: 10px;
			background-color: #226A8D;
			/* Do rounding (native in Safari, Firefox and Chrome) */
			-webkit-border-radius: 17px;
			-moz-border-radius: 17px;
			}
		.dotted{
			width: 561px;
			background:url(images/dotted-stretcher.png) left top repeat-y;
			margin-bottom:10px;
			height:110px;
			}
			.dotted-header {background:url(images/dotted-header.png) left top no-repeat;}
			.dotted-footer {
				background:url(images/dotted-footer.png) left bottom no-repeat;
				padding:10px;
				width:541px;
				height:98px;
				}
			.dotted p {color:#fff;}
			.last {margin-bottom:0;}
	.copy {text-align:right;}	
		
/***********************************
		=Location List Styling
***********************************/
ul.locations {color:#444;font-size:12px;list-style:none;}
	ul.locations li {
		display:block;
		width:216px;
		float:left;
		margin-right:18px;
		}
		ul.locations li.no-margin {margin-right:0;}
		ul.locations li.extra {margin-left:13%;clear:left;} 
		ul.locations li a.thumbnail, ul.locations li small, .btn-location-details {margin-bottom:10px;}
			.btn-email-us {margin-bottom:26px;}
		ul.locations li a.thumbnail {
			display:block;
			width:216px;
			height:143px;
			position:relative;
			left:0;
			top:0;
			text-indent:-9999px;
			background-position:0 0;
			background-repeat:no-repeat;
			z-index:0;
			}
			ul.locations li a.thumbnail em {
				display:block;
				width:82px;
				height:18px;
				background-image:url(images/btn-sprite.png);
				background-repeat:no-repeat;
				background-position:-230px 0;
				text-indent:-9999px;
				position:absolute;
				bottom:0;
				right:0;
				z-index:0;
				}
				ul.locations li a.thumbnail:hover em {background-position:-230px -18px;}
			ul.locations li small {font-size:12px;display:block;}
			ul.locations li .alex {background-image:url(images/photos/photo-alexandria.png);}
			ul.locations li .arl {background-image:url(images/photos/photo-arlington.png);}
			ul.locations li .fair {background-image:url(images/photos/photo-fairfax.png);}
			ul.locations li .rest {background-image:url(images/photos/photo-reston.png);}
			ul.locations li .tyso {background-image:url(images/photos/photo-tyson.png);}
			ul.locations li .wash {background-image:url(images/photos/photo-dc.png);}
			ul.locations li .rock {background-image:url(images/photos/photo-rockville.png);}

/***********************************
		=Pop Up Styling
***********************************/
.popup {
	width:476px;
	background:url(images/pop-up-header.png) left top no-repeat;
	padding-top:21px;
	position:absolute;
	z-index:999;
	}
	.popup-stretcher {background:url(images/pop-up-stretcher.png) left top repeat-y;}
		.popup-footer, .popup-footer-right, .popup-footer-right-right, .popup-footer-left {
			background-image:url(images/pop-up-footer.png);
			background-position:left bottom;
			background-repeat:no-repeat;
			padding:10px 28px 28px;
			width:420px;
			height:19px;
			}
		.popup-footer-right {background-image:url(images/pop-up-footer-right.png);}
		.popup-footer-left {background-image:url(images/pop-up-footer-left.png);}
		.popup-footer-right-right {background-image:url(images/pop-up-footer-right-right.png);}
			.popup h5 {float:left;color:#fff;font-weight:bold;}
				.popup h5 span {color:#FFCC66;}		
			.popup p {padding:0 20px 15px;margin-bottom:0;font-size:1em;}
			a.close {
				display:block;
				margin-left:365px;
				font-size:13px;
				font-weight:bold;
				color:#FFCC66;
				background:url(images/close.png) right .25em no-repeat;
				padding-right:21px;
				height:30px;
				}
				a.close:hover {text-decoration:none;color:#6BB0A3;}

#alexandria {left:34px;bottom:885px;}
	#alexandria-email {left:79px;bottom:741px;}
	
#arlington {left:177px;bottom:885px;}
	#arlington-email {left:77px;bottom:741px;}

#fairfax {left:501px;bottom:885px;}
	#fairfax-email {left:401px;bottom:741px;}
	
#reston {left:500px;bottom:885px;}
	#reston-email {left:400px;bottom:741px;}

#rockville {left:64px;bottom:573px;}
	#rockville-email {left:-36px;bottom:429px;}

#tyson {left:298px;bottom:573px;}
	#tyson-email {left:198px;bottom:429px;}

#washington {left:387px;bottom:573px;}
	#washington-email {left:287px;bottom:429px;}
	
.hide {display:none;}
.show {display:block;}

/***********************************
		=Pop Up Form
***********************************/
fieldset.pop-up-form {padding:10px 40px 20px;
	*padding:10px 40px 0;}
	label {
		margin-right:7px;
		font-size:13px;
		color:#333;
		}
		label em {color:#720612;font-size:14px;}
		input.short, input.long, .ta-back {
			height:16px;
			padding:5px;
			background-repeat:no-repeat;
			background-position:top left;
			margin-bottom:20px;
			font:12px 'Trebuchet MS','Lucida Grande',Arial,Verdana,sans-serif;
			}
		input.btn-submit {
			width:103px;
			height:30px;
			background:url(images/form/btn-submit.png) top left no-repeat;
			float:right;
			text-indent:-9999px;
			margin:0 7px 0 0;
			font-size:0;
			line-height:0;
			padding:0;
			cursor:pointer;
			}
		input.short {width:181px;background-image:url(images/form/short-text.png);}
		input.long {clear:left;width:383px;background-image:url(images/form/long-text-transp.png); background-color: transparent;}
	.ta-back {width:373px;height:106px;background-image:url(images/form/text-area.png);padding:10px;}
		.ta-back textarea {overflow:auto;width:375px;height:106px;background-color:#F0F0F0;font:12px 'Trebuchet MS','Lucida Grande',Arial,Verdana,sans-serif;}
	
		.validationBox {
			background-image:url(images/vcbox.png);
			background-repeat:no-repeat;
			color:#FFFFFF !important;
			display:block;
			font:10px Verdana,sans-serif;
			height:30px;
			margin-left:80px;
			margin-top:0;
			padding:24px 10px 10px 28px;
			position:absolute;
			width:189px;
			z-index:1000;
			}			
	
		
/***********************************
		=SEO Positioning
***********************************/		

#pre-content, #content {width:100%;}
#pre-content {top:0;z-index:2;}
#content {position:absolute;top:124px;}

#product-offerings {
	position:absolute;
	bottom:-275px;
	padding-bottom:40px;
	}
	.col {float:left;width:435px;padding:0 20px;}
	
	

div.bluesection { display:block;width:976px;margin:0px auto; }
div.bluesectionContent { display:block;margin:0px auto;background:transparent url(images/blue-background.png) repeat-x;padding:0px 20px 0px 22px; }
div.bluesectionHeader { width:976px;background:transparent url(images/blue-top.png) top center no-repeat;padding-top:18px; }
div.bluesectionFoot { width:976px;height:20px;padding:0px; }