/* Reset */
* { margin: 0; padding: 0; }
* :link,:visited { text-decoration:none }
* ul,ol { list-style:none; }
* li { display: inline; }
* h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
* a img,:link img,:visited img { border:none } 
a { outline: none; }
a img, :link img, :visited img { border: none; } 

/* Typography */
body {
	font-size: .75em;
	font-family: Arial, Helvetica, sans-serif;
}

a:focus {
	outline: 1px dotted invert;
}

hr {
	border: 0 #918484 solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}

h1,h2,h3,h4,h5,h6 { margin-bottom: .5em; font-family: Arial, Helvetica, sans-serif; }
h1 { font-size: 2.5em; color: #ffffff; margin-top: 1em; }
h2 { font-size: 1.9em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.0em; }
h6 { font-size: 0.8em; }
ol { list-style: decimal; }
ul { list-style: square; }
li { margin-left: 3.0em; display: list-item; }

p,dl,hr,ol,ul,pre,table,address,fieldset { margin-bottom: 1em; }
p { line-height: 1.5em; }

a { color: #423c3c; text-decoration: none; }
a:hover { text-decoration: underline; }

pre { font-family:"Andale Mono","Lucida Console","Bitstream Vera Sans Mono","Courier New",monospace; }

blockquote { margin: 0 4em 1em 4em; }

html, body { height: 100%; margin: 0; padding: 0; }

body {
    background: #fff;
}
#footer {
	color: #868167;
	font-size: 1em;
}

/* layout */

#masthead {
	position: relative;
	height: 104px;
}

#content-wrap {  /* Full height is 560px */
	padding: 60px 0;
	min-height: 440px;
	color: #fff;
}

.services #content-wrap { background: #a9a498 url(/img/bg-services.jpg) repeat-y top center; }
.culture #content-wrap { background: #a8a295 url(/img/bg-culture.jpg) repeat-y top center; }
.experience #content-wrap { background: #2d4152 url(/img/bg-experience.gif) repeat-y top center; }
.leadership #content-wrap { background: #a8a295 url(/img/bg-leadership.jpg) repeat-y top center; }
.news #content-wrap { background: #a8a295 url(/img/bg-news.jpg) repeat-y top center; }
.contact #content-wrap { background: #a8a295 url(/img/bg-contact.jpg) repeat-y top center; }
.ftp #content-wrap { background: #a8a295 url(/img/bg-ftp.jpg) repeat-y top center; }

.maincontent { overflow: auto; margin: 0; height: 440px; }

#footer {
	margin: 1em 0;
}

#logo {
	margin: 0;
	position: absolute;
	top:36px;
	left:0;
}
#logo a {
	display: block;
	width: 195px;
	height: 0;
	overflow: hidden;
	padding-top: 31px;
	background: url(/img/logo.gif) no-repeat left top;
	margin: 0;
}

.page-wrap .container_12 { 
	position: relative;
}

ul#mainnav {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 36px;
	left: 195px;
	width: 597px;
	z-index: 10;
}
#mainnav li {
	background-image: url(/img/nav.gif);
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	float: left;
	height: 31px;
}

#mainnav li a {
	background-image: url(/img/nav.gif);
	background-repeat: no-repeat;
	float: left;
	display: block;
	height: 31px;
	text-indent: -99999px;
}


#nav-services, 
#nav-services a { width: 87px; background-position: 0 0; }
#nav-services a:hover,
#nav-services.selected a:hover { background-position: 0 -62px; }
#nav-services.selected a {background-position: 0 -31px; }

#nav-culture, 
#nav-culture a { width: 86px; background-position: -87px 0; }
#nav-culture a:hover,
#nav-culture.selected a:hover{ background-position: -87px -62px; }
#nav-culture.selected a {background-position: -87px -31px; }

#nav-experience,
#nav-experience a { width: 108px;  background-position: -173px 0; }
#nav-experience a:hover,
#nav-experience.selected a:hover { background-position: -173px -62px; }
#nav-experience.selected a { background-position: -173px -31px; }

#nav-leadership, 
#nav-leadership a { width: 108px;  background-position: -281px 0; }
#nav-leadership a:hover, 
#nav-leadership.selected a:hover { background-position: -281px -62px; }
#nav-leadership.selected a {background-position: -281px -31px; }

#nav-news,
#nav-news a { width: 63px; background-position: -389px 0;}
#nav-news a:hover,
#nav-news.selected a:hover { background-position: -389px -62px; }
#nav-news.selected a {background-position: -389px -31px; }

#nav-contact,
#nav-contact a { width: 89px; background-position: -452px 0; }
#nav-contact a:hover,
#nav-contact.selected a:hover { background-position: -452px -62px; }
#nav-contact.selected a { background-position: -452px -31px; }

#nav-ftp,
#nav-ftp a { width: 56px;  background-position: -541px 0; }
#nav-ftp a:hover,
#nav-ftp.selected a:hover { background-position: -541px -62px; }
#nav-ftp.selected a { background-position: -541px -31px;}


ul#subnav {
	font-family: Arial, Helvetica, sans-serif;
	/* letter-spacing: -1px; */
	font-size: .9em;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 76px;
	left: 197px;
	width: 763px;
	z-index: 10;
}
#subnav li {
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
}

#subnav li a {
	float: left;
	display: block;
	color: #a7a390;
	padding: 0 7px;
}
#subnav li.selected a {
	color: #45668c;
	font-weight: bold;
	text-decoration: none;
}
#subnav li a:hover {
	color: #45668c;
	text-decoration: none;
}

.exp-left { padding: 20px 8px 20px 30px; /* demo */ }
.exp-right { padding: 20px;
			text-align: center; /* demo */
			color: #fff; }
.exp-right h1 { color: #fff; }

.caption {
    font-style: italic;
	text-align: right;
	margin-bottom: 1em;
	font-size: .8em;
}

/* forms from http://designinfluences.com/fluid960gs/960/ layout.css */
form {
	overflow:hidden;
	font-family: Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
}
fieldset {
  border: 1px solid #423C3C;
  padding:10px;
  position:relative;
  background:#a59695;
  margin-bottom:10px;
}
legend {
  padding:.4em .8em;
  background: #a59695;
}

img.bordered {
	border: 1px solid #000;
}
.imgleft { 
	float: left;
	margin: 0 10px 10px 0;
}
.imgright { 
	float: right;
	margin: 0 0 10px 10px;
}
.small {
	font-size: .8em;
}
.hide {
	display: none;
}
.clear {
	margin: 0;
	padding: 0;
	border: 0;
}

/* styles for Experience section */
/* Hide if JS is available. jQ will show the necessary elements. */
.JS .exptile,
.JS .expcontent,
.JS .bio { display: none; }
.JS #pagenav {	height: 428px; }
.JS .slideshow { height: 490px; overflow: hidden; }


#pagenav {
	zoom: 1; /* IE7 semi-transparent pixels issue */
	text-align: center;
	overflow: hidden;
	margin: 66px 0;
	width: 140px;
	z-index: 8;
}
#pagenav ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0;
	zoom: 1;
}
#pagenav li {
	display: inline;
	margin: 0;
}

.featurebox {
	overflow: auto;
	min-height: 475px;
}

.exptile {
	padding: 60px 0;
}
.expcontent {
	padding: 20px 0;
}
.expcontent {
	text-align: center;
}

.expbtn {
	display: block;
	zoom: 1; /* IE7 semi-transparent pixels issue */
	cursor: pointer;
	color: #fff;
	text-transform: uppercase;
	font-size: 0.9em;
}
.expbtn:focus, .expbtn:active {
	outline: none; /* prevents dotted outline in IE8 */
}
.expbtn:hover,
.expbtn.selected {
	text-decoration: none;
	background: transparent url(/img/exp-btn-highlight.png) no-repeat center top;
	font-weight: bold;
	/*letter-spacing: -0.8px; */
}
.expbtn span {
	display: block;
	padding: 70px 0 5px 0;
	height: 32px;
	background: transparent url(/img/exp-corporate.png) no-repeat;
}
#feature1-btn span { background-position: 0 0; }
#feature2-btn span { background-position: 0 -110px; }
#feature3-btn span { background-position: 0 -220px; }
#feature4-btn span { background-position: 0 -330px; }
#feature5-btn span { background-position: 0 -440px; }
#feature6-btn span { background-position: 0 -550px; }
#feature7-btn span { background-position: 0 -660px; }
#feature8-btn span { background-position: 0 -770px; }
#feature9-btn span { background-position: 0 -880px; }

#prev-btn {
	position: absolute;
	display: block;
	top: 0;
	width: 140px;
	z-index: 10;
}
#next-btn {
	position: absolute;
	display: block;
	top: 494px;
	width: 140px;
	z-index: 10;
}

#prev-btn span,
#next-btn span {
	text-align: center;
	text-indent: -99999px;
	padding: 48px 0 5px 0;
	height: 13px;
	background: transparent url(/img/exp-more-top.png) no-repeat center top;
}

#prev-btn:hover span,
#next-btn:hover span {
	text-indent: 0;
}

#next-btn span {
	padding: 5px 0 48px 0;
	background: transparent url(/img/exp-more-bottom.png) no-repeat center bottom;
}
#prev-btn:hover {
	background: transparent url(/img/exp-more-top.png) no-repeat center top;
}
#next-btn:hover {
	background: transparent url(/img/exp-more-bottom.png) no-repeat center bottom;
}

.ui-effects-transfer { border: 2px dotted #666;  }

/* fix for fancyzoom box in IE */
.tl, .tm, .tr, .ml, .mm, .mr, .bl, .bm, .br {
	overflow: auto;
}

/* slide frame */

.slideshow {
	position: relative;
	width: 540px;
}
.slideframe {
	position: relative;
	width: 540px;
	overflow: hidden;
}
.slideshow img  {
	padding: 12px;
	background: #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin: 0 auto;
}

.slideframePrevious, .slideframeNext { float: left; cursor:pointer; }
.slideframeCurrent{ float: right; color:#999; text-align: right; font-weight: bold; text-align: right; padding: 5px 12px; }
.slideframePrevious{ margin-left: 12px; background: url(/img/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
.slideframePrevious:hover{ background-position: -25px -25px;}
.slideframeNext{ background: url(/img/controls.png) 0px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
.slideframeNext:hover{ background-position: 0px -25px;}


p.section-intro {
	line-height: 2em;
	font-size: 1.05em;
}

p.page-intro {
	font-size: 1.05em;
}

.arrowlist ul {
	margin: 0;
}
.arrowlist li {
	margin: 2px 0 8px 20px;
    padding: 0 0 0 15px;
	line-height: 1.3em;
	list-style-image: url(/img/arrow_list.png);
}

ul.multiple_columns li{
    text-align: left;
    float: left;
    list-style: none;
    height: 30px;
    width: 180px;
    margin-left: 0;
    margin-top: 205px;
    padding-right: 60px;
}

ul#leadershipnav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 10px 0 0 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 410px;
	z-index: 10; 
	width: 460px;
	height: 50px;
}
#leadershipnav li {
	margin: 0;
	padding: 0;
	display:inline;
}

#leadershipnav li a {
	float: left;
	display: block;
	color: #cbcbcc;
	padding: 0 12px 3px 0;
	white-space: nowrap;
}
#leadershipnav li a.selected {
	text-decoration: none;
	font-weight: bold;
	/*letter-spacing: -0.8px; */
	color: #fff;
	background:none;
}
#leadershipnav li a.visited {
}
#leadershipnav li a:hover {
	color: #fff;
	text-decoration: underline;
}
.bio-wrap { height: 560px; }

.bio h3 {
	font-size: 1em;
	margin: 71px 0 16px 0;
	height: 26px;
}

#leadership-previous, #leadership-next {
	position: absolute;
	bottom: 15px;
	display: block;
	width:33px;
	height:32px;
	text-indent:-9999px;
}
#leadership-previous {
	background: url(/img/leadership-btns.png) 0 -32px no-repeat;
	right: 45px;
}
#leadership-previous:hover{
	background-position: 0 0;
}
#leadership-next{
	background: url(/img/leadership-btns.png) -33px -32px no-repeat;
	right: 0;
}
#leadership-next:hover{
	background-position: -33px 0;
}




/* Special links */
a.news { color: #FFFFFF; text-decoration: underline; }
a.news:hover { text-decoration: none; }

img.icon { vertical-align:middle; }

/* jScrollPane */

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

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: transparent;
	border-left: 2px solid #fff;
	opacity: 0.3;
}
.jScrollPaneDrag {
	position: absolute;
	background: #fff;
	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;*/
}