/* 
*
*	edreamz Jan 2009
*
*/


/* 
 * 
 * Admin 
 * (WYSIWYG Content)
 * 
 */

  h1 { color: #2958a2; font-weight: normal; font-size: 24px; font-family: Arial, Helvetica, sans-serif; line-height: normal;}
  h2 { color: #2958a2; font-weight: bold; font-size: 14px;}
  h3 { color: #d78400; font-weight: bold; font-size: 12px; line-height: normal;}
  h4 { color: #d78400; font-weight: bold; font-size: 16px; line-height: normal;}
  a { color: #f19900; text-decoration: none; font-weight: bold;}
  a:hover { color: #fca001; text-decoration: underline;}

  ul, ol { padding:0 0 18px 0;}
  .content ul, ol { padding:9px 0 9px 40px;}
  .error ul, ol { padding:0 0 18px 40px;}
  ul li{ margin-bottom: 5px;}
  ul li.green{ list-style-image: url(/images/bullet-arrow-green.gif); margin-bottom: 5px;}
  ol li{ list-style: decimal; margin-bottom: 5px;}

  a.triangle{ text-decoration: none; background: url(/images/bullet-arrow.gif) left no-repeat; padding-left: 10px; font-weight: normal;}
  a.triangle:hover{ text-decoration: underline;}

  p{ margin: 0; padding: 0 0 15px 0;}

  p img{padding: 5px;}


/* 
 * 
 * Main Navigation
 *
 */
  #mainNav { height: 40px; width: 585px; position: absolute; right: 11px; bottom: 7px;}
  #mainNav .main{ margin-top: 0; padding: 0; list-style: none; display: inline; overflow: hidden;}
	#mainNav li { margin:0; padding:0; list-style: none; display: inline;}
	#mainNav a { float: left; padding: 40px 0 0 0; overflow: hidden; height: 0px; }
	#mainNav a:hover { background-position: 0 -40px;}
	#mainNav .selected{ background-position: 0 -40px;}

  #firm a { width: 117px; background: url(/images/buttons/nav-firm.gif) top left no-repeat;}
  #practice a { width: 141px; background: url(/images/buttons/nav-practice.gif) top left no-repeat;}
  #attorneys a { width: 123px; background: url(/images/buttons/nav-attorneys.gif) top left no-repeat;}
  #news a { width: 90px; background: url(/images/buttons/nav-news.gif) top left no-repeat;}
  #contact a { width: 100px; background: url(/images/buttons/nav-contact.gif) top left no-repeat;}

/* 
 * 
 * Dropdown Navigation
 * 
 */

  #mainNav #main li ul { margin:0; padding: 0; position: absolute; visibility: hidden; display: block; top: 41px; z-index: 100;}
  #mainNav #main li ul li { float: none; text-indent: 0; display: block; width: 200px; }
  #mainNav #main li ul li a{ font-weight: normal; color: #fff;}

  #mainNav #main li ul li a.sub:link {padding:5px 0 0 25px; font-size: 12px; background: #2958a2 url(/images/dd-bullet.gif) top left no-repeat !important; width: 175px; height: 20px; display: block; text-decoration: none; border-bottom: #fff 1px solid; border-left: #fff 1px solid; border-right: #fff 1px solid; font-size: 14px;}
  #mainNav #main li ul li a.sub:visited {padding:5px 0 0 25px; font-size: 12px; background: #2958a2 url(/images/dd-bullet.gif) top left no-repeat !important; width: 175px; height: 20px; display: block; text-decoration: none; border-bottom: #fff 1px solid; border-left: #fff 1px solid; border-right: #fff 1px solid; font-size: 14px;}
  #mainNav #main li ul li a.sub:hover {padding:5px 0 0 25px; font-size: 12px; background: #2958a2 url(/images/dd-bullet.gif) top left no-repeat !important; color: #fca001; width: 175px; height: 20px; display: block; text-decoration: none; border-bottom: #fff 1px solid; border-left: #fff 1px solid; border-right: #fff 1px solid; font-size: 14px;}
  #mainNav #main li ul li a.sub:active {padding:5px 0 0 25px; font-size: 12px; background: #2958a2 url(/images/dd-bullet.gif) top left no-repeat !important; width: 175px; height: 20px; display: block; text-decoration: none; border-bottom: #fff 1px solid; border-left: #fff 1px solid; border-right: #fff 1px solid; font-size: 14px;}
  
  #mainNav #main li ul li a.big:link {padding:5px 0 0 25px; font-size: 12px; background: #2958a2 url(/images/dd-bullet.gif) top left no-repeat !important; width: 175px; height: 40px; display: block; text-decoration: none; border-bottom: #fff 1px solid; border-left: #fff 1px solid; border-right: #fff 1px solid; font-size: 14px;}
  #mainNav #main li ul li a.big:visited {padding:5px 0 0 25px; font-size: 12px; background: #2958a2 url(/images/dd-bullet.gif) top left no-repeat !important; width: 175px; height: 40px; display: block; text-decoration: none; border-bottom: #fff 1px solid; border-left: #fff 1px solid; border-right: #fff 1px solid; font-size: 14px;}
  #mainNav #main li ul li a.big:hover {padding:5px 0 0 25px; font-size: 12px; background: #2958a2 url(/images/dd-bullet.gif) top left no-repeat !important; color: #fca001; width: 175px; height: 40px; display: block; text-decoration: none; border-bottom: #fff 1px solid; border-left: #fff 1px solid; border-right: #fff 1px solid; font-size: 14px;}
  #mainNav #main li ul li a.big:active {padding:5px 0 0 25px; font-size: 12px; background: #2958a2 url(/images/dd-bullet.gif) top left no-repeat !important; width: 175px; height: 40px; display: block; text-decoration: none; border-bottom: #fff 1px solid; border-left: #fff 1px solid; border-right: #fff 1px solid; font-size: 14px;}

/*dropdown position----------------------------------------*/
.firm-left{ left: 0px;}
.practice-left{ left: 117px;}
.attorneys-left{ left: 258px;}


/* 
 * 
 * Layout / Formatting
 * 
 */


  body{ background: #000; color: #000; font-size: 14px; font-family: Arial, Helvetica, sans-serif; line-height: 18px;}
  
  #header {width: 100%; border-bottom: #ffffff 1px solid; background: #fff url(/images/structure/header-bg.jpg) top center no-repeat; height: 99px;}
  #header #hd { width:960px; margin: 0 auto; height: 99px; position: relative;}
  #header #hd span { position: relative; background: url(/images/structure/main-logo.gif) top left no-repeat; width: 262px; height: 80px; top: 9px; left: 17px; display: block;}
  #header #hd span a { width: 262px; height: 80px; display: block; text-indent: -9999em;}
  #header #hd #tollfree{ width: 307px; height: 14px; position: absolute; top: 20px; right: 24px;}

  #topNav { position: absolute; right: 0; top: 25px;}

  #container{ width: 100%; padding-bottom: 0; background: #2958a2 url(/images/structure/container-bg.jpg) top center repeat-y;}
  #container #contentarea{ width: 960px; margin: 0 auto; padding-bottom: 30px; background: url(/images/structure/content-bg.jpg) top left repeat-x;}
	
  .bodyLeft { width: 623px; float: left; margin: 20px 0 0 13px;}
	.bodyLeft .practiceareas{ width: 190px; float: left; margin: 10px 10px 0 0; padding-top: 36px; background: url(/images/structure/practice-bg.jpg) top left no-repeat; min-height: 230px;}
	.bodyLeft .practiceareas .area{ margin: 0 0 10px 15px; background: url(/images/blue-bullet.png) top left no-repeat; background-position: 0 5px; font-size: 14px; padding-left: 14px; }
	.bodyLeft .practiceareas .area a{color: #2958a2; text-decoration: none; font-weight: normal;}
	.bodyLeft .practiceareas .area a:hover{color: #2958a2; text-decoration: underline;}
  	.bodyLeft .homecontent{ width: 410px; float: left; margin-top: 10px;}
	.bodyLeft .homecontent .myriad{width: 410px;}
	.bodyLeft .content{ width: 615px; margin-left: -4px;}
	.bodyLeft .content a{ font-weight: normal;}
	.bodyLeft .content .pageheader{ width: 600px; height: 33px; padding-left: 15px; background: url(/images/structure/pageheader-bg.jpg) top left no-repeat; margin-bottom: 20px;}
	.bodyLeft .content .pageheader .myriadwhite, .myriadpage{width:600px;}
	.bodyLeft .content .leftcolumn { width: 237px; float: left;}
	.bodyLeft .content .rightcolumn { width: 378px; float: left;}
	.bodyLeft .content .rightcolumn .information{ width: 378px; color: #2958a2; background: url(/images/info-bg.jpg) top left repeat-y; margin-bottom: 20px; padding: 10px 0;}
	.bodyLeft .content .rightcolumn .information .name{ font-size: 20px; font-weight: bold;}
	
  
  .bodyRight { width: 313px; float: left; margin-top: 20px;}
  .bodyRight .regions{ width: 295px; min-height: 148px; background: url(/images/structure/regions-bg.jpg) top left no-repeat; margin-bottom: 8px; padding: 40px 0 0 18px;}
  .bodyRight .regions .region{ margin-top: 10px;}
  .bodyRight .regions .region a{ font-weight: normal; padding-left: 24px; width: 290px; background: url(/images/orange-bullet.gif) top left no-repeat; color:#FFF; font-size: 16px; margin-top: 10px;}
  .bodyRight .free{ width: 313px; height: 75px; display: block; text-indent: -9999em; background: url(/images/free-cta.jpg) top left no-repeat;}
  .bodyRight .free:hover{ background-position: 0 -75px;}
  .bodyRight .homenews{ width: 313px; background: #2958a2 url(/images/structure/news-bg.jpg) bottom left no-repeat; margin-top: 8px; padding-bottom: 20px;}
  .bodyRight .homenews .newsitem{ width: 280px; margin: 20px 0 0 20px; font-size: 12px; color: #fff; border: none;}
  .bodyRight .homenews .newsitem a{ color: #fca001; font-weight: bold; font-size: 14px; text-decoration: none;}
  .bodyRight .homenews .newsitem a:hover{ color: #fff; font-weight: bold; font-size: 14px; text-decoration: none;}
  
  .newsitem { margin-bottom: 10px; border-bottom: #2958a2 1px solid; width: 600px; padding-bottom: 10px; font-size: 12px;}
  .newsitem .newstitle {width: 585px; height: 20px; background: url(/images/structure/newstitle-bg.jpg) top left no-repeat; padding: 2px 0 0 15px;}
  .newsitem .newstitle a{ color: #fff; font-size: 14px; font-weight: bold;}
  .newsitem .newstitle a:hover{ color: #fca001;}
  .date{ font-size: 10px; font-weight: bold; color: #b5b5b5;}



/*
 *
 * Layout / Form
 *
 */

  .form{ padding: 5px 5px 50px 5px; width: 460px; margin:0 auto;}
	.formRow{ margin-top: 10px;}

	.formItem { width: 210px; float: left;}
	.formItem .textfield{ width: 200px;}
	.formItem .textfield-small{ width: 50px;}
	.formItem .dropdown{ height: 23px;}
	
	.formItemSmall{ width: 40px; float: left;}
	.formItemSmall .textfield{ width: 30px;}
	
	.formItemLong { width: 450px; float: left;}
	.formItemLong .textfield{ width: 450px;}
	.formItemLong .textfield2{ width: 200px;}
	.formItemLong .textfield-small{ width: 50px;}
	.formItemLong .textarea { width: 450px;}
	.formItemLong .dropdown{ height: 23px;}
	
	.city{ width: 210px; float: left;}
	.city .textfield{ width: 200px;}
	
	.state{ width: 50px; float: left;}
	.state .dropdown{ height: 23px;}
	
	.zipcode{ width: 50px; float: left;}
	.zipcode .textfield{ width: 50px;}
	
	.phone{ width: 210px; float: left;}
	.phone .textfield{ width: 30px;}
	.phone .textfield2{ width: 35px;}
	
  .sideForm{ padding: 5px 5px 5px 5px; width: 305px; margin:0 auto; background-color:#fca001;}
	.phoneSideForm{ width:150px; float: left;}
	.formItemLong .textareaSideForm { width: 275px;}
	.formRowSideForm{ margin-top: 3px;}
	
#spacer { width: 960px; float: left; background: #ffffff; height: 10px; display: block;}
	
/* 
 * 
 * Layout / Footer
 * 
 */

  #ft{ background: #000 url(/images/structure/footer-bg.jpg) top left repeat-x; padding-left: 0; color: #a1a3a6; font-size: 11px; width: 100%; line-height: normal; height: 114px;}
  #ft .ftMain { width: 950px; margin: 0 auto; padding: 22px 0 0 10px; background:url(/images/structure/footer-logo.gif) no-repeat; background-position: 639px 15px;}
  #ft .ftMain a{ color: #ffffff; text-decoration:none; font-weight: bold;}
  #ft .ftMain a:hover{ color: #ffffff; text-decoration:underline; font-weight: bold;}


