@charset "utf-8";
/* CSS Document */
/* -------------------- Global Styles ---------------------- */
body {
	margin:0px;
	padding:0px;
	position: absolute; 
	top: 0; 
	left: 0; 
	right: 0; 
	bottom: 0;
	/*font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:120%;
	color: #87888a;
	overflow:hidden;
	height:100%;
}
p {
	margin: 0 0 0.5em 0;
}

br {
    height:0;
    padding:0;
    margin:0;
}

a {
	text-decoration:none;
	color: #87888a;
}

a:hover{
	text-decoration:none;
	color: #000;
}

strong, b {
	font-weight:bold;
}

#brandmark {
    border:none;
}


#brandmark img {
    border:none;
}

.current {
	color:#000;
}

.current a {
	color:#000;
}

#clearer {
	clear:both;
	height:0;
}

/* -------------------- Utility Pages ---------------------- */

#profile_div {
    float:left;
    width:158px;
    height:158px;
    margin:18px 25px 0 0;
    font-size:11px;
}


.awards_div {
    width:163px;
    float:left;
    margin:18px 35px 0 0;
    height:490px;
    font-size:11px;
}

.awards_last {
    margin:0;
    height:490px;
    font-size:11px;
    
}

.awards_div p, .awards_last p {
	margin: 0 0 0.4em 0;
}

#awards_nav_holder {
    width:163px;
    float:left;
    margin:18px 0 0 0;
}


#awards_nav {
	font-size:18px;
	text-align:right;
}


/* -------------------- Project Pages ---------------------- */

#main_wrapper {
    float:left;
    position:relative;
    width:100%;
    height:566px;
    margin:40px 0 23px 0;
}

#content_div {
    height:230px;
    margin:0 0 0 80px;
}

#menu_div {
    float:left;
    width:160px;
    margin:18px 0 0 0;
}

.copy_div {
    float:left;
    width:158px;
    height:164px;
    margin:18px 25px 0 0;
    font-size:11px;
}

.last {
    margin-right:0;
}

/* -------------------- Thumbnail Pages ---------------------- */

#main_wrapper2 {
    position:relative;
    float:left;
    width:320px;
    height:566px;
    margin:40px 0 23px 0;
}

#content_div2 {
    height:500px;
    margin:0 0 0 80px;
}


#menu_div2 {
    float:left;
    width:195px;
    margin:18px 0 0 0;
}

.projects1 {
    font-size:11px;
}

.sub1 {
    font-size:10px;
    margin-left:8px;
}

/* ----------------------- mosaic ----------------------------- */

div#mosaic {
    float:left;
    width: 600px;
    height: 858px;
    border:0;
    margin:0;
    line-height:0;
    
}

div.mousescroll {
    overflow: hidden;
}

div.mousescroll:hover {
    overflow-y: scroll;
}


.slimScrollDiv { 
    border:0; 
    padding:3px; 
}

#mosaic img { 
    border:0 none;
    margin:0 0 3px 0;
    padding:0; 
}

/* ---------------------------- Slideshow stuff ------------------------------------- */

#slideshow {
}

    /* The "container" should have width 100% to match window size
        relative for position of child elements and height to match max image height
*/
#scroller {
    overflow:hidden;
    position:relative;
    width:100%;
	max-width:2600px;
    height:330px;
	margin:0;
}

/* we need this second container for positioning, note the very large width */
#scroller-container {
    margin:0;
    height:340px;
    position:absolute;
    top:0px;
    left:0px;
    width:100000px;
}

/* your scrollable items */
.dpui-ws-item {
    position:absolute;
    padding:0 8px 0 0;
    /*opacity:.8;*/
}

/* Active State */
.dpui-ws-active {
    opacity:1 !important;
}

/* The "thing" we use for figuring out the start location of the images*/
#locator {
    width:960px;
    margin:0 0 0 7px;
    height:0;
    padding:0;
}

/* optional spinner */
#scroller-spinner {
    position:absolute;
    width:100%;
    height:320px;
    background:#f5f5f5 url(../img/spinner.gif) center center no-repeat;
    top:6px;
    left:0px;
    z-index:5;
}

#prev_next {
	float:left;
	margin: 166px 0 0 2px;
	font-size:18px;
}