/* @override http://barrykselman.dev/css/sel_layout.css */

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


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

HTML { height: 100%; }

BODY {
	background: #4d5e15 url(../images/bg_gradient.gif) top left repeat-x;
	text-align: center;
	height: 100%; }
	
	#pageContainer {
		width: 778px;
		margin: 0 auto;
		background: transparent url(../images/bg_columns.gif) top left repeat-y;
		text-align: left;
		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: 109px;
	background-color: #738c1f;
	position: relative; }
	
	#masthead H1 {
		height: 109px;
		width: 545px;
		margin: 0 0 0 233px;
		padding: 0;
		background: #738c1f url(../images/mst_logo.gif) top left no-repeat;
		text-indent: -5000px; }
		
		#masthead H1 A {
			float: left;
			display: block;
			width: 516px;
			height: 109px;
			text-decoration: none; }


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

#menu {
	float: left;
	clear: left;
	background: transparent url(../images/sb_portrait4.jpg) top left no-repeat;
	width: 233px;
	position: relative;
	top: -81px;
	height: 500px; }
	
	#menu UL {
		margin: 213px 0 0 9px;
		padding: 0;
		list-style: none; }
		
		#menu LI {
			margin: 0;
			padding: 0;
			background: transparent url(../images/menu.gif) 0 0 no-repeat;
			list-style-image: none; }
			
			#menu A {
        // text-indent: -5000px;
        display: block;
        // height: 30px;
        text-decoration: none;
        // color: #19567a;

        font-family: "Fira Sans";
        font-size: 1.05em;
        font-weight: bold;
        padding: .5em 1.5em;
        border-bottom: 1px dotted white;
        text-transform: uppercase;
        // background: transparent url(../images/menu.gif) 0 0 no-repeat;
      }

/* BODY.foryou #menu { background-image: url(../images/sb_mountains.jpg); }
BODY.howitworks #menu { background-image: url(../images/sb_candles.jpg); }
BODY.myphilosophy #menu { background-image: url(../images/sb_buddha.jpg); }
BODY.mybackground #menu { background-image: url(../images/sb_portrait4.jpg); }
BODY.mybackground2 #menu { background-image: url(../images/sb_portrait3.jpg); }
BODY.fees #menu { background-image: url(../images/sb_sundial.jpg); }
BODY.coaching #menu { background-image: url(../images/sb_silhouette.jpg); }
BODY.grouptherapy #menu { background-image: url(../images/sb_silhouette.jpg); }
BODY.contact #menu { background-image: url(../images/sb_phone.jpg); }
BODY.grouptherapy #menu { background-image: url(../images/sb_group_color.jpg); }
BODY.marriagecounseling #menu { background-image: url(../images/sb_marriagecounseling.jpg); }
BODY.depressioncounseling #menu { background-image: url(../images/sb_depressioncounseling.jpg); }
BODY.telephonetherapy #menu { background-image: url(../images/sb_telephonetherapy.jpg); }
BODY.addictionrecovery #menu { background-image: url(../images/sb_addictionrecovery.jpg); }

	#menu-home,
	#menu-home A { background-position: 0 0; height: 33px; }
	#menu-home A:hover { background-position: -224px 0; }
	BODY.home #menu-home A { background-position: -448px 0; }

	#menu-mybackground,
	#menu-mybackground A { background-position: 0 -33px; }
	#menu-mybackground A:hover { background-position: -224px -33px; }
	BODY.mybackground #menu-mybackground A { background-position: -448px -33px; }

	#menu-howitworks,
	#menu-howitworks A { background-position: 0 -63px; }
	#menu-howitworks A:hover { background-position: -224px -63px; }
	BODY.howitworks #menu-howitworks A { background-position: -448px -63px; }

	#menu-foryou,
	#menu-foryou A { background-position: 0 -93px; }
	#menu-foryou A:hover { background-position: -224px -93px; }
	BODY.foryou #menu-foryou A { background-position: -448px -93px; }

	#menu-myphilosophy,
	#menu-myphilosophy A { background-position: 0 -123px; }
	#menu-myphilosophy A:hover { background-position: -224px -123px; }
	BODY.myphilosophy #menu-myphilosophy A { background-position: -448px -123px; }

	#menu-addictionrecovery,
	#menu-addictionrecovery A { background-position: 0 -273px; }
	#menu-addictionrecovery A:hover { background-position: -224px -273px; }
	BODY.addictionrecovery #menu-addictionrecovery A { background-position: -448px -273px; }

	#menu-marriagecounseling,
	#menu-marriagecounseling A { background-position: 0 -363px; }
	#menu-marriagecounseling A:hover { background-position: -224px -363px; }
	BODY.marriagecounseling #menu-marriagecounseling A { background-position: -448px -363px; }

	#menu-depressioncounseling,
	#menu-depressioncounseling A { background-position: 0 -303px; }
	#menu-depressioncounseling A:hover { background-position: -224px -303px; }
	BODY.depressioncounseling #menu-depressioncounseling A { background-position: -448px -303px; }

	#menu-telephonetherapy,
	#menu-telephonetherapy A { background-position: 0 -333px; }
	#menu-telephonetherapy A:hover { background-position: -224px -333px; }
	BODY.telephonetherapy #menu-telephonetherapy A { background-position: -448px -333px; }

	#menu-grouptherapy,
	#menu-grouptherapy A { background-position: 0 -153px; }
	#menu-grouptherapy A:hover { background-position: -224px -153px; }
	BODY.grouptherapy #menu-grouptherapy A { background-position: -448px -153px; }

	#menu-coaching,
	#menu-coaching A { background-position: 0 -183px; }
	#menu-coaching A:hover { background-position: -224px -183px; }
	BODY.coaching #menu-coaching A { background-position: -448px -183px; }

	#menu-fees,
	#menu-fees A { background-position: 0 -213px; }
	#menu-fees A:hover { background-position: -224px -213px; }
	BODY.fees #menu-fees A { background-position: -448px -213px; }

	#menu-contact,
	#menu-contact A { background-position: 0 -243px; height: 31px; }
	#menu-contact A:hover { background-position: -224px -243px; }
	BODY.contact #menu-contact A { background-position: -448px -243px; } */



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

#contentContainer {
	float: left;
	background: transparent url(../images/bg_tree.gif) bottom left no-repeat; }
	
	#content {
		background: transparent url(../images/bg_content.gif) 0 0 no-repeat;
		padding: 15px 70px 70px 30px;
		width: 445px !important;
		width /**/: 545px;
		float: left;
		clear: none;
		padding-bottom: 6em; }

		#contentContainer H1 {
			margin: 0;
			float: left;
			clear: none;
			background: transparent url(../images/ti_blank.gif) top left no-repeat;
			width: 545px;
			height: 81px;
			text-indent: -5000px; }


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

#footer {
	clear: both;
	background: #4d5e15 url(../images/bg_footer.gif) top left no-repeat;
	height: 77px;
	text-align: center;
	color: #7eb5b9;
	padding-top: 6px;
	font-size: 10px; }

	#footer A { color: #7eb5b9; }

	#footer P { margin: 0; }

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

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

	#footer .towns {
		display: block;
		margin-top: 2em;
		margin-bottom: 1em;
		color: #A1B264;
		font-style: italic; }


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

BODY.home #pageContainer {
	background-image: url(../images/bg_columns_home.gif); }


BODY.home #masthead {
	height: 196px;
	background-color: #738c1f;
	position: relative; }
	
	BODY.home #masthead H1 {
		height: 196px;
		width: 778px;
		margin: 0;
		padding: 0;
		background: #738c1f url(../images/mst_home.gif) top left no-repeat;
		text-indent: -5000px; }
		
		BODY.home #masthead H1 A {
			float: left;
			display: block;
			width: 420px;
			height: 91px;
			text-decoration: none; }

BODY.home #menu {
	float: left;
	clear: left;
	background: transparent url(../images/bg_menu_home.gif) top left no-repeat;
	width: 233px;
	position: relative;
	top: 0;
	height: 331px; }
	
	BODY.home #menu UL {
		margin: 4px 0 0 9px;
		padding: 0;
		list-style: none; }

BODY.home #contentContainer {
	background: transparent url(../images/bg_portrait_home3.jpg) top right no-repeat;
	/*height: 331px;*/ }

	BODY.home #content {
		background: none;
		margin: 15px 70px 70px 33px;
		display: inline;
		padding: 0;
		width: 435px !important;
		/*color: #00416b;*/
		float: left;
		clear: none; }

		.intro {
			width: 300px;
			color: #00416b;
			margin-bottom: 0; }

		BODY.home #contentContainer H1 {
			margin: 0;
			float: left;
			clear: none;
			background: transparent url(../images/ti_mybackground.gif) top left no-repeat;
			width: 545px;
			height: 81px;
			text-indent: -5000px; }

BODY.home #footer {
	background: #4d5e15 url(../images/bg_footer_home.png) top left no-repeat;
	height: 125px;
	text-indent: -5000px; }

	BODY.home #footer .towns {
		text-indent: 0;
		margin-top: 70px; }
		
BODY.home .signature { margin-left: 0; }

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

#quote {
	margin-top: 25px;
	float: right;
	width: 224px;
	height: 230px;
	background: transparent url(../images/quote_change.gif) top left no-repeat;
	text-indent: -5000px; }

BODY.howitworks #quote { background-image: url(../images/quote_personal.gif); }
BODY.foryou #quote { background-image: url(../images/quote_change.gif); }
BODY.myphilosophy #quote { background-image: url(../images/quote_plato.gif); }
BODY.mybackground #quote { background-image: url(../images/quote_lukeman.gif); }
BODY.fees #quote { background-image: url(../images/quote_bergson.gif); }
BODY.coaching #quote { background-image: url(../images/quote_divack.gif); }
BODY.contact #quote { background-image: url(../images/quote_thoreau.gif); }
BODY.grouptherapy #quote { background-image: url(../images/quote_group.gif); }
BODY.marriagecounseling #quote { background-image: url(../images/quote_marriage.gif); }
BODY.addictionrecovery #quote { background-image: url(../images/quote_addiction.gif); }

BODY.home #quote,
BODY.depressioncounseling #quote,
BODY.telephonetherapy #quote { display: none; }

p.goback { font-size: .9em; margin-bottom: 1em; }
p.goback a { text-decoration: none; }