/*
    AUTHOR: Isaac Herrera (isaac1682@gmail.com)
	  
	 SITE: DUI Lawyer 
*/


														/*RESETS, BASIC PAGE SETUP, BASIC TYPOGRAPHY */


* {
	margin: 0;
	padding: 0;
}
html {
	overflow-y: scroll;
}
body {
	font-size:75%;
	line-height:1.25;
	font-family: Tahoma, Serif;
	color: #000;
	background-color:#b4a76d;
}
iframe {
	border:1px solid #ccc;
	padding: 5px;
}
h1, h2, h3 {
	margin-top:0;
	margin-bottom:0;
}
h1 {
	font-size:1.51429em;
	padding:.56257em 0;
	color: #ffffff;
	font-weight:bold;
	text-transform:capitalize;
	font-family: Trajan Pro, Tahoma, Serif;
	letter-spacing:.03em;
}
h2 {
	font-size:1.3em;
	padding:1.0em 0;
	color: #d6cda1;
	font-weight:bold;
	text-transform:capitalize;
	font-family: Trajan Pro, Tahoma, Serif;
}
h2.blue {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	padding:10px 5px 5px 5px;
	margin: 10px 2px 20px -60px;
	background-color:#500101;
	width: auto;
}
h2.interior {
	color:#9a8d53;
}
span.h2 {
	color: #500101;
}
h3 {
	font-size:1.28571em;
	padding:1.16245em 0;
	font-family: "Palatino Linotype", Palatino, serif;
	font-color: #fff;
}
h4 {
	font-size: 110%;
	font-weight: bold;
	color:#500101;
	padding:1.2em 0;
}
h5 {
	font-size:110%;
	padding:1.11786em 0;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
}
p {
	margin:0px 0px 15px 0;
	line-height:1.7em;
}
ul {
	list-style-image: none;
	margin: 0px 0 0 0px;
	float:left;
	width: 100%;
	color: #500101;
}
li {
	background: transparent url(images/bullet.gif) no-repeat 1px 5px;
	margin: 0px;
	padding: 0 0 0 10px;
	font-size: 12px;
	line-height:1.5em;
	list-style: none;
}
p {
	margin:0px 0px 15px 0;
	line-height:1.5em;
}
p.license {
	padding: 10px 3px;
	color: #ffffff;
	line-height:1.45em
}
a {
	outline: none;
	color: #500101;
	text-decoration:none;
}
a:hover {
	color:#43390d;
	position: relative;
	font-weight: normal;
}
a img {
	border: none;
}
/* TOOLBOX */

.border {
	border-top: 1px dashed #a4c393;
	float:left;
	width: 100%;
}
.noborder {
	border: none !important;
}
.floatleft {
	float: left;
}
.floatright {
	float: right;
}
.clear {
	clear: both;
}
.transpBlack {
	background: url(transpBlack.png);
}
.indent {
	padding: 0px 0 0 25px;
	margin: 0;
	font-size: 10.2px;
	font-weight:bold;
}
.free {
	background:none;
}
.white {
	color:#C9DFF7;
}
/* FORMS */

#searchform {
	margin: 5px 0 0 0;
	padding: 0;
	float:right;
}
#searchform div {
	padding: 0 10px;
	margin: 0 0 0 0px;
	line-height: 1;
}
input#text {
	color: #999;
	width: 130px;
	padding: 0 5px;
}

.disclaimer {
	font-size: 10px;
	font-style: italic;
	color: #FFF;
}
.disclaimer a {
	color:#fff;
}



/*  NAVIGATION */
														
			
#top-nav {
	height: auto;
	z-index:9999;
	text-align:left;
	padding: 0;
	margin: 0 0 0 63px;
	float:left;
}
ul#main-nav {
	background: transparent;
	width: 955px;
	height: 30px;
	margin: 0;
	color:#fff;
	padding: 0px 0 0 0;
	list-style:none;
}
ul#main-nav li {
	height: auto;
	margin:0;
	padding: 0px;
	display:inline;
	background:none;
}
ul#main-nav li a {
	float:left;
	display:block;
	background:url("images/menu.png") no-repeat;
	width:100%;
	text-indent:-9999px;
	height:44px
}
ul#main-nav li a:hover {
	position:relative;
	top: 0;
}
ul#main-nav li#home a {
	background-position:0px -45px;
	width: 89px;
	height: 44px;
}
ul#main-nav li#home a.active {
	background-position:0px 0px;
	width: 89px;
	height: 44px;
}
ul#main-nav li#anatomy a {
	background-position:-89px -45px;
	width: 138px;
	height: 44px;
}
ul#main-nav li#anatomy a.active {
	background-position:-89px 0px;
	width: 138px;
	height: 44px;
}
ul#main-nav li#types a {
	background-position:-227px -45px;
	width: 142px;
	height: 44px;
}
ul#main-nav li#types a.active {
	background-position:-227px 0px;
	width: 142px;
	height: 44px;
}
ul#main-nav li#ten-tips a {
	background-position:-369px -45px;
	width: 104px;
	height: 44px;
}
ul#main-nav li#ten-tips a.active {
	background-position:-369px 0px;
	width: 104px;
	height: 44px;
}
ul#main-nav li#rights a {
	background-position:-473px -45px;
	width: 171px;
	height: 44px;
}
ul#main-nav li#rights a.active {
	background-position:-473px 0px;
	width: 171px;
	height: 44px;
}
ul#main-nav li#news a {
	background-position:-644px -45px;
	width: 81px;
	height: 44px;
}
ul#main-nav li#news a.active {
	background-position:-644px 0px;
	width: 81px;
	height: 44px;
}
ul#main-nav li#quote a {
	background-position:-725px -45px;
	width: 126px;
	height: 44px;
}
ul#main-nav li#quote a.active {
	background-position:-725px 0px;
	width: 126px;
	height: 44px;
}
ul#main-nav li#resources a {
	background-position:-851px -45px;
	width: 104px;
	height: 44px;
}
ul#main-nav li#resources a.active {
	background-position:-851px 0px;
	width: 104px;
	height: 44px;
}
ul#main-nav li a span {
	background:url("images/menu.png");
	height:44px;
	display:block
}
ul#main-nav li#home a span {
	background-position:0px 0px;
	width: 89px;
	height: 44px;
}
ul#main-nav li#anatomy a span {
	background-position:-89px 0px
}
ul#main-nav li#types a span {
	background-position:-227px 0px
}
ul#main-nav li#ten-tips a span {
	background-position:-369px 0px
}
ul#main-nav li#rights a span {
	background-position:-473px 0px
}
ul#main-nav li#news a span {
	background-position:-644px 0px
}
ul#main-nav li#quote a span {
	background-position:-725px 0px
}
ul#main-nav li#resources a span {
	background-position:-851px 0px
}
#sub-nav {
	margin: 0;
	padding: 0;
	clear:both;
	float:left;
	width: 100%;
	height: auto;
}
#sub-nav ul.sub-nav {
	width: 350px;
	height: auto;
	float:left;
	list-style:none;
}
#sub-nav ul.sub-nav li {
	width:auto;
	height: auto;
	float:left;
	margin: 0 2px;
	background:none;
	color: #fff;
}
#sub-nav ul.sub-nav li a {
	color: #fff;
	text-decoration:none;
}
#sub-nav ul.sub-nav li a:hover {
	text-decoration: underline;
}
/* PAGE STRUCTURE */
														
														
														
body.home {
	width: 100%;
	height: 100%;
}
#background {
	background:#2d5e8f url(images/bg.jpg) repeat-x;
	width: 100%;
	margin: 0 auto;
	padding:0px;
	height: 100%;
	position: relative;
	background-color: #b3a76d;
}
#content-wrap {
	background:transparent url(images/home-bg.jpg) no-repeat;
	width: 1350px;
	height: 100%;
	margin: 0 auto;
	position:relative;
}
#shareNew {
	float: right;
	width: 190px;
	height: 27px;
	height: 18px;
	margin-top: 2px;
	margin-bottom: 7px;
	margin-left: 0;
	margin-right:0px;
}
#search {
	float: right;
	width: 190px;
	height: 27px;
	height: 18px;
	margin-top: 2px;
	margin-bottom: 7px;
	margin-left: 0;
}
input#field {
	margin: 0;
	padding: 0;
	vertical-align:top;
	border:none;
}
a.stbutton {
	position: relative;
	top: 50px;
	left: 122px;
}
#go {
background: outline:medium none !important;
	text-indent:-9999px;
	padding: 0 4px;
	vertical-align:top;
}
#go:hover {
	position:relative;
	top: 1px;
}
#street-swoop {
	position:absolute;
	top: 760px;
	left: -300px;
	z-index:1;
	background-image:url("images/street-swoop.png");
}
#logo {
	margin: 10px 0 15px 63px;
	float:left;
	width: 350px;
	height: 100%;
}
#social-slide {
	margin: 20px;
	padding: 0;
	position: absolute;
	z-index:999;
	top: 0px;
	left: 1050px;
	width: 186px;
}
#panel {
	width: 360px;
	height: 300px;
	display: none;
}
iframe#stframe {
	width: 354px;
	height: 300px;
	float:left;
	border:none;
}
p.slide-me {
	border:none;
	height: 26px;
	width: 370px;
	text-align:center;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
p.slide-me a {
	color: #092b4f;
}
p.slide-me a:hover {
	color: #fff;
}
#interior-content-wrap {
	margin: 0 0 0 63px;
	padding: 0px;
	clear:both;
	float:left;
	width: auto;
	height:auto;
}
#top-banner {
	width: 775px;
	height: 188px;
	float:left;
	background: transparent url("images/top-banner-1.png") no-repeat 0 0;
	margin: 0;
	padding: 0;
	position:relative;
}
#top-banner-text {
	position:absolute;
	right:-1px;
	top:0;
	width: 340px;
	margin: 20;
	text-align:left;
}
ul.home-page-banner-list {
	float:left;
	margin: 0px 0px 0 35px;
	padding:0px 0px;
	width: 250px;
}
ul.home-page-banner-list li {
	width: auto;
	height: auto;
	margin: 5px 0px 0px 0px;
	padding:0px 0px 10px 15px;
	border-bottom: 1px solid #8d5f4a;
	list-style-image:url("images/double-arrow-home.gif");
	background:none;
}
ul.home-page-banner-list2 {
	float:left;
	margin: 0px 0px 0 35px;
	padding:0px 0px;
	width: 250px;
}
ul.home-page-banner-list2 li {
	width: auto;
	height: auto;
	margin: 5px 0px 0px 0px;
	padding:0px 0px 10px 15px;
	border-bottom: 1px solid #8d5f4a;
	list-style-image:url("images/double-arrow.png");
	background:none;
}


ul.home-page-banner-list li a {
	color: #fff;
}
ul.home-page-banner-list li a:hover {
	text-decoration:none;
	color: #c8be8c;
}
#content-top {
	background:transparent url("images/content-top.png") no-repeat -1px 0;
	width: 980px;
	height:20px;
	float:left;
}
#content-interior-top {
	background:transparent url("images/interior-content-top.png") no-repeat 0px 1px;
	width: 980px;
	height:20px;
	float:left;
}
#content-bottom {
	background:transparent url("images/content-bottom.png") no-repeat 0 0;
	width: 980px;
	height:20px;
	float:left;
}
#content-interior-bottom {
	background:transparent url("images/interior-content-bottom.png") no-repeat 0 0;
	width: 980px;
	height:20px;
	float:left;
}
#content {
	float:left;
	width: 980px;
	height: 100%;
	background: transparent url("images/content-bg.png") repeat-y 0 0;
	padding:0 0 0 50px;
}
#content-interior {
	position:relative;
	float:left;
	width: 980px;
	height: 100%;
	background: transparent url("images/interior-content-bg.png") repeat-y 0 0;
	padding:0 0 10px 50px;
}
#content-column-1 {
	float:left;
	width: 425px;
	height:auto;
}
#content-column-2 {
	float:left;
	width: 240px;
	margin: 70px 0 0 30px;
	height:auto;
	background:transparent url("images/content-column-2bg.png") repeat-y 0 0;
}
#license {
	margin:10px;
	padding: 5px 10px;
	width: auto;
	height: auto;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	background-color:#500101;
}
#content-column-3 {
	float:left;
	width: 240px;
	margin: 70px 0 0 30px;
	height:auto;
	background:transparent;
}
ul.news {
	display:block;
	padding:0px;
	margin: 0;
	position:relative;
	top: -15px;
}
ul.news li {
	list-style:none;
	background:none;
	padding: 10px 0;
	margin:5px 0px;
	border-bottom:1px solid #500101;
}
ul.news li a {
	color: #43390d;
}
ul.news li a:hover {
	color: #500101;
	text-decoration: none;
}
#text-quote {
	float:left;
	width: 220px;
	margin: 40px 0 0 0px;
	padding: 10px;
	height:auto;
	background:transparent url("images/content-column-2bg.png") repeat-y 0 0;
}
#hp-quote {
	border: 1px solid #cfc597;
	padding: 10px 5px 5px 5px;
	margin: 5px;
}
#hp-quote p {
	color: #500101;
	text-align:center;
}
#top-banner-interior-ten-tips {
	margin: 5px 0 0 0;
}
#content-top-ten {
	margin: 0 auto;
	width: 600px;
	clear: both;
	min-height: 270px;
}
#top-ten-list {
	float: left;
	width: 250px;
	height: auto;
	margin: 0 20px;
	padding: 0;
}
#top-ten-list ul {
	width: 250px;
	float:left;
}
#top-ten-list ul li {
	width: 250px;
	background: url(images/double-arrow-blue.gif) no-repeat 0 10px;
	padding: 5px 20px;
}
#top-ten-list ul li a {
	width: 250px;
}
#guts {
	float: left;
	width: auto;
	height: auto;
	margin: 10px 0;
	border-top: 1px solid #ccc;
}
#guts-2 {
	float: left;
	width: auto;
	height: auto;
	margin: 10px 0;
	border-top: 1px solid #ccc;
}
ul.first-48, ul.fighting, ul.easing-consequences, ul.license-back {
	width: 600px;
	background:none;
	height: 100%;
	margin: 0px 0 10px 0;
	float:left;
}
ul.first-48 li, ul.fighting li, ul.easing-consequences li, ul.license-back li {
	background:none;
	float: left;
	width: 260px;
	padding-top: 0;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 20px;
}
#wrap {
	width: 1010px;
	margin: 0 auto;
	padding:0px;
}
#content-  {
	margin: 0 auto;
	width: 950px;
	clear: both;
}
ul.types-of-dui {
	width:900px;
	height: auto;
	list-style:none;
}
ul.types-of-dui li {
	float:left;
	width: 140px;
	list-style:none;
	margin: 10px 20px;
	padding: 0 0 0 0px;
	display:inline;
	background:none;
}
ul.types-of-dui li img {
	border:3px solid #500101;
	float:left;
}
ul.types-of-dui li p {
	margin: 2px;
	padding: 0;
}
ul.types-of-dui li a {
	float:left;
}
/* know your rights pages */		
			
			
			
	#content-know-rights {
	margin: 0 auto;
	width: 950px;
	clear: both;
}
#know-rights-right-col {
	float: left;
	width: 290px;
	margin: 0 10px;
	padding:0
}
#know-rights-left-col {
	float: left;
	width: 400px;
	margin: 0 20px;
	padding:0
}
ul.know-rights {
	float:left;
	width: auto;
	height:auto;
	margin: 0px 0px 30px 0px;
	padding:5px;
	background: none;
}
ul.know-rights li {
	padding: 10px 20px;
	background: url("images/double-arrow-blue.gif") no-repeat scroll 0 15px transparent;
	border-bottom: 1px dotted #113860;
}
ul.know-rights li a {
	font-weight: bold;
}
object {
	float: left;
	border:5px solid #500101;
	margin: 10px 0;
}
#list {
	width: 875px;
	float:left;
	margin:20px 0 0 0;
}
ul.big-list {
	width: 380px;
	float:left;
	padding: 25px;
}
#call-out {
	text-align: center;
	float:left;
	margin:10px;
	padding: 15px 0 0 0px;
	width: 245px;
	height: auto;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	background-color:#c6bb89;
}
#call-out:hover {
	position:relative;
	top: 1px;
}
/* news page */	
			
		#content-news {
	margin: 0 auto;
	width: 550px;
	clear: both;
}
ul.news-list {
	float:left;
	width: auto;
	height:auto;
	background:none;
	width: 550px;
}
ul.news-list li {
	padding: 20px 0px;
	border-bottom: 1px dotted #9a8d53;
	background:none;
}
/* resources page */				
			
	#content-resources {
	width: 600px;
	height:100%;
	clear:both;
	margin: 0 auto;
}
#resources-wrap {
	width: 550px;
	height: auto;
	margin:0 auto;
	clear: both;
}
#resources ul.resources-index {
	width: 500px;
	display: block;
	background:none;
}
ul.resources-index li {
	float:left;
	display:inline;
	padding: 10px 20px 10px 0px;
	margin: 10px 20px 10px 0px;
	background:none;
}
#resource-content {
	width: 525px;
	height: auto;
	float: left;
	margin:20px 10px 25px 25px;
}
.bottomNotice {
	margin-top:10px;
	line-height:2.5em;
	font-size:1.0em;
	color:#43390d;
}
ul.resources-index {
	float:left;
	border-top: 1px dashed #a4c393;
	border-bottom: 1px dashed #a4c393;
}
ul.resources-index li a {
	font-weight:bold;
}
ul.resource-lists {
	float:left;
	margin: 25px 0px 0px 0px;
	border-bottom: 1px dotted #113860;
	padding: 0 0 25px 0;
}
ul.resource-lists li {
	background: none;
}

ul.resource-lists li a {
	text-decoration:underline;
}

ul.resource-lists22 {
	float:left;
	margin: 25px 0px 0px 0px;
	border-bottom: 1px dashed #113860;
	padding: 0 0 25px 0;
}
ul.resource-lists22 li {
	background: none;
	width:150px;
	float:left;
	margin:5px 0px;
}
ul.resource-lists33 {
	margin: 25px 0px 0px 0px;
	border-bottom: 1px dashed #113860;
	padding: 0 0 25px 0;
}
ul.resource-lists33 li {
	background: none;
	width:250px;
	margin:5px 0px;
}

ul.resource-lists33 li a {
	text-decoration:underline;
}

#ask-jake {
	width: 780px;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
	left: -120px;
	float:left;
}
ul.ask-jake {
	width: 800px;
	float:left;
	margin: 25px 0px;
	padding:10px 0px;
	border-top: 1px dotted #113860;
	border-bottom: 1px dotted #113860;
}
ul.ask-jake li {
	width: 220px;
	float:left;
	margin:5px 15px;
	background:none;
}
#content-about {
	position:relative;
	width: 650px;
	clear: both;
	margin:0 0 0 50px;
	padding: 0;
}
ul.about {
	width: 500px;
	float: left;
	border-bottom: 1px dotted #113860;
	padding: 10px 0px;
}
ul.about li {
	width: 500px;
	padding: 5px 0px;
	background:none;
}
#content-contact {
	width: 800px;
	margin: 0 auto;
}
#contact-right {
	float: left;
	width: 250px;
	height: auto;
	margin: 0px 20px;
	padding: 0;
}
#contact-left {
	float: left;
	width: 250px;
	height: auto;
	margin: 0px 20px;
	padding: 0;
}
/* contact pages, request quotes*/	
																
																
	#contact-info {
	float:left;
	clear:both;
	width: auto;
}
/* FOOTER */
														
														
#footer {
	clear: both;
	width: 1120px;
	height: 120px;
	margin: 0 auto;
	padding: 10px 0;
	background: transparent url("images/footer-bg.png") 0 0 no-repeat;
}
#footer-wrap {
	margin: 0 0 0 63px;
}
ul.footer {
	float:left;
	width: 850px;
	height: auto;
}
ul.footer li {
	background: none;
	padding: 0px 2px;
	display:inline;
	color: #ffffff;
}
ul.footer li a {
	color: #fff;
}
#legal-stuff {
	display:none;
	width: 800px;
}
#legal-stuff-text {
	width: 650px;
	text-align:left;
	margin: 0 auto;
	color: #E1DFDF;
	margin: 25px 0 0 0;
}
#splash #slider ul li {
	background-image:none;
}
#slider ul {
}
#slider li {
	background-image:none;
	border:none;
}
#controls {
	display:none;
}
.blueBorder {
	border: 1px solid #cfc597;
	padding: 5px;
	margin: 10px 0 0 0;
	background-color: #500101;
}
.movement {
	color:#ffffff;
	font-weight: bold;
}
a.movement {
	color:#ffffff;
	font-weight: normal;
	font-style:italic;
	text-decoration:underline;
}
a:hover.movement {
	color:#cfc597;
	font-weight: normal;
}
.aboutJake {
	color:#500101;
	font-weight: bold;
}
a.aboutJake {
	color:#500101;
	font-weight: bold;
}
a:hover.aboutJake {
	color:#675816;
	font-weight: bold;
}
.moveOverRover {
	font-weight: bold;
	padding-left: 21px;
}
#toSaveThisCode {
	width:1350px;
	margin:0 auto;
}
#withThisDiv {
	margin-left:-384px;
}
#shareThis * {
	color:#fff;
}
#ContactPageForm {
	width:350px;
	position:absolute;
	top:0;
	left:0;
	height:900px;
	overflow:visible;
	z-index:1;
}
#RightColContactPage {
	width:270px;
	position:absolute;
	top:0;
	right:0;
	z-index:1000;
	height:900px;
}
#Map {
	width:580px;
	margin:0 auto;	
}
.imgLeft {
	margin: 4px;
	float: left;
}
div#content-types-of-dui ul li {
	list-style:none;	
	background-image:none;
	float:left;
	margin:5px 20px;	

}

div#content-types-of-dui ul li img {
	border:5px solid #500101;
}

div#content-types-of-dui ul li p {
	padding:0;
	margin:2px 0;
}

#guts-2 a {
	text-decoration:underline;
	font-weight:bold;
}
* a { text-decoration:underline; }