/* CSS Document */

/* Normalize margin, padding */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
	}

/* Normalize font-size for headers */
h1, h2, h3, h4, h5, h6 { font-size: 100% }

/* Removes list-stule from lists */
ol, ul { list-style-type: none }

/* Removes border from fieldset and img */
fieldset, img { border: 0} 

/* END NORMALIZATION */

/* Begin Page Rules */
html { height: 100%; }

body {
	font-family: Georgia, Lucida Grande, "Times New Roman", Times, serif;
	font-size: 62.5%;
	background-color: #f2e9cd;
	height: 100%;
	text-align: center;
	background: #f2e9cd url(../images/sun_watermark.png) no-repeat top right;

	}

div#container {
	min-height:100%;
	width:760px;
	margin:0 auto;
	position:relative;
	text-align: left;
	}

* html div#container {height:100%}

/* HEADER */
div#print_logo { display: none }

div#branding {
	position: relative
	}

	p#site_logo { 
		padding-top: 10px
		}
		
	p#site_clientele { 
	position: absolute;
		top: 42px;
		right: 0;
	width: 206px;
	height: 32px;
	margin-right: 14px;
	background: transparent url(../images/clients.png) no-repeat;}
	
	p#site_clientele span {
	display: block;
	width: 206px;
	height: 32px;
	text-indent: -9999px
	}

/* SITE NAVIGATION */
ul#nav_main {
	font-size: 1.4em;
	font-weight: bold;
	position: relative;
		top: -18px;
		right: 0;
	float: right;
	text-align: right;
	width: 500px;
	padding: 0 0 6px 0;
	display: inline;
	}
	
	ul#nav_main li {
		display: inline;
		margin-right: 22px;
		}
		
	* html ul#nav_main li {
		margin-right: 21px;
		}
		
	ul#nav_main li.last {
		display: inline;
		margin-right: 0;
		}
		
	ul#nav_main li a { text-decoration: none;}
	ul#nav_main li a:link { color: #333; }
	ul#nav_main li a:visited { color: #d74809; }
	ul#nav_main li a:active { color: #333; }
	ul#nav_main li a:hover { color: #d74809; border-bottom: solid 5px #d74809; text-decoration: underline }
	
	ul#nav_main li a.on { border-bottom: solid 5px #d74809 }

	
/* CONTENT */
div#content { 
	width:760px;
	padding-bottom:50px; /* equal to footer height to allow for absolute positioning */
	}

div#content:after {
	content:" ";
	display:block;
	clear:both;
	}

/* CONTENT MAIN */
div#content_main {
	float: right;
	width: 470px;
	margin-bottom: 20px;
	}

div#content_main a { color: #d74809 }
div#content_main a:hover { background: #d74809; color: #fff }

	div#content_main h1 {
		font-size: 2em;
		color: #d74809;
		margin: 11px 10px 8px 0;
		}
	
	div#content_main p em {
		font-size: 1.2em;
		font-style: normal;
		color: #333;
		line-height: 1.4em;
		margin-right: 10px;
		}
	
	div#content_main h2 {
		font-size: 1.7em;
		color: #d74809;
		margin: 20px 10px 8px 0;
		}
		
	div#content_main li {
		position: relative;
		margin-right: 10px;
		margin-bottom: 15px;
		content:" ";
		display:block;
		clear:both;
		}
		
	div#content_main h4 {
		font-size: 1.4em;
		font-weight: bold;
		color: #333;
		line-height: 1.7em;
		margin-right: 10px;
		margin-bottom: 5px;
		}
	
	div#content_main h4.line {
		font-size: 1.4em;
		font-weight: bold;
		color: #333;
		line-height: 1.4em;
		margin: 22px 10px 8px 0;
		border-bottom: 1px dotted #666;
		}
		
	div#content_main li h4 {
		font-size: 1.4em;
		font-weight: bold;
		color: #333;
		line-height: 1.6em;
		margin-right: 10px;
		}
		
	div#content_main li p {
		font-size: 1.3em;
		color: #333;
		line-height: 1.5em;
		margin-right: 10px;
		margin-bottom: 10px;
		position: relative;

		}
		
		div#content_main li p label {	
			font-weight: bold;
			display: block;
			float: left;
			width: 140px;
			height: auto !important;
			height: 1%;
			}
		
		div#content_main li p span {
			display: block;
			float: right;
			width: 310px;
			margin-bottom: 10px;
			height: auto !important;
			height: 1%;
			}

	div#content_main p {
		font-size: 1.3em;
		color: #333;
		line-height: 1.5em;
		margin-right: 10px;
		margin-bottom: 10px;
		}

/* THERAPIST PROFILE PAGE */
	
	div#content_main ul li.vcard span.photo {
		float: left;
		display: block;
		height: 60px;
		margin-right: 10px }
		
	div#content_main ul li span.photo {
		float: left;
		width: 80px;
		margin-right: 10px; 
		margin-bottom: 5px;
		}
		
	div#content_main ul li img {	
		border: solid 3px #fff; 
		xmargin-right: 10px;
		}
	
	div#content_main ul li p em.therapistName {
		font-size: 110%;
		color: #333;
		}
		
	div#content_main ul li p em.therapistName a {
		color: #333;
		text-decoration: none
		}
		
	div#content_main ul li.vcard h4 { 
		color: #333;
		}
		
	div#content_main ul li.vcard h4 a { 
		color: #333;
		text-decoration: none
		}
		
	div#content_main ul li.vcard h4 a:hover,
	div#content_main ul li p em.therapistName a:hover,
	div#content_main ul li.vcard h4 span.title a:hover,
	div#content_main ul li p span.title a:hover { 
		color: #fff;
		text-decoration: underline;
		}
	
	div#content_main ul li.vcard h4 span.title,
	div#content_main ul li p span.title { 
		font-size: 1em;
		font-weight: normal;
		color: #333;
		margin-top: -16px;
		}
	
	div#content_main ul li span.tel { 
		font-size: 1.2em;
		color: #333; 
		clear: both }
	
	div#content_main ul li span.email { 
		font-size: 1.2em;}
	
div#content_main ol.circle li,
div#content_main ul.circle li {
	font-size: 1.3em;
	color: #333;
	padding-left: 15px;
	background: url(../images/bullet.png) no-repeat 0% 1%;
	}		

div#content_main ol.circletight li,
div#content_main ul.circletight li {
	font-size: 1.3em;
	color: #333;
	padding: 0;
	padding-left: 15px;
	margin: 0 0 5px 0;
	background: url(../images/bullet.png) no-repeat 0% 1%;
	}

div#content_main ol.decimal_order {

	}
	
	div#content_main ol.decimal_order li {
	font-size: 1.4em; 
	color: #333;
	display: list-item;
	list-style-type: decimal;
	margin-left: 25px; 
	}
	
/* CONTENT SUB */
div#content_sub {
	float:left; 
	width:260px; 
	margin-bottom: 20px;
	}

/* CSS BOX 1 */
/* set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h3 { background: transparent url(../images/box1.png) no-repeat bottom right; } 

	.cssbox { 
		width: 250px !important; /* intended total box width - padding-right(next) */ 
		width: 250px; /* IE Win = width - padding */ 
		padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
		margin: 0; /* use to position the box */ 
		margin-bottom: 15px;
		} 

	/* 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: 20px; /* right-image-gap + right-inside padding */ 
		} 

	/* set the top-left image */ 
	.cssbox_head h3 { 
		background-position: top left; 
		margin: 0; /* reset main site styles*/ 
		border: 0; /* ditto */ 
		padding: 15px 0 10px 20px; /* 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; 
		padding: 15px 0 15px 20px; /* mirror .cssbox_head right/left */ 
		} 

	div#therapist h3 {
		font-size: 1.5em;
		color: #fff }
	
	div#therapist ul li {
		margin-bottom: 8px;
		line-height: 1.6em;
		}
		
	div#therapist ul li img {	
		margin-bottom: 5px;
		text-align: center
		}
	
	div#therapist ul li h4 { 
		color: #d74809;
		}
		
	div#therapist ul h6 { 
		font-size: 1.1em;
		color: #333; 
		margin-top: 12px;
		margin-bottom: 8px;
		}
		
		div#therapist ul h6 a { 
		color: #333; 
		text-decoration: none;
        li a:visited { color: #d74809; }
	
		}
		
		div#therapist ul h6 a:hover { 
		text-decoration: underline;
        li a:visited { color: #d74809; }
	
		}
		
		div#therapist ul h6.first { 
		margin-top: 0;
		}
		
		div#therapist ul h6.first a { 
		color: #333; 
		text-decoration: none;
		}
		
		div#therapist ul h6.first a:hover { 
		text-decoration: underline;
		}
		
	div#therapist ul li.faux_h4 { 
		font-size: 1.2em;
		color: #d74809;
		text-decoration: none;
		padding-left: 15px;
		background: url(../images/bullet.png) no-repeat 0% 30%;
		}
	
	div#therapist ul li.faux_h4 a{ 
		font-size: 1.2em;
		color: #d74809;
		text-decoration: none;
		}
		
	div#therapist ul li h4 a { 
		font-size: 1.5em;
		color: #d74809;
		text-decoration: none;
		}
	div#therapist ul li h3 a { 
        font-size: .85em;
        color: #d74809;
        text-decoration: none;
        }

	div#therapist ul li h4 span.title { 
		font-size: .85em;
		font-weight: normal;
		color: #333;
     	margin-top: -16px}
	
	div#therapist ul li span.tel { 
		font-size: 1.1em;
		color: #333 }
	
	div#therapist ul li span.email { 
		font-size: 1.1em;
		color: #f16803 }
		
	div#therapist ul li span.email a { 
		color: #f16803 }
	

/* CSS BOX 2 */
/* set the image to use and establish the lower-right position */ 
.cssbox2, .cssbox2_body, .cssbox2_head, .cssbox2_head h3 { background: transparent url(../images/box2.png) no-repeat bottom right; } 

	.cssbox2 { 
		width: 250px !important; /* intended total box width - padding-right(next) */ 
		width: 250px; /* IE Win = width - padding */ 
		padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
		margin: 0 0 20px 0; /* use to position the box */ 
		} 

	/* set the top-right image */ 
	.cssbox2_head { 
		background-position: top right; 
		margin-right: -15px; /* pull the right image over on top of border */ 
		padding-right: 20px; /* right-image-gap + right-inside padding */ 
				height: auto !important; 
		height: 15px; /* IE Holly Hack */ 

		} 

	/* set the top-left image */ 
	.cssbox2_head h3 { 
		font-size: 1.35em;
		color: #fff;
		background-position: top left; 
		margin: 0; /* reset main site styles*/ 
		border: 0; /* ditto */ 
		padding: 15px 0 5px 20px; /* padding-left = image gap + interior padding ... no padding-right */ 
		height: auto !important; 
		height: 15px; /* IE Holly Hack */ 
		} 
	
	/* set the lower-left corner image */ 
	.cssbox2_body { 
		background-position: bottom left; 
		margin-right: 15px; /* interior-padding right */ 
		padding: 5px 0 15px 20px; /* mirror .cssbox_head right/left */ 
		height: auto !important;
		height: 1%;
		} 
	
	.cssbox2_body ol { 
		margin-top: 5px !important; 
		margin-top: -10px;
		margin-bottom: 8px;
		padding: 0
		}
				
	.cssbox2_body ol li.vcard { 
		font-size: 1.2em; 
		color: #fff; 
		margin: 0; 
		margin-bottom: 10px; 
		padding: 0; 
		line-height: 1.4em; 
		}
		
	.cssbox2_body ol li.vcard p { 
		font-weight: bold;
		margin-bottom: 8px;
		}
		
	.cssbox2_body ol li a { color: #fff; }
	
	.cssbox2_body ol li.vcard span.tel { display: block;}
	
	.cssbox2_body ol li.get_directions { 
		font-size: 1.1em;
		text-align: right; 
		display: block;}
	
	.sidebar_txt {
		font-size: 1.2em;
		ling-height: 1.6em;
		color: #fff;
		margin-bottom: 5px;
		}

/* CSS BOX 3 */
/* set the image to use and establish the lower-right position */ 
.cssbox3, .cssbox3_body, .cssbox3_head, .cssbox3_head h3 { background: transparent url(../images/box3.png) no-repeat bottom right; } 

	.cssbox3 { 
		width: 250px !important; /* intended total box width - padding-right(next) */ 
		width: 250px; /* IE Win = width - padding */ 
		padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
		margin: 0 0 20px 0; /* use to position the box */ 
		} 

	/* set the top-right image */ 
	.cssbox3_head { 
		background-position: top right; 		
		margin-right: -15px; /* pull the right image over on top of border */ 
		padding-right: 20px; /* right-image-gap + right-inside padding */ 
		height: auto !important; 
		height: 15px; /* IE Holly Hack */ 

		} 

	/* set the top-left image */ 
	.cssbox3_head h3 { 
		font-size: 1em;
		color: #fff;
		background-position: top left; 
		margin: 0; /* reset main site styles*/ 
		border: 0; /* ditto */ 
		height: auto !important; 
		height: 8px; /* IE Holly Hack */ 
		} 
	
	/* set the lower-left corner image */ 
	.cssbox3_body { 
		background-position: bottom left; 
		margin-right: 10px; /* interior-padding right */ 
		padding: 5px 0 15px 20px; /* mirror .cssbox_head right/left */ 
		height: auto !important;
		height: 1%;
		} 
	.cssbox3_body p {
		color:#D74809;
		font-size: 1.2em; 
		font-style: italic;
		line-height:1.5em;
		margin-bottom: 4px }
			
	.cssbox3_body p img { 
		border: 4px solid #FFC208; 
		margin: 0 0 8px 8px }
		
	.cssbox3_body p a:link,
	.cssbox3_body p a:visited,
	.cssbox3_body p a:active {color:#D74809;
}
		
	.cssbox3_body p a:hover { background-color: #fff}

/* CSS Box 3 Homepage */
	.bestOf { 
		border-color:#D74809;
		border-style:dotted;
		border-width:1px 0;
		width: 450px !important; /* intended total box width - padding-right(next) */ 
		} 

	
	/* set the lower-left corner image */ 
	.bestOf_body { 
		margin-right: 10px; /* interior-padding right */ 
		padding: 10px 0 2px; /* mirror .cssbox_head right/left */ 
		*padding-bottom: 10px;
		height: auto !important;
		height: 1%;
		} 
	div#content_main .bestOf_body p {
		color:#D74809 !important;
		font-size: 1.4em; 
		font-style: italic;
		line-height:1.5em;
		margin-bottom: 0;
		margin-right: 0;
		overflow: hidden }
	
	div#content_main .bestOf_body p span.text { float:left; margin-top: 10px; width:345px}
	
	div#content_main .bestOf_body p img { 
		border: 4px solid #FFC208;
		float:left; 
		margin: 0 0 8px 8px }
		
			
/* Other Links Page */

.otherLinks a { float: right; margin-bottom:10px; margin-left: 10px }
.otherLinks li { float: left; border-bottom: dotted 1px #999; padding-bottom: 3px; overflow: hidden; width:95% }		
		
		
/* FOOTER */
div#site_info {
	font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	color:#fff;
	position:absolute;
		bottom:0;
	height:50px; /* equal to #content padding-bottom */
	width:100%;
	text-align:right;
	background-color: #d74809;
	border-top: 5px solid #b2451a;
	
	}
	
		
ul#nav_sub {
	clear: both;
	padding: 8px 10px 8px 0;
	}
	
	ul#nav_sub li { display: inline; margin-right: 8px }
	ul#nav_sub li.last { display: inline; margin-right: 0 }

	ul#nav_sub li a { color: #fff; text-decoration: underline }

div#site_info p {
	line-height: 1.1em;
	padding-right: 10px;
	padding-bottom: 10px;
	}