/*
Project:
Description: Centralized page for all stylesheets; Only edit this stylesheet
Author:
Updated: 
*/

/* Color Pallette - RGB / HEX 
Brown background		= rgb(87,66,53)	/ #574235	
Lime green, background 	= rgb(156,184,102) / #9CB866
Gold, text highlight 	= rgb(201,204,164) / #C9CDA4

Dark green, page header =	rgb(121,140,101) / #798C65	
Light Green, "Program Details" page background = rgb(207,220,181) / #CFDCB5
*/

/* Import External Stylesheets */
@import url("reset.css");
@import url("layout.css");
@import url("typography.css");

/* + Global */ 
body { background-color: white; }

.homepage .colmask { border-bottom: dashed 2px #9CB866; }

.colmask { border-bottom: dashed 2px #574235; }

.hide-text { 
	position: absolute;
	left: -999em; /* hide page headers */ }

/* + Header 
------------------------ */
#header { 
	position: relative;
	border-bottom: dashed 2px #574235; 
	background: rgb(156,184,102);
	height:auto; /* 161px*/
}

#header img {
	margin: 36px 0 0 36px; }

#header a {
	border-bottom: none; } /* Override */ 	

/* TMP: delete font-size & padding after finishing "typography.css" & vertical rhythm */
#header h1 {
	padding-bottom: 8px;
	border-bottom: 2px solid white;
	font-size: 16px;
	color: black; }

#header h2 {
	padding-top: 4px;
	font-size: 12px;
	color: white;
}

/* + Main Navigation 
------------------------ */
div#sub-nav-container {
	/* position: absolute;
	left:0;
	bottom:0;*/
	position: relative;
	clear:both;
	width: 100%;
	height: 22px; }

div#sub-nav-container { background: #574235;}

#main-nav-list {
	position: absolute;
	top: 0%;
	right: 5%;	
	display: inline;
	list-style: none;
	text-transform:uppercase; }

#sub-nav-list {
	color: #fff;
	margin-left: 475px;	
	display: inline;
	list-style: none;
	text-transform:uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 22px; }

ul#sub-nav-list li a.sub-nav-current { color: #574235; }

ul#main-nav-list li,
ul#sub-nav-list li { 
	display: inline;
	font-size: 12px; /* Override inherited */ }

/* - Main Nav Links */
ul#main-nav-list li a:link, 
ul#main-nav-list li a:visited,
ul#main-nav-list li a:active {
	position: relative;
	padding: 9px 9px 5px 9px;
	margin: 0 3px;
	font-weight: bold;
	color: white;
	text-decoration: none;
	background: #574235; }

ul#main-nav-list li a:hover,
ul#main-nav-list li#active a,
ul#main-nav-list a#current  {
	border-top: 4px solid #574235;
	color: #574235;
	background: #CFDCB5; 
}


/* - Sub Nav Links */
#sub-nav-list li a:link, 
#sub-nav-list li a:visited,
#sub-nav-list li a:active  {
	padding: 0 9px;
	color: #fff; /* #CFDCB5;*/
	text-decoration: none;
	background: none;
	border-bottom: none; /* Override */ }

#sub-nav-list li a:hover {
	color: #fff; }

/* + Homepage Content */
.homepage div.colmask { 
	height: 597px;
	background: rgb(87,66,53); }

.homepage .colmask p {	
	position: absolute;
	top: 100px;
	left: 100px;
	letter-spacing: 2px;
	line-height: 48px;
	font-weight: bold;
	font-size: 24px;
	text-transform: uppercase;
	color: white;
}

.highlight-text {
	color: rgb(179,187,139)	
}

/* + Template A - includes Track Record, Contact Us pages */

.track-record ul#sub-nav-list, 
.testimonials ul#sub-nav-list { right: 280px; }


/* Override framework */
.track-record .leftmenu .col2,
.case-study .leftmenu .col2, 
.what-we-do .leftmenu .col2,
.contact .leftmenu .col2,
.testimonials .leftmenu .col2 { left: 4%;}

/* List of Track Record clients */
.track-record-list {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: rgb(87,66,53);
	text-transform: uppercase; }

/* Unordered Lists */
.lists {
	float: left;
	width: 44%;
	padding-left: 5%; }

.center { margin-left: 25%;  }

.lists ul li, 
	ul.lists-no-float li {
	list-style-position: outside;
	font-size: 1.4em; }

.lists-no-float {
	width: 48%;
	padding-left: 2%; }

/* What We Do page only*/
.lists-what-we-do { 
	float: left;
	padding-left: 2em;
	width: 30%; }

/* + Typography */
h1 { margin-top: 1.5em; color: rgb(87,66,53); }

.quote {
	position: relative;
	margin-top: -100px;
	line-height: 1.5em;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	font-style: italic; }

#quote-container {
	position: absolute;
	top: 180px;
	left: 10%;
	width: 80%;	
}

#quote-container-2 {
	position: absolute;
	bottom: 80px;
	left: 10%;
	width: 80%;	
}

#quote-container-3 {
	position: absolute;
	top: 25%;
	left: 10%;
	width: 80%;	
}

/* + What We Do & Track record */
.what-we-do h1,
.track-record h1, 
.consulting-phases h1,
.case-study h1 {
	/* padding-bottom: 8px; */
	font-size: 20px;
	font-weight: bold;
	line-height: 1.25em;
	text-transform: uppercase; }

.what-we-do .col2 img, 
.contact .col2 img, 
.track-record .col2 img, 
.testimonials .col2 img,
.case-study .col2 img {
	width: auto; /* 334px; */
	height: 600px; }

/* + Case Study */
.track-record .col1 img,
.case-study .col1 img { float: left; margin: 18px;}

/* + Program Details, Management Protocols */
.program-details div.colmask,
.system-protocols div.colmask { background: rgb(207,220,181) url("../images/gears-bckgrnd.jpg") left top no-repeat; }

.program-details h1{
	font-size: 20px;
	line-height: 1.5em;
	font-weight: bold;
	text-transform: uppercase; }

ul.team-building-list li {
	margin-bottom: 15px;
	list-style-type: lower-alpha;		
}

.hightlight-text-med {
	font-size: 20px;
}

/* - Banner below content */
#program-details-banner {
	clear: both;
	padding: 1.5em 0;
	width:100%; 
	height: auto; 
	letter-spacing: .25em;
	text-align: center;
	text-transform: uppercase;			
	font-size: 14px;
	font-weight: bold;
	color: rgb(201,204,164);
	background: rgb(89,60,44); }

.program-details h1 { color: #798C65; }
.program-details .highlight-text { color: rgb(87,66,53);}


/* - Individual numbered bullets images */ 
.one {
	padding: 15px 0 15px 45px;
	list-style-type: none;
	background: url(../images/numbers/1.gif) no-repeat left center; }

.two {
	padding: 15px 0 15px 45px;
	list-style-type: none;
	background: url(../images/numbers/2.gif) no-repeat left center; }

.three {
	padding: 15px 0 15px 45px;
	list-style-type: none;
	background: url(../images/numbers/3.gif) no-repeat left center; }

.four {
	padding: 15px 0 15px 45px;
	list-style-type: none;
	background: url(../images/numbers/4.gif) no-repeat left center; }

.five {
	padding: 15px 0 15px 45px;
	list-style-type: none;
	background: url(../images/numbers/5.gif) no-repeat left center; }

.six {
	padding: 15px 0 15px 45px;
	list-style-type: none;
	background: url(../images/numbers/6.gif) no-repeat left center; }

.seven {
	padding: 15px 0 15px 45px;
	list-style-type: none;
	background: url(../images/numbers/7.gif) no-repeat left center; }

.eight {
	padding: 15px 0 15px 45px;
	list-style-type: none;
	background: url(../images/numbers/8.gif) no-repeat left center; }

.nine{
	padding: 15px 0 15px 45px;
	list-style-type: none;
	background: url(../images/numbers/9.gif) no-repeat left center; }
/* + Consulting Phases page */
.consulting-phases div.colmask { background:#CFDCB5 url(../images/gears-bckgrnd.jpg) no-repeat scroll left top; }

.consulting-phases .highlight-text { color: #798C65; }

#phases-headline {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.25em;
	margin-bottom: 0pt;
	margin-left: 265px;
	margin-right: auto; }

#phase-chart {
	position: relative;
	margin: 0 auto;
	width: 711px;
	height: 560px; 
	text-align: center;
	background: transparent url(../images/phases-bckgrnd.png) no-repeat center top;	
}	 

#phase-1 {
	position: absolute;	
	top: 15px;
	left: 115px;
	width: 200px; }

#phase-2 {
	position: absolute;	
	top: 55px;
	left: 362px;
	width: 150px; }

#phase-3 {
	position: absolute;	
	top: 245px;
	left: 306px;
	width: 280px; }

#fee-structure {
	position: absolute;	
	top: 345px;
	left: 105px;
	width: 500px; }

#phase-chart-bullet {
	position: absolute;
	bottom: 0;
	left: 160px;
	width: 430px;
	font-style: italic; }
	
#phase-1, 
#phase-2, 
#phase-3,
#fee-structure { color: rgb(89,60,44); }

#phase-1 p, 
#phase-2 p, 
#phase-3 p,
#fee-structure p { margin-top: 0; }

#phase-chart h1 {
	font-size: 20px;
	font-weight: bold;
	text-transform: capitalize;
}

/* Testimonials */ 
.testimonials .highlight-text { 
	font-weight: bold;
	color: rgb(87,66,53); }

/* Horizontal Rule */
hr { 
	background: rgb(207,220,181);
	color:rgb(207,220,181);
	clear:both;
	float:none;
	width: 100%;
	height:.1em;
	margin:0 0 1.45em;
	border:none; }	
	
hr  { margin: -8px auto 11px; } /* IE 6&7 has problems with setting proper <hr> margins. */
	
/* + Contact Page */
.contact h1 {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.25em;
	text-align: center;
	color: rgb(156,184,102); }

.contact div.colmask {
	background: #574235; }

.contact p { 
	color: white;
	text-align: center; } 

#contact-info { 
	position: absolute;
	top: 0;
	left: 33%;
	margin: 0 auto;
	font-size: 14px;
	line-height: 28px; }

/* - Contact Page Links */ 
a:link, a:visited {
	text-decoration: none;
	color: rgb(156,184,102);
	border-bottom: 1px solid rgb(156,184,102); }

a:hover, a:active { 
	color: white;
	border-bottom: 1px solid white; }


/* + Footer */
#footer { 
	padding: .5em 0; 
	text-align: center;
	color: #e6e6e6;
	background: rgb(156,184,102); }

ul#footer-info {
	width: auto;
	margin: 0 auto;
	
}

ul#footer-info li { 
	display: inline;
	list-style-type: none; 
	padding: 0 .5em 0 .5em;
	border-left: 1px solid #e6e6e6; } 

/* NOTE: change font-size after typograhy framework set */
#footer p { font-size: 11px; }

/* 	--------------------------
	MAIN NAVIGATION
	--------------------------	*/
ul#nav { 
	padding-top: 36px;
	width: 100%;
	text-align: center;
}

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

#nav li {
	display: inline;
	text-align: center;
}

#nav a:link, 
#nav a:visited {
	padding: 3px;
	margin: 0 1px; 
	border-top: 4px solid #CFDCB5;
line-height: 21px;
	font-size: 10px;
	font-weight: bold;
	color: #574235;
	letter-spacing:1px;
	text-transform: uppercase;
	text-decoration: none;
	background-color: #CFDCB5; 
}

#nav a:hover, 
#nav a:active {
	background-color: #574235;
	border-top:4px solid #CFDCB5;
	color: #fff;
}

.what-we-do	a#what-we-do-link,
.track-record a#track-record-link, 
.case-study a#case-study-link,
.testimonials a#testimonials-link,
#success-formula a#success-formula-link,
.program-details a#key-points-link,
.system-protocols a#system-protocols-link,
.consulting-phases a#consulting-link,
.contact a#contact-link { 
	color: #fff;
	background: #574235;
}


/* 	--------------------------
	DOWNLOAD PDF
	--------------------------	*/	
#download-pdf {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 180px;
}

#download-pdf li {
	font-size: 12px; 	
	font-weight: bold; 
	list-style-type: none;
	color: #574235;
}

#download-pdf li.download-one,
#download-pdf li.download-two,
#download-pdf li.download-three
{ 
	padding-left: 20px;
}

#download-pdf li.download-one {
	background: url(../../../images/download-1.gif) left center no-repeat; 
}

#download-pdf li.download-two {
	margin-top:4px;
	background: url(../../../images/download-2.gif) left center no-repeat;	
}

#download-pdf li.download-three {
	margin-top:4px;
	background: url(../../../images/download-3.gif) left center no-repeat;	
}

#download-pdf li a:link,
#download-pdf li a:visited { color: #574235; } 
 
#download-pdf li a:hover,
#download-pdf li a:active { color: #fff; }