@charset "utf-8";
/* Ohio.net Reskin09 Layout Document */

/* imports to typography and reset */
@import '/reskin09/includes/default-copy.css';
@import '/reskin09/includes/default-form.css';

/* ------------------ Body and Body Wrappers ------------------ */
body{background:#d2d2d2;}

	#bodyWrapper{
		float:left;
		width:100%;
		background:#fdfdfd url(/reskin09/images/body-wrapper-btm-bg.png) repeat-x left bottom;
		}

		#bodyWrapperTop{
			float:left;
			width:100%;
			padding:20px 0;
			/*background:url(/reskin09/images/body-wrapper-top-bg.png) repeat-x left top;*/
			}

	
.center{width:1000px; margin:0 auto;}
			
.access{position:absolute; left:-9000px;}
		
/* ------------------ Header Area ------------------ */
#branding{
	position:relative;
	float:left;
	width:670px; height:110px;
	margin:0 0 8px; padding:35px 30px 0 300px;
	background:#2B2473 url(/reskin09/images/branding-bg.png) no-repeat left top;
	color:#fff;
	}
	
	#logo{
		position:absolute;
		left:0; top:0;
		color:#fff;
		}#logo:focus{outline:1px dotted #fff;}
		
	#branding p{float:left; width: 250px; text-align:right;}
		
		#branding p span{display:block;}
		
		#branding #comments{margin:.1em 0 .4em;}
		
		#branding #phone{font:normal normal 900 2.46em/1.25em "Myriad Pro", Arial, Helvetica;}

/* ------------------ Content Wrapper ------------------ */			
#contentWrapper{
	float:left;
	width:1000px;
	}
	
	#contentArea{
		float:right;
		width:816px;
		}
	
/* ------------------ Sub Nav Area ------------------ */		
#subNavArea{
	float:left;
	width:172px;
	padding:0 0 10px;
	}
	
	#subNav{
		float:left;
		width:172px;
		margin:0 0 10px 0; padding:0;
		border:1px solid #8e91a8; border-top:none;
		color:#fff;
		}
		
		/* -=- Global Stuff -=- */
		#subNav div{float:left; width:172px;}
			
			#subNav ul{
				float:left;
				width:172px;
				margin:0; padding:0;
				}
				
				#subNav li{
					float:left;
					width:172px;
					margin:0; padding:0;
					}
					
					#subNav span{
						display:block;
						float:left;
						margin:0 4px 0 0;
						cursor:row-resize;
						}
						
					#subNav a{
						display:block;
						float:left;
						text-decoration:none;
						color:#fff;
						}
		
		/* -=- Level 1 -=- */
		#subNav li.sn-L1{
			background:#99A449 url(/reskin09/images/subnav-li1-bg.png) repeat-x left top;
			border-top:1px solid #8e91a8;
			font-size:1.08em; line-height:1.25em;
			}
			
			#subNav span.sn-L1{
				width:16px; height:1.25em;
				padding:.25em 0;
				background:url(/reskin09/images/subnav-li1-pin-off.png) no-repeat 6px .6em;
				}
			#subNav.sn-L1 .active span.sn-L1{background-image:url(/reskin09/images/subnav-li1-pin-on.png);}
			#subNav.sn-L1 .off span.sn-L1{
				background-image:url(/reskin09/images/subnav-li1-pin.png);
				cursor:auto;
				}
	
				#subNav a.sn-L1{
					width:149px;
					padding:.25em 0;
					color:#fff;
					}				
					#subNav a.sn-L1:hover, #subNav a.sn-L1:focus, #subNav.sn-L1 .current a.sn-L1{color:#3e3e3e;}
				
		/* -=- Level 2 -=- */
		#subNav li.sn-L2{
			background:#3F3693 url(/reskin09/images/subnav-li2-bg.png) repeat-x left top;
			border-top:1px solid #8e91a8;
			font-size:.86em; line-height:1.25em;
			}
			
			#subNav span.sn-L2{
				width:32px; height:1.25em;
				padding:.2em 0;
				background:url(/reskin09/images/subnav-li1-pin-off.png) no-repeat 22px .5em;
				}
			#subNav ul.sn-L2 .active span.sn-L2{background-image:url(/reskin09/images/subnav-li1-pin-on.png);}
			#subNav ul.sn-L2 .off span.sn-L2{
				background-image:url(/reskin09/images/subnav-li1-pin.png);
				cursor:auto;
				}
	
				#subNav a.sn-L2{
					width:136px;
					padding:.2em 0;
					color:#fff;
					}				
					#subNav a.sn-L2:hover, #subNav a.sn-L2:focus, #subNav ul.sn-L2 .current a.sn-L2{color:#FDCD5A;}
		
		/* -=- Level 3 -=- */
		#subNav li.sn-L3{
			background:#fdcd5a;
			border-top:1px solid #cda23e;
			font-size:.92em; line-height:1.25em;
			}
			
			#subNav span.sn-L3{
				width:46px; height:1.25em;
				padding:.2em 0;
				background:url(/reskin09/images/subnav-li3-pin.png) no-repeat 36px .4em;
				}
			#subNav ul.sn-L3 .off span.sn-L3{
				background-image:url(/reskin09/images/subnav-li3-pin.png);
				cursor:auto;
				}
	
				#subNav a.sn-L3{
					width:119px;
					padding:.2em 0;
					color:#5e5e5e;
					}				
					#subNav a.sn-L3:hover, #subNav a.sn-L3:focus, #subNav ul.sn-L3 .current a.sn-L3{color:#000;}

/* ------------------ Content ------------------ */
#content{
	float:right;
	width:816px;
	background:url(/reskin09/images/content-btm-bg.png) no-repeat left bottom;
	margin:0 0 10px; padding:0 0 11px 0;
	}
	
	#contentTop{
		float:left;
		width:816px;
		background:url(/reskin09/images/content-top-bg.png) no-repeat left top;
		padding:11px 0 0;
		}
		
		#contentInner{
			float:left;
			width:756px;
			padding:9px 30px;
			background:#E0DFEB url(/reskin09/images/content-mid-bg.png) repeat-y left top;
			}
			
			#contentRte{
				float:left;
				width:530px;
				}

/* ------------------ Extras ------------------ */
#extras{
	float:right;
	width:200px;
	margin:0 0 0 0;
	}
	
	#extras p{text-align:left;}

/* ------------------ Products ------------------ */
.heading{
	display:block;
	padding:9px 10px;
	}

.h-productList{
	margin:1em 0 0;
	background:#393939;
	border:1px solid #d2d2d2;
	font-size:1.31em; line-height:1.25em;
	font-weight:900;
	color:#fff;
	}
	
.h-product{
	float:left;
	margin:0 1px 10px;
	width:508px;
	background:#d2d2d2;
	font-size:1.31em; line-height:1.25em;
	color:#2B2473;
	}
	
	* html .h-product{margin:0 1px;}
	
	.product-title{
		float:left;
		text-align:left;
		}
	
	.product-price{
		float:right;
		text-align:right;
		}
	
.productInfo{
	background:#DFDFDF;
	margin:0 1px 1em; padding:15px 10px;
	}
	
		
/* ------------------ Offer Box ------------------ */
#contentColumnsHeader{
	float:left;
	width:816px; height:50px;
	background:url(/reskin09/images/content-columns-headers-bg.png) no-repeat left top;
	}
	
#contentColumnsBtm{
	float:left;
	width:816px; height:8px;
	margin:0 0 15px;
	background:url(/reskin09/images/content-columns-btm-bg.png) no-repeat left top;
	}

#contentColumns{
	float:left;
	background:#fff url(/reskin09/images/content-columns-top-bg.png) repeat-x left top;
	}
	
	#contentColumnsTop{
		float:left;
		background:url(/reskin09/images/content-columns-shading-bg.png) repeat left top;	
		}

		#contentColumnsDividers{
			float:left;
			width:816px; min-height:260px;
			background:url(/reskin09/images/content-columns-li-bg.png) no-repeat left 25px;
			}
				
			#fourColContent{
				position:relative;
				top:-50px;
				float:left;
				width:816px;
				margin:0 0 -50px;
				}
				
				#fourColContent li.fourthCol{
					float:left;
					width:178px;
					margin:0; padding:10px 10px 0 16px;
					background:none;
					}
					
					#fourColContent li.fourthCol h3{
						height:40px;
						margin:0;
						font-size:1em; line-height:1.25em;
						text-align:center;
						color:#fff;
						}
					
					#fourColContent li.fourthCol div{padding:25px 0 0; line-height:1.25em;}
					
					#fourColContent li.fourthCol div img.centered{display:block; margin:0 auto;}

		#contentSingleColumn{
			float:left;
			width:516px;
			margin:40px 0 0 0; padding:0 150px;
			text-align:center;
			}
				
/* ------------------ Marketing Banner ------------------ */
#marketingBanner{
	float:left;
	width:816px;
	margin:0 0 15px; padding:1px 0;
	background:#4c4c4c;
	border-top:10px solid #000; border-bottom:10px solid #000;
	text-align:center;
	}

/* ------------------ Utility Wrapper ------------------ */
#utilityWrapper{
	float:left;
	width:100%;
	border-top:10px solid #fdfdfd;
	}

	#utility{
		padding:20px 0 20px 185px;
		font-size:.92em; line-height:1.5em;
		}
	
		#footLogo{float:right;}
		
		#utility p{
			padding:0 225px 0 0;
			text-align:left;
			}
		
		#utility strong{
			display:block;
			margin:1em 0 0 0;
			}