/* CSS Document */

html { font-size: 100%;}

/* reset HTML browser defaults */
body, div, span, p, ul, ol, li, dl, dt, dd, tr, td, dd, span, img, br, hr, pre, sup, h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px;}
h1, h2, h3, h4, h5, h6 { font-size: 100%;}
table { border-collapse: collapse;}

img { border: none; }

/* global classes */
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; margin: auto; }
p.breadcrumbs { font-size: .75em;}


html { font: .9em "Calisto MT", Times, "Times New Roman", serif; }

body {
	text-align: center;
	margin: 5px auto;
	line-height: 1.1em;
}

h1, h2, h3, h4, h5, h6 { padding: 8px 5px;}

h1 {
	font-size: 1.7em;
	padding: 10px;
}
  .inner #options h1 { font-size: 1.1em; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 3px 0 3px 28px;}
  
h2, h3 { font-size: 1.3em; }

	#left_col h2, #left_col h3, #right_col h2, #right_col h3 {}
	
h3 { font-size: 1.2em;}
#options h3 { padding-left: 10px;}

h4 {}

#intro ul {
	list-style: none;
	font-size: 1em;
	line-height: 1.1em;
	padding: 3px;
	margin-left: 75px;
}
ul { 
	list-style: none;
	font-size: 1em;
	line-height: 1.1em;
	padding: 3px;
	margin-left: 5px;
}
ol { font-size: .9em; margin-left: 25px;}

li { margin: 2px;}

ul.sitemap { padding: 10px 15px; }
  ul.sitemap ul li { text-indent: 10px;}
ul.sitemap, ul.sitemap ul { text-align: left; list-style: none; }
  ul.sitemap li, ul.sitemap li a, ul.sitemap ul li, ul.sitemap ul li a { margin: 5px 0;}

p { padding: 5px; }

img { border: none; }

a { text-decoration: none; }
a:hover { text-decoration: none; }

/* font sizes and colors */
#learnMore, #footer, #copyright, #subnav, .signIn { font-family: Arial, Helvetica, sans-serif; font-size: .8em;}
#information { font-size: .9em;}

/* inner font-family elements */
#banner p { font-family: "Calisto MT", Times, "Times New Roman", serif;}
#left_col, #container.inner #content, ul, p, h3 { font-family: Arial, Helvetica, sans-serif;}

/* wrappers */
#container_wrapper {}
#container {
	width: 850px;
	text-align: center; 
	margin: auto;
}
/* header area */

#intro #header {
	float: left;
	position: relative;
	width: 850px;
	height: 289px;
	background: url(../images/talk_now_therapy.jpg) top left no-repeat;
}
  #header {
	  float: left;
	  position: relative;
	  width: 850px;
	  height: 250px;
	  background: url(../images/talk_now_therapy_masthead.jpg) top right no-repeat;
  }
  #header #logo_wrapper { float: left; text-align: left; width: 850px; background: url(../images/logo_bkgd.png) top left no-repeat;}
  #header #logo { float: left; text-align: left; width: 515px; }
  
  .signIn { float: left; width: 335px; text-align: right;} 
    .signIn p { padding: 18px 0 0 58px; }
  
    #header #banner { 
		width: 483px;
		height: 71px; 
		position: absolute;
		text-align: left; 
		top: 115px; 
		left: 10px;
		background: url(../images/bannerBkgd.png) top left no-repeat;
		font-size: 1.7em;
		line-height: 1.1em;
	}
	#header #banner p { padding: 5px 5px 5px 15px;}
	#header .getStarted { position: absolute; top: 200px; left: 410px;}
	

 
#intro #header #search { position: absolute; bottom: 8px; left: 10px; color: #0e437b;}

/* inner pages masthead ads */
  #header.inner .signIn { position: absolute; top: 52px; left: -55px; }
  #header.inner #options { position: absolute; top: 55px; left: 260px; width: 370px; text-align: left;}  
  #header.inner #search { position: absolute; top: 115px; left: 5px; }
  
#container.home #header #masthead img { display: block;}
/* main content area */

#subcontainer { 
	width: 850px;
	background: url(../images/bg_subcontainer.gif) top left repeat-y;
}
#subcontainer.sitemap { background-image: none;}

#left_col { 
	float: left;
	width: 300px;
	text-align: left;
}
  #subcontainer.sitemap #left_col { display: none; }

  .heading img, .heading2 img { float: left; vertical-align: top; }

#right_col {
	float: left;
	width: 200px;
	text-align: left;
}

#intro #content {
	float: left;
	width: 850px;
	text-align: left;
}

#content {
	float: left;
	width: 550px;
	text-align: left;
}
  
  #container.inner #content p, #container.inner #content ul li { font-size: .8em;}
  
  /* sitemap page info */
  .sitemap #content { float: left; width: 850px;}
    /* sitemap page info */
	#subcontainer.sitemap #content h3 { font-size: 1em;}
    #subcontainer.sitemap #content p, #subcontainer.sitemap #content ul li { font-size: .75em; line-height: 1em;}
	
	.sitemapbox { width: 200px; float: left; padding-right: 5px;}
	
	/* content area list items */
    #container.inner #content ul li ul li, #container.inner #content ul li ul li ul li { font-size: 1em; }
  
  #content .step1, #content .step2, #content .step3, #content .step4 { 
  	width: 850px; 
	height: 150px; 
	background: url(../images/contentBkgd.gif) no-repeat;
}
  /* main/homepage button elements for options */
  .step1 h1 { background: url(../images/button1.png) no-repeat; padding-left: 50px; }
  .step2 h1 { background: url(../images/button2.png) no-repeat; padding-left: 50px; }
  .step3 h1 { background: url(../images/button3.png) no-repeat; padding-left: 50px; }
  .step4 h1 { background: url(../images/button4.png) no-repeat; padding-left: 50px; }
  
  /* inner button elements for options */
  #options .step1 h1 { background: url(../images/button1sm.png) no-repeat; padding-left: 30px; margin-left: 10px;}
  #options .step2 h1 { background: url(../images/button2sm.png) no-repeat; padding-left: 30px; margin-left: 10px; }
  #options .step3 h1 { background: url(../images/button3sm.png) no-repeat; padding-left: 30px; margin-left: 10px; }
  #options .step4 h1 { background: url(../images/button4sm.png) no-repeat; padding-left: 30px; margin-left: 10px; }

  #content .options { float: left; width: 530px; }
    .options h1 { padding-top: 13px;}
	
	/* homepage list items for options */
    #content ul li { padding-top: 5px; font-weight: bold;}
	/* inner page list items for content */
	.inner #content ul li { padding-top: 2px; font-weight: normal;}
  
  #content .symptoms { float: left; width: 320px; position: relative;}
    #content .callNow { position: absolute; top: 60px; left: 40px;}
	
  #content .categories { float: left; width: 265px; }
    #content .categories h3 { font-size: 1em; }
  
/* inside div element container for padding */  
div.inside { padding: 5px 10px;}

/* footer and copyright info */
#information { 
	float: left; 
	width: 850px; 
	height: 59px; 
	padding-top: 5px; 
	background: url(../images/information.jpg) top left no-repeat;
	margin-top: 10px;
}
  #information p { text-align: right; width: 500px; padding: 15px 10px 10px 10px;}

#learnMore { 
	float: left; 
	width: 850px; 
	text-align: right;
}
  #learnMore p {  padding: 5px; }

#footer {
	float: left;
	width: 850px;
	background: url(../images/footer.png) top left no-repeat;
	text-align: center;
	margin: 5px auto;
	padding: 8px 0 10px;
}

/* clear, floats and fixes */
.clear {
	clear:both;
	height:0px;
	line-height:1px;
	font-size:1px; 
}

.floatleft {
	float:left;
	vertical-align:top;
	padding: 3px;
}

.floatleft img {
	margin: 2px;
}

.floatright {
	float:right;
	vertical-align:top;
	padding: 3px;
}

.floatright img {
	margin: 2px;
}


/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}

.clearfix {display: block;}
/* End hide from IE-mac */
