/*previous white rule
#-f3f4f9
*/

body
{
	font-family: 'Benton Sans', 'Source Sans Pro', sans-serif;	background: #CECCE8;
	margin: 0;
	padding: 0;
}

#container
{
	width: 960px;
	height: 684px;
	margin: 0 auto 50px auto;
	text-align:center;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	border-left: 1px solid #999;
	
	
}

/************* FOOTER *************/
#footer {font-size: 12px; background: #CECCE8 url('../../img/footerBack.gif') no-repeat left top; width: 960px; height: 75px;}
#footer_inner { margin:0 auto; padding: 27px 0 0 0; text-align:center; width: 57%;}
#footer_inner div {color: #fff; float: left; padding: 0 5px;}
#footer div.dark {color: #09008C;}
#footer div.light {color: #008EC5;}
#footer a {color: #09008C; text-decoration: none;}
#footer a:hover {color: #008EC5;}


/************* HEADER *************/
#header {width: 960px; height: 130px; background-image: url('../../img/risingTide_global.jpg'); background-repeat: no-repeat; background-position: 157px 22px;
}
body.default #header {width: 960px; height: 130px; background-image: none;}
#banner {width: 960px; height: 100px;}
div#logo{ position: relative; top: 21px; left: -257px; }
body.profiles #banner div#logo, body.portfolio #banner div#logo, body.probono #banner div#logo {visibility: visible;}
body.default div#logo {visibility: hidden;}

#banner div#home { position: relative; top: 60px; left: 45px; background: url('../../img/arrow_n.gif') no-repeat left center; float:left; font-size: 13px; text-transform: uppercase; padding:0 0 0 9px; z-index:2}
#banner div#home a{ color:#6c66ac; text-decoration: none;}
#banner div#home a:hover{text-decoration: underline;}
body.profiles div#home, body.portfolio div#home, body.probono div#home {visibility: visible;}
body.default div#home{ visibility:hidden;}


#nav{ width: 960px; height: 24px; border-top: 1px solid #f6f7fb; border-bottom: 1px solid #f6f7fb; margin: 0 0 0 0; padding:7px 0 0 0;}
#nav div#navProfile, #nav div#navPortfolio, #nav div#navProBono{ float:left; font-size: 14px; text-transform: uppercase;}
body.default #navProfile{margin: 0 0 0 52px;}
#navProfile{margin: 0 0 0 39px;}
#navProfileProject{margin: 0 0 0 54px; float:left; font-size: 13px; text-transform: uppercase; color:#fff; font-weight: bold;
}
#navProfileProject span.projName{
	
}
#navProfileProject span.projLoc{ font-size: 11px; margin: 0 0 3px 7px; font-weight: bold;
	
}
#navPortfolio, #navProBono{margin: 0 0 0 41px;}
#nav a:hover{color: #09008C;}
#nav a{color: #008EC5; text-decoration: none;}

/*** NAV ACTIVE PROFILE***/
body.profiles div#navProfile  a{ color: #09008C; background: url('../../img/square.gif') no-repeat left center; padding:0 0 0 13px;}
/*** NAV ACTIVE PORTFOLIO***/
body.portfolio div#navPortfolio  a{ color: #09008C; background: url('../../img/square.gif') no-repeat left center; padding:0 0 0 13px;}
/*** NAV ACTIVE PROBONO***/
body.probono div#navProBono  a{ color: #09008C; background: url('../../img/square.gif') no-repeat left center; padding:0 0 0 13px;}

/*** HEADER TEXT ***/
#nav div#headerText{font-size: 13px; color: #09008C; float: right; position: relative; left: 1px; width: 578px; text-align: left; font-weight: bold;
}

.clear{ clear: both; }

/************* PAGES *************/
/************* MAIN/INTRO *************/

#default-page-body{height: 437px; width: 960px;}
#mainBar{ border-bottom: 1px solid #f6f7fb; background: #98d2e8; width: 960px; height:119px; margin: 3px 0 0 0; padding: 0;
}
#rtLogo_main{ float: left; margin: 29px 0 0 100px;}
#mainBarGfx{ float: left; margin: 0 0 0 63px;}
#mainBlurb{ float: left; margin: 40px 0 42px 389px; width: 505px; height:auto; font-size: 12px; color: #09008C; text-align:left; line-height: 18px;
}

#mainBlurb b{
	font-weight: bold;
}

/************* SUBPAGES *************/
#leftPage{float: left;}
#rightPage{float: right;}
#rightPageAlt{float: left;}

#leftPageProject{float: left; width:550px; height: 425px; border-right: 1px solid #f6f7fb; border-bottom: 1px solid #f6f7fb; margin: 2px 0 0 0;
}
#rightPageProject{float: right; width:409px; height: 425px; border-bottom: 1px solid #f6f7fb; margin: 2px 0 0 0;}




#sub-page-body{height: 440px; width: 960px;}
#subBar{ border-bottom: 1px solid #f6f7fb; border-right: 1px solid #f6f7fb;
	background: #98d2e8; width: 384px; height:118px; margin: 3px 0 0 0; padding: 10px 0 0 0;}

body.profiles div#subBar p{margin: 0 0 4px 52px; }
body.portfolio div#subBar p{margin: 0 0 4px 145px; }

#subBar p{padding: 0; font-size: 13px; text-align: left; text-transform: uppercase;}
#subBar a{ color: #fff; text-decoration: none;}
#subBar a:hover, #subBar a.active{ color: #09008C;}

body.profiles div#underSubBar{ width: 385px; height:200px; margin: 0px 0 0 0; padding: 0 0 0 0;}
body.portfolio div#underSubBar, body.probono div#underSubBar{ width: 384px; height:200px; margin: 0px 0 0 0; padding: 10px 0 0 0;}

#underSubBar p{ font: 11px "Source Sans Pro", sans-serif; color: #09008C; width: 220px; height: auto; text-align:left; margin: 24px 0 0 145px; line-height: 20px;}

#underSubBar img{ float:right; margin:0; padding:0;
}

#doubleLine{
	width: 960px; top:height:30px; border-top: 1px solid #fff; border-bottom: 1px solid #fff;
}

#scrollContainer{ width: 520px; height: 370px; overflow:hidden; float: left; margin: 24px 10px 0 14px;
}
#scrollText{ width:520px; height:auto; text-align:left;}
div#scrollText p { font-size: 11px; color:#09008C; margin:0 0 15px 0; line-height: 20px;
}

#scrollTrack {
	width: 12px; height:404px; background: #98d2e8; border: 1px solid #fff; float: left; margin:2px 0 0 5px;
}




#scrollbar1 { width: 560px; clear: both; margin: 3px 0 10px; }
#scrollbar1 .viewport { width: 520px; height: 400px; overflow: hidden; position: relative; }
body.project div#scrollbar1 { width: 408px; clear: both; margin: 1px 0 10px; }
body.project div#scrollbar1 .viewport { width: 368px; height: 386px; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; }
#scrollbar1 .overview p { font-size: 11px; color:#09008C; margin:20px 0 15px 10px; line-height: 20px; text-align: left;
}
#scrollbar1 .overview li { font-size: 11px; color:#09008C; line-height: 20px; text-align: left;
}

#scrollbar1 .scrollbar { position: relative; float: right; width: 15px; }
#scrollbar1 .track { background-color: #98d2e8; height: 100%; width:12px; position: relative; padding: 0 1px; border-left: 1px solid #fff;  border-bottom: 1px solid #fff; left: 0px;
}
body.project div#scrollbar1 .track { background-color: #98d2e8; height: 100%; width:12px; position: relative; padding: 0 1px; border-left: 1px solid #fff;  border-bottom: 1px solid #fff; left: 1px;
}


#scrollbar1 .thumb { cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }


#scrollbar1 .thumb .end { background: transparent url(../../img/thumb.jpg) no-repeat 50% 25px; overflow: hidden; height: 100px; width: 25px; }

#scrollbar1 .disable{ display: none; }

.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }


/************ SLIDER CODE *************/

#slider-code { width: 575px; height: 405px; overflow:visible; }
#slider-code .viewport { float: left; width: 575px; height: 405px; overflow: hidden; position: relative; left: -1; top: 2px;
	border-left: 1px solid #fff;}
.buttons { display: block; float: left; top: 100px; left: 200px;}
.next { margin: 10px 75px 0 10px; float: right; }
.prev { margin: 10px 0 0 0;  float: left; }
.disable { visibility: hidden; }
.overview { list-style: none; position: absolute; padding: 0; margin: 1px 0 1px 0; left: 0; top: 0;}
#slider-code .overview div.slice{ float: left; margin: 0 0 0 0; height: auto; border-right: 1px solid #fff; width: 167px;}
.slice div.topSlice{height: 375px; border-bottom: 1px solid #fff;}
.slice div.botSlice{height: 25px; border-bottom: 1px solid #fff;}

a.sliceLink, a.sliceLink:hover, a.sliceLink:link{
	text-decoration: none;
	color: #fff;
	}



body#main .slice div.topSlice{height: 339px; border-bottom: 1px solid #fff;}
body#main .slice div.botSlice{height: 25px;}
body#main #slider-code .viewport {border-bottom: none; height: 370px;}

.slice img{border-bottom: 1px solid #fff;}
.sliceText{font-size: 11px; color: #09008C; text-align:left; line-height: 16px; margin: 7px 5px 0 5px;}
.sliceText b{
	font-size: 12px; font-weight: bold;
}
.sliceTextAlt{font-size: 11px; color: #008EC5; text-align:left; line-height: 12px; margin: 2px 0 0 5px;}
.slice a{color: #008EC5;}

/************* SLIDER CODE FOR PROJECT PAGE **************/

body.project div#slider-code { width: 550px; height: 417px; overflow:hidden; }
body.project div#slider-code div.viewport { float: left; width: 550px; height: 395px; overflow: visible; position: relative; left: 0; top: 0px;}
body.project div.overview { list-style: none; position: absolute; padding: 0; margin: 1px 0 0 0; left: 0; top: 0;}
body.project div#slider-code .overview div.slice{ float: left; margin: 0 0 0 0; height: 20px; width: 551px; border-right: none;}
body.project div.slice img{border-bottom: none;}
body.project div.slice{width: 551px; text-align: right;}
body.project div#slider-code .viewport {border-left: none;}
#buttonSection{position: relative; top: 0px; left: 0px; width: 470px; height: 15px;}
body.project a.next {position: inherit;}
body.project a.prev {position: inherit;}

/************* PROJECT PAGES *************/
#leftPageProject div#projectPicture{height: 395px; width: 551px; border-bottom: 1px solid #f6f7fb;}

body.project div#scrollbar1 .overview p { font-size: 11px; color:#09008C; margin:20px 0 15px 30px; line-height: 20px; text-align: left;}

.projLink{
	font-size: 11px; font-weight: bold; color:#09008C; text-decoration: none;
}

body.project div#scrollbar1 .overview p.projIntro{
	/*font-size: 12px;*/
	font-weight: bold;
}