/* @override 
	http://triangleacupunctureclinic.dev/css/tac_layout.css
	http://tac.dev/stylesheets/tac_layout.css
*/

/* ::: RESET ALL MARGINS, PADDING, AND BORDERS ::: */
* { margin: 0; padding: 0; }
IMG { border: 0; }


/* ===============================
		::: PAGE LAYOUT :::
=============================== */

BODY {
	background: #dcefff url(../images/bg_gradient.gif) top left repeat-x;
	text-align: center; }
	
	#pageContainer {
		width: 786px;
		margin: 0 auto;
		text-align: left;
		background: transparent url(../images/bg_columns.gif) top left repeat-y;
		position: relative;
		/*border-top: 1px solid #3E5A6B;   Some weird Firefox thing where it won't push to the top without a top border */
		/*margin-top: -1px;   Now shift things up to push the extra border out of the viewport */ }


/* ===============================
		::: MASTHEAD :::
=============================== */

#masthead {
	height: 95px;
	background: transparent url(../images/mst_logo.gif) top left no-repeat;
	position: relative; }
	
	#masthead H1,
	#masthead H2 {
		margin: 0;
		padding: 0;
		text-indent: -5000px; }
		
		#masthead H1 A {
			float: left;
			display: block;
			width: 350px;
			height: 95px;
			text-decoration: none; }


/* ===============================
		::: MENU :::
=============================== */

#menu {
	background: transparent url(../images/menu.gif) 0 -29px no-repeat;
	width: 100%;
	height: 29px; }
	
	#menu UL {
		margin: 0 0 0 13px;
		padding: 0;
		list-style: none; }
		
		#menu LI {
			margin: 0;
			padding: 0;
			float: left; }
			
			#menu A {
				text-indent: -5000px;
				display: block;
				height: 29px;
				text-decoration: none;
				background: transparent url(../images/menu.gif) 0 0 no-repeat; }

			#menu A:hover { background-image: none; }
				

#menu-home A 	{ width: 93px; background-position: -13px 0 !important; }
BODY.home #menu-home A { background: transparent url(../images/menu.gif) -13px -58px !important; }

#menu-learn A { width: 222px; background-position: -106px 0 !important; }
BODY.learn #menu-learn A { background: transparent url(../images/menu.gif) -106px -58px !important; }

#menu-about A { width: 189px; background-position: -328px 0 !important; }
BODY.about #menu-about A { background: transparent url(../images/menu.gif) -328px -58px !important; }

#menu-faq A { width: 91px; background-position: -517px 0 !important; }
BODY.faq #menu-faq A { background: transparent url(../images/menu.gif) -517px -58px !important; }

#menu-costs A { width: 165px; background-position: -608px 0 !important; }
BODY.costs #menu-costs A { background: transparent url(../images/menu.gif) -608px -58px !important; }


/* ===============================
		::: CONTENT :::
=============================== */

#contentContainer {
	background: transparent url(../images/bg_contentcontainer.jpg) 0 84px no-repeat;
	float: left;
	/*clear: left;*/
	width: 100%; }
	
	#content {
		width: 442px;
		float: left;
		display: inline;
		clear: none;
		margin: 0 0 0 42px;
		padding-bottom: 2em; }

		#content H1 {
			height: 84px;
			width: 523px;
			position: relative;
			margin: 0 0 24px -42px;
			padding: 0;
			text-indent: -5000px;
			background: #fff url(../images/ti_about.gif) top left no-repeat; }


/* ===============================
		::: SUBMENU :::
=============================== */

#submenu {
	float: right;
	clear: right;
	display: inline;
	width: 263px;
	font-size: 13px; }
	
	#submenu H2 {
		margin: 0;
		padding: 0;
		text-indent: -5000px;
		width: 263px;
		height: 183px;
		background: transparent url(../images/sb_koi.jpg) 0 0 no-repeat; }
	
	#submenu UL {
		margin: 8px 16px 24px 24px;
		list-style: none; }
		
		#submenu LI {
			margin: 0;
			border-bottom: 1px solid #c2d7ea;
			font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, sans-serif;
			font-weight: bold;}
			
			#submenu LI A {
				color: #4e6d8c;
				text-decoration: none;
				display: block;
				padding: 4px 0; }
				
			#submenu LI A:hover {
				text-decoration: underline; }

			#submenu LI.selected A {
				color: #c00; }

			#submenu LI.selected A:hover {
				text-decoration: none; }



/* ===============================
		::: FOOTER :::
=============================== */

#footer {
	clear: both;
	background: #dcefff url(../images/bg_footer.gif) top left no-repeat;
	padding: 16px 0 0 22px;
	font-size: 11px;
	line-height: 1.4em;
	height: 140px;
	color: #fff; }

	#footer ADDRESS {
		float: left;
		width: 250px;
		font-style: normal; }

	/*#footer .copyright {
		float: right;
		text-align: right;
		display: inline;
		margin: 40px 26px 0 0; }*/

	#footer A { color: #fff; }

	#footer .credit {
		margin: 80px 0 0 -14px;
		color: #4e6d8c;
		clear: left;
		font-size: 10px }

		#footer .credit A { color: #4e6d8c; }
		


/* ===============================
		::: HOMEPAGE :::
=============================== */

UL.specialties {
	margin: 0;
	padding: 0;
	list-style: none; }
	
	UL.specialties LI {
		margin: 0;
		padding: 0;
		float: left; }
		
		UL.specialties A {
			text-indent: -5000px;
			display: block;
			height: 128px;
			text-decoration: none;
			width: 263px;
			/*background: transparent url(../images/menu_blank.gif) top left no-repeat;*/ }

#home-pain,
#home-pain A { background: transparent url(../images/home_pain.jpg) 0 -128px no-repeat; }

#home-fertility,
#home-fertility A {	background: transparent url(../images/home_fertility.jpg) 0 -128px no-repeat; width: 260px; }

#home-fra,
#home-fra A {	background: transparent url(../images/home_fra.jpg) 0 -128px no-repeat; }

#home-cancer,
#home-cancer A {	background: transparent url(../images/home_cancer.jpg) 0 -128px no-repeat; }

UL.specialties A { background-position: 0 0 !important; }
UL.specialties A:hover { background-image: none !important; }

BODY.home #contentContainer {
	background: transparent url(../images/bg_columns.gif) 0 0 repeat-y; }

BODY.home #sidebar {
	float: right;
	padding: 0 35px 2em 50px;
	width: 204px !important;
	width /**/: 289px;
	text-align: justify;
	background: transparent url(../images/bg_upcomingevents.gif) top right no-repeat; }

BODY.home #illustration {
	width: 786px;
	height: 226px;
	background: transparent url(../images/home_ill.jpg) top left no-repeat; }

	#flashmovie {
		margin-left: 38px; }

	.learnmore {
		display: block;
		background: transparent url(../images/btn_learnmore.gif) top left no-repeat;
		text-indent: -5000px;
		position: absolute;
		left: 371px;
		top: 294px;
		width: 180px;
		height: 37px; }
		
  #btn_video {
		display: block;
		background: transparent url(../images/btn_watchvideo.gif) top left no-repeat;
		text-indent: -5000px;
		position: absolute;
		left: 558px;
		top: 283px;
		width: 210px;
		height: 48px; }
		
.btn_download { margin: 24px 1px 6px; }
.btn_newsletter { margin: 0; }
h3.latestnews { margin-top: .75em; }

UL.newslist {
  margin-bottom: 24px;
	margin-left: 0;
	padding-left: 0;
	list-style: none; }

	UL.newslist LI {
		margin-left: 0;
		padding-left: 14px;
		background: transparent url(../images/bullet_arrow_blue.gif) 2px 0 no-repeat; 
		margin-bottom: .85em;
		line-height: 1.4em;
		text-align: left; }

		UL.newslist LI A {
			text-decoration: none;
			color: #4e6d8c; }

			UL.newslist LI A:hover {
				color: #900;
				text-decoration: underline; }
				
a.facebook {
  display: block;
  padding-left: 22px;
  line-height: 16px;
  height: 16px;
  background: transparent url(/images/facebook_16.png) 0 0 no-repeat;
  text-decoration: none;
	margin-bottom: 40px; }
	


/* ===============================
		::: INDEX PAGE :::
=============================== */

BODY.learn-index #contentContainer { background: transparent url(../images/bg_contentcontainer_index.gif) 0 84px no-repeat; }
BODY.learn-index #content {
	width: 752px;
	margin: 0 0 0 27px;
	display: inline; }

	BODY.learn-index	#content H1 {
		width: 786px;
		left: 0;
		background: #fff url(../images/ti_learn.gif) top left no-repeat;
		margin: 0;
		margin-left: -27px; }

.toc-digestive,
.toc-emotional,
.toc-menopause,
.toc-menstrual,
.toc-pediatrics,
.toc-pregnancy,
.toc-respiratory,
.toc-skin,
.toc-sports,
.toc-other,
.toc-fra,
.toc-studies {
	width: 168px;
	height: 186px;
	float: left;
	clear: none;
	background: transparent url(../images/toc_other.jpg) 0 0 no-repeat;
	margin: 11px 20px 0 0; }

	.toc-studies { margin-bottom: 4em; }

.toc-general,
.toc-cancer,
.toc-fertility,
.toc-pain {
	width: 359px;
	height: 106px;
	float: left;
	position: relative;
	clear: none;
	background: transparent url(../images/toc_general.jpg) 0 0 no-repeat;
	margin: 11px 20px 0 -3px; }

.toc-general { background-image: url(../images/toc_general.jpg); }
.toc-fra { background-image: url(../images/toc_fra_small.jpg); }
.toc-fertility  { background-image: url(../images/toc_fertility.jpg); }
.toc-pain  { background-image: url(../images/toc_pain.jpg); }
.toc-digestive { background-image: url(../images/toc_digestive.jpg); }
.toc-emotional { background-image: url(../images/toc_emotional.jpg); }
.toc-menopause { background-image: url(../images/toc_menopause.jpg); }
.toc-menstrual { background-image: url(../images/toc_menstrual.jpg); }
.toc-pediatrics { background-image: url(../images/toc_pediatrics.jpg); }
.toc-pregnancy { background-image: url(../images/toc_pregnancy.jpg); }
.toc-respiratory { background-image: url(../images/toc_respiratory.jpg); }
.toc-skin { background-image: url(../images/toc_skin.jpg); }
.toc-sports { background-image: url(../images/toc_sports.jpg); }
.toc-other { background-image: url(../images/toc_other.jpg); }
.toc-studies  { background-image: url(../images/toc_studies.jpg); }
.toc-cancer  { background-image: url(../images/toc_cancer.jpg); }
	
BODY.learn-index #content DIV H3 {
	text-indent: -5000px;
	height: 110px;
	width: 168px;
	margin: 0;
	padding: 0; }

	BODY.learn-index #content DIV H3 A {
		display: block;
		width: 100%;
		height: 100%; }

	.toc-respiratory H3 { height: 128px !important; }

	.toc-general H3,
	.toc-cancer H3,
	.toc-fertility H3,
	.toc-pain H3 { height: 48px !important; width: 100% !important; }

	.toc-general H3 A,
	.toc-cancer H3 A,
	.toc-fertility H3 A,
	.toc-pain H3 A {
		display: block;
		width: 100%;
		height: 100%; }

BODY.learn-index #content DIV P {
	text-align: center;
	margin: 0 6px;
	line-height: 1.4em; }

	.toc-general P,
	.toc-cancer P,
	.toc-fertility P,
	.toc-pain P {
		text-align: left !important;
		margin-left: 113px !important; }


/* ===============================
		::: MISC :::
=============================== */

.newsletter_archive li { color: #999; font-style: italic; }
.newsletter_archive li a { font-style: normal; }

.testimonial blockquote { color: #667685; margin: 0 0 1.5em; font-size: 11px; font-style: italic; }
#submenu .testimonial blockquote { margin: 56px 16px 24px 10px; padding: 8px 14px; background: transparent url(/images/bg_quote.png) 0 0 no-repeat; }
.testimonial cite { display: block; margin-top: .8em; }
.testimonial .more { text-align: right; margin: 0 26px 1.5em; font-size: 11px; font-style: italic; }