/* =================================================
Site:           Midwest Hearing Centers
Created:        July 16 2009
Last Modified:  July 16 2009 
------------------------------------------------- 
casey reid, clearfirestudios.com
casey@clearfirestudios.com | Copyright 2009
================================================= */


/*----------------------------------
~~~~~~~~~~ Reset Styles ~~~~~~~~~~
----------------------------------*/

	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
		margin:0;
		padding:0;
	}
	
	table {
		border-collapse:collapse;
		border-spacing:0;
	}
	
	fieldset,img { 
		border:0;
	}
	
	address,caption,cite,code,dfn,em,strong,th,var {
		font-style:normal;
		font-weight:normal;
	}
	
	ol,ul {
		list-style:none;
	}
	
	caption,th {
		text-align:left;
	}
	
	h1,h2,h3,h4,h5,h6 {
		font-size:100%;
		font-weight:normal;
	}
	
	q:before,q:after {
		content:'';
	}
	
	abbr,acronym { 
		border:0;
	}


/*----------------------------------
~~~~~~~~~~ Base Styles ~~~~~~~~~~
----------------------------------*/

	html {
		background:#ffffff url(/images/site/bg.gif) repeat-x;
		color:#333;
		font:14px Arial, Helvetica, sans-serif;

	}
	
		body {
			margin:7px auto 0px auto;
			padding:0px 53px 0px 10px;
			width:987px;
		}
		
		.clear {
			clear:both;
			height:10px;
		}
		
		strong {
			font-weight:700;
		}

	/*~~~ Alt BG Color ~~~*/

		html.alt {
			background:#ffffff url(/images/site/bg_alt.gif) repeat-x;
			color:#333;
			font:14px Arial, Helvetica, sans-serif;
	
		}
		p{
			line-height: 1.3em;
			padding-bottom: 10px;
		}


/*----------------------------------
~~~~~~~~~~ Menu Styles ~~~~~~~~~~
----------------------------------*/

	#main_nav {
		float:right;
		height:56px;
		margin:0px 0px 0px 0px;
	}
	
		#main_nav li {
			float:left;
			font-size:.9em;
			margin:0px 0px 0px 5px;
			width:112px;
		}
		
			#main_nav li a:link, #main_nav li a:visited {
				background:#4572bf url(/images/site/menu_bg.gif) no-repeat 0 0;
				color:#ffffff;
				display:block;
				font-weight:700;
				height:44px;
				padding:10px 0px 0px 0px;
				text-align:center;
				text-decoration:none;
				width:112px;
			}
			
				#main_nav li a:hover, #main_nav li.you_are_here a:link, #main_nav li.you_are_here a:hover, #main_nav li.you_are_here a:visited {
					background:#ffbf16 url(/images/site/menu_bg.gif) no-repeat 0px -74px;
				}

		/*~~~ Alt Menu Colors ~~~*/

			#main_nav.alt li a:link, #main_nav.alt li a:visited {
				background:#64c1d0 url(/images/site/menu_bg_alt.gif) no-repeat 0 0;
				color:#ffffff;
				display:block;
				height:46px;
				padding:8px 0px 0px 0px;
				text-align:center;
				text-decoration:none;
				width:112px;
			}
			
				#main_nav.alt li a:hover, #main_nav.alt li.you_are_here a:link, #main_nav.alt li.you_are_here a:hover, #main_nav.alt li.you_are_here a:visited {
					background:#ffbf16 url(/images/site/menu_bg_alt.gif) no-repeat 0px -74px;
				}


/*----------------------------------
~~~~~~~~~~ Header Styles ~~~~~~~~~~
----------------------------------*/


	/*~~~ Logo ~~~*/

		#main_logo {
			background:url(/images/site/logo_bg.jpg) no-repeat right top;
			float:left;
			height:280px;
			width:314px;
		}
		
			#main_logo a {
				background:url(/images/site/hearing-center-logo.jpg) no-repeat;
				display:block;
				height:107px;
				margin:40px auto 0px auto;
				text-indent:-8888px;
				width:240px;
			}
				#alt_page #main_logo a {
					background:url(/images/site/ment-logo.jpg) no-repeat;
					display:block;
					height:125px;
					margin:40px auto 0px auto;
					text-indent:-8888px;
					width:250px;
				}	

	/*~~~ Alt Header Color ~~~*/

		#main_logo.alt {
			background:url(/images/site/logo_bg_alt.jpg) no-repeat right top;
			float:left;
			height:280px;
			width:314px;
		}
		

	/*~~~ Header Image ~~~*/

		#header_image {
			background:#ffbf16;
			border:1px solid #ffffff;
			float:right;
			margin:16px 0px 28px 0px;
			padding:11px 11px 38px 11px;
			width:647px;
		}
			#alt_page #header_image{background: #ffaa16;}
		
			#header_image img {
				border:1px solid #ffffff;
			}

/*----------------------------------
~~~~~~~~~~ Content Styles ~~~~~~~~~~
----------------------------------*/
	
	#main_content {
		float:right;
		width:667px;
	}

		#main_content h1 {
			color:#6bc2d3;
			font:2.0em "Myriad Pro", Arial, Helvetica, sans-serif;
			margin:0px 0px 18px 0px;
		}
		
		#main_content .content_image {
			float:left;
			margin:0px 20px 21px 0px;
		}
		
		/*~~~ Content Item ~~~*/
	
			#main_content .content_item {
				font-size:12px;
				margin:0px 0px 21px 0px;
			}
			
				#main_content .content_item p {
					margin:0px 0px 18px 0px;
				}
			
				#main_content .content_item ul {
					margin:0px 0px 18px 0px;
				}
				
					#main_content .content_item ul li {
						margin:0px 0px 2px 0px;
					}
	
	/*~~~ Sub Content ~~~*/
	
		/*~~~ Home Column Container ~~~*/
	
			#main_content #sub_content {
				border-top:2px solid #eeeeee;
				clear:both;
				padding:6px 0px 0px 0px;
			}
		
		/*~~~ Interior Column Container ~~~*/
		
			.interior #main_content #sub_content {
				border:none;
			}
		
		/*~~~ Columns ~~~*/

			#main_content #sub_content .category {
				float:left;
				font-size:12px;
				margin:0px 0px 6px 0px;
				padding:10px 15px 40px 15px;
				position:relative;
				width:192px;
			}
			
			#main_content #sub_content .first.category {
				border-right:1px solid #eeeeee;
				padding:10px 15px 0px 0px;
			}
			
			#main_content #sub_content .last.category {
				border-left:1px solid #eeeeee;
				padding:10px 0px 0px 15px;
			}
			#main_content #sub_content .first.category.span2 {
				width: 404px;
			}
			#main_content #sub_content .first.category.span3 {
				border-right: none;
				width: 100%;
			}
			
			
				#main_content h2 {
					color:#575757;
					font:2.0em "Myriad Pro", Arial, Helvetica, sans-serif;
					margin-bottom: 15px;
					padding:0px 0px 0px 0;
				}
				#main_content h3 {
					border-bottom:6px solid #ffbf16;
					color:#575757;
					font:1.8em "Myriad Pro", Arial, Helvetica, sans-serif;
					margin:0px 0px 15px 0px;
					padding:0px 0px 2px 0px;
					width:100%;
				}
				

				
				#main_content #sub_content .category p {
					margin:15px 0px 15px 0px;
				}
				
				#main_content #sub_content .category p.read_more {
					margin:0px 0px 45px 0px;
				}
				
					#main_content #sub_content .category .read_more a:link, #main_content #sub_content .category .read_more a:hover, #main_content #sub_content .category .read_more a:visited {
						color:#6bc2d3;
					}
				
				#main_content #sub_content .category a:link, #main_content #sub_content .category a:hover, #main_content #sub_content .category a:visited {
					color:#54b1c2;
				}

				#main_content #sub_content .category ul {
					font-size:1.0em;
					margin:10px 0px 10px 5px;
				}
				
					#main_content #sub_content .category ul li {
						background:url(/images/site/bullet_tiny.gif) no-repeat left center;
						margin:0px 0px 3px 0px;
						padding:0px 0px 0px 15px;
					}
					
						#main_content #sub_content .category ul li a:link, #main_content #sub_content .category ul li a:hover, #main_content #sub_content .category ul li a:visited {
							color:#6bc2d3;
							text-decoration:underline;
						}
					
				#main_content #sub_content .category ul.plain {
					font-size:.85em;
					list-style-type:square;
					list-style-position:inside;
					margin:5px 0px 0px 5px;
				}
				
					#main_content #sub_content .category ul.plain li {
						background:none;
						margin:0px 0px 3px 0px;
						padding:0px 0px 0px 0px;
					}
					
						#main_content #sub_content .category ul.plain li a:link, #main_content #sub_content .category ul.plain li a:hover, #main_content #sub_content .category ul.plain li a:visited {
							color:#54b1c2;
							text-decoration:underline;
						}
					
				#main_content #sub_content .category .category_link {
					bottom:0;
					margin:0px 0px 0px 0px;
					position:absolute;
				}

/*----------------------------------
~~~~~~~~~~ Sidebar Styles ~~~~~~~~~~
----------------------------------*/

	/*~~~ Home Sidebar ~~~*/
	
		#sidebar {
			float:left;
			margin:40px 0px 0px 0px;
			padding-right: 20px;
			width:288px;
		}
		
			#sidebar h2 {
				color:#575757;
				font:2.0em "Myriad Pro", Arial, Helvetica, sans-serif;
				margin-bottom: 15px;
				padding:0px 0px 0px 0;
			}
			
			
			/*~~~ Subnav ~~~*/
			
				#sidebar p{
					font-size: 12px;
				}
				#sidebar ul {
					margin:18px 0px 28px 0px;
				}
				
					#sidebar ul li {
						background:url(/images/site/bullet.gif) no-repeat left center;
						font-size:12px;
						margin:0px 0px 9px 0px;
						padding:0px 0px 0px 40px;
					}
					
						#sidebar ul li a:link, #sidebar ul li a:hover, #sidebar ul li a:visited {
							color:#54b1c2;
							text-decoration:underline;
						}


	/*~~~ Interior Sidebar ~~~*/

		#sidebar_column {
			float:left;
			margin:50px 0px 0px 40px;
			position:relative;
			width:230px;
		}
		
			#sidebar_column h2 {
				color:#575757;
				font:2.0em "Myriad Pro", Arial, Helvetica, sans-serif;
				padding:0px 0px 0px 0px;
			}
			
			#sidebar_column p {
				font-size:.85em;
				margin:15px 0px 15px 0px;
			}
			
			#sidebar_column img {
				display:block;
			}
			
			#sidebar_column .category_link {
				bottom:0;
				font-size:.9em;
				margin:0px 0px 0px 0px;
				position:absolute;
			}
			
				#sidebar_column .category_link a:link, #sidebar_column .category_link a:hover, #sidebar_column .category_link a:visited {
					color:#54b1c2;
				}
	
		
/*----------------------------------
~~~~~~~~~~ Footer Styles ~~~~~~~~~~
----------------------------------*/
	
	#footer {
		border-top:1px solid #e4e4e4;
		clear:both;
		font-size:.85em;
		margin:20px 0px 0px 0px;
		padding:30px 0px 20px 50px;
	}
		
		#footer a:link, #footer a:hover, #footer a:visited {
			color:#54b1c2;
		}
		#footer p#credit a{text-decoration: none;}