/*
Theme Name: LM2010
Theme URI: http://www.legal-mentors.com
Description: The News Page theme for LM
Author: HD Riley @ BlackandWhitePixels
Version: 1.0
*/

/*--------------------------------------------------------------------------
GLOBALS AND GENERALS
--------------------------------------------------------------------------*/

* { margin: 0; padding: 0; font-size: 100%; }

body#standard { 
font-family: 'Lucida Grande',Arial,sans-serif;
font-size: 12px;
color: #FFF; 
background: #c0c0c0 url(lmbg.jpg) repeat-x top; 
text-align: justify; 
}

p {
margin-bottom: 21px;
}

p.black {
	color: #000;
	margin: 5px 0 0 10px;
}

i {
font-size: 0.9em;
}

a { 
color: #fff;
font-size: 1em;
text-decoration:underline;
}

a.black {
	color: #000;
}

a img { 
text-decoration:underline;
border: 0;
}

a:hover {color: #c0c0c0;}

table {
	margin: 0 0 10px 20px;
	color: #000;
}

.hide  {display: none;}

.reset {
clear: both; 
}

.clear {
float: none;
clear: both;
}

/*--------------------------------------------------------------------------
OUTER SHADOW (CANCELLED IN IE DUE TO PNG FAILIURE)
--------------------------------------------------------------------------*/

#outerlimits {
margin: 0px auto; 
width: 980px;
margin-bottom: 10px;
overflow: hidden;
background: url(shadow.png) top left no-repeat;
}

#container {
margin: 0px auto; 
margin-top: 30px;
background: #fff;
width: 920px;
overflow: hidden; 
}

/*--------------------------------------------------------------------------
HEADER AND TOP BOX
--------------------------------------------------------------------------*/

#imgbox h1{
position: relative;
overflow: hidden;
text-indent: -999px;
height: 200px;
width: 920px;
background: #004d29 url(lmlogo.jpg) center no-repeat;
}

#headerbox{
position: relative;
height: 200px;
width: 920px;
}

#logobox {
float: left;
width: 315px;
height: 200px;
background: #044c27 url(logotel.jpg) no-repeat top left;
}

#logobox h1 {
text-indent: -9999px;
}

.promo {
height: 44px;
width: 315px;
text-indent: -9999px;
background: #fff;
margin: 0;
padding: 0;
}

#panelbox {
float: right;
text-indent: -9999px;
width: 605px;
height: 200px;
background: #044c27 url(lmlogo.jpg) no-repeat top right;
}

#panelbox h1 {
float: right;
text-indent: -9999px;
width: 605px;
height: 200px;
background: #044c27 url(lmlogo3.jpg) no-repeat top right;
}

.little-twitter  ul li {
list-style-type: none;
}

.little-twitter a{
background: url(survivalcorner.jpg) no-repeat top left;
height: 200px;
width: 218px;
margin: 0;
display:block;
text-indent: -9999px;
padding: 0;
}

.little-twitter a:hover{
background: url(survivalcorner.jpg) no-repeat top left;
height: 200px;
width: 218px;
margin: 0;
display:block;
text-indent: -9999px;
padding: 0;
}

/*--------------------------------------------------------------------------
NAVIGATION PANEL IN HEADER
--------------------------------------------------------------------------*/

#main_nav {
background: #004d29;
margin:0px auto; 
padding: 0px; 
width:920px;
height:44px; 
}

#main_nav h4 {
background: url(telephoneh4.jpg) no-repeat top left;
width: 313px;
height: 44px;
float: left;
text-indent: -9999px;
}


#nav-main {
background: url(nav2010-end.jpg) 0px -44px;
background-repeat:repeat-x;
width: 920px;
z-index: 10;
font-size: 1.2em;
margin: 0px 0 0 0;
	}
	
#nav-main ul {
list-style: none;
height: 44px;
padding: 0;
margin: 0;
	}
		
#nav-main ul li {
position: relative;
float: left;
	}
			
#nav-main ul li a {
display: block;
font-size: 0.8em;
height: 44px;
text-decoration: none;
text-indent: -9999px;
border: 0;
margin: 0;
	}
	
#nav-link-home{width: 90px; background: url(nav2010.jpg) 0px -44px no-repeat;}
#nav-link-aboutlm{ width: 85px; background: url(nav2010.jpg) -100px -44px no-repeat;}
#nav-link-services{ width: 106px; background: url(nav2010.jpg) -195px -44px no-repeat;}
#nav-link-member{ width: 100px; background: url(nav2010.jpg) -311px -44px no-repeat;}
#nav-link-courses{ width: 85px; background: url(nav2010.jpg) -415px -44px no-repeat;}
#nav-link-casestudies{ width: 110px; background: url(nav2010.jpg) -600px -44px no-repeat;}
#nav-link-articles{ width: 80px; background: url(nav2010.jpg) -510px -44px no-repeat;}
#nav-link-feedback{ width: 100px; background: url(nav2010.jpg) -705px -44px no-repeat; }
#nav-link-contact{ width: 100px; background: url(nav2010.jpg) -800px -44px no-repeat;}

#nav-link-home.active{ background: url(nav2010.jpg) 0px 0px no-repeat; }
#nav-link-aboutlm.active{ background: url(nav2010.jpg) -100px 0px no-repeat; }
#nav-link-services.active{ background: url(nav2010.jpg) -195px 0px no-repeat; }
#nav-link-member.active{ background: url(nav2010.jpg) -311px 0px no-repeat; }
#nav-link-courses.active{ background: url(nav2010.jpg) -415px 0px no-repeat;}
#nav-link-casestudies.active{ background: url(nav2010.jpg) -600px 0px no-repeat; }
#nav-link-articles.active{ background: url(nav2010.jpg) -510px 0px no-repeat; }
#nav-link-feedback.active{ background: url(nav2010.jpg) -705px 0px no-repeat; }
#nav-link-contact.active{ background: url(nav2010.jpg) -800px 0px no-repeat; }

#nav-main ul li ul {
display: none;
height: auto;
width: 196px;
position: absolute;
z-index: 11;
background: #143d19;
/*background-color: #002200;*/
opacity: 0.97;
	}
			
#nav-main ul li.hover ul,
#nav-main ul li:hover ul {
display: block;
	}
				
#nav-main ul li ul li {
float: none;
width: 160px;
margin: .3em 0 0 1.3em;
height: auto;
	}
	
#nav-main ul li ul li.first-child {
margin-top: 1em;
	}
	
#nav-main ul li ul li.heading {
margin-top: 1em;
background: #fff;
font-size: 0.8em;
padding: 2px 0 2px 2px;
border-bottom: 1px solid #fff;
color: #002200;
	}
				
#nav-main ul li ul li.last-child {
margin-bottom: 1.8em;
	}
					
#nav-main ul li ul li a {
display: block;
font-family: arial, helvetica, sans-serif;
position: relative;
left: 0;
height: auto;
text-align: left;
text-indent: 0;
color: #fff;
font-weight: bold;
padding-bottom: .3em;
border-bottom: 1px dotted #fff;
	}
						
#nav-main ul li ul li a.hover,
#nav-main ul li ul li a:hover,
#nav-main ul li ul li a.active,
#nav-main ul li ul li a:active {
color: #c0c0c0;
	}

#nav-main ul li ul li.hover ul,
#nav-main ul li ul li:hover ul,
#nav-main ul li ul li ul *,
#nav-main ul li ul li ul {
display: none;
	}
	
/*--------------------------------------------------------------------------
HOME PAGE
--------------------------------------------------------------------------*/

.home-text {
padding-top: 10px;
margin: 0;
background: #0E2110;
}

p.ht {
padding: 20px 0 20px 30px;
width: 860px;
line-height: 1.2em;
}

.tags {
width: 280px;
float: left;
margin-left: 20px;
}

.tags p {
width: 240px;
margin-left: 20px;
margin-top: 0px;
margin-bottom: 20px;
}

h3.grow { 
font-size: 11px;
text-transform: uppercase;
margin-top: 20px;
margin-left: 17px;
height: 25px;
}

h3.costs {
text-transform: uppercase;
margin-top: 20px;
margin-left: 17px;
height: 25px;
}

h3.implement { 
text-transform: uppercase;
margin-top: 20px;
margin-left: 17px;
height: 25px;
}

.second-half {
margin-top: 50px;
width: 900px;
}

/*--------------------------------------------------------------------------
HOMEPAGE PRACTICE FITNESS CHECK
--------------------------------------------------------------------------*/

.energizer 
{
background: url(box-bottom.jpg) bottom;
position: relative;
width: 400px;
margin: 20px 0 10px 20px;
float: left;
}

.energizer p {
color: #fff;
width: 350px;
font-weight: 400;
margin: 0 0 25px 25px;
}

p.bold {
text-transform: uppercase;
color: #fff;
width: 360px;
font-size: 80%;
margin: 0 0 10px 20px;
}

.eheader h3 {
background: #004005 url('fitness.gif') no-repeat top; 
position: relative;
text-indent: -9999px;
height: 70px; 
width: 340px;
margin: 0;
}

h3.energizer-header { 
text-indent: -9999px;
width: 400px;
height: 75px;
padding: 0;
margin: 0;
overflow: hidden;
background: url(cardiotopper.gif) top no-repeat;
color: #fff;
}

.swap-box {
height: 100px;
width: 880px;
margin: 0 0 20px 20px;
background: url(swap-box.jpg);
}

.course-link  ul li {
list-style-type: none;
}

.course-link a{
background: url(course-top_01.jpg) no-repeat top left;
height: 53px;
width: 880px;
margin: 0;
display:block;
text-indent: -9999px;
padding: 0;
}

.swap-box .swapContents {
position: relative;
height: 28px;
width: 840px;
background: #000;
top: 5px;
left: 20px;
}

.banner h1 {
width: 460px;
height: 55px;
text-indent: -9999px;
background: url(help3.jpg) no-repeat bottom left;
margin: 0;
}

/* TEST ZONE */

/*****Featured*****/
#featured { background: #333C4B; border-bottom: 1px solid #000104; height: 240px; }
#featuredInner { border-left: 1px solid #000104; height: 240px; margin: 0 auto; width: 978px; display: block; overflow: hidden; }
#featuredCarousel { background: #000000; height: 240px; margin: 0; padding: 0 0 0 0; width: 978px; }
#featuredCarousel li { float: left; height: 240px; list-style: none; margin: 0 1px 0 0; width: 325px; }

#featuredSide { background: #333C4B; border-bottom: 1px solid #000104; height: 238px; }
#featuredInnerSide { border-right: 1px solid #000104; height: 238px; margin: 0 auto; width: 335px; display: block; overflow: hidden; }
#featuredCarouselSide { background: #000000; height: 238px; margin: 0; padding: 0 0 0 1px; width: 335px; }
#featuredCarouselSide li { float: left; height: 238px; list-style: none; margin: 0 1px 0 0; width: 325px; }

/*****Featured Items*****/
.featuredItem strong, .featuredItem em { background: #000000; float: left; clear: left; }
.featuredItem strong { color: #FFFFFF; font-size: 20px; font-style: italic; margin: 150px 0 0; padding: 7px 10px; }
.featuredItem em { font-size: 18px !important; margin: -5px 0 0; padding: 7px 10px; text-transform: lowercase; width: auto; }
.featuredItem a { display: block; text-decoration: none; width: 325px; height: 240px; }

	/***** Add New Featured Items Backgrounds Here.... *****/
	
.featuredOne { background: #000; }
.featuredOne em { color: #00887E; }
	
/* END OF TEST ZONE */

/*--------------------------------------------------------------------------
Trouble Shooters Section
--------------------------------------------------------------------------*/

.home-bottom-right {
margin: 20px 30px 0 0;
width: 450px;
float: right;
}

.busypractice {
width: 440px;
margin: 10px 0 0 10px;
}

.busypractice h4{
color: #002200;
}

.busypractice h4 a{
color: #002200;
}

.sem-box {
height: 160px;
width: 240px;
background: #002200;
float: right;
}

.sem-box  ul li {
list-style-type: none;
}

.sem-box a{
background: url(visionad.jpg) no-repeat 0px 0px;
height: 160px;
width: 240px;
margin: 0;
display:block;
text-indent: -9999px;
padding: 0;
}

.sem-box a:hover{
background: url(visionad.jpg) no-repeat 0px 0px;
height: 160px;
width: 240px;
margin: 0;
display:block;
text-indent: -9999px;
padding: 0;
}


/*--------------------------------------------------------------------------
ABOUT US PAGE WITH PHOTOS AND PROFILES
--------------------------------------------------------------------------*/

.idscheme {
	height: auto;
	width: 410px;
	margin: 0 0 20px 0;
}

.left-pp {
margin: 10px 0 0 20px;
width: 430px;
color: #000;
padding-bottom: 20px;
float: left;
}

.right-pp {
margin: 10px 20px 0 0;
width: 430px;
color: #000;
padding-bottom: 20px;
float: right;
}

.photopanel {
width: 150px;
height: 190px;
background: #505050;
float: right;
border: 2px solid #c0c0c0;
}

.text-panel {
width: 250px;
color: #000;
float: left;
}

h3.p-panel {
color: #000;
font-size: 1.2em;
margin: 0 0 0 10px;
font-weight: 600;
text-decoration: underline;
}

p.p-paneltext {
width: 230px;
margin: 10px 0 0 10px;
}

a:link.p-paneltext {
width: 230px;
color: #000;
text-decoration: underline;
margin: 0px 0 0 10px;
line-height: 40px;
}

/*--------------------------------------------------------------------------
SERVICES OVERVIEW PAGES
--------------------------------------------------------------------------*/

.services-left {
width: 430px;
float: left;
height: auto;
padding: 0 0 20px 0;
margin: 0 0 20px 20px;
background: #EEE;
}

.services-right {
width: 430px;
float: right;
height: auto;
padding: 0 0 20px 0;
margin: 0 20px 20px 0;
background: #EEE;
}

.services-left p, .services-right p {
width: 390px;
height: auto;
margin: 10px 20px 0px 20px;
color: #202020;
}

.services-left h2, .services-right h2 {
margin: 0 0 20px 0;
height: 45px;
background: #002200;
color: #002200;
padding: 0;
text-transform: uppercase;
text-decoration: underline;
}

h2.diagnostic {
background: url(diagnostich2.jpg) center no-repeat;
text-indent: -9999px;
}

h2.plan {
background: url(planh2.jpg) center no-repeat;
text-indent: -9999px;
border-top: solid #fff 20px;
margin-top: 10px;
}

h2.imp {
background: url(imph2.jpg) center no-repeat;
text-indent: -9999px;
}

.services-left h3, .services-right h3 {
margin: 0 0 0 20px;
color: #002200;
text-transform: uppercase;
text-decoration: underline;
}

.services-left hr, .services-right hr {
width: 390px;
margin: 10px 0 10px 20px;
background: none;
color: #E1E1E1;
}

.services-left a, .services-right a { 
color: #002200;
font-size: 1em;
text-decoration:none;
}

/*--------------------------------------------------------------------------
contact-layout USED ACCROSS PAGES
--------------------------------------------------------------------------*/

#timetables {
margin-left: 20px;
width: 590px;
color: #000;
padding-bottom: 10px;
}

.service-layout {
width: 630px;
float: left;
height: auto;
padding: 20px 0 20px 0;
margin: 0 0 20px 20px;
background: #EEE;
}

.service-layout h2{
font-size: 1.2em;
font-weight: bold;
text-transform: uppercase;
text-decoration: underline;
color: #002200;
margin: 0 0 10px 20px;
width: 590px;
}

.service-layout h3{
font-size: 1em;
font-weight: bold;
text-transform: uppercase;
color: #002200;
margin: 0 0 10px 20px;
width: 590px;
}

.service-layout h4{
font-size: 1em;
font-weight: bold;
color: #002200;
margin: 0 0 10px 20px;
width: 590px;
}

.service-layout p{
font-size: 1em;
color: #002200;
margin: 0 0 10px 20px;
width: 590px;
}

.service-layout hr {
width: 590px;
margin: 10px 0 10px 20px;
background: none;
color: #E1E1E1;
}

.service-layout ul {
width: 550px;
margin: 10px 0 10px 20px;
}

.service-layout ul li {
background: url(green.png) top left no-repeat;
padding-left: 20px;
margin: 5px 0 0 0;
list-style-type: none;
color: #002200;
}

.service-layout ul li ul li{
background: url(green3.png) top left no-repeat;
padding-left: 20px;
margin: 5px 0 0 0;
list-style-type: none;
color: #002200;
}

.service-layout a{
color: #002200;
}

.other-services {
width: 200px;
float: right;
text-align: right;
height: auto;
padding: 20px 0 20px 0;
margin: 0 20px 20px 0;
}

.other-services h2{
font-size: 1.2em;
font-weight: bold;
text-transform: uppercase;
text-decoration: underline;
color: #707070;
margin: 0 20px 10px 0;
width: 200px;
}

.other-services h4{
font-size: 1em;
font-weight: bold;
color: #505050;
margin: 0 20px 5px 0;
width: 200px;
}

.other-services a { 
color: #c0c0c0;
font-size: 1em;
text-decoration:none;
}

.other-services span {
color: #000;
}


.tagline h3 {
text-align: center;
width: 590px;
}

.twitter {
background: #569AD1;
width: 280px;
float: right;
height: auto;
padding: 10px 0 20px 0;
margin: 0 20px 20px 0;
}

.twitter h2.indent {
background: url(twitterh2.jpg) left no-repeat;
text-indent: -9999px;
padding-bottom: 10px;
height: 40px;
width: 280px;
}

.twitter li{
list-style-type: none;
color: #fff;
text-align: justify;
margin-left: 20px;
margin-right: 20px;
padding-bottom: 10px;
width: 240px;
}

.twitter a:link {
padding-top: 40px;
}

/*--------------------------------------------------------------------------
contact-layout 
--------------------------------------------------------------------------*/

.contact-layout {
width: 630px;
float: left;
height: auto;
padding: 20px 0 20px 0;
margin: 0 0 20px 20px;
background: #ddd;
}

.contact-layout li.form-header, .news-layout li.form-header{
margin: 10px 0 5px 0;
text-transform: uppercase;
border-bottom: 1px solid #002200;
width: 180px;
}

.contact-layout li.form-header-top, .news-layout li.form-header-top {
margin: 0 0 5px 0;
text-transform: uppercase;
border-bottom: 1px solid #002200;
width: 180px;
}

.contact-layout h2{
font-size: 1.2em;
font-weight: bold;
text-transform: uppercase;
text-decoration: underline;
color: #002200;
margin: 0 0 10px 20px;
width: 590px;
}

.contact-layout h3{
font-size: 1em;
font-weight: bold;
text-transform: uppercase;
color: #002200;
margin: 0 0 10px 20px;
width: 590px;
}

.contact-layout h4{
font-size: 1em;
font-weight: bold;
color: #002200;
margin: 0 0 10px 20px;
width: 590px;
}

.contact-layout p{
font-size: 1em;
color: #002200;
margin: 10px 0 10px 20px;
width: 590px;
}

.contact-layout hr {
width: 590px;
margin: 10px 0 10px 20px;
background: none;
color: #E1E1E1;
}

.contact-layout ul {
list-style-type: none;
}

.top-left-contact-page {
float: left;
margin: 10px 0 10px 20px;
width: 300px;
color: #000;
}

.top-right-contact-page {
float: left;
margin: 10px 20px 10px 0;
width: 200px;
color: #000;
}

.options-left {
float: left;
margin: 10px 0 10px 20px;
width: 250px;
color: #000;
}

li.buttons {
float: left;
margin: 10px 0 10px 0px;
width: 250px;
color: #000;
}

.options-right {
float: left;
margin: 10px 0 10px 20px;
width: 220px;
color: #000;
}

.contact-layout li {
padding-bottom: 2px;
}

input.top-left {
background: #fff;  
padding: 2px 2px 2px 2px; 
width: 170px;
}

input.top-left-long {
background: #fff; 
padding: 2px 2px 2px 2px; 
width: 270px;
}

input.left {
background: #fff;
padding: 2px 2px 2px 2px; 
width: 170px;
}

.news-layout {
width: 580px;
float: left;
height: auto;
padding: 0 0 20px 0;
margin: 0 0 20px 20px;
background: #ddd;
}

.news-layout p {
width: 540px;
padding: 0;
margin: 5px 0 5px 0;
}

.news-layout h2{
font-size: 1.2em;
font-weight: bold;
text-transform: uppercase;
text-decoration: underline;
color: #002200;
margin: 0 0 10px 20px;
width: 590px;
}

.news-layout h3.news-header{
height: 40px;
background: url(news-header_03.jpg) no-repeat 0 0;
width: 580px;
text-indent: -999px;
overflow: hidden;
padding: 0; margin: 0;
}

h3.news-header2{
height: 40px;
background: url(news-header2_03.jpg) no-repeat 0 0;
width: 580px;
text-indent: -999px;
overflow: hidden;
padding: 0; margin: 0;
}

.news-layout h3.news-title{
font-size: 1em;
font-weight: bold;
text-transform: uppercase;
color: #002200;
padding: 10px 0 0 0;
margin: 0;
width: 530px;
}

.news-layout a{
font-size: 1em;
font-weight: bold;
text-transform: uppercase;
color: #002200;
margin: 0;
width: 530px;
}

.news-layout h4{
font-size: 1em;
font-weight: bold;
color: #002200;
margin: 0 0 10px 20px;
width: 590px;
}

.news-layout hr {
width: 590px;
margin: 10px 0 10px 20px;
background: none;
color: #E1E1E1;
}

.news-layout ul {
list-style-type: none;
}

.news-layout a.news-home {
margin: 0 0 0 20px;
float: left;
padding: 10px 0 0 0;
}

.news-layout .content-text { 
margin: 0 0 0 20px;
color: #000;
padding: 10px 0 10px 0;
border-bottom: 1px dotted #000;
}

.news-layout .home-news {
width: 540px;
margin: 0 0 0 20px;
color: #000;
padding: 10px 0 10px 0;
}

.headlines{
padding: 0 0 10px 0;
border-bottom: 1px dotted #000;
}

.news-layout .date, .news-layout .date a {color: #404040; font-size: 80%; padding: 0 0 5px;}
.news-layout p.clear {margin: 0; padding: 0; border: 0px;}

/*--------------------------------------------------------------------------
SOMETHING AFOOT
--------------------------------------------------------------------------*/

#footer {
width: 920px;
height: 90px;
margin-top: 0;
border-bottom: solid #fff 20px;
background: url(footer2.jpg) no-repeat center;
}

.copyright p {
text-align: center;
font-size: 0.8em;
padding: 0 0 10px 0;
margin: 0px auto;
color: #666;
}

.copyright a {
color: #666;
}

/*--------------------------------------------------------------------------
CALL BACK FORM
--------------------------------------------------------------------------*/

.call-back {
float: right;
width: 230px;
margin: 0 20px 20px 0;
background: #c0c0c0;
color: #000;
}

label {
text-align: left;
}

label.checkbox {
text-align: left;
float: left;
}

.call-back h2 {
font-size: 1em;
text-transform: uppercase;
width: 100%;
margin: 20px 0 10px 20px;
}

.button {
border: 1px solid #c0c0c0;
padding: 2px 2px 2px 2px;
color: #030;
background: #fff;
margin: 10px 10px 20px 0;
cursor: pointer;
}

.button:hover {
border: 1px solid #c0c0c0;
padding: 2px 2px 2px 2px;
color: #030;
background: #eee;
margin: 10px 10px 20px 0;
}

.call-back ul {
list-style-type: none;
margin: 0 10px 10px 0;
width: 200px;
color: #000;
}

.call-back li {
padding-bottom: 2px;
}

.call-back input.left {
background: #fff;  
padding: 2px 2px 2px 2px; 
width: 170px;
}

.call-back input.email {
background: #fff; 
padding: 2px 2px 2px 2px; 
width: 170px;
}

.call-back input.phone {
background: #fff;
padding: 2px 2px 2px 2px; 
width: 170px;
}

.call-back input.formFieldStyle {
display:block;
line-height:1.4em;
margin:8px 0 0 3px;
width:13px;
height:13px;
}

#mainFormError
{
background-color: #A7D898;
padding: 2px 2px 2px 2px; 
width: 170px;
}

input.mainFormError 
{
background-color: #A7D898;
padding: 2px 2px 2px 2px; 
width: 170px;
}

select.mainFormError 
{
background-color: #A7D898;
padding: 2px 2px 2px 2px; 
width: 170px;
}

input.rightbox {
float: right;
padding-top: 0;
margin-top:0;
}

.course-photos {
	width: 589px;
	height: 442px;
	margin: 20px 0 0 20px;
	background: #c0c0c0;
}