/*

	Creative Counseling of Chicago
	VERSION 1.0
	
	Made by	Static
	bburwell@thisisstatic.com
		
	CONTENTS ----------
	1. RESET
	2. BODY
	3. TYPE STYLES
	4. NAVIGATION
		4.1 nav styles
		4.2 nav highlighting
	5. HEADER
	6. LAYOUT
	7. CONTENT 
	8. FOOTER
	9. GLOBAL STYLES
    -------------------

*/




/* 1. RESET
=====================================================================
=====================================================================*/
* 														{ margin:0 0 0 0; padding:0 0 0 0; }



/* 2. BODY
=====================================================================
=====================================================================*/
body 													{ font-size:62.5%; color:#323232; text-align:center; background:url(../_images/background_body.jpg) repeat top left #e1e1e1; }
#wrapper 												{ width:900px; height:400px; margin:0 auto; padding:0; text-align:left; }



/* 3. TYPE STYLES
=====================================================================
=====================================================================*/	
#main_nav												{ font-family:Times, Times New Roman, serif; }
h5														{ font-family:helvetica, arial, sans-serif; }
h1, h2, h3, h4, p.italic, p.italic_small				{ font-family:"Adobe Garamond","Times New Roman", Times, serif; }

p														{ font-size:1.8em; line-height:1.5em; padding:0 0 24px 0; }
p.small													{ font-size:1.6em; line-height:1.5em; padding:0 0 12px 0; }
	#about p.small										{ line-height:1.3em; }
p.small_p6												{ font-size:1.6em; line-height:1.5em; padding:0 0 7px 0; }
	#about p.small_p6									{ line-height:1.3em; }
p.small_13												{ font-size:1.4em; line-height:1.5em; padding:0 0 4px 0; }
p.italic												{ font-size:1.7em; font-style:italic; }
p.italic_small											{ font-size:1.7em; line-height:1.4em; font-style:italic; padding:0 0 12px 0; }
p.italic_20												{ font-size:1.8em; font-style:italic; }
p.quote													{ padding:0 0 6px 10px; }
	#home p.quote										{ background:url(../_images/icon_quotes.jpg) no-repeat 3px 4px; }
	#contact p.quote									{ background:url(../_images/icon_quotes.jpg) no-repeat 3px 7px; }


h1 														{ font-size:2.8em; line-height:1.2em; font-weight:normal; font-style:italic; padding:10px 0 12px 0; }
h2 														{ font-size:1.9em; line-height:1.3em; font-weight:normal; font-style:italic; padding:7px 0px 5px 0; margin:0 0 12px 0; border-bottom:1px dotted #88867d; border-top:1px dotted #88867d; }
h3 														{ font-size:2.4em; line-height:1.2em; font-weight:normal; font-style:italic; padding:0 0 12px 0; }
h4 														{ font-size:2.1em; line-height:1.2em; font-weight:normal; font-style:italic; padding:20px 0 12px 0; }
h5 														{ font-size:1.1em; line-height:1.0em; font-weight:bold; text-transform:uppercase; letter-spacing:1px; padding:10px 0 4px 0; }
h6 														{ }

a														{ text-decoration:none; color:#323232; border-bottom:1px dotted #88867d; }
a:link													{ text-decoration:none; }
a:visited												{ text-decoration:none; }
a:hover													{ text-decoration:none; color:#39508c; }




/* 4. HEADER + NAVIGATION
=====================================================================
=====================================================================*/
div#rainbow												{ width:100%; height:3px; background:url(../_images/back_rainbow.jpg) repeat-x top left; }
div#header												{ width:880px; margin:0 10px; }												  
div#header div#tagline 	a								{ width:880px; height:157px; display:block; text-indent:-6000px; background:url(../_images/logo.jpg) no-repeat left 45px; border-bottom:none; }


/* MainNav */
ul#main_nav												{ width:880px; float:left; margin:0 0 10px 0; border-bottom:1px dotted #88867d; border-top:1px dotted #88867d; }
ul#main_nav li 											{ float:left; display:inline; font-size:12px; text-transform:uppercase; letter-spacing:2px; padding:0; background:none; } 								
ul#main_nav li a										{ float:left; padding:6px 16px; display:block; text-decoration:none; color:#000; border-bottom:none; }
ul#main_nav li a:hover									{ color:#000; background:url(../_images/back_rollover.jpg) no-repeat top left; } 

ul#main_nav li.connect									{ padding:6px 8px 6px 16px; }
ul#main_nav li.home a									{ padding:6px 16px 6px 16px; }
ul#main_nav li.linkdin a								{ width:16px; height:16px; display:block; margin:7px 5px 0 0; padding:0; text-indent:-6000px; background:url(../_images/icons_spritemap.gif) no-repeat left top ;  }
ul#main_nav li.facebook a								{ width:16px; height:16px; display:block; margin:7px 5px 0 0; padding:0; text-indent:-6000px; background:url(../_images/icons_spritemap.gif) no-repeat -16px top ;  }
ul#main_nav li.twitter a								{ width:16px; height:16px; display:block; margin:7px 5px 0 0; padding:0; text-indent:-6000px; background:url(../_images/icons_spritemap.gif) no-repeat -32px top ;  }
ul#main_nav li.yelp a									{ width:16px; height:16px; display:block; margin:7px 5px 0 0; padding:0; text-indent:-6000px; background:url(../_images/icons_spritemap.gif) no-repeat -48px top ;  }
ul#main_nav li.psychotherapy_today a					{ width:16px; height:16px; display:block; margin:7px 0 0 0; padding:0; text-indent:-6000px; background:url(../_images/icons_spritemap.gif) no-repeat -64px top ;  }
ul#main_nav li.linkdin a:hover							{ background-position:-80px top ; }
ul#main_nav li.facebook a:hover							{ background-position:-96px top ; }
ul#main_nav li.twitter a:hover							{ background-position:-112px top ; }
ul#main_nav li.yelp a:hover								{ background-position:-128px top ; }
ul#main_nav li.psychotherapy_today a:hover				{ background-position:-144px top ; }


/* SubNav */
ul#sub_nav												{ width:880px; float:left; margin:0 0 10px 0; border-bottom:1px dotted #88867d; border-top:1px dotted #88867d; }
ul#sub_nav li 											{ float:left; display:inline; font-size:11px; text-transform:uppercase; letter-spacing:2px; padding:0; background:none; } 								
ul#sub_nav li a											{ float:left; padding:9px 10px 6px 10px; display:block; text-decoration:none; color:#000; border-bottom:none; }
ul#sub_nav li a:hover									{ color:#000; background:url(../_images/back_rollover.jpg) no-repeat top left; } 




/* 6. LAYOUT
=====================================================================
=====================================================================*/
div#contentHolder										{ width:900px; }
div#contentHolder div.content_570_10_20					{ width:580px; float:left; margin:20px 20px 0 10px; }
div#contentHolder div.content_570_10_20b				{ width:580px; float:left; margin:10px 20px 0 10px; }
div#contentHolder div.content_570_0_10					{ width:580px; float:left; margin:20px 20px 0 10px; }
div#contentHolder div.content_570_0_20					{ width:580px; float:left; margin:20px 0 0 20px; }
div#contentHolder div.content_570_0_0					{ width:580px; float:left; margin:20px 0 0 0; }


div#contentHolder div.content_270_10_10					{ width:280px; float:left; margin:0px 10px 0 10px; }
div#contentHolder div.content_270_10_20					{ width:280px; float:left; margin:0px 20px 0 10px; }
div#contentHolder div.content_270_10_20b				{ width:280px; float:left; margin:10px 20px 0 10px; }
div#contentHolder div.content_270_0_10				 	{ width:280px; float:left; margin:0px 10px 0 0; }
div#contentHolder div.content_270_0_10b					{ width:280px; float:left; margin:100px 10px 0 0; }
div#contentHolder div.content_270_10_0					{ width:280px; float:left; margin:0px 0 0 10px; }
div#contentHolder div.content_270_0_20					{ width:280px; float:left; margin:0px 20px 0 0; }
div#contentHolder div.content_270_20_0					{ width:280px; float:left; margin:0px 0 0 20px; }
div#contentHolder div.content_270_0_0					{ width:280px; float:left; margin:0px 0 0 0; }

ul														{ list-style:none; }
ul li													{ font-size:1.6em; line-height:1.5em; padding:0 0 12px 13px; background:url(../_images/icon_dash.gif) no-repeat left 11px; } 



/* signup */
.label_email											{ font-size:1.4em; display:block; height:20px; margin:3px 0 6px 10px; float:left; }
.input_email											{ margin:0 0 0 10px; width:138px; color:#666; padding:3px; float:left; background:#fbf9f6; border:1px solid #ccc;  -moz-border-radius:3px; -webkit-border-radius:3px; }
.input-group-label										{ font-size:1.4em; display:block; margin:14px 0 8px 10px; }
ul.signup_list											{ list-style-type:none; }
ul.signup_list li										{ background:none; font-size:1.3em; padding:0 0 4px 10px;  }
.response												{ font-size:1.4em; color:#91273d; margin:10px; font-style:italic; }
.newsletter_submit										{ margin-left:2px; float:left; }


/* contact */
.google_map												{ margin:0; padding:5px 5px 5px 5px; background-color:#666; background:url(../_images/back_map.jpg) no-repeat left top; }
a.enlarge_map											{ font-size:1.2em; line-height:1.5em; padding:0; margin:0 0 0 5px; } 
 



/* 8. FOOTER 
=====================================================================
=====================================================================*/											  										
div#footer												{ width:880px; padding:7px 0px; margin:45px 10px 30px 10px; border-bottom:1px dotted #88867d; border-top:1px dotted #88867d; } 
p.footer												{ font-size:1.4em; line-height:1.5em; padding:0; }
p.footer a												{ border-bottom:none; }												  


/* 9. GLOBAL STYLES
=====================================================================
=====================================================================*/
/* Layout */
.margin-top0											{ margin-top:0; }
.margin-top10											{ margin-top:10px; }
.margin-top20											{ margin-top:20px; }
.margin-top35											{ margin-top:35px; }
.margin-bottom10										{ margin-bottom:10px; }
.margin-left10											{ margin-left:10px; }
.margin-right5											{ margin-right:5px; }


.float_left												{ float:left; }
.float_right											{ float:right; }
.float_image											{ float:left; padding:4px 10px 0 0; }
.float_image2											{ float:left; padding:2px 6px 0 0; }
.clear 													{ clear:both; }

.flower_back											{ height:260px; background:url(../_images/back_flower.jpg) no-repeat right bottom; } 
a.btn_presskit											{ margin:7px 0 25px 3px; display:block; height:27px; width:172px; text-indent:-5000px; border-bottom:none; background:url(../_images/btn_presskit.jpg) no-repeat top left; }
a.btn_presskit:hover									{ background:url(../_images/btn_presskit.png) no-repeat top right }
	#contact a.btn_presskit								{ margin:-3px 0 35px -2px; }

/* Headline Colors */
h1.color_back_blue										{ height:60px; background:url(../_images/back_color_blue.jpg) no-repeat left top; } 
h1.color_back_magenta									{ height:60px; background:url(../_images/back_color_magenta.jpg) no-repeat left top; } 
h1.color_back_purple									{ height:60px; background:url(../_images/back_color_purple.jpg) no-repeat left top; } 
h1.color_back_yellow									{ height:60px; background:url(../_images/back_color_yellow.jpg) no-repeat left top; } 
h1.color_back_yellow2									{ height:60px; background:url(../_images/back_color_yellow2.jpg) no-repeat left top; }