@charset "UTF-8";
/*
	Theme Name: ProtectingOhio.com
	Theme URI: http://www.protectingohio.com/
	Description: Official WordPress theme for Cecil & Geiser, LLP
	Version: 1.0
	Author: Clarity
	Author URI: <a href="http://www.clarity.to">http://www.clarity.to/</a>
*/

body {
	background: url(images/page-background.gif) 0 -20px #cfe4f7 repeat-x;
}

.alignleft { float: left; margin: 0 15px 15px 0; }
.alignright { float: right; margin: 0 0 15px 15px; }

#page-container {
	margin: 0 auto;
	width: 990px;
}
	#healthcare-sprite {
		position: relative;
		top: 0;
		left: 270px;
		margin-bottom: -170px;
		width:230px;
		height:170px;
		text-align: right;
		background: url(images/free-id-card.png) 0 0 transparent no-repeat;
	}
	
		#healthcare-sprite a.freeid {
			width: 195px;
			height: 110px;
			display: block;
		}
	
		#healthcare-sprite-close {
			position: relative;
			top: -50px;
			left: -10px;
		}
	
	#header {
		overflow: hidden;
		margin-bottom: -20px;
		width: 100%;
		height: 130px;
	}
	
		#header #brand {
			float: left;
			height: 100%;
			padding: 10px 0 0;
		}
		
			#header #brand h1 {
				width: 226px;
				height: 90px;
				margin: 0;
				background:url(images/logo.png) 0 0 transparent no-repeat;
				text-indent: -999em;
			}
			
				#header #brand h1 a {
					display: block;
					height: 90px;
				}
			
		#header #phone {
			float: right;
			margin-top: 13px;
			height: 100%;
			text-align: center;
		}
		
			#header #phone p.forlegalhelp {
				margin: 0;
				font-size: 30px;
				color: #679ac9;
				text-transform: uppercase;
			}
			
			#header #phone p.number {
				color: #3f5677;
				font-size: 24px;
				margin: 0;
			}
			
			#header #phone p.number.second {
				font-size: 14px;
				margin: 0;
			}
	
	
	
	#content {
		overflow: hidden;
		padding: 0 8px 0 8px;
		background: url(images/content-background.png) 0 0 transparent repeat-y;	
	}
	
		div.testimonials {
			background: url(images/testimonial-lquote.gif) 0 0 transparent no-repeat;
		}
		
			div.testimonials blockquote {
				padding-top: 20px;
			}
			
				div.testimonials blockquote p {
					color: #5384a4;
					position: relative;
					padding: 0;
					left: 47px;
					font-size: 14px;
					top: 14px;
				}
		
				div.testimonials blockquote cite {
					display: block;
					width: 50px;
					float: right;
					margin: -30px -15px 0 0;
					padding: 10px 20px 0 0;
					min-height: 60px;
					font-style:normal;
					font-size: 11px;
					text-align: right;
					background: url(images/testimonial-rquote.gif) top right transparent no-repeat;
				}
	
		#hotspot { }
		
			#hotspot ul {
				margin: 0 0 0 -40px;
				list-style: none;
			}
			
				#page-container.content #hotspot ul li {
					height: 259px;
				}
				
				/* Auto/Vehicle */
				#page-container.content #hotspot ul li.airplane-accident {
					background: url(images/content-hotspot-airplane-accident.jpg) 0 0 transparent no-repeat;
				}
				
				#page-container.content #hotspot ul li.school-bus-accident {
					background: url(images/content-hotspot-school-bus-accident.jpg) 0 0 transparent no-repeat;
				}
				
				#page-container.content #hotspot ul li.truck-accidents {
					background: url(images/content-hotspot-large-truck-cases.jpg) 0 0 transparent no-repeat;
				}
				
				#page-container.content #hotspot ul li.motorcycle-accident {
					background: url(images/content-hotspot-motorcycle-accident.jpg) 0 0 transparent no-repeat;
				}
				
				#page-container.content #hotspot ul li.car-accident-lawyers {
					background: url(images/content-hotspot-automobile-accident.jpg) 0 0 transparent no-repeat;
				}
				
				#page-container.content #hotspot ul li.drunk-driving {
					background: url(images/content-hotspot-drunk-driving.jpg) 0 0 transparent no-repeat;
				}
				
				/* Medical */
				#page-container.content #hotspot ul li.nursing-home-abuse {
					background: url(images/content-hotspot-nursing-home-abuse.jpg) 0 0 transparent no-repeat;
				}
				
				#page-container.content #hotspot ul li.medical-malpractice {
					background: url(images/content-hotspot-medical-malpractice.jpg) 0 0 transparent no-repeat;
				}
				
				#page-container.content #hotspot ul li.traumatic-brain-injury {
					background: url(images/content-hotspot-traumatic-brain-injury.jpg) 0 0 transparent no-repeat;
				}
				
				#page-container.content #hotspot ul li.cerebral-palsy {
					background: url(images/content-hotspot-cerebral-palsy.jpg) 0 0 transparent no-repeat;
				}
				
				#page-container.content #hotspot ul li.spinal-cord-injury {
					background: url(images/content-hotspot-spinal-cord-injury.jpg) 0 0 transparent no-repeat;
				}
				
				#page-container.content #hotspot ul li.wrongful-death {
					background: url(images/content-hotspot-wrongful-death.jpg) 0 0 transparent no-repeat;
				}
				
				#page-container.content #hotspot ul li.dog-bites {
					background: url(images/content-hotspot-dog-bites.jpg) 0 0 transparent no-repeat;
				}
				
				/* Insurance */
				#page-container.content #hotspot ul li.injury-law-101 {
					background: url(images/content-hotspot-injury-law-101.jpg) 0 0 transparent no-repeat;
				}
				
				#page-container.content #hotspot ul li.slip-and-fall {
					background: url(images/content-hotspot-slip-and-fall.jpg) 0 0 transparent no-repeat;
				}
				
				#page-container.content #hotspot ul li.social-security-disability {
					background: url(images/content-hotspot-social-security-disability.jpg) 0 0 transparent no-repeat;
				}
				
				#page-container.content #hotspot ul li.workers-compensation {
					background: url(images/content-hotspot-workers-compensation.jpg) 0 0 transparent no-repeat;
				}
				
				#page-container.content #hotspot ul li.insurance-bad-faith {
					background: url(images/content-hotspot-insurance-bad-faith.jpg) 0 0 transparent no-repeat;
				}
				
					
					#page-container.content #hotspot ul li div {
						position: relative;
						top: 110px;
						left: 460px;
						height: 100px;
						width: 500px;
						text-align: right;
					}
					
						#page-container.content #hotspot ul li div p.case {
							font-size: 42px;
						}
					
					#featured-wrap {
						background:transparent url(images/sliderBG.png) center -10px no-repeat;
						height:311px;
						overflow:hidden;
					}
	
						#featured {
							width: 974px;
							margin-left: auto;
							margin-right: auto;
							position:relative;	/* !IMPORTANT for slider */
							overflow: hidden;
							height: 311px;
						}
							
							#coda-nav-pause {
								position: absolute;
								overflow: hidden;
								display: block;
								left: 10px;
								top: 272px;
								width: 26px;
								height: 26px;
								text-indent: -999em;
								background-image: url(images/coda-nav-pause-bkg.gif);
							}
							
							#coda-nav-pause.play {
								background-position: 0 -26px;
							}
							
							.andrew {
								position: absolute;
								left: 48px;
								display: block;
								width: 98px;
								height: 29px;
								bottom: 12px;
							}
							
							.michael {
								position: absolute;
								left: 415px;
								display: block;
								width: 98px;
								height: 29px;
								bottom: 12px;
							}
							
							.view_all_settlements {
								position: absolute;
								right: 70px;
								bottom: 12px;
							}
							
							.view_all_settlements a {
								margin: 0 10px;
							}
							
							.panel-wrapper div {
								height: 225px;					
								right: 15px;
								top: 25px;
								position: absolute;						
								width: 380px;					
							}
							
						
						#hotspot ul li div p.case, #coda-slider-1 .case {
							margin: 0;
							font-size: 40px;
							color: #1b4164;
							line-height: 1.2em;
						}
						
						#hotspot ul li div p.settlement, #coda-slider-1 .settlement {
							margin: 0.6em 0 1em 0;
							font-size: 20px;
							color: #679ac9;
						}

						#coda-slider-1 .longtitle {
							font-size: 22px;
							color: #1b4164;
							position: relative;
							width: 470px;
							right: 46px;
							margin: 15px 0 0;
						}
						
						#coda-slider-1 .longdata {
							right: 48px;
							width: 430px;
							position: relative;
						}
		
		.category{
			float:left;
			margin:25px 0px 0 25px;
			width:575px;}
			
		.category h2 {
				color: #4e4e4e;
				font-size: 24px !important;
			}	
		
		#sidebar{float:right; width:300px; display:block;}
			
		#left {
			float: left;
			margin: 25px 25px 0 25px;
			width: 575px;
		}
		
		#_mcePaste ol {
			padding-left: 1.2em;
			list-style-type: none;
		}
		
		#gmapsphone {
			background:none repeat scroll 0 0 #FFFFFF;
			color:#222222;
			font-size:12px;
			left:135px;
			position:relative;
			top:-204px;
			width:300px;
			z-index:1;
			}

			#page-container.index #content #left h2.fact {
				margin-bottom: 12px;
				color: #222222;
				font-size: 24px;
				line-height: .5em;
			}
		
			#page-container.index #content #left h2, #page-container.content #content #left h1, #page-container.content #content h2 {
				margin-bottom: 1em;
				color: #1b4164;
				font-size: 30px;
				line-height: .5em;
			}
			
			.archive-title{
				margin:25px 0 5px 25px;
				color: #1b4164;
				font-size: 30px;
				line-height: .5em;}
			
			#left h3{
				color: #4e4e4e;
				font-size: 24px;
			}
			
			#left h4 {
				font-size: 16px;
			}
			
			.post{margin:0 0 15px 0; border-bottom:1px dotted #ccc;}
		
		#right {
			float: left;
			margin: 25px 25px 0 0;
			width: 324px;
		}
		
			#page-container.index #content #right div.video-cg {
				padding: 15px;
				background-color: #cacaca;
			}
				
				#page-container.index #content #right div.video-cg img {
					margin: 0 0 10px;
				}
			
			#right div.case-eval {
				padding: 0 18px 18px 18px;
				width: 300px;
				background: url(images/lock.png) #102b48 12px 10px no-repeat;
			}
			
				#right div.case-eval.practice-area {
					margin-top: -85px;
				}
			
				#right div.case-eval h3 {
					color: #fff;
				}
		
		#right .widget {
			margin: 0 0 20px;
			list-style-type: none;
		}
		
		#right .widget h3, #right .contactbox h3 {
			color: #FFF;
			font-size: 220%;
		}		
		
		#right .widget p, #right .contactbox p {
			color: #FFF;
		}

		#right .contactbox {
			background: #102B48;
			margin: 0 0 20px;
			padding: 18px;	
		}				
		
		#news {
			float: left;
			margin: 20px 0 -20px 0;
			width: 100%;
			background: #e1e1e1;
		}
		
			#news div h3 {
				font-size: 28px;
				color: #4e4e4e;
				margin-bottom: 0.4em;
			}
		
			#news ul {
				margin-left: -40px;
				list-style: none;
			}
				
				#news ul li {
					margin-bottom: 15px;
				}
			
					#news ul li p {
						margin: 0;
					}
					
						.date_page {
							text-transform: uppercase;
							font-size: 9px;
							color: #679ac9;
						}
						
						.blog a, .news a {
							color: #4e4e4e;
							font-size: 11px;
						}
						
						#news .story_link, #blog .story_link {
							color: #1b4164;
							font-size: 12px;
						}
						
		
			#news div.blog {
				float: left;
				padding: 25px 25px 25px 25px;
				width: 315px;
				background:#f6f6f6;
			}
			
			#news div.news {
				float: left;
				padding: 25px 25px 25px 0;
				width: 315px;
				background: #f6f6f6;
			}
			
			
		#footer {
			float: left;
			margin:20px 0 0 0;
			padding: 0 0 0 25px;
			width: 950px;
			height: 165px;
			background: url(images/footer-background.gif) #112c47 0 0 repeat-x;
		}
		
			#footer h4 {
				margin: 15px 0 10px 0;
				font-size: 16px;
				color: #fff;
				text-transform: uppercase;
			}
			
			#footer ul {
				float: left;
				margin-left: -40px;
				list-style: none;
			}
			
				#footer ul li {
					color: #fff;
					font-size: 10px;
				}
				
					#footer ul li a {
						color: #fff;
						font-weight: normal;
					}
				
	#copyright {
		padding: 10px 0 0 0;
		width: 100%;
		text-align:right;
		font-size: 10px;
		color: #294260;
		background: url(images/navigation-background.png) top left repeat-x;
	}
	
		#copyright p.cg {
			margin-right: 8px;
		}
	
	

/* Most common stuff you'll need to change */

	.coda-slider-wrapper {padding: 0;}
	.coda-slider {}
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider {
		height:321px;
		overflow:auto !important;
		padding-right:20px;
	}
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel {width:974px;}
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel {width:974px;}
	.coda-slider-wrapper.arrows .coda-slider {margin:0;}
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a {}
	
	/* Tab nav */
	.coda-nav ul li a.current {background:#39c;}
	
	/* Panel padding */
	.coda-slider .panel-wrapper {padding: 0;height:321px;margin: 0;position: relative;}	/* Remove this content if you don't wanna use image background */
	
	/* Preloader */
	.coda-slider p.loading {padding:170px;text-align:center;margin: 0;}

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul {
		position:absolute;
		clear:both;
		display:block;
		margin:auto;
		overflow:hidden;
		top: 240px;
		left: 485px;
		width: 450px;
	}
		
	.coda-nav ul li {display:inline;}
	.coda-nav ul li a {
		text-indent:-9999px;
		display:block;
		float:left;
		margin-right:0px;
		padding-right: 10px;
		height:49px;
		width:138px;
		left:-50%;
	}
	
	/* Miscellaneous */
	.coda-slider-wrapper {clear:both;overflow:auto;}
	.coda-slider {float:left;overflow:hidden;position:relative;}
	.coda-slider .panel {display:block;float:left;}
	.coda-slider .panel-container {}
	.coda-nav-left, .coda-nav-right {float:left;display:none;}
	.coda-nav-left a, .coda-nav-right a {display:block;text-align:center;text-decoration:none;}
	
	.coda-nav ul li.tab1 a {background: url(images/hotspot-image1.gif) no-repeat 0 -49px}
	.coda-nav ul li.tab2 a {background: url(images/hotspot-imagea-thumbnail.jpg) no-repeat 0 -49px}
	.coda-nav ul li.tab3 a {background: url(images/hotspot-image1-thumbnail.jpg) no-repeat 0 -49px}
	
	.coda-nav ul li.tab1 a.current, .coda-nav ul li.tab1 a.current:hover {background-position: 0 0;}
	.coda-nav ul li.tab2 a.current, .coda-nav ul li.tab2 a.current:hover {background-position: 0 0;}
	.coda-nav ul li.tab3 a.current, .coda-nav ul li.tab3 a.current:hover {background-position: 0 0;}
	
	.coda-nav ul li.tab1 a:hover {background-position: 0 0;}
	.coda-nav ul li.tab2 a:hover {background-position: 0 0;}
	.coda-nav ul li.tab3 a:hover {background-position: 0 0;}		
	
	.title {display:none;}
	
	#coda-nav-1 {display: none;}
	.clear{clear: both;}	
	
/* Navigation */
#navigation {overflow: visible;width: 100%;height: 63px;background: url(images/navigation-background.png) bottom right transparent repeat-x;}
	#navigation ul {float: left;margin: 8px 0 0 10px;padding: 0;list-style: none;}
		#navigation li {display: block;float: left;margin: 0 10px 0 0;height: 46px;position: relative;z-index: 9999;}
			#navigation li.menu-item-1153:hover a, #navigation ul li.menu-item-1157:hover a {color: #1B4164;}
			#navigation li.menu-item-1153:hover ul a {font-weight: bold;}
			#navigation li a {padding: 0 10px 0;font-size: 14px;color: #fff;line-height: 30px;text-decoration: none;display: block;}
			#navigation li ul {position: absolute;left: -999em;text-transform: none;margin: 16px 0 0;width: 140px;padding: 15px 10px 30px;background: #fff url(images/transparent-wraps.png);}
			#navigation li.page-item-11 ul {padding: 15px 7px 30px;width: 141px;} /* ID 11 is Client Testimonials, which has no submenus. This can probably go away. */	
			
	#navigation a#getlegalhelp {display: block;float: right;width: 184px;height: 54px;background:url(images/content-getlegelhelp.png) 0 0 transparent no-repeat;text-indent: -999em;}

#navigation li.current_page_item, #navigation li.current_page_item:hover,
#navigation li.current_page_parent, #navigation li.current_page_parent:hover {background: url(images/navigation-arrow.png) 50% 100% transparent no-repeat;}
#navigation li:hover ul, #navigation li.sfhover ul  {left: auto;}
#navigation li ul li {float: none;height: auto;margin: 0;color: #679ac9;}
#navigation li ul li a {line-height: 15px; color: #102b48; font-size: 12px;background: none;}
#navigation li ul li a:hover {text-decoration: underline;}

/* Practice Areas Menu */
#navigation li.menu-item-1153:hover {background: url(images/transparent-wraps.png);width: auto;}
#navigation li.menu-item-1153 ul {text-transform: none;padding: 15px 15px 20px;width: 540px;}
#navigation li.menu-item-1153 ul li {float: left;width: 180px;padding-left: 0;}
#navigation li.menu-item-1153 ul li a  {display: none;}
#navigation li.menu-item-1153 ul li a {color: #1b4164;padding: 0 10px 0 0;font-size: 12px; font-weight: bold;margin: 0 0 5px;}
#navigation li.menu-item-1153 ul li ul {position: static;width: auto;margin: 0;padding: 0;background: none;}
#navigation li.menu-item-1153 ul li ul li {float: none;height: auto;}
#navigation li.menu-item-1153 ul li ul li a {display: block;margin: 0;line-height: 15px;background:none;color: #102b48; font-weight: normal;}

/* About Us Menu */
#navigation li.menu-item-1157:hover {background: url(images/transparent-wraps.png);width: auto;}
#navigation li.menu-item-1157 ul {text-transform: none;padding: 15px 15px 20px;width: 320px;}
#navigation li.menu-item-1157 ul li {float: left;width: 160px;padding-left: 0;}
#navigation li.menu-item-1157 ul li a {color: #1b4164;padding: 0 10px 0 0;font-size: 12px; font-weight: bold;margin: 0 0 5px;}
#navigation li.menu-item-1157 ul li ul {position: static;width: auto;margin: 0;padding: 0;background: none;}
#navigation li.menu-item-1157 ul li ul li {float: none;height: auto;}
#navigation li.menu-item-1157 ul li ul li a {margin: 0;line-height: 15px;background:none;color: #102b48; font-weight: normal;}

/* Contact Us (Page ID 20) Styles */
div#left div.googlemap {
	width: 575px;
	height: 400px;
	background: url(images/contact-googlemap.gif) top right no-repeat;
}

	div#left div.googlemap a {
		display: block;
		width: 575px;
		height: 400px;
		text-indent: -999em;
	}
	
	div#left div.googlemap address {
		position: relative;
		top: -240px;
		left: 135px;
		font-style: normal;
	}

/* Comments */
#comments {margin: 40px 0 0;}
#comments .commentlist {margin: 0 0 20px;padding: 0;list-style: none;}
#comments .commentlist li {margin: 0 0 10px;padding: 10px 15px 0;background-color: #f8f8ff;border-width: 1px 0;border-style: solid;border-color: #dde0ee transparent;}
#comments .commentlist li.odd {background-color: #f0f0f8;}
#comments .vcard {font-weight: bold;}
#comments .vcard img {margin-right: 7px;vertical-align: middle;border: 2px solid #ccd0dd;}
#comments .comment-date {float: right;font-size: 8pt;font-weight: normal;}

/* Leave a Reply Form */
#respond #cancel-comment-reply-link {float: right;}
#respond input {display: block;width: 30%;}
#respond textarea {display: block;width: 99%;}
#respond .required {color: #f00;font-weight: bold;}
#respond .form-submit input {width: auto;}

/* Post and Comment Navigation */
.navigation {margin: 0 0 20px;font-weight: bold;}
.comment-navigation {overflow: hidden;height: 1%;font-weight: bold;}
.navigation ul,
.comment-navigation ul {float: right;}
.navigation li,
.comment-navigation li {float: left;margin-left: 5px;}
.navigation a,
.navigation span,
.comment-navigation a,
.comment-navigation span {display: block;width: 15px;height: 19px;padding: 0 5px;line-height: 18px;color: #333;text-align: center;text-decoration: none;background: #ddd url(images/navigation-a-background.gif) repeat-x scroll left top;border: 1px solid #b0b0b0;}
.navigation a:hover,
.comment-navigation a:hover {background-position: left -20px;}
.navigation span,
.comment-navigation span {color: #fff;background: #3273c6 url(images/navigation-span-background.gif) repeat-x scroll left top;border: 1px solid #254384;}