@charset "UTF-8";
/* CSS Document */


/* GLOBAL */

p, div, h1, h2, h3, h4, ul, li, ol img, a img, a, a:hover, a img:hover { padding:0; margin:0; border:none; text-decoration:none; font-weight:normal; }

a { cursor:pointer !important; }

a img { cursor: pointer !important; }

ol { padding:0 50px; }
ol li { padding-bottom:10px; }

input.field { border:1px #CCC solid; padding:2px; }

body { text-align:center; background:#84A384; margin:30px auto 0 auto; 
/* font-family: "Lucida Sans",Arial,sans-serif; */ font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:12px; }

img { -ms-interpolation-mode: bicubic; }

em, blockquote { font-style:italic; }

strong { font-weight:bold; }

small { font-size: 0.8em; }

.center { text-align: center !important; }

.center img, .center p, .center a { margin: 0 auto; }

.green { color: #265126 !important; }

#container { 
	margin: 0 auto; 
	position:relative;
	width:928px;
	background:#CCC; 
	height:auto;
	background:url(../img/global/middle.jpg) 0 0 repeat-y; 
	text-align:left; 
}

/* default */

p, li { line-height:1.5em; }

#content-wrap, #content, #section-text { text-align:center; }

.green-top, .green-middle, .green-bottom, .product-intro { text-align:left; margin:0 auto; position:relative; }

.green-middle h2 { font-size:1.3em; }

.section-title { text-align:left; overflow:auto; }

.section-title img { float:left; clear:both; display:inline; }

#sidebar, #menu li, #menu h2 { line-height:1.5em; text-align:left; }

/* toolbox */

	.clear { clear:both; height:0; }

	/* links in the top, bottom and sidebar */
	.nav, .nav:visited, .nav:active, .nav:link { color:#999; }
	.nav:hover { color:#333333; } 


/* TOP */

#top-index { position:relative; height:403px; background:url(../img/global/middle.jpg) 0 0 repeat-y; }

#top { position:relative; height:300px; background:url(../img/global/middle.jpg) 0 0 repeat-y; text-align:center; }

#spg-logo-text { z-index:2; position:absolute; top:40px; left:44px; }

#spg-slogan { z-index:2; position:absolute; top:89px; left:44px; }

#spg-logo { z-index:2; position:absolute; top:36px; left:520px; }

	/* top navigation */
	
	#nav-left { vertical-align:middle; }
	#nav-right { vertical-align:middle; }
	
	#topnav-index { position:absolute; top:123px; height:38px;
		background: url(../img/global/top-nav.jpg) 0 0 repeat-x; color:#000; right:38px; font-size:0.95em; }
	
	#topnav-index p { line-height:38px; color:#000; font-size:0.95em; }
	
	#topnav { position:absolute; top:123px; height:38px;
		background: url(../img/global/top-nav.jpg) 0 0 repeat-x; color:#000; right:38px; font-size:0.95em; }
	
	#topnav p { line-height:38px; color:#000; font-size:0.95em; }
	
	#topnav a, 
	#topnav a:link,
	#topnav a:visited,
	#topnav a:active {
		color:#000 !important; }
	
	#topnav a:hover { color:#666 !important; }
	
	/* splash */
	
	#splash-container { position:absolute; top:165px; left:22px; width:880px; height:240px; background:none; }
		/* frame */
		#top-frame { position:absolute; left:10px; top:0; z-index:10; }
		#bottom-frame { position:absolute; left:10px; top:230px; z-index:10; }
		#left-frame { position:absolute; left:0; top:0; z-index:10; }
		#right-frame { position:absolute; left:870px; top:0; z-index:10; }
		
		#slides-container { position:absolute; top:10px; left:10px; height:220px; width:860px; overflow:hidden; }
			#slides-container ul { margin:0; padding:0; list-style:none; }
			#slides-container li { margin:0; padding:0; position:absolute; top:0; left:0; }
		
		#news-bg { left:394px; height:220px; width:466px; background:black; position:absolute; top:0; z-index:5; }
		
		#news-container { position:absolute; top:0; padding:0; margin:0; left:404px; width:466px; height:220px; 
		background:none; z-index:99; font-weight:normal !important; }
			#news-text { list-style:none; padding:0; margin:0; text-align:left; width:446px; }
			#news-text li { padding:20px; margin:0; color:white; font-size:15px; line-height:20px; margin:0; }
			#news-text li a { color:#FFFF33; }
			#news-text li a:hover { color:#FFFF99; }

/* CONTENT */

#content-wrap { 
	width:100%; background:url(../img/global/middle.jpg) 0 0 repeat-y; float:left; display:inline; top:300px;
}

#sidebar { width:250px; float:left; display:inline; margin-left:20px; margin-top:5px; margin-bottom:10px; }

#content { width:612px; float:right; display:inline; margin-right:24px; margin-top:5px; }
	
	/* homepage columns */
	
	#left { float:left; display:inline; width:50%; height:auto; }
	
	#right { float:right; display:inline; width:50%; height:auto; }
	
	/* homepage modules */

	/* module class */
	.module { 
		background:url(../img/home/corporate-business-coaching-team-building-hring-training-module-bg.jpg) 0 0 no-repeat; 
		position:relative; cursor:pointer;
	}
	.module img.rep {
		position:absolute; top:5px; left:13px; width:auto; height:auto; z-index:10;
	}
	.module img.title {
		position:absolute; top:205px; right:25px; width:auto; height:auto;
	}

	.module { background:url(../img/home/corporate-business-coaching-team-building-hring-training-module-bg.jpg) 0 0 no-repeat;
		width:291px; height:252px; margin-bottom:15px; }

/* CONTENT THEMES */

/* special text */

#our-values { 
	margin-left:15px; margin-top:17px; background:url(../img/content/values-bg.jpg) 0 0 no-repeat;
	height:auto; width:580px;
}
	#our-values p { line-height:19px; padding:0 25px 12px 25px; color:#333; }
	#our-values h2 { line-height:24px; padding:10px 25px 12px 25px; font:17px; color:#000; }
	.gray-hilite { font-size:15px; font-style:italic; font-weight:normal; color:#111; letter-spacing:0.03em; }

/* img tools */

.centered { text-align:center !important }
.padded { margin:10px; border:2px solid #E6EFDA; }
.imgleft { float:left; display:inline; margin-right:20px; border:2px solid #E6EFDA; margin-bottom:7px; }
.imgright { float:right; display:inline; margin-left:20px; border:2px solid #E6EFDA; margin-bottom:7px; }


/* text tools */

.green-active { font-size:15px; font-weight:700; color:#7BA22E; }
.green-hilite { font-size:15px; font-style:italic; font-weight:normal; color:#265126; letter-spacing:0.03em; }

/* light green theme */

.top-image { background:url(http://www.sageportfoliogroup.com/img/themes/green/header.jpg) 0 0 no-repeat; width:876px; height:126px; margin:0 auto; position:relative;
top:120px; }

.green-top { 
	margin-left:15px !important; background:url(../img/themes/green/top.jpg) 0 0 no-repeat; 
	height:12px; width:580px; margin:18px 0 0 0;
}

.green-bottom { 
	margin-left:15px !important; background:url(../img/themes/green/bottom.jpg) 0 0 no-repeat;
	height:12px; width:580px; margin:0 0 18px 0;
}

.green-middle { margin-left:15px; padding-bottom:5px; padding-top:5px; background:url(../img/themes/green/middle.jpg) 0 0 repeat-y; height:auto; width:580px; }
	
	.green-middle p { line-height:19px; padding:2px 25px 11px 25px; }
	.green-middle h3 { line-height:19px; padding:0 25px 11px 25px; margin-top: -5px !important; }
	.green-middle a { color:#265126; }
	.green-middle a:hover { color:#000;  }
	.green-middle ul { padding:0 45px 0 45px; }
	.green-middle li { line-height:19px; }
	.green-middle h2 { line-height:24px; padding:0 25px 12px 25px; font:17px; color:#265126; }
	
	.green-middle blockquote { line-height:19px; padding-left:50px; padding-bottom:12px; }
	
	/* split forms ie. contact.php */
	.content-form-left { float:left !important; display:inline; width: 26% !important; height:auto; }
	.content-form-right { float:right !important; display:inline; width:74% !important; height:auto; }
	#contact-message { width:330px; height:80px; border:1px #CCC solid; 
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:11px; padding:2px; }
	
	#oa-about-company { width:330px; height:80px; border:1px #CCC solid; 
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:11px; padding:2px; }

.green-quote { 
	background:url(../img/themes/green/quotes.jpg) 490px 10px no-repeat #E6EFDA; 
	width:540px; margin-left:20px; padding-top:10px; margin-bottom:15px;
}

.green-quote p { margin-left:0; margin-right:50px; }

.read-more { position:relative; height:auto; text-align:left; margin-right:15px; margin-left:50px; line-height:30px; }
	.read-more p { margin-left:15px; text-align:right!important; }
	.read-more p a { line-height:30px; color:#265126; }
	.read-more p a:hover { color:#111; } 
	
	.caption { margin-bottom:10px; font-size:0.9em; text-align:right; margin-right:38px; margin-top:-12px; font-style:italic; }
	.caption a { color:#333; }
	.caption a:hover { color:#000; }
	


/* SIDEBAR */

#sidebar-index { z-index:3; position:absolute; width:254px; height:auto; top:407px; left:24px; text-align:left; }

	#quiz { 
		position:relative; top:0; left:0; width:auto; height:auto; text-align:left; 
		padding-bottom:0; opacity:0.8; filter:alpha(opacity=80); }
	#quiz:hover {
		opacity:1; filter:alpha(opacity=100); 
	}

	/* Newsletter sign up */
	#TSP-subscribe { 
		margin-top: 15px; margin-left:30px;
		width:232px;
		height:134px;
		position:relative;
		top:20px;
		left:0;
		background:url(http://sageportfoliogroup.com//img/newsletters/tsp-bg.jpg) 0 0 no-repeat;
		padding-bottom:20px;
	}

	#TSP-subscribe .em { 
		padding-left:2px; border: none;
		padding-right:3px; font-size:13px; color:#333;
		position:absolute; top:96px; background:none; left:46px; width:118px; height:20px; 
		line-height:23px; font-size:0.9em; font-weight:lighter; 
	}

	#TSP-subscribe #submit-tsp {  position:absolute; top:94px; left:170px; }

	#tsp-mag { position:absolute; top:-10px; left:-89px; z-index: 100; }
	

	/* Book review sign up */
	#BR-subscribe {
		margin-top: 15px; margin-left:30px;
		width:232px;
		height:134px;
		position:relative;
		top:20px;
		left:0;
		background:url(http://sageportfoliogroup.com/img/newsletters/ds-bg.jpg) 0 0 no-repeat;
		padding-bottom:20px;
	}

	#BR-subscribe .em { 
		padding-left:2px; border: none;
		padding-right:3px; font-size:13px; color:#333;
		position:absolute; top:96px; background:none; left:46px; width:118px; height:20px; 
		line-height:23px; font-size:0.9em; font-weight:lighter; 
	}

	#BR-subscribe #submit-br {  position:absolute; top:94px; left:170px; }
	
	#ds-mag { position:absolute; top:-10px; left:-86px; z-index: 100; }
	
	.signup-disclaimer { margin-top:20px; }
	
	.signup-disclaimer p { margin:0 15px 8px 20px; }

	/* sontact us link */
	#contact-sage-portfolio-group { position:relative; margin-top:22px; opacity:0.8; filter:alpha(opacity=80); }
	#contact-sage-portfolio-group:hover { opacity:1; filter:alpha(opacity=100); }
	
	/* sidebar menu */
	
	#menu { margin-top:0; margin-left:12px; color:#999; }
	
	#menu h2 { color:#7BA22E; font-size:16px; }
	
	#menu li,
	#menu li a,
	#menu li a:link,
	#menu li a:visited,
	#menu li a:active  { color:#333; font-size:12px; margin:5px 0; cursor:pointer; }
	
	#menu li a:hover { color:#666; }
	
	#menu ul { list-style:none; margin-left:15px; margin-right:15px; }


/* FOITER */

.footer-container { margin:0 auto; position:relative; width:928px; height:auto; z-index:20; color:#000; }

.bottom { height:32px; width:928px; background:url(../img/global/bottom.jpg) 0 0 no-repeat; float:left; display:inline; }

.footer-top { height:28px; width:928px; background:url(../img/global/top-footer.jpg) 0 0 no-repeat; float:left; display:inline; margin-top:20px; }

.footer-middle { height:auto; width:928px; background:url(../img/global/middle.jpg) 0 0 repeat-y; float:left; display:inline; }

	.footer-middle p { margin-left:38px; margin-right:38px; text-align:center; line-height:19px; color:#000; }
	.footer-middle a { color:#265126; }
	.footer-middle a:hover { color:#7BA22E; }

	.footer-img-right { float:right; display:inline; } 

.footer-bottom { height:32px; width:928px; background:url(../img/global/bottom.jpg) 0 0 no-repeat; float:left; display:inline; }

.stagecoach-designs-signature { float:left; display:inline; margin-top:20px; padding-bottom:20px !important; width:928px; color:#FFF; }

.stagecoach-designs-signature p { text-align:center !important; }

.stagecoach-designs-signature a { color:#FFFFFF; padding-bottom:20px; }
.stagecoach-designs-signature a:hover { color:#FFFF66; }

#required-text { display:none; }

/* other */

div#click-here {
	width: 538px;
	height: 50px;
	font-family: "Lucida Sans", Arial, sans-serif;
	text-align: center;
	line-height: 45px;
	margin: 0 auto;
	background: url(http://www.sageportfoliogroup.com/img/home/click-here-bg.jpg) 0 0 no-repeat;
}
.dgreen {
	color: #166116;
}

/* products' "back to main page button" */ 

.back-to-main { width:190px; height:42px; float:right; margin-top:10px;
	background:url(http://www.sageportfoliogroup.com/img/content/back-to-main-bg.jpg) 0 0 no-repeat;  }

.back-to-main p { margin-left:42px; line-height:42px; }

.back-to-main a { color:#000000; }
.back-to-main a:hover { color:#666; }

/* download file class ie. pdf in Press Room */

.download-file { width:190px; height:42px; float:right; margin-top:10px;
	background:url(http://www.sageportfoliogroup.com/img/content/download-file-bg.jpg) 0 0 no-repeat; }

.download-file p { margin-left:42px; line-height:42px; }

.download-file a { color:#000000; }
.download-file a:hover { color:#666; }


#main-products, #click-here {
	text-align:center;
	margin: 12px auto 12px auto;
}
div#click-here {
	width: 538px;
	height: 50px;
	font-family: "Lucida Sans", Arial, sans-serif;
	text-align: center;
	line-height: 45px;
	margin: 0 auto;
	background: url(http://www.sageportfoliogroup.com/img/home/click-here-bg.jpg) 0 0 no-repeat;
}

#audio-container { overflow:auto; }

.col1-img { float:left; width:205px; height:auto; overflow:auto; }

.col2-img { float:left; overflow:auto; width:330px; }

.melanie-audio-img { margin-left:20px; display:inline; float:left; border:2px solid white; }

.aa-pin, .spg-pin { float:left; }

/* more sidebar modules (index.php, press-room/) */

.rounded-box {
	border: #CCC solid 1px;
	padding-top:0;
	padding-bottom: 5px;
	margin-bottom: 20px;
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;
	text-align:center;
	margin-left:-12px;
	width:242px;
}
.rounded-box a {
	color: black !important;
}
.rounded-box a:hover {
	color: #666 !important;
}
.rounded-box2 {
	border: #CCC solid 1px;
	padding-top:0;
	padding-bottom: 5px;
	margin-bottom: 20px;
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;
	text-align:center;
	margin-left:-12px;
	width:242px;
	margin-top: 0;
	padding-top: 0;
}
.rounded-box2 a {
	color: black !important;
}
.rounded-box2 a:hover {
	color: #666 !important;
}

.rounded-box2 li { margin-bottom: 10px; }

#loading-results { text-align: center; margin-top: 20px; }

#oa-thank-you { 
	width: 540px; text-align: center; margin: 0 auto; padding: 15px; background: #FFC; margin-top: 20px;
}

#oa-thank-you a {  color: #265126; text-decoration: none; }

/*
	Affiliates page
*/

.screenshot { margin: 0 20px 12px; }
.screenshot img { width: 100%; height: auto; }