/**********************************************************************************************

	Title: Cheadle Caci Clinic
	Author: Andrew Tebbott
	Date: 2010

  www.cheadlecaciclinic.com

  #333333 - Dark Grey     (body text)
  #24b1db - Blue          (highlight)
  #f6f5f4 - Light Grey    (sidebar background)
  #929191 - Midtone Grey  (links and sidebar text)
  #ffffff - White         (navigation and masthead text)

***********************************************************************************************

	1. CSS Reset
	2. General Elements
	3. Utility Classes
	4. Layout
		4.1 Header
		4.2 Navigation
		4.3 Masthead
		4.4 Body Services
		4.5 Sidebar
		4.6 Footer		
		
***********************************************************************************************/

/* 1. CSS 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, 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;
  line-height: inherit;
  font-weight: inherit;
  font-style: inherit;
  font-size: 14px;
  font-family: Calibri, Tahoma, Arial, Helvetica Narrow, sans-serif;
  vertical-align: baseline;
  }
 

/* 2. General Elements  */
body { background-image: url(images/body_bg.jpg); background-color: #ffffff; background-repeat: repeat-x; } 
a { color: #d87591; }
a:hover { color: #a5a5a5; }
p { line-height: 20px; }
h1 {  }
h2 { font-size: 26px; color: #d87591; text-transform: uppercase; margin: 0 0 10px 0; font-weight: bold; }
h3 { font-size: 18px; text-transform: uppercase; color: white; font-weight: bold; }


/* 3. Utility Classes */
.float_left { float: left; }
.float_right { float: right; }
.clear { clear: both; }
.clear_right { clear: right; }
.clear_left { clear: left; }
.margin_left { margin-left: 20px; }
iframe { margin: 10px 0; }
.button 	
{
	background-image: url(images/button_bg.jpg);
	display: inline-block;
	padding: 4px 9px;
	color: #fff;
	font-weight: bold;
	line-height: 1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px #999;
	-webkit-box-shadow: 0 1px 3px #999;
	text-shadow: 0 -1px 1px #222;
	border: 1px solid #aa4a65;
	position: relative;
	cursor: pointer;
	margin: 10px 0;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25); 
}
.button:hover, .button:focus 
{
	background-image: url(images/button_bg.jpg);
	background-position: 0 100%; 
	background-repeat: repeat-x; 
	color: #ffffff; 
	border: 1px solid #656360; 
	cursor: pointer; 
}
.line { height: 1px; background: #000000; border-top: 1px solid #a5a5a5; }
.line_light { height: 1px; background: #e3e3e3; margin: 10px 0; }



/* 4. Layout */
#wrapper { width: 960px; margin: 0 auto; }
#sidebar_left { width: 220px; float: left; margin: 0 20px 0 10px; }
#sidebar_right { width: 160px; float: right; margin-right: 5px; }
#recommend { width: 140px; float: right; margin-top: 20px; }
#left_testimonials { width: 370px; float: left; margin-left: 20px; }
#right_testimonials { width: 370px; float: left; margin-left: 20px; }
#bodycontent { width: 520px; float: left; margin-right: 20px; }
#full_body_left { width: 740px; float: left; margin-left: 10px; }
#footer { border-top: 1px solid #afafaf; margin: 20px 10px; padding: 10px 0 0; width: 940px; }
.press_item { width: 360px; float: left; padding: 10px; background-color: #262626; margin: 0 5px 20px 5px; }

/* HEADER */
h1#logo { overflow: hidden; text-indent: -99999px; background-image: url(images/logo.jpg); background-repeat: no-repeat; height: 117px; width: 154px; margin: 5px 0 0 10px; }
h2#tagline { clear: right; font-size: 20px; color: white; font-family: Georgia, Helvetica Narrow, sans-serif; font-style: italic; margin: 15px 10px 0; text-transform: none; }
p#phone_details { color: white; padding-left: 40px; background-image: url(images/phone_details_bg.jpg); background-repeat: no-repeat; background-position: 0 50%; margin: 20px 10px 0 0; }
p#email_details { color: white; padding-left: 40px; background-image: url(images/email_details_bg.jpg); background-repeat: no-repeat; background-position: 0 10%; margin: 42px 20px 0 0; }
#page_title { float: left; margin-left: 10px; width: 500px; }
h2#press_header { color: white; float: left; width: 300px; margin: 0 0 0 10px; }

/* NAVIGATION */
ul#nav { background-image: url(images/nav_bg.jpg); background-repeat: repeat-x; height: 60px; padding-left: 65px; width: 875px; margin: 4px 10px 0; background-position: 0 100%; border-left: 1px solid #cf949e; border-right: 1px solid #cf949e;  }
ul#nav li { float: left; display: block; padding: 22px 0; border-right: 1px solid #cf949e; }
ul#nav li.first { border-left: 1px solid #cf949e; }
ul#nav li a { text-transform: uppercase; background-image: url(images/nav_bg.jpg); background-repeat: repeat-x;  background-position: 0 100%; text-decoration: none; color: white; padding: 20px 24px; height: 60px; text-shadow: 0 1px 1px rgba(0,0,0,0.25); text-shadow: 0 1px 1px #222; }
body#homepage ul#nav li#nav-home a,
body#aboutpage ul#nav li#nav-about a,
body#pricespage ul#nav li#nav-prices a,
body#presspage ul#nav li#nav-press a,
body#testimonialspage ul#nav li#nav-testimonials a,
body#contactpage ul#nav li#nav-contact a,
 ul#nav li a:hover, ul#nav li a:focus { background-position: 0% 0%;  }

/* MASTHEAD */
#masthead { border: 1px solid #cb6e89; margin-bottom: 10px; }
#masthead h2 { font-size: 24px; color: #d87591; margin: 0px; }
#masthead p { margin: -10px 0 0 0; }

.ft-title { width: 940px; height: 70px; padding: 10px 10px; }
.ft-prev { background-image: url(images/masthead_nav_left.png); background-repeat: no-repeat; overflow: hidden; text-indent: -99999px; height: 19px; width: 19px; margin: 10px 0 0 10px; }
.ft-next { background-image: url(images/masthead_nav_right.png); background-repeat: no-repeat; overflow: hidden; text-indent: -99999px; height: 19px; width: 19px; margin: 10px 10px 0 0; }
.ft-next:hover, .ft-next:focus, .ft-prev:hover, .ft-prev:focus  { background-position: 0 100%; }
#ft-buttons-masthead { display: none; }

/* SIDEBAR left: */
.call_to_action { background-image: url(images/call_to_action.jpg); background-repeat: no-repeat; display: block; width: 220px; height: 50px; margin: 10px 0; text-shadow: 1px 1px #1f1f1f; color: white; }
#email p { background-image: url(images/email_button_bg.jpg); padding: 14px 0 0 40px; background-repeat: no-repeat; background-position: 0 100%; margin-left: 20px; }
#callback p { background-image: url(images/callback_button_bg.jpg); padding: 14px 0 0 40px; background-repeat: no-repeat; background-position: 0 200%; margin-left: 20px; }

.treatment_list { background-color: #262626; padding: 10px; border: 1px solid #000000; color: white; }
.treatment_list p { margin: 5px 0; font-size: 11px; line-height: 14px; }
.treatment_list ul { margin-top: 10px; }
.treatment_list li { margin: 5px 0 0 15px; color: #d87591; }
.treatment_list li span { color: white; }
.treatment_list h2 { font-size: 20px; color: #d87591; text-transform: uppercase; font-weight: bold; margin: 0 0 10px 0; text-shadow: 0 1px 1px rgba(0,0,0,0.25); text-shadow: 0 1px 1px #000000; }

/* SIDEBAR right: */
#logos { padding: 10px; border: 1px solid #ebe8e8; margin: 10px 0 20px; background-color: white; }


/* ACCORDION */
#accordion { margin-left: 10px; float: left; clear: left; }
#accordion .pane { width: 520px; float: left; margin-right: 20px; display: none; }

ul#accordion_nav { width: 220px; float: left; }
ul#accordion_nav li  { background-image: url(images/caci_story_buttons.jpg); background-repeat: no-repeat; height: 20px; list-style-type: none; color: white; padding: 15px; margin-bottom: 5px;  font-size: 16px; }
ul#accordion_nav li:hover, ul#accordion_nav li.current { cursor: pointer; background-position: 0% 100%; text-decoration: underline; }

.pane h3 { font-size: 18px; color: #d87591; text-transform: uppercase; margin-bottom: 10px; font-weight: bold; }
.pane ul { margin: 10px 0 0 20px; }
.pane li { margin: 0 0 5px; }

/* PRICES page: */
#full_body_left h3 { font-size: 18px; color: #d87591; margin: 0 0 10px 0; font-weight: bold; }
#full_body_left p { width: 620px; }
#full_body_left p.sub_price { float: left; clear: left; width: 300px; margin: 8px 0 0 100px; font-size: 16px; color: #d87591 }
#special_offers p { font-size: 14px; }

/* CONTACT page: */
#contact_bodycontent { width: 560px; float: left; margin-left: 10px; border-right: 1px solid #e3e3e3; padding-right: 20px; }
#contact_side { width: 340px; margin-right: 10px; float: right; text-align: right; }
.certified { font-size: 12px; }


/* TESTIMONIALS page: */
#latest_testimonial { width: 760px; float: left; margin: 0 0 10px 20px; }
body#testimonialspage h3 { color: #d87591; font-weight: bold; }
#testimonialspage p { margin-bottom: 20px; }
ul#sitemap li { list-style-type: none; margin-left: 20px; margin-top: 10px; }