/* ------------------------------------------------------------

    Title:     Water Lane Clinic master CSS 
	Author:    Jerry Dixon
    Updated:   January, 2010

------------------------------------------------------------ */
* {
	margin:0;
	padding:0;
	border: 0;
	}
	
body {
	
	font-family: helvetica, verdana, sans-serif;
	font-size: small;
	color:#2D2D2D;
	letter-spacing: .05em;
	background-color: #D5E4EC;
	text-align: left;
	min-width: 600px;
	}


/* links */

a:link, a:visited {
	color: #FF9D27;
	text-decoration: none;
	background-color: transparent;
	}
a:hover {
	text-decoration: underline;
	}
a.linktop {
	display: block;
	text-decoration: underline;
	margin-top: 10px;
	text-align:right;
	}

/* ------------------------------------------------------------

	page structure

------------------------------------------------------------ */

.clear {
  clear: both;
  height: 0;
}


#wrap        { background-image: url('bg2.gif'); 
               background-repeat: repeat-y; width: 942px; text-align: left; 
               background-color: #FFFFFF; color: #2D2D2D; margin-left: auto; 
               margin-right: auto; margin-top: 0; margin-bottom: 0; 
               background-position: center 50% }
#wrap-inner {
	margin: 0 auto;
	text-align:left;
	width: 846px;
	padding: 20px;
	}

#wrap-inner_green {
	color:#2D2D2D;
	background-color: #F4F8E7;
	margin: 0 auto;
	text-align:left;
	width: 845px;
	padding: 20px;
	border-top: 1px solid #90B256;	
	}

#wrap-inner_blue {
	color:#2D2D2D;
	background-color: #F0F5F7;
	margin: 0 auto;
	text-align:left;
	width: 845px;
	padding: 20px;
	border-top: 1px solid #98C0D4;	
	}
/* home page content next: */

#content-ndx {
	float: left;
	width: 620px;
	margin: 0 20px 0 0px;
background-image:url('../images/shoulder-right-male.jpg');
background-repeat:no-repeat;
background-position:bottom right;	 
	}

#content {
	float: left;
	width: 588px;
	margin: 0 20px 0 0px;
	 
	}




#sidebar {
	float: right;
	width: 180px;
	padding:0;
	}

/* ------------------------------------------------------------

	top navigation / header

------------------------------------------------------------ */
#logo-wlc  {
float:right;
width: 808px;
height:90px;

   }





#logo {
	float:right;
	width:255px;
	margin: 0 0 20px 0;
	height:92px;
	}
#nav {
	float:left;
	width:628px;
	height: 44px;
	margin: 48px 0 10px 0;
	background-color:#ffffff;
	color: #98C0D4;
	border-bottom: 1px solid #98C0D4;
	}

#nav ul {
	 margin:0;
     padding:0;
     list-style:none;
      }
#nav li {
	float: left;
	}

/* you are here - Inactive tabs */
#nav li a {
	width: 101px;
	height: 36px;
	margin: 8px 1px 0 0;
	padding-top:10px;
    display:block;
	background-image:url(tab_homeA.png);
	background-repeat:no-repeat;
	font-size:13px;
	color: #2B1F19;
	letter-spacing: .07em;
	line-height: normal;
	text-align:center;
	text-decoration:none;
    font-weight:normal;
	background-color:transparent;
 	}
*html #nav li a {
	height: 26px;
	}
#nav li a.last {
	margin: 8px 0 0 0;
	}
#nav li#treatment a {
	background-image:url(tab_classA.png);
	background-repeat:no-repeat;
	height: 36px;
	width:117px;
	}
*html #nav li#treatment a {
	height: 26px;
	}
/* you are here - Hover tabs */
#nav li a:hover {
	background-image:url(tab_homeH.png);
	background-repeat:no-repeat;
	}
#nav li#treatment a:hover {
	background-image:url(tab_classH.png);
	background-repeat:no-repeat;
	}

/* you are here - current tabs */
body#home #nav li#link-home a,
body#about #nav li#link-about a,
body#team #nav li#link-team a,
body#fees #nav li#link-fees a,
body#contact #nav li#link-contact a {
	background-image:url(tab_homeC.png);
	background-repeat:no-repeat;
	margin-top: 0;
	padding-top:16px;
	height:44px;
	}
*html body#home #nav li#link-home a,
*html body#about #nav li#link-about a,
*html body#team #nav li#link-team a,
*html body#fees #nav li#link-fees a,
*html body#contact #nav li#link-contact a {
	background-image:url(tab_homeC.png);
	background-repeat:no-repeat;
	margin-top: 0;
	padding-top:16px;
	height:28px;
	}

body#treatment #nav li#treatment a {
	background-image:url(tab_classC.png);
	background-repeat:no-repeat;
	margin-top: 0;
	padding-top:16px;
	height:44px;
	}
*html body#treatment #nav li#treatment a {
	background-image:url(tab_classC.png);
	background-repeat:no-repeat;
	margin-top: 0;
	padding-top:16px;
	height:28px;
	}
/* ------------------------------------------------------------


	Sub Nav Styles for about page with arrow and bullet under main nav

------------------------------------------------------------ */
#subnav {
	float:right;
	width: 150px;
	text-align:right;
	
	}

div#subnav a { font-family: Georgia, 'Times New Roman', Times, serif; font-size: 120%; 
               display: block; color: #8FB155; background-image: 
               url('arrows.jpg'); 
               background-repeat: no-repeat; line-height: 20px; padding-left: 
               0; padding-right: 25px; padding-top: 0; padding-bottom: 0; 
               background-position: right }
div#subnav a:hover { background-image: url('arrows.jpg'); 
               background-repeat: no-repeat; color: #DCE895; text-decoration: 
               none; background-position: right }
/* ------------------------------------------------------------

	Left Sidebar styles

------------------------------------------------------------ */

#sidebar div.quote { background-image: url('quotetop.jpg'); 
               background-repeat: no-repeat; background-color: #F0F5F7; 
               width: 188px; margin-left: 0; margin-right: 0; margin-top: 0; 
               margin-bottom: 20px; background-position: left }
p.testimonials { background-image: url('quotebottom.jpg'); 
               background-repeat: no-repeat; font-family: 
               Georgia, 'Times New Roman', Times, serif; font-style: italic; 
               color: #473A34; padding: 15px; background-position: right }
p.testimonials span.name { font-style: normal; display: block; color: #473A34; font-family: 
               'lucida grande', sans-serif; font-size: 80%; background-image: 
               url('heart.png'); 
               background-repeat: no-repeat; padding-left: 15px; 
               background-position: left 50% }
p.quotes     { background-image: url('quotebottom.jpg'); 
               background-repeat: no-repeat; font-family: 
               Georgia, 'Times New Roman', Times, serif; font-style: italic; 
               font-size: 150%; line-height: 1.5em; letter-spacing: normal; 
               color: #473A34; padding-left: 10px; padding-right: 8px; 
               padding-top: 15px; padding-bottom: 15px; background-position: 
               right }
p.quotes span.name { font-style: normal; display: block; color: #473A34; font-family: 
               'lucida grande', sans-serif; font-size: 60%; background-image: 
               url('heart.png'); 
               background-repeat: no-repeat; padding-left: 15px; 
               background-position: left 50% }
/* ------------------------------------------------------------

	Login Styles - left side bar - and sidebar NAV quote_no = same shape no quote marks

------------------------------------------------------------ */
#sidebar div.quote_no { background-image: url('quotetop_no.jpg'); 
               background-repeat: no-repeat; background-color: #F0F5F7; 
               width: 188px; margin-left: 0; margin-right: 0; margin-top: 0; 
               margin-bottom: 24px; background-position: left }
img.login {
	float:right;
	margin-right:4px;
	}
p.login1 {
	background-image:none;
	font-family: helvetica, verdana, sans-serif;
	padding: 15px 8px 15px 10px;
	font-size: 13px;
	line-height: 1.5em;
	color: #98C0D4;
	letter-spacing: normal;
	}
	
p.login      { background-image: url('quotebottom_no.jpg'); 
               background-repeat: no-repeat; font-family: 
               helvetica, verdana, sans-serif; font-size: 13px; line-height: 
               1.5em; color: #F0F5F7; letter-spacing: normal; padding-left: 
               10px; padding-right: 8px; padding-top: 15px; padding-bottom: 
               15px; background-position: right }
div.whiteline {
	height: 1px;
	border-bottom: 1px solid #F0F5F7;
	margin: 0 8px 0 8px;
	}

/* ------------------------------------------------------------

	SIDE BAR SUB NAV STYLES

------------------------------------------------------------ */

ul.subnav    { background-image: url('quotebottom_no.jpg'); 
               background-repeat: no-repeat; font-family: 
               helvetica, verdana, sans-serif; font-size: 100%; line-height: 
               normal; letter-spacing: normal; color: #473A34; padding-left: 
               10px; padding-right: 8px; padding-top: 15px; padding-bottom: 
               15px; background-position: right }
ul.subnav li { list-style-image: url('bl-arrow.jpg'); 
               list-style-type: none; list-style-position: inside; 
               border-bottom: 1px solid #98C0D4; padding-left: 0; 
               padding-right: 0; padding-top: 6px; padding-bottom: 6px }
ul.subnav li.last {
	border-bottom: none;
	}
ul.subnav li a {
	font-family: helvetica, verdana, sans-serif;
	font-size:13px;
	color: #2B1F19;
	letter-spacing: .07em;
	line-height: normal;
	}
ul.subnav li a:hover {
	text-decoration:none;
	color: #465E1F;
	}
	

	



/* ------------------------------------------------------------

	TEXT styles

------------------------------------------------------------ */
	
h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-size: 1.8em;
	color: #392D26;
	background-color: transparent;
	letter-spacing: .01em;
	margin-bottom: 10px;
	}
h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-size: 1.7em;
	color: #392D26;	
	background-color: transparent;
	letter-spacing: .01em;
	margin-bottom: 5px;
	}
h2.topmarg {
	margin-top:40px;
	}

h1.topmarg {
	margin: 25px 0 10px 0;
	}
h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-size: 1.5em;
	color: #392D26;
	letter-spacing: .01em;
	margin-bottom: 2px;
	padding: 4px 20px 4px 20px;
	}
h3.greenbg {
	background-color: #D4E59D;
	}
h3.bluebg {
	background-color: #D5E4EC;
	}
span.free {
	float:right;
	font-family: helvetica, verdana, sans-serif;
	font-weight:normal;
	font-size:.85em;
	padding: 4px 00px 4px 0px;
	}


	
	
p {
	font-size: 1.1em;
	line-height: 1.6em;
	}
p.topmarg {
	margin-top: 15px;
	}
.serif {
	font-family:Georgia, "Times New Roman", Times, serif;
	}
em {
	font-style:italic;
	}
.bigger {
	font-size: 145%;
	}
	
.italic {
	font-style:italic;
	}
.smaller {
	font-size: 80%;
	}
.bottomborder {
	border-bottom: 1px solid #90B256;
	}
.blue {
	color: #61A1BA;
	}
.taupe {
	color: #B2A296;
	}

/* ------------------------------------------------------------

	LIST styles

------------------------------------------------------------ */

ul.bluebullet {
	list-style-type:circle;
	list-style-position:outside;
	margin-left: 1.5em;
	margin-bottom: 2em;
	}
ul.bluebullet li { list-style-image: url('bullet-default.png'); 
               line-height: 1.6em; font-size: 1.1em; margin-bottom: .8em }
ul.orangebullet {
	list-style-type:circle;
	list-style-position:outside;
	margin-left: 1.5em;
	margin-bottom: 3em;
	}
ul.orangebullet li { list-style-image: url('bullet_orange.png'); 
               line-height: 1.6em; font-size: 1.1em; margin-bottom: .8em }
/* ------------------------------------------------------------

	Footer styles

------------------------------------------------------------ */
#footer {
	margin: 0 auto;
	text-align:left;
	width: 885px;
	color:#392D26;
	background-color:#FFFFFF;
	border-top: 1px solid #98C0D4;
	font-size: 11px;
	}
#footer a {
	color:#392D26;
	background-color: transparent;
	font-size: 11px;
	}
#footer a.green {
	color:#909E5F;
	background-color: transparent;
	font-size: 11px;
	}
#footer p {
	color: #D1C9C2;
	background-color:transparent;
	font-size: 11px;
	}
#footer div#links {
	float:left;
	width: 60%;
	padding:21px 0px 10px 20px;
	}
#footer div#rights {
	float:right;
	width: 30%;
	padding:10px 20px 10px 20px;
	text-align:right;
	}
#footer a img {
	margin-left:10px;
	}
#contact #footer a img {
	display:none;
	}
#contact #footer div#rights {
	padding: 21px 20px 10px 20px;
	}
/* ------------------------------------------------------------

	INDEX Page specific styles

------------------------------------------------------------ */
#home #content img {
	float:right;
	}
#home #wrap-inner_green .sampleclass {
	float:right;
	width: 364px;
	}
/* ------------------------------------------------------------

	VIDEO Page specific styles

------------------------------------------------------------ */

div.classbox {
	background-color:#F4F8E7;
	height:auto;
	padding:10px 20px 10px 20px;
	margin-bottom: 24px;
	}
fieldset#videolist {
	margin-bottom: 20px;
	}
#videolist h1 {
	font-size: 1.4em;
	font-weight:normal;
	margin: 20px 0 5px 0;
	}
#videolist h1.green {
	color: #392D26;
	border-bottom:1px solid #90B255;
	}
#videolist h1.blue {
	color: #392D26;
	border-bottom:1px solid #61A1BA;
	}

#videolist div{
	width: 175px;
	float:left;
	font-size: .95em;
	font-weight:normal;
	}
#videolist label {
	width: 3em;
	float:none;
	display:inline;
	}
#videolist p {
	margin: 0.3em 0;
	}
#videolist label.design{
	float: right;
	width: 10em;
	}	
	
select {font-family: helvetica, verdana, sans-serif;
	font-size: .85em; letter-spacing: normal;
	color:#2D2D2D; line-height: 1.5em;}
/* ------------------------------------------------------------

	CONTACT Page specific styles

------------------------------------------------------------ */
div.greenbox {
	width: 550px;
	color:#392D26;
	background-color: #F0F5F7;
	padding: 20px;
	}
#contact div.greenbox label {
	clear:left;
	float:left;
	width: 100px;
	margin: 0 0 5px 0;
	text-align:left;
	
	}
#contact div.greenbox input {
	clear:left;
	float:left;
	border-top: 1px solid #98C0D4;
	border-left: 1px solid #98C0D4;
	border-right: 1px solid #98C0D4;
	border-bottom: 1px solid #98C0D4;
	width: 300px;
	margin-bottom: 15px;
	padding: 4px;
	font-size: 12px;
	}
#contact div.greenbox textarea {
	clear:left;
	float:left;
	border-top: 1px solid #98C0D4;
	border-left: 1px solid #98C0D4;
	border-right: 1px solid #98C0D4;
	border-bottom: 1px solid #98C0D4;
	padding:4px;
	width: 540px;
	font-family:helvetica, sans-serif;
	font-size: 13px;
	}
#contact div.greenbox input.submit {
	clear:left;
	float:left;
	width:47px;
	height:26px;
	margin-top: 15px;
	border: none;
	}
#contact div.greenbox br {
	margin-bottom: 10px;
	}
/* ------------------------------------------------------------

	Other styles

------------------------------------------------------------ */
.brown {
	color: #392D26;
	}
.orange {
	color: #FF9D27;
	}
.green {
	color: #909E5F;
	}
.topmargin {
	margin-top: 1em;
	}
/* for crossfade redux */
#imageContainer {
	position:relative;
	margin:auto;
	width:195px;
	border:0x solid #000;


}

#imageContainer img {
	display:none;
	position:absolute;
	top:0; left:0;
}

/* for the rounded rhs box */

/* set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 { background: transparent url(addr-box.png) no-repeat bottom right; } .cssbox { width: 150px !important; /* intended total box width - padding-right(next) */ width: 150px; /* IE Win = width - padding */ padding-right: 15px; /* the gap on the right edge of the image (not content padding) */ margin: 20px auto; /* use to position the box */ } /* set the top-right image */ .cssbox_head { background-position: top right; margin-right: -15px; /* pull the right image over on top of border */ padding-right: 0px; /* right-image-gap + right-inside padding */ } /* set the top-left image */ .cssbox_head h2 { background-position: top left; margin: 0; /* reset main site styles*/ border: 0; /* ditto */ padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */ height: auto !important; height: 1%; /* IE Holly Hack */ } /* set the lower-left corner image */ .cssbox_body { background-position: bottom left; margin-right: 25px; /* interior-padding right */ padding: 10px 0 10px 10px; /* mirror .cssbox_head right/left */ }