@import url(reset.css);
@import url(basics.css);
@import url(nav.css);

body {
	background: #794532 url("/images/bg_body.gif") repeat-x top left;
	margin: 0;
	padding: 0;
}

#wrapper {
	width: 861px;
	/*overflow: auto; /* self clearing */*/
	padding: 0;
	margin: 0 auto;
	}
	#container {
		background: transparent url("/images/bg_container.gif") repeat top left;
		position: relative;
		/*overflow: auto; /* self clearing */*/
		width: 861px;
		padding: 0;
		}
	
		#header {
			position: relative;
			width: 100%;
			height: 214px;
			background: transparent url("/images/bg_header.jpg") no-repeat bottom left;
		}
			
		#header h1 a {
			display: block;
			width: 349px;
			height: 72px;
			position: absolute;
			top: 86px;
			left: 33px;
			text-decoration: none;
			outline: none;
		}
	
		#header #contactNumbers {
			position: absolute;
			top: 95px;
			right: 38px;
			text-align: right;
			color: #fefefe;
			font-size: 1.2em;
		}
	
		#content {
			background: transparent url("/images/bg_content.gif") no-repeat top left;
			padding: 40px 38px 0 38px;
			width: 785px; /* self clearing */
			overflow: auto; /* self clearing */
		}
		
		
			#col2 {
				width: 190px;
				float: left;
				padding-top: 2.88em;
			}

			#col_main {
				width: 570px;
				float: right;
			}
		
	#footer {
			clear: both;
			text-align: center;
			padding: 2em 8px 1em 8px;
			background: url("/images/bg_footer.gif") no-repeat top right;
	}
	

#content .pushRight {
	margin-right: -55px;
	margin-left: 14px;
}

#col2 .pushLeft {
	margin-left: 14px;
	margin-right: -55px;
}
	
	
div.splitColL  {
	width: 49%;
	float: left
}

div.splitColR {
	width: 49%;
	float: right
}

div.splitColThirds {
	width: 30%;
	margin-right: 3%;
	float: left;
}

div.callout {
	background: url('/images/bg_callout_wide.gif') repeat-y bottom left;
	width: 257px;
}
div.callout h2 {
	background: url('/images/bg_callout_wide.gif') repeat-y top left;
	padding: 0 18px 0 10px;
	line-height: 32px;
	height: 32px;
	font-size: 1.3em;
	color: #bfdcf9;
	font-weight: normal;
	text-align: center;
	text-transform: uppercase;
}
div.callout .body {
	padding: 8px 22px 22px 14px;
}


#col2 div.callout {
	background: url('/images/bg_callout_narrow.gif') repeat-y bottom left;
	width: 200px;
}

#col2 div.callout h2 {
	background: url('/images/bg_callout_narrow.gif') repeat-y top left;
}

/*=====  BLOCK ELEMENTS  =====*/

.resultGroups {
	width: 570px; /* self clearing */
	overflow: auto; /* self clearing */
	background: url('/images/bg_searchResults.gif') repeat-y top left;
	margin: 2em 0 2em 0;
}

	.resultGroup {
		width: 190px;
		float: left;
	}
	
	
		.bioBrief {
			float:left;
			padding-top:22px;
			width:190px;
		}
		
			.bioBrief .caption{
				display: block;
				font-size: 1.1em;
				line-height: 1.35em;
				text-decoration: none !important;
			}


#finder_sidebar {
	margin-bottom: 4em;
}

	#pick_spec {
		font-size: .9em;
		padding: .1em 0;
	}


#noresults {
	background-color: #E5D6B7;
	padding: 1em;
	margin-top: .5em;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}


/* Therrapist pages: Contact callout */

#col2 .contact .name,
#col2 .contact address {
	color: #4a4949;
	font-size: 1.2em;
	line-height: 2em;
}

#col2 .contact address {
	line-height: 1.2em;
	padding-top: 1.2em;
}

#col2 .contact ul {
	font-size: 1.2em;
	line-height: 2em;
	padding-bottom: 0;
}

	#col2 .contact li {
		padding-left: 23px;
	}
	#col2 .contact li.phone {
		background: transparent url("/images/icon_phone.gif") no-repeat center left;
	}
	#col2 .contact li.email {
		background: transparent url("/images/icon_email.gif") no-repeat center left;
	}
	#col2 .contact li.website {
		background: transparent url("/images/icon_website.gif") no-repeat center left;
	}

/* Therrapist pages: main col */

.bio .photo {
	float: right;
	width: 194px;
	margin-left: 10px;
}

.bio .photo .caption {
	color: #8b8a8a;
	font-size: 1.2em;
}


.bio h3 {
	color: #605f5f;
	font-style: italic;
	font-size: 1.3em;
	line-height: 1.3em;
}

.bio h4 {
	color: #605f5f;
	font-style: italic;
	font-size: 1.1em;
	line-height: 1.6em;
	padding-bottom: 1.6em;
}

/*=====  TYPOGRAPHY  =====*/

h2.resultSummary strong {
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	background-color: #784a36;
	color:white;
	font-style:normal;
	padding: 1px 8px 2px 7px;
}

h3.resultSummary {
	float:left;
	overflow: visible;
	margin-bottom: 1.3em;
	font-size: 1.3em;
	font-style: italic;
	font-weight: bold;
	line-height: 19px;
	height: 19px;
}

h3.resultSummary a {
	display: block;
	/*float:left;*/
	color: #938D75;
	line-height: 19px;
	padding-right: 30px;
	font-style: italic;
	font-weight: bold;
}
h3.resultSummary a:hover {
	color: #938D75;
}

h4.resultSummary {
	font-size: 1.2em;
	color: #938d75;
	font-style: italic;
	font-weight: bold;
}

h4.resultSummary a {
	color: #938d75;
}

#footer p   {
	color: #b39d93;
	font-size: 1em;
	padding-bottom: .5em;
	line-height: 1.5em;
}

#footer .partition   {
	padding: 0 .6em;
	color: #b39d93;
}

#footer a, #footer a:hover, #footer a:active, #footer a:visited { color: #d1b8ae; font-size: 1.2em; }

p.note {
	text-indent: 0;
	font-size: 1.4em;
	line-height: 1.857em;
	color: #4C3851;
}

p.noIndent {
	text-indent: 0;
}

p.important {
	color: #8c282f;
	font-size: 1.6em;
	line-height: 1.4em;
}

.thumb {
	line-height: 1em;
}
.caption {
	font-size: 1em;
	text-indent: 0;
	color: #9A9A9A;
	line-height: 1.2em;
}

#col_secondary h2 {
	color: #f7e6d5;
	font-size: 1.5em;
}

a.baseanchor {
	font-size: .8em;
	font-style: italic;
	white-space: nowrap;
}

/*=====  FORMS  =====*/

form  {
}

fieldset {
}

label   {
}

form input, form select, form textarea  {
}


form input.error   {
}



form label.error   {
	color: red;
	background-color: #fff4f4;
	text-align: center;
	display: block;
	margin-top: 0;
	margin-right: 8px;
	margin-left: 110px;
	width: auto;
	float: none;
	clear: left
}


/*=====  OVERRIDES  =====*/

.dropCap {
}

img.floatRight {
	margin-left: 20px;
}

img.floatLeft {
	margin-right: 20px;
}


.expandomatic {
	cursor: pointer;
}


