@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:16px;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;}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearfix {
    zoom: 1;     /* triggers hasLayout */
    }  

ul li {list-style:none;}


.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 {
		background-image:url(images/btn-sprite.png);
		background-repeat:no-repeat;
		display:block;
		width:118px;
		height:20px;
		text-indent:-9999px;
		float:left;
		}
	.btn-location-details {width:133px;background-position:0 0;}
		.btn-location-details:hover {background-position:0 -20px;}
	.btn-email-us {background-position:-133px 0;}
		.btn-email-us:hover {background-position:-133px -20px;}
	

a.btn-email-us {position:relative;margin-right:12px;}


/***********************************
		=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 20px 0;
	width:976px;
	}	
	#grey-container-footer {
		background:url(images/gray-bottom.png) center bottom no-repeat;
		padding:0 21px 38px;
		width:934px;
		}
		.sm-col,
		.md-col {float:left;font-size:13px;}
		  .sm-col {width:267px;}
		  	.sm-col img {margin-bottom:10px;}
		  .md-col {width:364px;margin:0 18px;}
		  	.md-col .rounded {
				width:364px;
				background-color:#E0E0E0;
				padding:0 0 20px;
				}
				.md-col h3,
				.md-col h4,
				.md-col ul {text-align:center;margin-bottom:8px;}
				  .md-col h3 {
					  background:#ccc url(images/md-col-header.gif) center top no-repeat;
					  color:#6B1719;
					  font-size:27px;
					  padding:20px 0;
					  line-height:1.15em;
					  margin-bottom:0;
					  letter-spacing:.025em;
					  }
				  .md-col h4 {
					  font-size:14px;
					  width:318px;
					  margin:0 auto;
					  line-height:1.45em;
					  }
				  .md-col ul {
					  	font-size:14px;
						margin-bottom:16px; 
						}
					  .md-col ul li {
						  background:url(images/list-line.gif) left bottom repeat-x;
						  padding:5px 0;
						 
						  }
						  .md-col ul li strong {
							  font-size:21px;
							  color:#0B528C;
							  padding:15px 0;
							  display:block;
							  }
		  	 
	#video {
		float:left;
		width:320px;
		padding-left:21px;
		position:relative;
		z-index:1;
		
		}
		#video h3,
		#promos h3 {
			font-weight:bold;
			margin-bottom:.75em;
			}
	#promos {
			margin-left:376px;
			width:580px;
			margin-bottom:16px;
			}
			.white-cover {background:url(images/white-top.gif) center top no-repeat;}
			.light-blue{
				background:#E9F4F1 url(images/promo-bottom.gif) center bottom no-repeat;
				padding-bottom:0;
				
				}
				.light-blue p {
					padding:20px 0 20px 20px;
					margin-bottom:0;
					overflow:auto;
					}
				.rounded {
					width: 560px;
					padding: 10px;
					background-color: #226A8D;
					/* Do rounding (native in Safari, Firefox and Chrome) */
					-webkit-border-radius: 17px;
					-moz-border-radius: 17px;
					}
					.light-blue p.col {
						width:234px;
						float:left;
						}
						.light-blue p.col + p.col {width:275px;}
						.light-blue p.col strong {
							display:block;
							font-weight:bold;
							font-size:14px;
							color:#014B79;
							}
					.dotted{
						width: 561px;
						background:url(images/dotted-stretcher.png) left top repeat-y;
						margin-bottom:10px;
						}
						.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;
							}
						.light-blue .dotted p {color:#fff;padding:0;}
						.last {margin-bottom:0;}
				.redlink {
					
					color:#6B1719;
					background:url(images/yellow-arrow.gif) right .35em no-repeat;
					padding-right:8px;
					width:130px;
					}
	.copy {text-align:right;}	
		


/***********************************
		=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;}


#prussia-email {left:81px;bottom:360px;}
	

#marlton-email {left:367px;bottom:360px;}

	
.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.png);}
	.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;}