@charset "utf-8";
/* CSS Document */
body {
	margin: 0 auto;
	padding: 0px;
	background: #452b29 url(../images/bg.jpg) repeat-x top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h1 {
	font-size: 24px;
	margin: 0;
	padding: 5px 0;
	color: #4e0300;
	font-weight: normal;
	line-height: 24px;
	border-bottom: 1px dotted #636363;
	width: 100%;
}
h2 {
	font-size: 14px;
	color: #414141;
	line-height: 50px;
	font-weight: bold;
	margin: 0;
	letter-spacing: -1px;
	padding: 0;
}

h3 {
	font-size: 14px;
	color: #414141;
	line-height: 23px;
	font-weight: bold;
	margin: 0;
	letter-spacing: -1px;
	padding: 10px 0;
}
h5 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	font-style: italic;
	color: #656565;
	margin: 15px 0px 10px;
	padding: 0px;
	font-weight: normal;
	line-height: 16px;
}
	h5 em {
		font-style: italic;
		color: #000;
	}
p, ol {
	font-weight: normal;
	font-size: 12px;
	color: #414141;
	line-height: 22px;
}
	p.attorney {
		font-size: 11px;
		color: #787878;
		line-height: 17px;
		text-align: justify;
	}
hr {
	height: 0px;
	border: 0;
	border-bottom: 1px solid #999999;
	padding: 10px 0px
}
hr.none {
	border: 0;
	width: 100%;
	height: 25px;
}
a, a:visited {
	color: #4e0300;
	font-weight: bold;
	text-decoration: underline;
}
a:focus {
	outline: none;
}
a:hover {
	color: #721916;
	text-decoration: none;
}
ul li {
	font-weight: bold;
	color: #414141;
	font-size: 12px;
	line-height: 18px;
}
img.left {
	float: left;
	padding: 6px 10px 10px 0px;
}
img.right {
	float: right;
	padding: 6px 0px 10px 10px;
}
img.email {
	border: 0;
	padding: 0 0 3px 8px;
}
.next-prev {
	clear: both;
	width: 100%;
	padding-top: 10px;	
}
.lawyer {
	min-height: 180px;
	padding: 7px;
}
.fifty {
	width: 48%;
	float: left;
}
.text-box {
	width: 100%;
	margin: -3px 0 0px;
	padding: 0px;
	border: 1px solid #aaa;
	background: url(../images/text-box.jpg) no-repeat top left;
}
input {
	background: url(../images/text-box.jpg) no-repeat top left;	
	border: 1px solid #aaa;
}
.submit {
	background: url(../images/submit.jpg) no-repeat top center;
	float: right;
	font-size: 12px;
	color: #333;
	width: 80px;
	height: 25px;
	border: none;
	margin: 3px 0;
	cursor: pointer;
}
	.submit:hover {
		font-weight: bold;
	}
.thirty {
	width: 30%;
	float: left;
}
img.borderb {
	background-color: #f7fafd;
	border: 1px solid #d4e5f2;
	padding: 4px;
	margin: 10px;
}
#header,#headercpc {
	width: 940px;
	height: 230px;
	background: url(../images/header.jpg) no-repeat bottom center;
	margin: 0 auto;
	position: relative;
	z-index: 10;
}
#headercpc {
	background: url(../images/header_CPC.jpg) no-repeat bottom center;
}
	#accident-lawyer {
		width: 221px;
		height: 343px;
		float: right;
		margin: 0;
		padding: 10px 38px 10px 24px;
		display: block;
		clear: both;
		vertical-align: top;
	}
		#accident-lawyer p {
			font-size: 10px;
			text-transform: uppercase;
			font-weight: bold;
			color: #eee;
			margin: 0px;
			padding: 0px;
			line-height: 17px;
		}
			#accident-lawyer p em {
				margin-left: 72px;
				font-style: normal;
			}
			#accident-lawyer p em.spanish {
				margin-left: 55px;
				font-style: normal;
			}
		#accident-lawyer h1 {
			border-bottom: none;
			padding: 4px 0px 11px;
			letter-spacing: -1px;
			color: #fff;
		}
	#top-nav {
		width: 289px;
		height: 82px;
		display: block;
		margin: 0;
		padding: 0;
		clear: both;
		position: absolute;	
		top: 245px;	
		left: 648px;
		z-index: 999;
		background: url(../images/button-hover3.jpg) no-repeat top center;

	}
		#top-nav ul {
			width: 278px;
			height: 82px;
			margin: 0px 0 0px 3px;
			padding: 0px;
			list-style: none;
		}
			#top-nav ul li a {
				width: 213px;
				height: 32px;
				display: block;
				padding: 10px 0 0 65px;
				font-size: 11px;
				color: #fff;
				font-weight: normal;
				text-decoration: none;
				z-index: 50;
			}
			#top-nav ul li a:hover {
				background: url(../images/button-hover.jpg) no-repeat top center;
				color: #CCC;
	
			}
			#top-nav ul li#spanish a:hover {
				background-position: 2px 0;
				
			}
			#top-nav ul li#resources a:hover {
				background-position: 1px -43px;
				
			}
#top-nav ul li#resources {
	z-index:1000;
				
}

#header-inside.bloger {
	background: url(../images/header-inside-blog.jpg) no-repeat bottom center !important;
}
#header-blog {
	width: 940px;
	height: 292px;
	background: url(../images/header-inside-blog.jpg) no-repeat bottom center;
	margin: 0 auto;
	position: relative;
}
#content-main {
	width: 940px;
	margin: 0 auto;
	background: url(../images/body-bg.jpg) repeat-y center;
	padding: 0 0 25px 0;
	display: block;
	clear: both;
	position: relative;;
	overflow: auto;
	z-index: 1;
}
	#content-area {
		width: 567px;
		float: left;
		margin: 0px 0 0 0;
		padding: 0 50px 0 33px;
	}
		#content-area p {
			padding: 0 0 9px 0;
		}
	#sidebar {
		width: 279px;
		float: right;
		margin: 41px 0 0 0;
		padding: 0 7px 0 4px;
	}
		#sidebar-title {
			width: 262px;
			height: 30px;
			background: url(../images/title-sidebar.jpg) repeat-x top;
			display: block;
			padding: 10px 0 0 15px;
			font-size: 14px;
			font-weight: bold;
			color: #fff;
		}
		#sidebar-content {
			width: 235px;
			margin: 0 0 10px 0;
			padding: 15px 20px 20px;
			background: #dfdfdf url(../images/sidebar-bg.jpg) repeat-x top;
			border-left: 1px dotted #636363;
			border-right: 1px dotted #636363;
		}
			#sidebar-content.form p {
				margin: 5px 0 5px;
				padding: 0;
				line-height: 12px;
			}
			#sidebar ul {
				margin: 0 0 0 -15px;
			}
			#sidebar li a {
				font-size: 11px;
				color: #4e0300;
				font-weight: bold;
				list-style: circle;
				line-height: 20px;
				margin: 0;
				padding: 0;			
			}
			#sidebar p {
				font-size: 11px;
				color: #414141;
				line-height: 18px;
				margin: 0;
				padding: 0 0 15px 0;
			}
			#sidebar p a.right {
				float: right;
				font-size: 10px;
				text-transform: uppercase;
			}
#content-footer {
	width: 940px;
	height: 13px;
	background: url(../images/footer-bg.jpg) no-repeat top center;
	margin: 0 auto 15px;
	padding: 0;
	clear: both;
}
#footer {
	width: 100%;
	padding: 15px 0px 35px;
	background-color: #483433;
	overflow: auto;
	overflow-x: hidden; 
}
	#footer-center {
		width: 900px;
		margin: 0 auto;
	}
	#footer p {
		width: 940px;
		font-size: 10px;
		color: #d2b5b3;
		line-height: 12px;
	}
	#footer p a, #footer p a:hover {
		color: #896865;
		text-decoration: none;
		font-weight: normal;
	}
	#footer p a:hover {
		color: #9c8280;
		text-decoration: underline;
	}
	#footer a, #footer a:hover {
		color: #896865;
		text-decoration: none;
		font-weight: normal;
	}
	#footer a:hover {
		color: #9c8280;
		text-decoration: underline;
	}
#articles td {
	padding: 5px;
}
	#articles p {
		line-height: 16px;
		font-size: 11px;
	}
a.attorney-right {
		font-size: 10px;
		color: #4e0300;
		font-weight: bold;
		text-transform: uppercase;
		width: 100%;
		text-align: right;
		border-bottom: 1px dotted #ccc;
		float: right;
		margin-bottom: 20px;
		clear: both;
		line-height: 2px;
		border: none;
	}
a.attorney-left {
		font-size: 10px;
		color: #4e0300;
		font-weight: bold;
		text-transform: uppercase;
		width: 100%;
		text-align: left;
		border-bottom: 1px dotted #ccc;
		float: right;
		padding: 0px;
		line-height: 2px;
		margin: 0 0 30px 0;
		clear: both;
		display: block;
		border: none;
	}
.toggle_container {
	margin: 0 0 15px;
	padding: 0;
	overflow: hidden;
	width: 550px;
	clear: both;
	display: block;
}
ul#social-media {
		width: 200px;
		margin: 0px;
		padding: 0px;
		top: 92px;
		left: 742px;
		display: block;
		position: relative;
}
	ul#social-media li {
		float: left;

		display: inline-block;
		height: 52px;
		margin: 0px;
		padding: 3px;
	}
	
		ul#social-media li a img{
			margin: 0px;
			padding: 15px 0 0 0;
			border: none;
		}

/*----social buttons---*/
#static-spanish-head { top: 461px; left: 654px; position: absolute; text-align: center; z-index: 60; padding: 0;
 }
#static { top: 213px; left: 654px; position: absolute; text-align: center; z-index: 60; padding: 0;
 }
 
.shareit a {
	float: left;
	display:block;
	width:50px;
	height:20px;
	background:url(http://www.sgplaw.com/images/share.png) no-repeat 0 0;
	text-indent: -9999px;
	border-bottom: none;
	text-decoration: none;
	 }
	 
.shareit a:hover {
	background:url(http://www.sgplaw.com/images/share.png) no-repeat 0 -20px;
	border-bottom: none;
	text-decoration: none;
	}


/*--- more changes ----*/
#content-area p.div {
	background: url("../images/div.jpg") no-repeat 0 0;
	margin-bottom: 0; padding: 16px 0 9px;
}
.ctaconsult  {
    background: url("../images/free-consultation-cta.jpg") no-repeat scroll 0 0 transparent;
    float: left; height: 60px;  margin: -20px 0 0 -33px; padding: 0; position: relative;
    width: 572px; z-index: 10;
}
.ctaconsult a {display: block;float: left; height: 60px;width: 572px;
}
.ctaconsult a:hover {
	background: url("../images/free-consultation-cta.jpg") no-repeat scroll 0 -60px transparent;
}
.quote {
    background: url("../images/quote-top.jpg") no-repeat scroll center top transparent;
	color: #452b29; font: normal 16px Georgia, "Times New Roman", Times, serif;
	line-height: 22px; margin: 0; padding: 30px 20px 0 40px;
	text-indent: 25px; text-align: left; width: 260px; float: right; z-index: 2;
}
.quote em {
    background: url("../images/quote-bot.jpg") no-repeat scroll center 3px transparent;
    display: block; font-size: 14px; height: 40px; width: 320px; margin-left: -30px;
    text-align: center; color: #8d1514; text-indent: 120px;
}
