/* CSS Document */

*							{ margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; }
ul							{ list-style: none; }
li							{ margin: 0; padding: 0; font-size: 12px; }
p							{ font-size: 12px; }

a:link,	a:visited			{ color: #0000ff; text-decoration: none; }
a:hover, a:active			{ color: #0099FF; text-decoration: underline; }			

body						{ background-color: #cccccc; background-image: url(images/bg.jpg); background-repeat: repeat; margin: 10px 0 0 0; }
#page-wrap					{ width: 870px; margin: 0 auto; position: relative; background-image: url(images/pw-bg.png); background-repeat: repeat; background-color: #09396f; }

#header						{ height: 210px; padding: 10px 0 0 0; text-shadow: 2px 6px 3px #04203f; background-image: url(images/otstott-header-bg3.png); background-repeat: no-repeat;  }

#header-home				{ height: 210px; text-shadow: 2px 6px 3px #04203f; background-image: url(images/otstott-header-bg3.png); background-repeat: no-repeat; }
#info						{ float: left; width: 400px; padding: 10px 0 0 0; }
#tagline					{ width: 300px; padding: 5px 0 0 40px;  text-align: center; }


#header-nav					{ width: 450px; height: 35px; padding: 68px 0 0 305px; }
#header-nav li				{  }
#header-nav li a			{ display: block; width: 100px; height: 28px; float: left; color: #000000; background-image: url(images/button-bg-test.png); background-repeat: no-repeat; font-weight: bold; text-align: center; margin: 0 5px 0 0; padding: 7px 0 0 0; }
#header-nav li a:hover		{ color: #0099ff; text-decoration: underline; }

#main-area					{  }
#content-container			{ width: 600px; float: left; margin: 10px 0 0 0; }

#two-col-content-area		{ width: 600px; margin: -3px 0 0 0; background: url(images/2-col-content-bg.png) repeat-y; }
#two-col-content-area p		{ padding: 0 25px 10px 25px; }
#two-col-content-area ul	{ padding: 10px 25px 10px 50px; }
.two-col-sidebar			{ width: 225px; float: left; margin: 10px 25px 0 7px;}
.navigation					{ background: url(images/sidebar-bg.png) repeat-y; padding: 0 20px 0 20px; margin: -3px 0 0 0; }
.navigation li				{ font-size: 15px; }


/*------------ nav active states -------------*/
body#home .navigation li a.home,
body#bus .navigation li a.bus,
body#contact .navigation li a.contact,
body#jamison .navigation li a.jamison,
body#otstott .navigation li a.otstott,
body#truck .navigation li a.truck,
body#yaz .navigation li a.yaz,
body#mesothelioma .navigation li a.mesothelioma,
body#motorcycle .navigation li a.motorcycle,
body#nursing .navigation li a.nursing,
body#onjob .navigation li a.onjob,
body#car .navigation li a.car,
body#reglan .navigation li a.reglan,
body#zinc .navigation li a.zinc,
body#oil .navigation li a.oil,
body#scaffold .navigation li a.scaffold			{ font-weight: bold; color: #FF6600; }
/*--------------------------------------------*/
#footer						{ height: 150px; margin: 0 0 15px 0; }


.clear						{ clear: both; }
h1							{ color: #ffffff; padding: 10px 0 0 20px; font-family: "Times New Roman", Times, serif; }
h2							{ color: #ffffff; padding: 0 0 0 90px; font-family: "Times New Roman", Times, serif; }
h2.nofee					{ color: #000000; padding: 0; font-family: "Times New Roman", Times, serif; text-align: center; }
h3							{ color: #ffffff; padding: 8px 0 0 103px; font-family: "Times New Roman", Times, serif; font-size: 24px; }
h3.fee						{ padding: 0 0 0 50px; }
h3.your-lawyer				{ color: #000000; padding: 0; font-family: "Times New Roman", Times, serif; font-size: 18px; text-align: center; }
#spacer						{ text-align: center; }
.tagline					{ color: #ffffff; font-family: "Times New Roman", Times, serif; font-weight: bold; font-size: 22px; }
.red-large					{ color: #990000; font-family: "Times New Roman", Times, serif; font-weight: bold; font-size: 22px; }
.opn						{ color: #ffffff; font-size: 11px; text-align: center; padding: 50px 0 0 0; }
.opn a						{ color: #ffffff; text-decoration: none; }
.opn a:hover				{ text-decoration: underline; }
.underline					{ text-decoration: underline; }
.bold						{ font-weight: bold; }
.underbold					{ font-weight: bold; text-decoration: underline; }
.indent						{ text-indent: 67px; }
a.sm-indent					{ text-indent: 10px; }
.bolditalic					{ font-weight: bold; font-style: italic; }
.map						{ padding: 0 40px 0 0; float: right; }
.viewmap					{ padding: 0 0 0 25px; }
.picright					{ float: right; padding: 0 30px 0 8px; }
.inlinepic					{ padding: 0 0 5px 30px; }
.aster li					{ list-style: disc; padding: 0 0 5px 0; } 
.footer-nav					{ color: #ffffff; font-size: 12px; text-align: center; padding: 10px 0 0 0; }
.footer-nav a				{ color: #ffffff; }
.blue						{ color: #0000FF; font-weight: bold; font-size: 18px; }
.red						{ color: #990000; font-weight: bold; font-size: 14px; }
.address					{ float: left; }
.tab						{ text-indent: 8px; }
li.tab						{ list-style: none; }

/*------          Slideshow         ---------*/
#gallery { position: relative; height: 210px; }
#gallery a { float: right; position: absolute; top: 1px; right: 1px; }	
#gallery a img { border: none; }	
#gallery a.show { z-index: 500;	}
#gallery .caption {	z-index: 600; background-color :#000; color: #ffffff; height: 55px; width: 100%; position: absolute; bottom: -1px; right: 1px; }
#gallery .caption .content { margin: 5px; }	
#gallery .caption .content h3 { margin: 0; padding: 0; color: #1DCCEF; }
/*-------------------------------------------*/
.phone					{ color: #ffffff; font-weight: bold; font-size: 24px; padding: 0 0 0 25px; }

#contact-area			{ background: url(images/sidebar-bg.png) repeat-y; padding: 0 20px 0 20px; margin: -3px 0 0 0; }
#contact-area textarea 	{ padding: 5px; width: 165px; height: 100px; margin: 0px 0px 10px 0px; border: 2px solid #ccc; }
#contact-area input 	{ padding: 5px; width: 165px; margin: 0px 0px 10px 0px; border: 2px solid #ccc; }
label					{ font-size: 12px; }

.centered				{ text-align: center; font-size: 14px; }

#oil-spill-button					{ position: absolute; top: 380px; left: 565px; width: 245px; text-indent: -9999px; }
#oil-spill-button li				{ list-style: none; }
#oil-spill-button li a				{ display: block; width: 245px; height: 123px; }
#oil-spill-button li a.oil-spill	{ background-image: url(images/oilspill-button-full.png); background-repeat: no-repeat; background-position: center bottom; }
#oil-spill-button li a:hover		{ background-position: center top; }