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

@import url("/assets/css/reset.css");
@import url("/assets/css/960.css");
@import url("/assets/css/layout.css");
@import url("/assets/css/typography.css");
@import url("/assets/css/navigation.css");
@import url("/assets/css/elements.css");
@import url("/assets/css/portfolio.css");


.floatLeft {float:left;}
.floatRight {float:right;}
.cleared {clear:both}
.clearLeft {clear:left}
.clearRight {clear:right}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
	.clearfix {display:block;}
/* End hide from IE Mac */
	
.alignLeft {
	text-align: left;
}
.alignRight {
	text-align: right;
}
.alignCenter {
	text-align: center;
}
.valignTop {
	vertical-align: top;
}
.valignBottom {
	vertical-align: bottom;
}
.padding1px {
	padding: 1px;
}
.paddingtop1px {
	padding-top: 1px;
}
.padding5px {
	padding: 5px;
}
.paddingtop5px {
	padding-top: 5px;
}
.padding10px {
	padding: 10px;
}
.paddingtop10px {
	padding-top: 10px;
}
.padding15px {
	padding: 15px;
}
.padding20px {
	padding: 20px;
}
.paddingtop20px {
	padding-top: 20px;
}

/*********************** newsletters ***********************/

img.floatRight {margin-left: 1em;}
img.floatLeft {margin-right: 1em;}
table.treatment {background: #f1eedf;}

.newsletters div.treatment,
.newsletters img.treatment { background-color: #D2CCAA;  border: 1px solid #B9B395;   padding: 6px;}

blockquote {margin: 12px;line-height: 1.3em;font-style: italic;}

.newsletters p {margin-bottom:1.75em;}
.newsletters li {margin-bottom:1em;}

dd {font-size: .9em; padding-left:10px; margin-bottom:5px; font-style:italic;}

#navigation {background: url(/assets/images/nav-container.jpg) no-repeat left center; float:left;height: 50px; padding-left:7px}
#navigation ul {background: url(/assets/images/nav-container.jpg) no-repeat right center;list-style: none; margin:0; float:left; padding:8px 7px 0 0}
#navigation ul li {float: left;	border-right: 1px solid #fffdef;border-left: 1px solid #cfc8a3;}
#navigation ul li:last-child {border-right: none;}
#navigation ul li:first-child {border-left: none}
#navigation ul li a {
	line-height: 30px;
	background: url(/assets/images/nav-btn.jpg) repeat 50% 0px;
	display: block;
	padding: 0px 10px;
	height: 30px;
	font-family: "Trebuchet MS", Arial;
	font-size: 1.167em;
	font-weight: bold;
	color: #6a6857;
	text-transform: uppercase;
	text-decoration: none;
	font-style: normal;
}
#navigation ul li a:hover,
#navigation ul li a.current {background-position: 50% -30px; color:#8b0b04;}

#feature {background: url(/assets/images/index-slider/bg.jpg) repeat-y 50% top;}
#feature-cap {background: url(/assets/images/bg-bottomCap.jpg)  no-repeat center bottom;padding-bottom:31px;}

.page h2 {padding-left:65px; line-height:62px;}

#page3 h2 {background-image: url(/newsletters/2010/images/bg-kudos.gif)!important;}
#page2 h2 {background-image: url(/newsletters/2010/images/bg-happenings.gif)!important;}
#page5 h2 {background-image: url(/newsletters/2010/images/bg-caseStudy.gif)!important;}

#events{
	width: 540px;
	margin: 0 auto;
	background: url(/newsletters/2010/images/home-events.gif) no-repeat 12px top;
	font-size: 1.1em;
	padding: 12px 12px 30px 260px;
}

	#events table {	border: none;	margin-right: 16px;	width: 100%;	}
	#events table td {	border: none;	border-bottom: 1px dotted #dad5b7;		text-align: left;	}
	
	#events table td.date {	font-weight: bold;text-align: right;width: 120px;	}
	#events table td.name {	text-align:left;	}

#pages {background: url(/assets/images/bg-bottomCap.jpg) no-repeat center bottom #f2efe0;overflow: hidden; height:489px; width:860px; margin: 0 50px; padding-bottom:31px;} 
#page-wrap {height: 489px; width: 20000px;}
.page { height:469px; float:left;  width:820px;padding: 20px 20px 0;}
.newsletters .pullquote {float: left; width: 160px;}
.content {height: 410px; width: 640px; float:right}	

	#page1 .content {float: none; width: 100%; height: 450px;}



/************************ Scroll Pane ***********************/

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #D2CCAA;
}
.jScrollPaneDrag {
	position: absolute;
	background: #95060a;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}