/*
	Windy City Help Desk Screen CSS
*/

/*
	Eric Meyer's "reset" CSS
	http://meyerweb.com/eric/thoughts/2007/04/14/reworked-reset
*/
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,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; text-align: left; vertical-align: baseline; }
a img, :link img, :visited img { border: 0; }
table { border-collapse: collapse; border-spacing: 0; }
ol, ul { list-style: none; }
q:before, q:after,
blockquote:before, blockquote:after { content: ""; }
/*
	End
*/

strong { font-weight: bold; }

img { display: block; }

form { width: 360px; top: -3px; position: relative; margin-right: 12px; float: left; }
form textarea, 
form input { padding: 6px 12px 0; margin: 3px 0; font: normal 12px/18px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #595241; border: 1px solid #b8ae9c; }
form textarea { width: 250px; padding: 4px 12px 2px; height: 124px; float: left; }
form small { width: 84px; margin: 12px 0 6px; line-height: 11px; font-size: 11px; float: left; }
form label { width: 72px; text-align: right; margin: 11px 12px 7px 0; line-height: 12px; float: left; display: block; }
form input { width: 154px; margin-right: 12px; height: 16px; float: left; display: block; }
form .required { font-weight: bold; }
form .error { background-color: #fff7cc; }
form .button { width: auto; margin-left: 84px; height: auto; border: none;padding:8px;background:#b8ae9c;color:#ffffff;}

body { font: normal 12px/18px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #000; background: #595241 url(../_media/images/bg_body.png) repeat-x 0 0;}

blockquote, 
.attribution { padding-left: 2em; font-size: 11px; }
blockquote { margin-top: 6px; background: transparent url(../_media/images/bg_blockquote.png) repeat-y 0 0; }
.attribution { text-transform: uppercase; margin-bottom: 6px; color: #b8ae9c; }

acronym { font-variant: small-caps; border-bottom: 1px dotted #595241; }

a { color: #8a0917; }

/*	
	Common styles for all image-replaced elements
*/
#welcome h1, 
#sidebar ul li a, 
#services_overview p a, 
#services_overview h2, 
.hr, 
#header h2 a, 
#header h3, 
#experience_counts h3 { overflow: hidden; height: 0; background: transparent no-repeat 0 0; }
/*
	End
*/

#welcome { width: 378px; float: left; background:#ffffff;}
#welcome h1 { width: 378px; padding-top: 36px; margin-bottom: 0 !important; background-image: url(../_media/images/hdr_you_need_an_expert.png); }
#welcome div { width: 351px; padding: 11px 12px 11px 9px; height: 168px; margin-left: 3px; background: #fff url(../_media/images/bg_welcome.png) repeat-x 0 0; }

#sidebar { width: 191px; float: left; }

#services_overview { position: relative; margin-bottom: 30px; background: #ffffff url(../_media/images/bg_services_overview.png) no-repeat bottom left;height:280px;}
#services_overview ul { margin-left: 14px; list-style: square outside !important; color: #b8ae9c; }
#services_overview ul li span { color: #595241; }
#services_overview h2 { width: 564px; padding-top: 36px !important; max-width: none !important; background-image: url(../_media/images/hdr_what_we_can_do.png); }
#services_overview h3 { padding-bottom: 0 !important; margin-bottom: -3px; line-height: 24px; font-size: 18px; color: #595241; }
#services_overview #services_home, 
#services_overview #services_small_business, 
#services_overview #services_non-profits { width: 156px; padding: 7px 12px 16px; margin:0; line-height: 12px; font-size: 11px; float: left; }
#services_overview #services_home { margin-right: 12px; }
#services_overview #services_small_business {margin-right:12px;}
#services_overview #services_non-profits { margin: 0; }
#services_overview p a { width: 180px; position: absolute; padding-top: 30px; display: block; bottom: -30px; background-image: url(../_media/images/prg_learn_more.png); }
#services_overview #services_home p a { left: 0; }
#services_overview #services_small_business p a { left: 192px; }
#services_overview #services_non-profits p a { left: 384px; }

/*	
	Navigation
*/
#sidebar ul { list-style: none; }
#sidebar ul li a { width: 191px; padding-top: 36px; display: block; }
#sidebar ul li#nav_home a 					{ background-image: url(../_media/images/nav_home.png); padding-top: 39px; }
#sidebar ul li#nav_about_us a 				{ background-image: url(../_media/images/nav_about_us.png); }
#sidebar ul li#nav_faqs a 					{ background-image: url(../_media/images/nav_faqs.png); }
#sidebar ul li#nav_services a 				{ background-image: url(../_media/images/nav_services.png); }
#sidebar ul li#nav_testimonials a 			{ background-image: url(../_media/images/nav_testimonials.png); }
#sidebar ul li#nav_specials-promotions a 	{ background-image: url(../_media/images/nav_specials-promotions.png); }
#sidebar ul li#nav_contact_us a 			{ background-image: url(../_media/images/nav_contact_us.png); padding-top: 39px; }
/*	Rollovers */
#sidebar ul li a:hover { background-position: -191px 0; }
/*	Activate button based on section of site */
#home 					#sidebar ul li#nav_home a, 
#about_us 				#sidebar ul li#nav_about_us a, 
#faqs 					#sidebar ul li#nav_faqs a, 
#services 				#sidebar ul li#nav_services a, 
#testimonials 			#sidebar ul li#nav_testimonials a, 
#specials-promotions 	#sidebar ul li#nav_specials-promotions a, 
#contact_us 			#sidebar ul li#nav_contact_us a { background-position: -382px 0; }
/*
	End
*/

.pull_left, 
.pull_right { padding: 2px; margin-top: 3px; margin-bottom: 12px; border: 1px solid #b8ae9c; }
.pull_left { margin-right: 12px; float: left; }
.pull_right { margin-left: 12px; float: right; }

.hr { width: 552px; padding-top: 12px; margin: 6px 0; background-image: url(../_media/images/bg_hr.png); }

#header { width: 778px; position: relative; height: 84px; background: transparent url(../_media/images/bg_header.png) no-repeat 0 0; }
#header h2 a, 
#header h3 { position: absolute; }
#header h2 a { width: 280px; top: 20px; padding-top: 47px; left: 25px; display: block; background-image: url(../_media/images/hdr_windy_city_help_desk.png); }
#header h2 a:hover { background-position: -280px 0; }
#header h3 { width: 251px; top: 24px; padding-top: 33px; left: 394px; background-image: url(../_media/images/hdr_custom_computing_and.png); }

#footer { width: 778px; padding: 0 3px 16px; min-height: 98px; line-height: 12px; font-size: 10px; background: transparent url(../_media/images/bg_footer.png) no-repeat bottom left; }
#footer #copyright { width: 561px; padding: 14px 8px 0 12px; float: left; background: transparent url(../_media/images/bg_footer_shade.png) repeat-x 0 0; }
#footer ul { width: 176px; padding-top: 14px; padding-right: 12px; list-style: none; float: left; background: transparent url(../_media/images/bg_footer_shade.png) repeat-x 0 0; }
#footer li { text-align: right; }
#footer a { color: #595241; }

#faux_columns { background: transparent url(../_media/images/bg_faux_columns.png) repeat-y 0 0; }

#experience_counts { width: 186px; float: left; }
#experience_counts p { padding-bottom: 0 !important; }
#experience_counts h3 { width: 186px; text-transform: none !important; padding-top: 36px !important; padding-bottom: 0 !important; background-image: url(../_media/images/hdr_experience_counts.png); }
#experience_counts div { width: 156px; padding: 13px 9px 13px 18px; height: 164px; border-right: 3px solid #ffffff; line-height: 12px; font-size: 11px; background-color: #b8ae9c; }

#content { width: 552px; margin-left: 12px; padding: 10px 11px 0 12px; float: left; background: #fff url(../_media/images/bg_content.png) no-repeat 0 0;overflow:hidden;}
#home #content { width: 564px; padding: 0 11px 0 12px; margin-left: 0; background: none; }
#content ul, 
#content ol, 
#content p, 
#content h1, 
#content h2, 
#content h3, 
#content dl { max-width: 456px; }
#content ul, 
#content ol, 
#content p, 
#content dl { padding-bottom: 6px; }
#content ul { list-style: inside disc; }
#home #content ul { padding-bottom: 0; }
#content ol { list-style: inside decimal; }
#content li { padding: 3px 0; line-height: 12px; }
#home #content li { padding-left: 12px; }
#content h1 { margin-bottom: -1px; line-height: 24px; font-size: 24px; }
#content h2 { padding-top: 16px; line-height: 18px; font-size: 18px; }
#content h3, 
#content dt { text-transform: uppercase; line-height: 12px; font-weight: bold; font-size: 10px; }
#content h3 { padding: 3px 0 9px; }

#content_bottom { width: 575px; position: relative; margin-top: 7px; left: -12px; height: 12px; clear: both; background: transparent url(../_media/images/bg_content_bottom.png) no-repeat 0 0; }

#container { width: 778px; margin: 12px auto 24px; color: #595241; }

#contact_us h1 { margin-bottom: 0; }

#contact_info { width: 156px; top: -11px; position: relative; padding: 5px 12px 4px; line-height: 12px; font-size: 11px; float: left; background-color: #accfcc; }
#contact_info h2 { margin-bottom: -3px; }
#contact_info dd { margin-bottom: 6px; }

.clear { clear: both; }

#body { padding: 15px 0 24px; background: #accfcc url(../_media/images/bg_body_div.png) repeat-y 0 0; overflow: auto;}

.back_link { padding-top: 10px; font-size: 11px; float: right; }

.alert { padding: 10px 11px 6px 83px; margin: 3px 0 10px; min-height: 78px; border: 1px solid; background: no-repeat 11px 17px; }
#info { border-color: #accfcc; background-image: url(../_media/images/bg_info.png); background-color: #eaf3f2; }
#errors { border-color: #ffd800; background-image: url(../_media/images/bg_errors.png); background-color: #fff7cc; }
.alert h3 { padding: 0; margin-bottom: -6px; }