/*
	Main Stylesheet

	Project:		The Altos Group
	Last Updated: 	December 2, 2009
*/

@import url("reset.css");

/** Basic */
body { background: #ee9c00 url("images/background.png") top left; color: #005596; font-family: Arial, sans-serif; font-size: 1em; line-height: 1.0; margin: 0 auto; width: 1026px; }
q:before { content: "“"; }
q:after { content: "”"; }

.group { display: inline-block; }
.group:after { content: " "; display: block; height: 0; clear: both; font-size: 0; visibility: hidden; } /* clearfix, with Dan Cederholm's ".group" convention */

/** Wrappers */
#wrapper { margin-top: 36px; width: 100%; }
#content_wrapper { background: #005596 url("images/bg_steth.png") left 313px no-repeat; color: #000; float: left; margin-bottom: 9px; min-height: 620px; width: 100%; } /* 321px */

/** Sidebar */
#sidebar { color: #e8a614; padding-bottom: 40px; float: left; position: relative; width: 342px; }

	/* Site logo */
	#sidebar h1 { line-height: 3.4; margin: 160px 0 100px; padding: 0 0 0 38px; position: relative; top: -4px; }
	#sidebar h1 a { color: #fff; font-size: 1.7em; font-weight: normal; letter-spacing: 0.1em; margin-left: 1px; text-transform: uppercase; visibility: hidden; }
	#sidebar h1 em { display: block; position: absolute; top: 22px; left: 38px; z-index: 1; visibility: visible; }
	#sidebar h1 small { font-size: 0.2em; }
	#sidebar h1 span { color: #e8a614; }
	#sidebar h1#logo, #sidebar h1#logo em { height: 43px; }
	#sidebar h1#logo { width: 268px; }
	#sidebar h1#logo em { background: url("images/logo.gif") top left no-repeat; width: 268px; }
	

	/* Navigation: Primary */
	#navigation { margin-left: 163px; text-align: left; width: 170px; }
	#navigation li { font-size: 0.8em; letter-spacing: 0.08em; margin-bottom: 12px; }
	#navigation li a { color: #fff; display: block; font-weight: normal; padding-left: 20px; text-transform: lowercase; } 
	#navigation li.current a, #navigation li a:hover, #navigation li a:focus, #navigation li a:active { color: #e8a614; }
	#navigation > li.current > a { font-weight: bold; }

	/* Navigation: Secondary */
	#navigation li ul { display: none; }
	#navigation li.current ul { display: block; margin-bottom: 21px; margin-left: 9px; margin-top: 12px; }
	#navigation li.current li { font-size: 0.9em; font-weight: normal; margin-bottom: 11px; }
	#navigation li.current li a { background: none; color: #fff; font-weight: normal; }
	#navigation li.current li.current a, #navigation li.current li a:hover, #navigation li.current li a:focus, #navigation li.current li a:active { color: #e8a614; }

	/* Navigation: Tertiary */
	#navigation li.current li ul { display: none; }
	#navigation li.current li.current ul { display: block; margin-bottom: 21px; margin-left: 18px; margin-top: 16px; }
	#navigation li.current li.current li { font-size: 1em; margin-bottom: 7px; }
	#navigation li.current li.current li a { background: none; color: #fff; }
	#navigation li.current li.current li.current a, #navigation li.current li.current li a:hover, #navigation li.current li.current li a:focus, #navigation li.current li.current li a:active { color: #e8a614; }

	#consulting .consulting, #p3_curriculum .p3_curriculum, #p3_outcomes .p3_outcomes, #p3_overview .p3_overview, #p3 .p3, #conversations_successes .conversations_successes, #conversations .conversations, #press_releases .press_releases, #articles .articles, #rn2_successes .rn2_successes, #rn2 .rn2, #about_us .about_us, #articles .articles, #contact_us .contact_us, #news .news, #philosophy .philosophy, #programs .programs, #speaking .speaking, #testimonials .testimonials { background: url("images/menu_selected.gif") 8px 2px no-repeat !important; }
	
	#p3_curriculum #navigation .current .current a.p3, #p3_outcomes #navigation .current .current a.p3, #p3_overview #navigation .current .current a.p3, #rn2_successes #navigation .current .current a.rn2, #conversations_successes #navigation .current .current a.conversations { color: #fff; } 
	#p3_curriculum #navigation .current .current a.p3:hover, #p3_outcomes #navigation .current .current a.p3:hover, #p3_overview #navigation .current .current a.p3:hover, #rn2_successes #navigation .current .current a.rn2:hover, #conversations_successes #navigation .current .current a.conversations:hover,
	#p3_curriculum #navigation .current .current a.p3:focus, #p3_outcomes #navigation .current .current a.p3:focus, #p3_overview #navigation .current .current a.p3:focus, #rn2_successes #navigation .current .current a.rn2:focus, #conversations_successes #navigation .current .current a.conversations:focus,
	#p3_curriculum #navigation .current .current a.p3:active, #p3_outcomes #navigation .current .current a.p3:active, #p3_overview #navigation .current .current a.p3:active, #rn2_successes #navigation .current .current a.rn2:active, #conversations_successes #navigation .current .current a.conversations:active { color: #e8a614; } 

/** Main Content */
#content { background: #ffcc67 url("images/bg_doctor_patient.png") no-repeat; color: #005596; float: left; min-height: 251px; padding: 298px 0 34px; width: 652px; }
#content.alt { background-image: url("images/bg_doctors_table.png"); } /* use body id */
#content.short { padding-bottom: 71px; }

#p3 #content.short { padding-bottom: 140px; }

	/* Content: General Copy */
	#content .copy { font-size: 0.8em; padding: 0 55px; }
	#content .copy a { text-decoration: underline; }
	/* #content .copy h2 { color: #333; font-size: 1.2em; font-weight: bold; margin-bottom: 1.2em; } */
	#content .copy h2 { font-size: 1.4em; letter-spacing: 0.06em; text-transform: lowercase; margin-bottom: 1em; }
	#content .copy h3 { font-size: 1em; font-weight: bold; }
	#content .copy h4, #content .copy h5, #content .copy h6 { font-size: 1em; font-style: italic; font-weight: normal; }
	#content .copy hr { background: url("images/hr.gif") 50% 0 no-repeat; border: 0; height: 15px; margin: 4px 0; }
	#content .copy p { letter-spacing: 0.02em; line-height: 1.4; margin-bottom: 15px; }
	#content .copy p strong { font-weight: bold; }
	#content .copy p .drop { font-size: 1.4em; letter-spacing: 0.1em; text-transform: lowercase; }
	#content .copy p + ol, #content .copy p + ul { margin-top: -8px; }
	#content .copy ol, #content .copy ul { line-height: 1.4; margin: 0 0 15px 24px; }
	#content .copy ol ol, #content .copy ol ul, #content .copy ul ul, #content .copy ul ol { margin-bottom: 0; }
	#content .copy ol li { list-style-type: decimal; padding-left: 0; }
	#content .copy ol.alpha li { list-style-type: lower-alpha; }
	#content .copy ul li { list-style-type: disc; padding-left: 0; }

	/* Content: Copypasta */
	#content .copy.pre dl { margin-bottom: 21px; }
	#content .copy.pre dl dt { clear: both; float: left; line-height: 1.4; margin-bottom: 8px; margin-right: 4px; }
	#content .copy.pre dl dt span { text-decoration: underline; }
	#content .copy.pre dl dd { line-height: 1.4; margin-bottom: 8px; }
	#content .copy.pre h3 { margin-bottom: 0.8em; margin-top: 0.4em; }
	#content .copy.pre h4 { margin-bottom: 0.4em; }
	#content .copy.pre div.feature { float: left; margin-bottom: 15px; }
	#content .copy.pre div.feature img { border: 1px solid black; float: left; width: 272px; }
	#content .copy.pre div.feature .feedback { background-color: white; border: 1px solid black; display: inline; float: right; margin-left: 10px; padding: 4px 10px; text-align: left; width: 220px; }
	#content .copy.pre div.feature .feedback q { font-style: italic; }
	#content .copy.pre p.tagline_main { font-style: italic; margin-top: -15px; }
	#content .copy.pre p.tagline { font-style: italic; margin-bottom: 10px; margin-top: -6px; }
	#content .copy.pre table { border-left: 1px solid black; border-top: 1px solid black; margin-bottom: 15px; }
	#content .copy.pre table caption { display: none; }
	#content .copy.pre table th, #content .copy.pre table td { border-bottom: 1px solid black; border-right: 1px solid black; padding: 6px; }
	#content .copy.pre table th { background-color: #666; color: #fff; font-weight: bold; }

	/* Content: Welcome */
	#content .copy.welcome { margin-top: -3px; }
	#content p.site_tagline { font-family: Georgia, Times, serif; font-style: italic; font-weight: bold; margin-bottom: -15px; padding-top: 15px; text-shadow: 1px 1px #aaa; }

	/* Content: Our Philosophy */
	#philosophy #content .copy.pre ol { margin-bottom: 25px; }
	#philosophy #content .copy.pre ol li { margin-bottom: 6px; }

	/* Content: Client Testimonials */
	#content ul#testimonials { margin: 0; }
	#content ul#testimonials li { list-style-type: none; margin-bottom: 15px; }
	#content #testimonials blockquote p { line-height: 1.4; }
	#content #testimonials blockquote p:before { content: "“"; }
	#content #testimonials blockquote p:last-child:after, #content #testimonials blockquote p.last:after { content: "”"; }
	#content #testimonials cite { font-style: italic; position: relative; top: -0.7em; }
	#content #testimonials cite:before { content: "—"; }

	/* Content: Articles, News */
	#content .copy .works { margin: 0; }
	#content .copy .works li { line-height: 1.4; list-style-type: none; margin-bottom: 15px; }
	#content .copy .works li strong { font-weight: bold; }
	#content .copy .works li p.summary { margin-left: 10px; margin-top: 10px; }

	/* Content: About Us */
	#content .bio { margin-bottom: 24px; }
	#content .bio h3 { margin-bottom: 0.8em; margin-top: 0.4em; }
	#content .bio .image { float: left; margin-top: 4px; padding-bottom: 12px; padding-right: 15px; width: 146px; }
	#content .bio .image span { background-color: #005596; color: #fff; display: block; line-height: 1.4; margin-top: -2px; padding: 4px 6px 6px; width: 134px; }

	/* Content: Contact Us */
	#content .vcard .fn, #content .vcard .adr .street-address { display: block; }
	#content .vcard .n, #content .vcard .adr { display: inline; }
	
	/* Unify */
 	.unify cite { font-style: italic; position: relative; top: -0.7em; }
	.unify cite:before { content: "—"; }
	.unify dl { margin-bottom: 21px; }
	.unify dl dt { clear: both; float: left; line-height: 1.4; margin-bottom: 8px; margin-right: 4px; }
	.unify dl dt span { text-decoration: underline; }
	.unify dl dd { line-height: 1.4; margin-bottom: 8px; }
	.unify h2, .unifyRepeat h2 { font-size: 1.4em; letter-spacing: 0.06em; text-transform: lowercase; margin-bottom: 1em; }
	.unify h3, .unifyRepeat h3 { font-weight: bold; margin-bottom: 10px; }
	.unify h4 { margin-bottom: 0.4em; }
	.unify ol, .unify ul { line-height: 1.4; margin: 0 0 15px 24px; }
	.unify ol ol, .unify ol ul, .unify ul ul, .unify ul ol { margin-bottom: 0; }
	.unify ol li { list-style-type: decimal; padding-left: 0; }
	.unify ol.alpha li { list-style-type: lower-alpha; }
	.unify p, .unifyRepeat p { margin-bottom: 15px; }
	.unify p .drop { font-size: 1.4em; letter-spacing: 0.1em; text-transform: lowercase; }	
	.unify strong { font-weight: bold; }
	.unify ul li { list-style-type: disc; padding-left: 0; }
	.unify div.feature { margin-bottom: 15px; }
	.unify div.feature img { border: 1px solid black; width: 272px; }
	.unify div.feature .feedback q { font-style: italic; }	
	.unify p.tagline_main { font-style: italic; margin-top: -15px; }
	.unify p.tagline { font-style: italic; margin-bottom: 10px; margin-top: -6px; }
	.unify .works li { line-height: 1.4; list-style-type: none; margin-bottom: 15px; }
	.unify .works li p.summary { margin-left: 10px; margin-top: 10px; }
	.unify .image, .unifyRepeat .image { padding-bottom: 12px; }
	.unify .image span, .unifyRepeat .image span { background-color: #005596; color: #fff; display: block; line-height: 1.4; padding: 4px 6px 6px; width: 134px; }
	.unify .fn, .unify .adr .street-address, .unifyRepeat .fn, .unifyRepeat .adr .street-address { display: block; }
	.unify .n, .unify .adr,	.unifyRepeat .n, .unifyRepeat .adr { display: inline; }
	
/** Footer */
#footer { clear: both; text-align: right; height: 26px; width: 100%; }
#footer p { font-size: 0.7em; }


/** Webkit (Safari & Google Chrome) hacks */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
	body { font-size: 1.1em; }
	#sidebar h1 a { font-size: 1.9em; }
	#navigation li.current li { font-size: 1em; }
	#content .copy { font-size: 0.85em; }
	#content .bio .image span { margin-top: -2px; }
	#footer p { font-size: 0.7em; }
}

/** Opera hacks */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
		#content { min-height: 256px; }
		#philosophy .philosophy, #programs .programs, #testimonials .testimonials, #articles .articles, #speaking .speaking, #news .news, #about_us .about_us, #contact_us .contact_us { background-position: 8px 4px !important; }
		#p3 .p3, #rn2 .rn2, #consulting .consulting, #conversations .conversations, #press_releases .press_releases { background-position: 8px 3px !important; }
}