@charset "iso-8859-1";

/* ---------------------------------------------------------------------------------------------- */
/*  Global stylesheet customized for the Gentle Touch website   	    			  */
/* ---------------------------------------------------------------------------------------------- */
/*  General styles for HTML elements & overall page structure                                     */
/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------
  @FileDetails ->		Universal CSS file which contains styles for
  				gentletouch-tn.com
 				Browsers: IE6+, Firefox 2
 				User agent supporting this file: Screen
 				Build Date: 6/23/2009
 				Copyright (C) Gentle Touch Family Dentistry.
 				All rights reserved.
  @AuthorName ->		The Popshift Collective
 ------------------------------------------------------------------------------------------------ */

body {
	text-align: 			center;
	margin: 			0;
	padding:			0;
	color:				#777;
	font:				normal 12px arial,helvetica,sans-serif;
	background: 			#223045 url(imgs/TemplateImgs-Background.jpg) repeat-x center top;
	}

form {
	margin: 			0;
	padding: 			0;
	}

p {
	margin: 			0 0 15px 0;
	padding: 			0;
	}

a {
	color:				#17395C;
	}

img {
	border:				none;
	}

ul,ol {
	padding:			0 0 1.5em 3em;
	margin:				0;
	}
	

input,select,textarea {
	font: 				normal 11px arial,helvetica,sans-serif;
	background-color: 		#EEE;
	color:				#555;
	border:				1px solid #BBB;
	padding:			4px;
	}

.btn {  
  	color:				#404040;
  	font: 				bold 11px arial,helvetica,sans-serif;
  	background:			#c9c9c9 url(imgs/inactive.gif) no-repeat;
  	border:				1px solid #AEACA8;
  	padding:			3px 4px 1px;
	}
	
	
#wrapper {
	width: 				887px;
	padding:			0;
	margin: 			0 auto;
	text-align: 			left;
	height:				auto;
	}

#support {
	width:				400px;
	height:				60px;
	margin:				0;
	padding:			0 0 0 487px;
	text-align:			left;
	background: 			transparent url(imgs/PhoneNumber.jpg) no-repeat left top;
	}

#support #fb {
	width:				200px;
	height:				38px;
	float:				left;
	padding:			22px 0 0 0;
	}

#support #date {
	width:				180px;
	height:				30px;
	float:				left;	
	color:				#FFF;
	font:				bold 11px arial;
	text-align:			right;
	padding:			30px 20px 0 0
	}	
	
#masthead {
	width:				887px;
	height:				190px;
	margin:				0 0 1px 0;
	padding:			0;
	background:			transparent url(imgs/TemplateImgs-MastheadBackground.jpg) no-repeat;
	}

#masthead #logo {
	width:				887px;
	height:				96px;
	padding:			46px 0 0 32px;
	margin:				0;
	}

#masthead #nav {
	width:				873px;
	height:				48px;
	padding:			0 7px;
	margin:				0;
	}

/* ---- Masthead links -------------------------------------------------------------------------- */
#masthead a:link
{ text-decoration:none; background:transparent; color: #FFF; }

#masthead a:visited
{ text-decoration:none; background:transparent; color: #FFF; }

#masthead a:hover
{ text-decoration:underline; background:transparent; color: #FFF;}

#masthead a:active
{ text-decoration:none; background:transparent; color: #FFF; }
/* ---------------------------------------------------------------------------------------------- */

#nav #items, #nav #items ul {
	padding:			0;
	margin:				0;
	list-style: 			none;
	float: 				left;	
	}

#nav #items a {
	display:			block;
	width:				auto;
	}

#nav #items li {
	float:				left;
	width:				auto;
	}

#nav #items li.lev1 {
	margin:				0 2px 0 0;
	}

#nav #items li ul {
	position:			absolute;
	width:				10em;
	left:				-999em;
	}

#nav #items li:hover ul, #nav #items li.sfhover ul {
	left:				auto;
	z-index:			1;
	}

#nav #items ul li {
	/* 135 px starting width */
	width:				173px;
	background-color:		#887148;
	font:				normal 11px arial,helvetica,serif;
	}
	
#nav #items ul li a, #nav #items ul.end li a {
	width:				149px;
	background-color:		#887148;
	padding:			6px 12px 6px 12px;
	border-top:			1px solid #BCAE8B;
	text-decoration:		none;
	}

#nav #items ul.end li a {
	
	}
	
/* for the last list items in each main nav list */
#nav #items ul li.end a {
	border-bottom:			1px solid #BCAE8B;	
	}
	

#nav #items ul a {
	color:				#FFF;
	}

#nav #items ul li a:hover {
	background-color:		#E7D2AD;
	color:				#514127;
	}

/* ------------------------------------------ Suckerfish IE7 fix -------------------------------- */

#nav #items li:hover, #nav #items li.hover {
	position: 			static;
	}
/* ---------------------------------------------------------------------------------------------- */
	
/* ------------------------------ home page specific styles ------------------------------------- */
	
#home-stage {
	width:				237px;
	height:				198px;
	padding:			155px 60px 0 590px;
	background:			transparent url(imgs/TemplateImgs-HomeStage.jpg) no-repeat top center;
	}

#home-callout {
	width:				841px;
	height:				auto;
	margin:				0 23px;
	padding-bottom:			45px;
	float:				left;
	}

#home-callout-left {
	width:				460px;
	height:				81px;
	float:				left;
	margin:				0 24px 0 0;
	padding:			50px 40px;
	background:			transparent url(imgs/TemplateImgs-WelcomeMsg.jpg) no-repeat top center;
	}

#home-callout-right {
	width:				277px;
	height:				181px;
	float:				left;
	padding:			0;
	margin:				0;
	}

/* ----------------------------- end home page specific styles --------------------------- */	
/* ----------------------------- content space specific styles --------------------------- */

#content-space, #content-space-drill {
	background:			transparent url(imgs/TemplateImgs-CSpaceBackground.jpg) repeat-y;
	width:				887px;
	height:				auto;
	padding:			0;
	margin:				0;	
	}

#content-space-drill {
	background:			transparent url(imgs/TemplateImgs-CSpaceBackgroundDrill.jpg) repeat-y;
	padding:			0;
	}

#content-space-drill #page-content {
	width:				602px;
	height:				auto;
	float:				left;
	margin:				0;
	padding:			40px 40px;
	text-align:			left;
	}

#content-space-drill #sub-nav {
	width:				185px;
	height:				auto;
	float:				left;
	margin:				0;
	padding:			240px 10px 30px 10px;
	text-align:			left;
	font-size:			11px;
	}

#content-space-drill #sub-nav a {
	text-decoration:		none;
	}

#page-content #header {
	width:				582px;
	height:				45px;
	text-align:			left;
	background:			transparent url(imgs/TemplateImgs-HeaderRule.jpg) repeat-x bottom left;
	padding:			0 10px;
	}

#page-content #copy {
	width:				582px;
	height:				auto;
	text-align:			left;
	padding:			20px 10px 0 10px;
	line-height:			20px;
	}

.subheading {
	padding:			0 0 8px 0;
	margin:				0 0 11px 0;
	border-bottom:			1px solid #DBD6C0;
	font-weight:			bold;
	color:				#004B61;
	}

.btt {
	font-size:			10px;
	}

#sub-nav p.header {
	width:				auto;
	height:				auto;
	padding:			10px 0 6px 0;
	margin:				0;
	background:			transparent url(imgs/news-bg.gif) repeat-x;
	color:				#262425;
	border:				none;
	font-weight:			bold;
	}

#sub-nav p {
	width:				auto;
	height:				auto;
	padding:			5px 7px 5px 7px;
	margin:				0;
	border-top:			1px solid #FFEEBE;
	background:			transparent url(imgs/home-news-bullet.jpg) no-repeat;
	}

#sub-nav dd {
	visibility:			hidden;
	}

.sm {
	margin:				0 2px 0 0;
	padding:			0;
	}

.sm-alt {
	margin:				0;
	padding:			0;
	}

.tt-lead {
	font:				bold 14px arial,helvetica,sans-serif;
	}

.tt-quote {
	font:				italic 14px georgia,times,serif;
	}
	


/* ------------------------- end content space specific styles --------------------------- */

#footer {
	background:			transparent url(imgs/TemplateImgs-FooterBackground.jpg) no-repeat top center;
	width:				887px;
	height:				148px;
	text-align:			left;
	font:				normal 11px arial,helvetica,sans-serif;
	padding:			0;
	margin:				1px 0 10px 0;
	}

#footer #copyright, #footer #assocs {
	width:				400px;
	height:				118px;
	float:				left;
	padding:			30px 0 0 43px;
	}

#footer #assocs {
	text-align:			right;
	padding:			30px 43px 0 0;
	}

#footer #assocs a {
	margin:				0 0 0 15px;
	}

/* ---------------------------------------------------------------------------------------------- */
/*  Clear floats without structural markup hack  				                  */
/* ---------------------------------------------------------------------------------------------- */
	
.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 */


/* ----------------------------------------------------------------------------------------------- 
	These are standard sIFR styles... do not modify
   -------------------------------------------------------------------------------------------- */

.sIFR-flash {
	visibility: 		visible !important;
	margin: 		0;
	}

.sIFR-replaced {
	visibility: 		visible !important;
	}

span.sIFR-alternate {
	position: 		absolute;
	left: 			0;
	top: 			0;
	width: 			0;
	height: 		0;
	display: 		block;
	overflow: 		hidden;
	}

.sIFR-flash + div[adblocktab=true] {
  display: none !important;
	}

.sIFR-hasFlash h1 {
	visibility: 		hidden;
	font-size: 		30px;
	padding:		0;
	margin:			0 0 12px 0;
	}

.sIFR-hasFlash h2 {
	visibility: 		hidden;
	font-size: 		30px;
	padding:		0;
	margin:			0;
	}

/* ----------------------------------------------------------------------------------------------- */

.font8pt {
	font-size:			8pt;
	}

.font7pt {
	font-size:			7.5pt;
	}