﻿body
{
	background-color: #e5e0db;
	margin: 0;
	padding: 0;
	font-size:62.5%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#page
{
	padding: 20px;
}

#wrapper
{
	margin: 0 auto;
	background-color: #fff;
	width: 835px;
	background-position: right top;
	background-image: url(../images/wrapper-corner.gif);
	background-repeat: no-repeat;
	padding: 28px 11px 69px 10px;
}

#logo
{
	padding-left: 18px;
	float: left;
}

#logo img
{
	border: 0;
}

#nav
{
	margin-left: 234px;
	padding-top: 17px;
}

#nav ul
{
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#nav ul li
{
	padding: 0;
	margin: 0;
	list-style-type: none;
	display: block;
	float: left;
	background-position: top left;
	background-repeat: no-repeat;
}

#nav ul li a
{
	display:block;
	width:auto;
	height:45px;
	padding-top: 45px;
	height:0;
	overflow: hidden;
}

#nav ul li a:hover { height:0em; }

#nav-home { width: 73px; }
#nav-strategy { width: 84px; }
#nav-prospecting { width: 149px; }
#nav-research { width: 84px; }
#nav-training { width: 81px; }
#nav-entry { width: 130px; }

#nav-home { background-image: url(../images/nav/home.gif); }
#nav-strategy { background-image: url(../images/nav/strategy.gif); }
#nav-prospecting { background-image: url(../images/nav/prospecting.gif); }
#nav-research { background-image: url(../images/nav/research.gif); }
#nav-training { background-image: url(../images/nav/training.gif); }
#nav-entry { background-image: url(../images/nav/entry.gif); }

#nav-home a:hover { background-image: url(../images/nav/home-selected.gif); }
#nav-strategy a:hover { background-image: url(../images/nav/strategy-selected.gif); }
#nav-prospecting a:hover { background-image: url(../images/nav/prospecting-selected.gif); }
#nav-research a:hover { background-image: url(../images/nav/research-selected.gif); }
#nav-training a:hover { background-image: url(../images/nav/training-selected.gif); }
#nav-entry a:hover { background-image: url(../images/nav/entry-selected.gif); }

#home #nav-home { background-image: url(../images/nav/home-selected.gif); }
#home #nav-strategy { background-image: url(../images/nav/strategy.gif); }
#home #nav-prospecting { background-image: url(../images/nav/prospecting.gif); }
#home #nav-research { background-image: url(../images/nav/research.gif); }
#home #nav-training { background-image: url(../images/nav/training.gif); }
#home #nav-entry { background-image: url(../images/nav/entry.gif); }

#home #nav-strategy a:hover { background-image: url(../images/nav/strategy-tab-home.gif); }
#home #nav-prospecting a:hover { background-image: url(../images/nav/prospecting-tab-home.gif); }
#home #nav-research a:hover { background-image: url(../images/nav/research-tab-home.gif); }
#home #nav-training a:hover { background-image: url(../images/nav/training-tab-home.gif); }
#home #nav-entry a:hover { background-image: url(../images/nav/entry-tab-home.gif); }

#strategy #nav-strategy { background-image: url(../images/nav/strategy-tab-selected.gif); }
#strategy #nav-strategy a:hover { background-image: url(../images/nav/strategy-tab-selected.gif); }

#prospecting #nav-prospecting { background-image: url(../images/nav/prospecting-tab-selected.gif); }
#prospecting #nav-prospecting a:hover { background-image: url(../images/nav/prospecting-tab-selected.gif); }

#research #nav-research { background-image: url(../images/nav/research-tab-selected.gif); }
#research #nav-research a:hover { background-image: url(../images/nav/research-tab-selected.gif); }

#training #nav-training { background-image: url(../images/nav/training-tab-selected.gif); }
#training #nav-training a:hover { background-image: url(../images/nav/training-tab-selected.gif); }

#entry #nav-entry { background-image: url(../images/nav/entry-tab-selected.gif); }
#entry #nav-entry a:hover { background-image: url(../images/nav/entry-tab-selected.gif); }

#promoImg { padding-bottom:29px; }
#home #promoImg { padding-bottom:0; }

#home #promoImg { float:right; }

#home #container
{
	background:url(../images/home-bg.gif) no-repeat;
	background-position:0% 77%;
}

* html #home #container
{
	background-position:0% 0%;
}

#container #left-col
{
	width:234px;
	height:365px;
	float:left;
	clear:none;
	background:url(../images/long-logo-graphic.gif) no-repeat;
}

#home #left-col
{
	height:194px;
	background:none;
}

#container #main-col
{
	width:601px;
	float:left;
	clear:none;
}

#home #main-col
{
	background:url(../images/divider.gif) no-repeat;
	width:835px;
}

#main-col #copy-col
{
	width:417px;
	float:left;
	clear:none;
}
#main-col #copy-col #copy-col-left
{
	width:240px;
	float:left;
}
#main-col #copy-col #copy-col-right
{
	width:240px;
	margin-left:26px;
	margin-bottom: 26px;
	float:left;
}
#main-col #copy-col
{
	width:417px;
	margin-left:26px;
	float:left;
	clear:none;
}

#contact #main-col #copy-col, #about #main-col #copy-col
{
	width:510px;
}

* html #container #main-col #copy-col
{
	margin-left:13px;
}

#home #main-col #copy-col
{
	position:relative;
	left:234px;
	top:10px;
}

* html #home #copy-col
{
	margin-left:13px;
	margin-top:0;
}

#container #main-col #cta-col
{
	width:132px;
	float:right;
	clear:none;
}

#container #main-col #cta-col a img
{
	margin-bottom:3px;
}

#footer { background:url(../images/footer-curve.gif) no-repeat; width:856px; height:20px; margin:0 auto; }

#container ul#small-nav
{
	list-style:none;
	margin-top:396px;
	margin-left:-23px;
}

* html #container ul#small-nav
{
	margin-left:17px;
}

ul#small-nav li
{
	float:left;
	color:#890857;
}

ul#small-nav li.last
{
	background:url(../images/bullet.gif) left no-repeat;
	margin-left:7px;
	padding-left:14px;
}

ul#small-nav li a
{
	color:#7a6e63;
	text-decoration:none;
}

ul#small-nav li a:hover
{
	text-decoration:underline;
	color:#890857;
}

ul#small-nav li a
{
	display:block;
	width:80px;
	padding-top: 27px;
	height:0;
	overflow: hidden;
}

ul#small-nav li.contact a { background:url(../images/nav/contact-us-off.gif) no-repeat; }
ul#small-nav li.contact a:hover { background:url(../images/nav/contact-us-on.gif) no-repeat; }
ul#small-nav li.about a { background:url(../images/nav/about-us-off.gif) no-repeat; width:69px; }
ul#small-nav li.about a:hover { background:url(../images/nav/about-us-on.gif) no-repeat; width:69px; }
ul#small-nav li.join a { background:url(../images/nav/join-us-off.gif) no-repeat; width:64px; }
ul#small-nav li.join a:hover { background:url(../images/nav/join-us-on.gif) no-repeat; width:64px; }

#contact ul#small-nav li.contact a { background:url(../images/nav/contact-us-on.gif) no-repeat; }
#contact ul#small-nav li.contact a:hover { background:url(../images/nav/contact-us-on.gif) no-repeat; }
#contact ul#small-nav li.about a { background:url(../images/nav/about-us-off.gif) no-repeat; }
#contact ul#small-nav li.about a:hover { background:url(../images/nav/about-us-on.gif) no-repeat; }
#contact ul#small-nav li.join a { background:url(../images/nav/join-us-off.gif) no-repeat; }
#contact ul#small-nav li.join a:hover { background:url(../images/nav/join-us-on.gif) no-repeat; }

#about ul#small-nav li.contact a { background:url(../images/nav/contact-us-off.gif) no-repeat; }
#about ul#small-nav li.contact a:hover { background:url(../images/nav/contact-us-on.gif) no-repeat; }
#about ul#small-nav li.about a { background:url(../images/nav/about-us-on.gif) no-repeat; }
#about ul#small-nav li.about a:hover { background:url(../images/nav/about-us-on.gif) no-repeat; }
#about ul#small-nav li.join a { background:url(../images/nav/join-us-on.gif) no-repeat; }
#about ul#small-nav li.join a:hover { background:url(../images/nav/join-us-on.gif) no-repeat; }

#join ul#small-nav li.contact a { background:url(../images/nav/contact-us-off.gif) no-repeat; }
#join ul#small-nav li.contact a:hover { background:url(../images/nav/contact-us-on.gif) no-repeat; }
#join ul#small-nav li.about a { background:url(../images/nav/about-us-off.gif) no-repeat; }
#join ul#small-nav li.about a:hover { background:url(../images/nav/about-us-on.gif) no-repeat; }
#join ul#small-nav li.join a { background:url(../images/nav/join-us-on.gif) no-repeat; }
#join ul#small-nav li.join a:hover { background:url(../images/nav/join-us-on.gif) no-repeat; }

#home ul#small-nav
{
	list-style:none;
	margin:276px 0 0 -30px;
}

* html #home ul#small-nav
{
	margin:0 0 0 17px;
	position:absolute;
	top:387px;
}

#main-col #copy-col .left-panel,
#main-col #copy-col .right-panel
{
	width:205px;
	margin-bottom:20px;
}

#main-col #copy-col .left-panel
{
	float:left;
	background:url(../images/left-panel-top.gif) no-repeat;
}

#main-col #copy-col .right-panel
{
	background:url(../images/right-panel-top.gif) no-repeat;
	float:right;
	clear:right;
}

#main-col #copy-col .left-panel h4
{
	padding:42px 0 0 12px;
	margin:17px 0 0 0;
	border-left:3px solid #e5e0db;
	border-right:3px solid #e5e0db;
	color:#993399;
	overflow:hidden;
	height:0;
	background-position:12px top;
	background-repeat:no-repeat;
}

#main-col #copy-col .right-panel h4
{
	padding:27px 0 0 12px;
	margin:17px 0 0 0;
	border-left:3px solid #e5e0db;
	border-right:3px solid #e5e0db;
	height:0;
	overflow:hidden;
	background-position:12px top;
	background-repeat:no-repeat;
}

#strategy		#main-col #copy-col .left-panel h4 { background-image:url(../images/strategy-study.gif); margin-bottom:-15px; }
#prospecting	#main-col #copy-col .left-panel h4 { background-image:url(../images/prospecting-study.gif); margin-bottom:-15px; }
#research		#main-col #copy-col .left-panel h4 { background-image:url(../images/research-study.gif); margin-bottom:-15px; }
#training		#main-col #copy-col .left-panel h4 { background-image:url(../images/training-study.gif); margin-bottom:-15px; }
#entry			#main-col #copy-col .left-panel h4 { background-image:url(../images/entry-study.gif); margin-bottom:-15px; }

#strategy		#main-col #copy-col .right-panel h4 { background-image:url(../images/strategy-bio.gif); padding-top:27px; }
#prospecting	#main-col #copy-col .right-panel h4 { background-image:url(../images/prospecting-bio.gif); }
#research		#main-col #copy-col .right-panel h4 { background-image:url(../images/research-bio.gif); }
#training		#main-col #copy-col .right-panel h4 { background-image:url(../images/training-bio.gif); padding-top:27px; }
#entry			#main-col #copy-col .right-panel h4 { background-image:url(../images/entry-bio.gif); padding-top:27px; }

#main-col #copy-col p
{
	clear:both;
}

#main-col #copy-col .left-panel p
{
	border: solid #e5e0db;
	border-width:0 3px;
	padding:26px 12px 6px 12px;
	margin:0;
	float:none;
}

#main-col #copy-col .right-panel div
{
	/*background:url(../images/panel-bottom.gif) bottom no-repeat;
	padding:0 0 22px 0;
	margin:0;*/
}

#main-col #copy-col .left-panel p,
#main-col #copy-col .right-panel p
{
	border: solid #e5e0db;
	border-width:0 3px;
	padding:26px 12px 0 12px;
	margin:0;
	float:none;
}

#main-col #copy-col .left-panel a,
#main-col #copy-col .right-panel a
{
	display:block;
	width:205px;
	padding-top:22px;
	height:0;
	overflow:hidden;
	background:url(../images/panel-bottom-a.gif) no-repeat;
}


#main-col #copy-col h1
{
	display:block;
	width:auto;
	padding-top: 17px;
	height:0;
	overflow: hidden;
}

#main-col #copy-col h1.descenders
{
	padding-top: 22px;
	margin-bottom: 20px;
}

#main-col #copy-col h1 { background:url(../images/titles/welcome-to-touchstone.gif) no-repeat; margin:35px 0 25px 0;}
#main-col #copy-col h1.contact-us { background:url(../images/titles/contact-us.gif) no-repeat; }
#main-col #copy-col h1.about-us	{ background:url(../images/titles/about-us.gif) no-repeat; }
#main-col #copy-col h1.descenders.join-us { background:url(../images/titles/join-us.gif) no-repeat;}
#main-col #copy-col h1.adjust-type { margin-left:-3px; position:relative; }

#main-col #copy-col h2
{
	padding-top:17px;
	height:0;
	display:block;
	overflow:hidden;
	background-repeat:no-repeat;
	clear:both;
}

#main-col #copy-col h2.what { background-image:url(../images/what-we-do.gif); }

#strategy		#main-col #copy-col h2.a { background-image:url(../images/subtitles/strategy-h2-a.gif); }
#strategy		#main-col #copy-col h2.b { background-image:url(../images/subtitles/strategy-h2-b.gif); }
#prospecting	#main-col #copy-col h2.a { background-image:url(../images/subtitles/prospecting-h2-a.gif); }
#prospecting	#main-col #copy-col h2.b { background-image:url(../images/subtitles/prospecting-h2-b.gif); }
#research		#main-col #copy-col h2.a { background-image:url(../images/subtitles/research-h2-a.gif); }
#research		#main-col #copy-col h2.b { background-image:url(../images/subtitles/research-h2-b.gif); }
#training		#main-col #copy-col h2.a { background-image:url(../images/subtitles/training-h2-a.gif); }
#training		#main-col #copy-col h2.b { background-image:url(../images/subtitles/training-h2-b.gif); }
#entry			#main-col #copy-col h2.a { background-image:url(../images/subtitles/entry-h2-a.gif); }
#entry			#main-col #copy-col h2.b { background-image:url(../images/subtitles/entry-h2-b.gif); }

p, ul, #copy-col h3, #copy-col h4
{
	font-size:1.1em;
	color:#7a6e63;
}

p, ul, h3, h4
{
	line-height:1.6em;
}

#copy-col ul
{
	list-style:none;
	margin-top:0.3em;
}

#copy-col ul li
{
	background:url(../images/ul-bullet.gif) left 0.75em no-repeat;
	margin-left:-3.5em;
	padding-left:1em;
}

#copy-col h3
{
	margin-top:1.6em;
	margin-bottom:0;
}

a:link
{
	color:#fd4703;
}

a:visited
{
	color:#890857;
}

.first-para
{
	font-weight:bold;
	padding-top:0;
	margin-top:0;
}
#contact-footer {
	font-size:0.9em;
	margin-top: 50px;
}

/* Code from http://www.positioniseverything.net/easyclearing.html - forces containing element to surround contained element */
.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 */


.float-left {
	float:left;
}