/*-----------------------------------------------------/
	ShareStream CSS
	Copyright 2009 InterWorks, Inc.
	Author: Grant Bivens
	Designer: Matt Mueggenborg
	
	Global Layout
/-----------------------------------------------------*/

@import url('/resources/css/base.css');

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

html {
	font-family: Arial, Helvetica, sans-serif;
}

body {
	padding: 0;
	margin: 0;
	background-color: #892324;
}

img {
	border: 0;
}

a, a:link, a:active, a:visited {
	font-weight: bold;
	text-decoration: none;
	color: #792123;
}

a:hover {
	color: red;
}

/*--------------------------------------------------------/
  Header Styling
/---------------------------------------------------------*/
.headerWrapper {
	width: 100%;
	height: 80px;
	background: url(../img/header-tile.png) repeat-x;
	padding: 0;
	margin: 0;
}
.index .headerWrapper {
	height: 138px;
	background: url(../img/header-bg-x.png) repeat-x;
}

.compass {
	background: url(../img/header-compas-bg.jpg) no-repeat;
	height: 139px;
	position: absolute;
	margin-left: 540px;
	width: 568px;
}

.header {
	width: 100%;
	background: url(../img/header-bg.jpg) top center no-repeat;
	height: 80px;
}

.index .header {
	background: url(../img/header-compas-bg.jpg) top center no-repeat;
	height: 138px;
}

.headerInner {
	width: 990px;
	margin: 0 auto;
	height: 80px;
}

.index .headerInner {
	background: url(../img/headerInner_bg.jpg) no-repeat top left;	
	height: 138px;
}

.logo {
	width: 441px;
	display: block;
	float: left;
	height: 80px;
	overflow: hidden;
	background: url(../img/logo_sm.png) no-repeat top left;
	text-indent: -5000em;
	cursor: hand;
}

.index .logo {
	width: 465px;
	height: 139px;
	background: url(../img/logo.png) no-repeat top left;
}

.logo img {
	border: 0;
	margin-left: 15px;
	height: 139px;
}

.headerRight {
	display: block;
	float: right;
	height: 80px;
	padding-right: 15px;
}

.index .headerRight {
	float: left;
	width: 495px;
	height: 139px;
	padding-right: 15px;
}

.slogan {
	display: block;
	float: right;
	padding-right: 15px;
}

.slogan h3 {
	font-size: 18px;
	color: #f6e0b8;
	margin: 31px 0 0 0;
}

.topNav {
	display: block;
	float: right;
	margin: 50px 0 0 0;
}

.index .topNav {
	width: 300px;
	margin: 18px 0 0 0;
}

.topNav ul, .topNav li {
	list-style-type: none;
	background: none;
	margin: 0;
	padding: 0;
}

.topNav ul {
	float: right;
}

.topNav ul li {
	display: block;
	float: left;
	padding: 0 8px;
	margin: 0;
	border-left: 1px solid #c49796;
}

.topNav ul li.first {
	border: 0;
	padding: 0 8px 0 0;
}

.topNav ul li.last {
	padding: 0 0 0 8px;
}

.index .topNav ul li {
	display: block;
	float: none;
	padding: 0 15px;
	margin: 0 15px 0 0;
	text-align: right;
	background: url(../img/topNav_bullet.gif) no-repeat right center;
	border: 0;
}

.topNav ul li.last {
}

.topNav a, .topNav a:active, .topNav a:link, .topNav a:visited {
	color: #fff;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}

.topNav a:hover {
	color: #f6e0b8;
}

.contactPage ul li.contactCurrent a,
.about ul li.aboutCurrent a {
	border-bottom: 2px solid #fff;
}

/*--------------------------------------------------------/
  Content Styling
/---------------------------------------------------------*/
.wrapper {
	padding: 0;
	margin: 0;
	background: #e1e1e1 url(../img/wrapper_tile.png) repeat-x;
}

.index .wrapper {
	background: #e1e1e1 url(../img/content-bg-x.png) repeat-x;
}

.wrapperInner {
	background: url(../img/content-bg-y.png) top center repeat-y;
	padding: 0;
	margin: 0;
}

.index .wrapperInner {
	background: url(../img/index-content-bg-y.jpg) top center repeat-y;
}

.wrapperInnerInner {
	background: url(../img/wrapper_bg.jpg) top center no-repeat;
	padding: 0;
	margin: 0;
}

.index .wrapperInnerInner {
	background: url(../img/wrapper-bg.jpg) top center no-repeat;
}

.mainWrapper {
	width: 960px;
	margin: 0 auto;
}

.index .mainWrapper {
	width: 960px;
	background: url(../img/splash.jpg) no-repeat top center;
	min-height: 312px;
}

.navImgWrapper {
	height: 300px;
	padding-top: 22px;
}

.nav {
	display: block;
	float: left;
	width: 180px;
	margin: 0 0 0 15px;
	min-height: 253px;
}

.nav ul {
	padding: 0 0 0 2px;
	margin: 0;
	list-style-type: none;
}

.nav ul li {
}

.nav ul li.first {
	border-top: none;
}

.nav ul li li {
	border-top: none;
}

.cea .nav ul li.cea, .mediaManagement .nav ul li.mediaManagement, .courseProducer .nav ul li.courseProducer, .history .nav ul li.history, .management .nav ul li.management, .clients .nav ul li.clients, .partners .nav ul li.partners, .continuingEducation .nav ul li.continuingEducation, .healthCare .nav ul li.healthCare, .libraries .nav ul li.libraries, .pressroom .nav ul li.pressroom {
}

.about .nav ul li.about a, .cea .nav ul li.cea a, .mediaManagement .nav ul li.mediaManagement a, .courseProducer .nav ul li.courseProducer a, .history .nav ul li.history a, .management .nav ul li.management a, .clients .nav ul li.clients a, .partners .nav ul li.partners a, .distanceLearning .nav ul li.distanceLearning a, .healthCare .nav ul li.healthCare a, .libraries .nav ul li.libraries a, .pressroom .nav ul li.pressroom a, .teaching .nav ul li.teaching a, .corporate .nav ul li.corporate a, .communications .nav ul li.communications a {
	color: black;
}

.nav ul li:hover {
}

.nav ul li div.buttonTitle {
	display: block;
	float: left;
	width: 200px;
	font-size: .8em;
	height: 16px;
}

.nav ul li div.liInner {
	display: block;
	float: left;
	border-left: 10px solid #000;
	margin-bottom: 12px;
	padding: 10px 12px;
}

.nav ul li div.liInner:hover {
	border-left: 10px solid #545359;
}

.nav h2 {
	margin: 25px 0 20px 0;
	padding: 0;
	font-size: 1.1em;
	color: #666666;
}

body.index ul div.indexCurrent,
body.features ul div.featuresCurrent,
body.sharestream-solution ul div.ssSolution-Current,
body.partners ul div.partnersCurrentli,
body.contactPage ul div.contactusCurrent,
body.overview ul div.overviewCurrentli,
body.history ul div.historyCurrentli,
body.management ul div.managementCurrentli,
body.clients ul div.clientsCurrentli {
	border-left: 10px solid #b02528;
}

body.sharestream-solution div.productSummary a,
body.features div.featuresBenefits a,
body.overview div.overviewCurrent a,
body.history div.historyCurrent a,
body.management div.managementCurrent a,
body.partners div.partnersCurrent a,
body.clients div.clientsCurrent a {
	color: #b02528;
}

.nav ul li div.learnMore {
	display: block;
	float: left;
	width: 200px;
	color: #b02528;
	font-size: .7em;
	margin: 2px 0 0 0;
	height: 14px;
}

.nav ul li div.learnMore a {
	padding-left: 20px;
}

.nav ul a {
	color: #792123;
	text-decoration: none;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	display: block;
	margin: 0;
	padding: 3px 0;
	border-bottom: 1px dashed #a2a2a2;
}

.nav ul li.last a {
	border: 0px;
}

.nav ul li ul {
	margin: 0 0 7px 0;
}

.nav ul li li a {
	font-size: 0.8em;
	display: block;
	padding: 5px 0 5px 15px;
	border: 0px;
}

.nav ul div.buttonTitle {
	color: #b02528;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: -0.05em;
	font-weight: bold;
}

.nav ul div.buttonTitle a {
	color: #B02528;
}

.nav ul a:hover {
	color: #545359;
}

.pressRoom h3 {
	background: url(../img/left_box_bg.jpg) no-repeat top left;
	display: block;
	width: 210px;
	float: left;
	min-height: 43px;
	color: white;
	padding: 10px 0 15px 30px;
	margin: 0;
}

.pressRoom p {
	display: block;
	padding: 0 15px 0 30px;
	font-size: 0.8em;
}

.splash {
	display: block;
	height: 275px;
	overflow: hidden;
}

.modules .splash {
	background: url(../img/splash-product-modules.jpg) no-repeat top left;
}

.solutions .splash {
	background: url(../img/splash-product-summary_9.jpg) no-repeat top left;
}

.libraries .splash {
	background: url(../img/splash-libraries.jpg) no-repeat top left;
}

.teaching .splash, .rich-media-platform .splash {
	background: url(../img/splash-education.jpg) no-repeat top left;
}

.distanceLearning .splash {
	background: url(../img/splash-distanceLearning2.jpg) no-repeat top left;
}

.healthCare .splash {
	background: url(../img/splash-healthcare.jpg) no-repeat top left;
}

.corporate .splash {
	background: url(../img/splash-corporate3.jpg) no-repeat top left;
}

.communications .splash {
	background: url(../img/splash-communications.jpg) no-repeat top left;
}

.corporate3 .splash {
	background: url(../img/splash-corporate4.jpg) no-repeat top left;
}

.corporate4 .splash {
	background: url(../img/splash-corporate5.jpg) no-repeat top left;
}

.splash .splashInner {
	display: block;
	width: 382px;
	margin: 75px 0 0 20px;
	padding: 15px;
	background: url(../img/trans_white.png);
}

.leftInset {
	display: block;
	margin: 0 20px 020px 20px;
	float: left;
}

.rightInset {
	margin: -130px 0 0 45px;
	display: block;
	float: left;
}

.solutions .splash .splashInner, .distanceLearning .splash .splashInner {
	margin: 175px 0 0 20px;
	width: 310px;
}

.splash .splashInner h1 {
	margin: 0;
	padding: 0;
	color:#792123;
	font-size: 1.2em;
}

.solutions .splash .splashInner h1 {
	font-size: 1.1em;
}

.splash .splashInner p {
	padding: 5px 0;
	margin: 0px;
}

.solutions .splash .splashInner p {
	font-size: 0.8em;
}

.main {
	margin: 0;	
}
.index .main {
	margin: 0 30px;	
}

.contentWrapper {
	margin-top: 12px;
}

.modules .contentWrapper {
	margin: 0px;	
	width: 750px;
	float: left;
}

.index .contentWrapper {
	margin-top: 0;
}

.left {
	width: 210px;
	padding-top: 22px;
	display: block;
	float: left;
}

.leftSidebar {
	width: 230px;
	display: block;
	float: left;
	margin-left: 20px;
	padding-top: 33px;
}

.leftSidebar h4 {
	margin: 0 0 5px 0;
	color: #673a0b;
	font-size: 16px;
}

.leftSidebar label {
	font-size: 10px;
	color: #999999;
}

.leftSidebar input,
.leftSidebar textarea {
	margin-bottom: 8px;
	border: 1px solid #e4dcc0;
	font-size: 12px;
	width: 180px;
}

.leftSidebar .contactSubmit input {
	width: 80px;
	margin-bottom: 20px;
}

.leftSidebar .contactReq {
	color: #ff0000;
}

.right {
	width: 750px;
	display: block;
	float: left;
	margin: 0 0 20px 0;
}

.right .box {
	display: block;
	width: 210px;
	float: left;
	padding: 0 0 0 35px;
}

.right .box3 {
	width: 200px;
}

.right .box p {
	font-size: 0.8em;
	line-height: 1.1em;
}

.middle {
	width:690px;
	display: block;
	float: left;
	padding: 0 0 0 30px;
}

.modules .middle {
	padding: 0px;
	width:750px;
}

.solutions .middle {
	padding: 0px;
	width:750px;
}

.index .middle {
	width: 270px;
	height: 312px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px;
}

body.contactPage .middle {
	margin-right: 30px;
	width: 420px;
}

#contentInset {
	display: block;
	float: right;
	width: 292px;
	margin: 0 0 0 15px;
	background:transparent url(../img/contentInset_bg.gif) no-repeat scroll left bottom;
}

#contentInsetInner {
	background:transparent url(../img/contentInset_header.png) no-repeat scroll left top;	
	padding: 0 15px;
	margin: 0;
	width: 262px;
	display: block;
	float: right;
}

.middle h1 {
	font-size: 18px;
	color: #792123;
	margin-top: 25px;;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
}

.middle h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	display: block;
	border-bottom: 1px dashed #e1e1e1;
	padding: 0 0 3px 0;
}

.box h2 {
	margin: 0px;
	padding: 15px 0 0 0;
	border: 0;
	font-size: 1em;
	color:#792123;
}

.index .middle p {	
	line-height: 1.5em;
	font-size: 1em;
}

.index .bottom {
	display: block;
	width: 100%;
	float: left;
	margin: 20px 0;
}

.index .leftColumn, .index .middleColumn, .index .rightColumn {
	display: block;
	float: left;
}

.index .leftColumn, .index .middleColumn {
	width: 304px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.index .leftColumn h3 {
	display: block;
	color: #792123;
	margin: 0 0 8px 0;
	padding: 5px 0 1px 20px;
	font-size: 1em;
	border-bottom: 1px solid #a2a2a2;
}

.index .middleColumn h3 {
	display: block;
	color: #792123;
	margin: 0 0 8px 0;
	padding: 5px 0 1px 20px;
	font-size: 1em;
	border-bottom: 1px solid #a2a2a2;
}

.index .leftColumn ul, .index .leftColumn li {
	list-style-type: none;
	margin: 0;
	padding: 0 0 7px 0;
	background: none;
}

.index .leftColumn ul {
	display: block;
	float: left;
	margin: 7px 0 0 10px;
}

.index .leftColumn ul li {
	background: url(../img/arrow.gif) no-repeat right 8px;
	padding: 0 15px 0 20px;
}

.index .leftColumn li a {
	font-size: 0.9em;
	display: block;
	color: black;
	border-top:1px dashed #A2A2A2;
	padding: 3px 10px 3px 0;
}

.index .leftColumn li.first a {
	border: 0;
}

.index .leftColumn li a:hover {
	text-decoration: underline;
}


.index .leftColumn p, .index .middleColumn p {
	margin: 0;
	padding: 0 30px 0 0;
	font-size: 0.75em;
}

.index .middleColumn p {
	display: block;
	border-left: 1px solid #A2A2A2;
	padding: 10px 30px;
}

.index .rightColumn {
	width: 292px;
}

.index .rightColumn .textBox {
	background: url(../img/bg_quotebox.png) no-repeat bottom left;	
	text-align: center;
	padding: 10px 0;
	font-size: 0.9em;
	line-height: 1.3em;
}

.index .rightColumn p.quoteText {
	margin: 23px 10px 0 30px;
	font-style: italic;
}

.index .rightColumn p.quoteAuthor {
	text-align: right;
	margin:22px 15px 0 0;
}

.middle p,
.middle ul {
	font-size: .8em;
	line-height: 1.4em;
}

.middle ul li {
	padding-bottom: 8px;
}

.rightSidebar {
	width: 200px;
	display: block;
	float: left;
}

.middle .quote {
	background: url(../img/quote-box.png) no-repeat;
	font-size: .8em;
	padding: 18px;
	height: 100px;
	color: #666666;
}


/*--------------------------------------------------------/
  Page Specific Styling
/---------------------------------------------------------*/
.contactPage label {
	font-size: 14px;
	color: #999999;
}

.contactPage input,
.contactPage textarea {
	margin-bottom: 8px;
	border: 1px solid #e4dcc0;
	font-size: 14px;
	width: 420px;
}

.contactPage textarea {
	height: 80px;
}

.contactPage .contactSubmit input {
	width: 80px;
	margin-bottom: 20px;
}

.contactPage .contactReq {
	color: #ff0000;
}

.contactPage .nav ul {
	margin-bottom: 20px;
}

.contactPage .rightSidebar p {
	font-size: .9em;
}

.contactPage .rightSidebar h2 {
	font-size: 18px;
	color: #B02528;
	margin-top: 0;
}

.contactSubmit input {
	width: 74px;
	height: 35px;
	margin: 0 0 20px 0;
	padding: 0;
	border: 0;
	background: transparent url(../img/btn-submit.png) no-repeat top center;
	cursor: pointer;
	text-transform: uppercase;
	color: maroon;
	font-weight: bold;
}

.bigButtons {
	margin: 30px 0;
}

.bigButtons img {
	border: none;
}

/*--------------------------------------------------------/
  Footer Styling
/---------------------------------------------------------*/
.footerWrapper {
	width: 100%;
	height: 65px;
	background: url(../img/footer-bg-x.png) repeat-x;
	padding: 0;
}

.footer {
	width: 990px;
	height: 65px;
	margin: 0 auto;
	background: url(../img/footer-bg.jpg) no-repeat;
}

.footerInner {
	padding: 0 45px;
}

.address {
	display: block;
	float: left;
	color: #f6e0b8;
	font-size: .8em;
	padding: 17px 0 0 0;
}

.footer .social-media {
	display: block;
	float: right;
	padding: 10px 0 0 0;
}

.footer .social-media .twitter {
	display: block;
	background: url(../img/twitter-icon-32.png) no-repeat top left;
	height: 32px;
	width: 32px;
	overflow: hidden;
	text-indent: -5000em;
}

/* Accordian CSS */
#accordian{
	width:650px;
	display: block;
	float: left;
	z-index:2;
	margin-top: 10px;
}

.accordion_headings:hover{
	background: url(../img/acc-bar-hover.png);
	color: #FFF;
}

.accordion_headings{
	padding:6px;
	background: url(../img/acc-bar.png);
	color:#000;
	cursor:pointer;
	font-weight:bold;
	margin-bottom: 10px;
}

.accordion_child{
	padding:0 15px 15px;
}

.header_highlight{
	background: url(../img/acc-bar-hover.png);
	color: #FFF;
}

.partnerThumb {
	display: block;
	float: left;
	margin: 0 15px 0 0;
	width: 200px;
}

.partnerDesc {
	display: block;
	float: left;
	width: 470px;
}

.partnerDesc h2 {
	margin: 25px 0 10px 0;
}

.solutionsMain {
	margin: 0 0 0 30px;
}

.solutions .solutionsMain h2 {
	font-size: 1.0em;
	color: #792123;
}

.solutionsBottom {
	clear: both;
	margin: 0 35px;
}

.solutionsBottom h2 {
	color:#792123;
	padding: 20px 0 0 0;
	border-bottom: none;
}

.gray-box {
	background: #ebedf3;
	padding: 13px 10px;
}

.gray-box .left-column, .gray-box .right-column {
	display: block;
	float: left;
}

.gray-box .left-column {
	margin-right: -335px;	
	width: 325px;
	padding: 0 10px 0 0;
}

.gray-box .right-column {
	margin-left: 335px;
	margin-right: -670px;
	padding: 0 0 0 20px;
	width: 315px;
}

.maroon {
	font-weight: bold;
	color: #993333;
}