/* @override http://localhost/~nrb/lspa/index.css */

/* @override http://localhost/~nrb/lspa/index.css */

*{
	margin:0;
	padding:0;
}
body{
	font-family:"Helvetica Neue", Helvetica, sans-serif;
	font-size:12px;
}

div.people h1{
	font-size:36px;
}
div.people h2{
	font-size:29px;
}
div#wrap{
	position:relative;
	margin:auto;
	width:80%;
	margin-bottom:10px;
}
h1 img{
	margin-top:25px;
}
div#contact{
	font-size:16px;
	margin-top:5px;
	margin-bottom:25px;
}
div#email{
	float:right;
	position:absolute;
	top:20px;
	right:0;
	width:455px;
}
#awards{
	float:left;
	margin-top:-8px;
	}
	
#contacts{
	float:right;
	}	
div.people ul{
	list-style-type:none;
	width:20%;
	float:left;
	padding:0;
}
div.people ul li{
	padding-top:3px;
	padding-bottom:5px;
}
div#email ul{
	list-style-type:none;
}
div.stack{
	float:left;
	position:relative;
	bottom:-10px;
}

div.stack img{
	border:none;
}

div.stack ul li{display:inline;}
span.label{color:#f20000;}
span.state{
	font-family:"Helvetica Neue", Helvetica, sans-serif;
	position:absolute;
	right:0;
	text-align:right;
	font-weight:100;
	font-size:18px;
}
h2{
	font-size:22px;
	font-weight:bold;
	width:100%;
	clear:both;
	color:#ff8501;
	padding:5px;
	padding-left:0;
	cursor:pointer;
}

ul.plist li a:hover{
	color:#ff8501;
}

li a{
	text-decoration:none;
	color:#000000;
	}

/* REEL SECTION */

#reel_data {
	margin:15px 0px 0px 15px;
	width:420px;
	background-color:#000000;
}

#reel_data .jScrollPaneDrag {
				background: #5b5b5b url(../images/scrollFace.gif) no-repeat 50% 50%;
				}
#reel_data .jScrollPaneTrack {
				background: #959595;
			}


#reel_wrapper{
	padding:0px 12px 0px 12px;
}

#client_info{
	background-color:#090909;
	padding: 8px;
	width:378px;
	margin:auto;
	margin-bottom:0px;
	overflow:auto;
	
}

#small_logo{
	margin: 0px 13px 0px 0px;
	display:block;
	float:left;
}

#client_name{
	color:#FFF;
	font-size:24px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-top: 20px;
	display:block;
}

#client_title{
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

#client_links{
	float:right;
}

#client_links img{
	margin-left:11px;
}

#work_wrapper{
	width:394px;
	height:450px;
	overflow:auto;
	margin:auto;
}



.reel_section{
	color: #3c6be7;
	font-size: 14px;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	display:block;
	margin:7px 0px 7px 7px;
}

ul{
	list-style:none;
	}

.title{
	color: #7e7d7d;
	font-size: 11px;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	text-transform: uppercase;
	background-color:#090909;
	padding:5px 8px 5px 8px;
	background-image:url(/images/greenPlay.gif);
	background-position:right;
	background-repeat:no-repeat;
}


.title a{
	text-decoration:none;
	color: #7e7d7d;
}

.title_over{
	color:#afafaf;
	cursor:pointer;
	background-image:url(/images/greenPlayOver.gif);
}

.title_over a{
	color:#FFF;
}

.title img{
	float:right;
	vertical-align:middle;
}

/* END REEL SECTION */

#reel_table{
	background-color: #000;
	width: 420px;
}

.title{
	color: #7e7d7d;
	font-size: 11px;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	text-transform: uppercase;
}

td.reel_section{
	color: #3c6be7;
	font-size: 14px;
	font-family: "Helvetica Neue", Helvetica, sans-serif;

}

img#logo{
margin-top:20px;
border:none;
}



.plist li
{
	cursor:pointer;
}

/* MODAL WINDOW */

div#person{
	color:white;
	display:none;
	background-color:black;
	padding-bottom:50px;
}	
#modalOverlay{
	background-color:#000;
}
#modalContainer{
	width:420px;
	position:absolute;
	top:10%;
	left:50%;
	margin-left:-210px;
}
#personTitle{
	position:relative;
	top:15px;
	width:375px;
	padding:5px;
	margin:auto;
	background-color:#090909;
}
#personTitle h1, #personTitle h3{
	font-weight:lighter;
}
#personTitle img#modalLogo{
	width:80px;
	height:80px;
	margin-right:20px;
	margin-left:10px;
	margin-bottom:15px;
	float:left;
}
#personTitle p#links{
	text-align:right;
}
#personTitle p#links img{
	vertical-align:middle;
}
#personTitle p#links a img{
	border:0;
}
#personTitle p#links a.resume_link, #personTitle p#links a.website_link{
	margin-right:15px;
}
#personTitle p#links span.modalClose{
	cursor:hand;
	cursor:pointer;
}
div#video_list_inner {
	position:relative;
	top:50px;
	padding-left:20px;
	width:375px;
	height:350px;
	overflow:auto;
}
div#video_list_inner h4{
	font-size: 18px;
	font-weight: lighter;
	color: #008aff;
}
#video_list_inner ul{
	list-style-type: none;
	width:100%;
	margin-bottom:30px;
}
#video_list_inner ul li{
	background-image:url(images/playbutton.png);
	background-position:right;
	background-repeat:no-repeat;
}
#video_list_inner ul li a{
	display:block;
	padding:5px;
	color: #8e8d8d;
	text-transform: uppercase;
	text-decoration: none;
}
#video_list_inner ul li.light{
	background-color:#090909;
}
/* SCROLL PANE */
/* @override http://localhost/~nrb/lspa/jScrollPane.css */


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

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	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;*/
}