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

[Table of contents]

1. Reset Styles
2. Utilities
3. Aesthetics
		3.1. Headers / h1, h2, h3
		3.2. Links / a:link
		3.3. Navigation / Lists
		3.4. Footer / #footer
		3.5. Form Elements / form
		3.6. Text / p, blockquotes
4. Structure & Layout
5. Page Specific

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

/*----------------
 1. RESET STYLES - courtesy of Eric Meyer
 ---------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
	font-size: 62.5%;
	font-family: Verdana, Geneva, sans-serif;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
}
blockquote, q {
	quotes: "" "";
}

/*----------------
 2. UTILITIES (common classes for removing margins, padding, floating, clearing, aligning text, etc)
---------------*/

	body{
		min-width: 900px;
		font-family: Lucida Grande, Arial, sans-serif;
		font-size: .7em;
		color: #5e5e5e;
		background: #e0ded9 url("../images/bg_body.jpg") repeat-x;
	}

	.clear{
		clear: both;
	}
	
	hr{
		border: 0;
		color: #e2dfd7;
		height: 1px;
		padding-bottom: 5px;
	}
	
	.spacer{
		height: 10px;
	}
	
	blockquote{
		line-height: 1.4em;
		margin: 2em;
		padding-left: 16px;
		border-left: #ccc 1px dashed;
	}
 
/*----------------
 3. AESTHETICS
---------------*/
	 
	/* --- 3.1 HEADERS --- */
	
	h1{
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 1.4em;
		line-height: 1.4em;
		color: #45412d;
	}
	
	h2{
		font-family: Lucida Grande, Arial, sans-serif;
		font-size: 1.2em;
		line-height: 1.1em;
		font-weight: bold;
		color: #00a060;
	}
	
		/* -- Special Event Header --*/
		h5{
			font-family: Lucida Grande, Arial, sans-serif;
			font-size: 1.2em;
			line-height: 1.1em;
			font-weight: bold;
			color: #c86c3b;
		}
	
	h3{
		font-family: Lucida Grande, Arial, sans-serif;
		font-size: 1.1em;
		line-height: 1.2em;
		font-weight: bold;
		color: #e0ded9;
	}
	
	h4{
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 1.6em;
		line-height: 1.4em;
		color: #45412d;
	}
	
	h6{
		font-family: Lucida Grande, Arial, sans-serif;
		font-size: 1em;
		line-height: 1.2em;
		font-weight: normal;
		color: #c86c3b;
	}
	
	h7{
		font-family: Lucida Grande, Arial, sans-serif;
		font-size: 1.1em;
		line-height: 3em;
		font-weight: normal;
		color: #bbb;
	}
	
	 
	/* --- 3.2 LINKS --- */
	
	p a:link, p a:visited,
	ul#teamList a:link, ul#teamList a:visited,
	#team_nav a:link, #team_nav a:visited,
	#patient_nav a:link, #patient_nav a:visited,
	#services_nav a:link, #services_nav a:visited,
	#contentBlogPosts a:link, #contentBlogPosts a:visited,
	li a:link, li a:visited,
	ol a:link, ol a:visited {text-decoration: none; color: #1586c4;}
	p a:hover, p a:active,
	ul#teamList a:hover, ul#teamList a:active,
	#team_nav a:hover, #team_nav a:active,
	#patient_nav a:hover, #patient_nav a:active,
	#contentBlogPosts a:hover, #contentBlogPosts a:active,
	li a:hover, li a:active,
	ol a:hover, ol a:active {text-decoration: none; color: #1586c4;  border-bottom: #1586c4 1px dashed;}

	h1 a:link, h1 a:visited,
	h5 a:link, h5 a:visited {text-decoration: none; color: #1586c4;}
	h1 a:hover, h1 a:active,
	h5 a:hover, h5 a:active {text-decoration: none; color: #1586c4;  border-bottom: #1586c4 1px dashed;}
	
	h6 a:link, h6 a:visited {text-decoration: none; color: #c86c3b;}
	h6 a:hover, h6 a:active {text-decoration: none; color: #c86c3b;  border-bottom: #c86c3b 1px dashed;}
	
	#introWrap a:link, #introWrap a:visited {text-decoration: none; color: #999483; font-size: .8em;}
	#introWrap a:hover, #introWrap a:active {text-decoration: none; color: #999483;  border-bottom: #999483 1px dashed;}
	
	.topbottomContentWrap a:link, .topbottomContentWrap a:visited,
	#teamNameList a:link, #teamNameList a:visited {text-decoration: none; color: #333;}
	.topbottomContentWrap a:hover, .topbottomContentWrap a:active,
	#teamNameList a:hover, #teamNameList a:active {text-decoration: none; color: #666; border-bottom: none;}
	
	#contentSidebar a:link, #contentSidebar a:visited {text-decoration: none; color: #e0ded9; font-size: .8em;}
	#contentSidebar a:hover, #contentSidebar a:active {text-decoration: none; color: #e0ded9;  border-bottom: #e0ded9 1px dashed;}
	
	#contentMainFooter a:link, #contentMainFooter a:visited {text-decoration: none; color: #027a4a; text-transform: none;}
	#contentMainFooter a:hover, #contentMainFooter a:active {text-decoration: none; color: #6fd4ac;}
		
	#contentSidebarFooter a:link, #contentSidebarFooter a:visited {text-decoration: none; color: #055d8b; font-size: .8em; font-weight: bold;}
	#contentSidebarFooter a:hover, #contentSidebarFooter a:active {text-decoration: none; color: #055d8b;  border-bottom: #055d8b 1px dashed;}
	
		
	/* --- 3.3 NAVIGATION / LISTS --- */

	#contentMainContent ul{
		list-style-type: disc;
		padding: 0 0 4px 40px;
	}
	#contentMainContent ul li{
		line-height: 16px;
		margin: 0 0 6px 0;
	}
	#contentMainContent ol{
		list-style-type: decimal;
		padding: 0 0 4px 40px;
	}
	#contentMainContent ol li{
		line-height: 16px;
		margin: 0 0 6px 0;
	}
		
	/* --- sidebarList --- */
	ul#sidebarList {
		list-style-type: none;
		padding: 0;
		margin: 0;
		font-size: 1.1em;
		line-height: 1.5em;
		text-align: left;
	}

	#sidebarList li {
		background-repeat: no-repeat;
		background-position: 0em .3em;
		padding: 0em 0em 1em 1.6em;
	}
	
	#sidebarList li#blog {background-image: url(../images/bullet_blog.gif);}	
	#sidebarList li#career {background-image: url(../images/bullet_career.gif);}
	#sidebarList li#important {background-image: url(../images/bullet_forms.gif);}
	#sidebarList li#educate {background-image: url(../images/bullet_educate.gif);}
	#sidebarList li#termsofuse {background-image: url(../images/bullet_termsofuse.gif);}
	
	/* --- aboutList --- */
	ul#aboutList {
		list-style-type: none;
		padding-left: 16px;
		margin: 2em;
		line-height: 1.2em;
		color: #414242;
		font-size: 1.1em;
		font-style: italic;
		text-align: left;
		border-left: #ccc 1px dashed;
	}

	#aboutList li {
		background-repeat: no-repeat;
		background-position: 0em .3em;
		padding: .4em 0em 1em 2.2em;
	}
	
	#aboutList li.aboutListBullet {background-image: url(../images/bullet_arrow.gif);}
	
	/* --- pdfList --- */
	ul.pdfList {
		list-style-type: none;
		margin: .5em 0em .5em -40px;
		line-height: 1.2em;
		color: #414242;
		font-size: 1.1em;
		text-align: left;
	}

	.pdfList li {
		background-repeat: no-repeat;
		background-position: 0em .4em;
		padding: .8em 0em .5em 3.0em;
		list-style-type: none;
		font-style: italic;
	}
	
	.pdfList li.pdf {background-image: url(../images/bullet_pdf.gif);}	
	
	/* --- teamList --- */
	ul#teamList {
		list-style-type: none;
		padding-left: 16px;
		margin: 2em;
		line-height: 1.2em;
		color: #414242;
		font-size: 1.1em;
		font-style: italic;
		text-align: left;
		border-left: #ccc 1px dashed;
	}

	#teamList li {
		background-repeat: no-repeat;
		background-position: 0em .3em;
		padding: .6em 0em 1em 2.2em;
	}
	
	#teamList li#physicians {background-image: url(../images/bullet_doctor.gif);}
	#teamList li#pa {background-image: url(../images/bullet_stethoscope.gif);}
	#teamList li#therapists {background-image: url(../images/bullet_clipboard.gif);}
	#teamList li#trainers {background-image: url(../images/bullet_shoe.gif);}
	
	/* --- teamPostingsList --- */
	ul#teamNameList {
		list-style-type: none;
		padding-left: 8px;
		margin: 2em;
		line-height: 1.2em;
		font-style: italic;
		text-align: left;
	}

	#teamNameList li {
		width: 200px;
		float: left;
		background-repeat: no-repeat;
		background-position: 0em .3em;
		padding: .4em 0em 1em 2.2em;
	}
	
	#teamNameList li.name {background-image: url(../images/bullet_head.gif);}
	
	
	/* --- Body Areas List --- */

	ul {
		list-style: none;
		margin: 0;
		padding: 5px;
	}
    
	li a {
		text-decoration: none;
		color: #666;
	}
    
	h2.drawer-handle {
		margin: 0;
		padding: 5px;
		cursor: pointer;
		background-color: #f5f3ed;
		border-bottom: #fff 1px solid;
	}
    
	h2.drawer-handle.open {
		background-color: #fff;
		border-bottom: #ccc 1px dashed;
	}


	/* --- Main Navigation --- */
	
	#navigation{
 		position: relative;
		width: 570px;
		top: 82px; 
		left: 56px;
	}

		#nav {background: url("../images/navigation.gif"); text-align: center; margin: 0; padding: 0; width: 570px; height: 20px;}
		#nav li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0; text-indent: -999px; overflow: hidden}
		#nav li, #nav a  {text-decoration: none; display: block; height: 20px;}
		
		#nav #home {left: 0; width: 55px;}
		#nav #about {left: 55px; width: 85px;}
		#nav #team {left: 140px; width: 90px;}
		#nav #services {left: 230px; width: 115px;}
		#nav #forms {left: 345px; width: 127px;}
		#nav #contact {left: 472px; width: 98px;}
		
		#nav #home a:hover {background: transparent url("../images/navigation.gif") 0 -20px no-repeat;}
		#nav #about a:hover {background: transparent url("../images/navigation.gif") -55px -20px no-repeat;}
		#nav #team a:hover {background: transparent url("../images/navigation.gif") -140px -20px no-repeat;}
		#nav #services a:hover {background: transparent url("../images/navigation.gif") -230px -20px no-repeat;}
		#nav #forms a:hover {background: transparent url("../images/navigation.gif") -345px -20px no-repeat;}
		#nav #contact a:hover {background: transparent url("../images/navigation.gif") -472px -20px no-repeat;}
		
		#homePage #home {left: 0; width: 55px;}
		#homePage #home a {background: transparent url("../images/navigation.gif") 0 -20px no-repeat;}
		#homePage #home a:hover {background: transparent url("../images/navigation.gif") 0 -20px no-repeat;}
		#homePage #home a:active {background: transparent url("../images/navigation.gif") 0 -20px no-repeat;}
		
		#aboutPage #about {left: 55px; width: 85px;}
		#aboutPage #about a {background: transparent url("../images/navigation.gif") -55px -20px no-repeat;}
		#aboutPage #about a:hover {background: transparent url("../images/navigation.gif") -55px -20px no-repeat;}
		#aboutPage #about a:active {background: transparent url("../images/navigation.gif") -55px -20px no-repeat;}
		
		#teamPage #team {left: 140px; width: 90px;}
		#teamPage #team a {background: transparent url("../images/navigation.gif") -140px -20px no-repeat;}
		#teamPage #team a:hover {background: transparent url("../images/navigation.gif") -140px -20px no-repeat;}
		#teamPage #team a:active {background: transparent url("../images/navigation.gif") -140px -20px no-repeat;}
		
		#servicesPage #services {left: 230px; width: 115px;}
		#servicesPage #services a {background: transparent url("../images/navigation.gif") -230px -20px no-repeat;}
		#servicesPage #services a:hover {background: transparent url("../images/navigation.gif") -230px -20px no-repeat;}
		#servicesPage #services a:active {background: transparent url("../images/navigation.gif") -230px -20px no-repeat;}
		
		#formsPage #forms {left: 345px; width: 127px;}
		#formsPage #forms a {background: transparent url("../images/navigation.gif") -345px -20px no-repeat;}
		#formsPage #forms a:hover {background: transparent url("../images/navigation.gif") -345px -20px no-repeat;}
		#formsPage #forms a:active {background: transparent url("../images/navigation.gif") -345px -20px no-repeat;}
		
		#contactPage #contact {left: 472px; width: 98px;}
		#contactPage #contact a {background: transparent url("../images/navigation.gif") -472px -20px no-repeat;}
		#contactPage #contact a:hover {background: transparent url("../images/navigation.gif") -472px -20px no-repeat;}
		#contactPage #contact a:active {background: transparent url("../images/navigation.gif") -472px -20px no-repeat;}

	
	/* --- 3.4 FOOTER --- */ 
	 
	/* --- 3.5 FORM ELEMENTS --- */
	 
 	/* --- 3.6 TEXT --- */
	
	p{
		margin: 1em 0;
		line-height: 1.4em;
	}

	strong{
		font-weight: bold;
	}
	
	#introWrap p{
		line-height: 1.4em;
	}
	
	#contentMainFooter{
		color: #fff;
		font-size: .8em;
		text-align: center;
		text-transform: uppercase;
	}
	 
	 
/*----------------
 4. STRUCTURE & LAYOUT
---------------*/

	#wrap{
		margin: 0 auto;
		width: 880px;
		padding-top: 15px;
		text-align: left;
	}
	
	#header{
		position: relative;
		margin: 0 auto;
		width: 880px;
		height: 186px;
		background: #e0ded9 url("../images/bg_header.gif") no-repeat;
	}
	
	#logo{
		position: relative;
		width: 241px;
		height: 74px;
		top: 44px;
		left: 30px;
		border: 0px none;
	}
	
	#googleSearch{
		position: relative;
		width: 250px;
		bottom: 24px;
		left: 424px;
	}
	
		#googleSearchFloat1{
			float: left;
			width: 160px;
			margin-right: 6px;
		}
		
		#googleSearchFloat2{
			float: left;
			width: 54px;
		}
		
	#fb{
		position: relative;
		width: 123px;
		height: 23px;
		left: 30px;
	}
	
	#mainImg{
		width: 890px;
		height: 200px;
		background: #fff url("../images/mainImg.jpg") no-repeat;
	}
	
	#contentWrap{
		width: 880px;
	}
	
	#contentWrapMain{
		float:left;
		width: 680px;
	}
	
		#contentMain{
			width: 680px;
			background: #fff url("../images/bg_contentMain.gif") repeat-y;
		}
		
		#contentMainContent{
			position: relative;
			width: 620px;
			top: 20px;
			left: 30px;
			padding-bottom: 10px;
		}
		
		#contentMainFooter{
			clear: both;
			width: 680px;
			height: 75px;
			background: url("../images/bg_contentMainFooter.gif") no-repeat;
			padding-bottom: 15px;
		}
		
		#contentMainFooterType{
			position: relative;
			top: 54px;
		}
		
	#contentWrapSidebarOutside{
		float: left;
		width: 200px;
	}
	
	#contentWrapSidebarInside{
		padding-top: 10px;
		background-color: #416c97;
		padding-bottom: 4px;
	}
	
		#contentSidebar{
			margin: 15px;
			color: #fff;
		}
		
		#contentSidebarFooter{
			width: 140px;
			margin: 30px 0px 15px 40px;
		}
	

/*----------------
 5. PAGE SPECIFIC
---------------*/
	
	/* HOME PAGE */
	
		#calloutHome{
			position: relative;
			width: 620px;
			height: 190px;
			top: 20px;
			left: 30px;
			padding-bottom: 30px;
			background: #fff url("../images/bg_calloutHome.jpg") no-repeat;
		}
		
		#contentCallout{
			position: relative;
			width: 415px;
			top: 20px;
			left: 200px;
		}
		
		#introWrap{
			position: relative;
			width: 620px;
			margin-top: 30px;
			left: 30px;
		}
		
		.introLeft{
			float: left;
			width: 185px;
			padding-right: 12px;
			margin-right: 12px;
			border-right: #ebeae6 1px solid;
		}
		
		.introRight{
			float: left;
			width: 185px;
		}
		
	/* PATIENT FORMS PAGE */
	
		.topbottomContentWrap{
			clear: both;
			margin-left: 30px;
			padding-bottom: 10px;
		}
		
		.contentTop{
			width: 560px;
			
		}
								
		.contentBottom{
			width: 560px;
			border-bottom: #ccc 1px dashed;
		}
		
	/* PATIENT FORMS PAGE */
	
		#contentContactCallout{
			padding-left: 16px;
			margin: 2em;
			border-left: #ccc 1px dashed;
		}
		
		#patient_nav{
			position: absolute;
			width: 164px;
			top: 8px;
			left: 450px;
		}
		
	/* CAREERS PAGE */
	
		.contentCareersCallout{
			padding-left: 16px;
			margin: 2em;
			border-left: #ccc 1px dashed;
		}
		
	/* TEAM PAGES */
	
		#team_nav{
			position: absolute;
			width: 350px;
			top: 8px;
			left: 270px;
		}
		
		#bio_img{
			float: left;
			width: 200px;
			height: 250px;
			padding: 5px;
			margin-right: 30px;
			border: #ccc 1px dashed;
		}
		
		#bio_info{
			float: left;
			width: 350px;
		}

 	/* BLOG PAGES */

		#contentBlogPosts{
			padding: 16px 0px 20px 0px;
		}

		#contentBlogPostsArchiveWrap,
		#contentBlogPostsArchiveLinksWrap{
			border-top: #eee 1px solid;
			border-bottom: #eee 1px solid;
			padding: 6px 0px 20px 0px;
		}

		.contentBlogPostsArchive{
			padding: 4px 0px 0px 0px;
		}
		
		.contentBlogPostsArchiveLinks p{
			margin-bottom: 0px;
		}

		.blog_date{
			color: #aaa;
			font-size: 9px;
		}
		
		.blog_info{
			color: #ccc;
			font-size: 10px;
		}
		
		img.blog_image{
			float: left;
			clear: left;
			max-width: 600px;
			padding: 6px 10px 4px 0px;
		}

 	/* EDUCATION PAGE */


	#animation-wrap{
		margin-top: -10px;
	}
	
	#animation-left{
		float: left;
		width: 425px;
	}
	
	#animation-right{
		float: left;
		width: 190px;
	}

	#button-3d{
		position: relative;
		top: 10px;
		left: 10px;
		width: 170px;
		height: 60px;
	}
	
	a#button-3d{
		width: 170px;
		height: 60px;
		display: block;
		text-indent: -999em;
		background: url(../images/button-3d.png) 0 0 no-repeat;
	}
	
	a#button-3d:hover{
		background: url(../images/button-3d.png) 0 -60px no-repeat;
	}
	
	/* SERVICES PAGE */
	
		#services_nav{
			float:right;
			text-align: right;
			margin-top: -16px;
		}