html{border:none;width:100%;height:100%;min-height:440px;overflow:auto;padding-right:expression(document.body ? (document.documentElement.clientHeight < document.body.clientHeight ? "17px":"0px") : "0px");}
div, html, body,div,span,p,a,ul,li,h1,h2,h3,h4,img,blockquote,address,dl,dt,dd {margin:0;padding:0;border:0;font-weight:normal;font-style:normal;}
body {position:relative;border:none;margin: 0;padding:0;height:100%;min-height:440px;min-width:660px;font-family: "Helvetica Neue", "Helvetica 55 Roman", Helvetica, Arial, sans-serif;font-size:14px;}
*html body {width:expression(document.documentElement.clientWidth < 740 ? "699px": (document.documentElement.clientWidth > 3000 ? "3000px":"auto"));overflow:visible;}
body {padding-right:expression(document.body ? (document.documentElement.clientHeight < document.body.clientHeight ? "17px":"0px") : "0px");}
body {background:#000 url(../images/portfolio_body_bg.png) repeat-x top left;overflow:hidden;}

#topnav h1,
#topnav a,
#topnav li {text-align:center;font-family: Georgia, serif;font-size:13px;line-height:13px;color:#000;text-decoration:none;}
#topnav h1 a {position:absolute;width:109px;height:19px;top:31px;left:28px;background:url(../images/textreplace/jd.png) no-repeat top left;text-indent:-6000px;}
*html #topnav h1 a {_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/textreplace/jd.png', sizingMethod='fixed');}

#topnav ul {position:absolute;top:0;right:28px;list-style:none;display:block;}
#topnav ul li {display:block;float:left;margin-left:18px;height:53px;}
#topnav ul li a {display:block;color:#8d8b8a;text-indent:-6000px;height:100%;}
#topnav ul li a:hover {color:#fff;}

#topnav ul li.portfolio {background:url(../images/textreplace/portfolio_li.png) no-repeat bottom left;width:50px;}
*html #topnav ul li.portfolio {_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/textreplace/portfolio_li.png', sizingMethod='fixed');}

#topnav ul li.portfolio a {background-image:url(../images/textreplace/portfolio_hover.png);}
*html #topnav ul li.portfolio a {_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/textreplace/portfolio_hover.png', sizingMethod='fixed');}

#topnav ul li.portfolio a:link,
#topnav ul li.portfolio a:visited {background:url(../images/textreplace/portfolio_a.png) no-repeat bottom left;}
*html #topnav ul li.portfolio a:link,
*html #topnav ul li.portfolio a:visited {_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/textreplace/portfolio_a.png', sizingMethod='fixed');}

#topnav ul li.portfolio a:hover {background-image:url(../images/textreplace/portfolio_hover.png);}
*html #topnav ul li.portfolio a:hover {_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/textreplace/portfolio_hover.png', sizingMethod='fixed');}


#topnav ul li.bio {background:url(../images/textreplace/bio_li.png) no-repeat bottom left;width:20px;}
*html #topnav ul li.bio {_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/textreplace/bio_li.png', sizingMethod='fixed');}

#topnav ul li.bio a {background-image:url(../images/textreplace/bio_hover.png);}
*html #topnav ul li.bio a {_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/textreplace/bio_hover.png', sizingMethod='fixed');}

#topnav ul li.bio a:link,
#topnav ul li.bio a:visited {background:url(../images/textreplace/bio_a.png) no-repeat bottom left;}
*html #topnav ul li.bio a:link,
*html #topnav ul li.bio a:visited
 {_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/textreplace/bio_a.png', sizingMethod='fixed');}

#topnav ul li.bio a:hover {background-image:url(../images/textreplace/bio_hover.png);}
*html #topnav ul li.bio a:hover  {_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/textreplace/bio_hover.png', sizingMethod='fixed');}

#topnav ul li.contact {background:url(../images/textreplace/contact_li.png) no-repeat bottom left;width:46px;}
*html #topnav ul li.contact {_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/textreplace/contact_li.png', sizingMethod='fixed');}

#topnav ul li.contact a {background-image:url(../images/textreplace/contact_hover.png);}
*html #topnav ul li.contact a {_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/textreplace/contact_hover.png', sizingMethod='fixed');}

#topnav ul li.contact a:link,
#topnav ul li.contact a:visited {background:url(../images/textreplace/contact_a.png) no-repeat bottom left;}
*html #topnav ul li.contact a:link,
*html #topnav ul li.contact a:visited {_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/textreplace/contact_a.png', sizingMethod='fixed');}

#topnav ul li.contact a:hover {background-image:url(../images/textreplace/contact_hover.png);}
*html #topnav ul li.contact a:hover {_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/textreplace/contact_hover.png', sizingMethod='fixed');}

/*p {position:absolute;width:74px;height:13px;top:67px;right:39px;background:url(../images/textreplace/comingsoon.png) no-repeat top left;}*/

#splashbox, #contentbox {position:absolute;left:0;width:100%;top:70px;bottom:0;overflow:hidden;}
* html #splashbox, * html #contentbox {bottom:auto;height:expression(document.documentElement.clientHeight-70+"px");}
#splashbox {overflow:hidden;}
#contentbox {opacity:0;visibility: hidden;}
#imgwrap {display:block;position:absolute;top:auto;bottom:0;width:100%;}
#bgimage {position:relative;}
.cream {background:#F8F8E9;}


 /**************/
/*contact page*/
#contactcontent {position:absolute;background:url(../images/bluebox_bg.png);bottom:36px;margin-left:30px;width:67%;padding-top:13px;padding-left:18px;height:61.8%;font-family:"HelveticaNeue-Light", "Helvetica 45 Light", "Helvetica Neue", Helvetica, Arial, sans-serif;}
#contactcontent h2, h2 a:link {font-size:16px;line-height:24px;color:#333;text-decoration:none;margin-bottom:5px;}
#contactcontent h2 a,
#contactcontent h2 a:hover {color:#1b1716;}
#contactcontent p,
#contactcontent address {font-size:12px;line-height:16px;}
p,address {color:#fff;}
#contactcontent address {position:absolute;bottom:17px;}

 /************/
/*bio page*/
#biocontent {position:absolute;width:100%;height:100%;background:white;overflow:hidden;background:url(../images/portfolio_content_bg_top_grey.png) top left repeat-x #808080;font-size:11px;line-height:22px;color:#fff;}
#biocontent ul {position:absolute;bottom:0px;padding-bottom:26px;padding-left:29px;padding-right:20px;width:221px;list-style:none;background:url(../images/bottom_grad_grey.png) bottom left repeat-x;}
#biocontent ul li a {text-decoration:none;color:#fff;border-bottom:1px solid #666;}
#biocontent ul li a:hover {color:#1b1716;}
#biocontent ul li em {font-style:normal;color:#c4c4c2;display:block;float:left;padding-right:7px;}
#biocontent #timeline {position:absolute;width:100%;height:100%;left:270px;background:url(../images/beige_bg.png) top left no-repeat #F8F8E9;}
#biocontent #timeline #timelinebars {position:absolute;width:100%;top:36px;bottom:0;padding-top:45px;background:url(../images/timeline.png) bottom left no-repeat;}
* html #biocontent #timeline #timelinebars {bottom:auto;height:expression(document.getElementById("timeline") ? document.getElementById("timeline").clientHeight-16-45-36+"px" : "auto");}

#biocontent #timeline #timelinebars p {position:relative;height:30px;background-color:#5ebde1;margin-bottom:30px;line-height:18px;text-indent:4px;}
	#timelinebars p.bar6 {margin-left:745px;width:61px;background-color:transparent !important;background-image:-webkit-gradient(linear, 0% 50%, 100% 50%, from(rgb(94, 189, 225)), to(rgba(94, 189, 225, 0)));background-image:-moz-linear-gradient(left,rgba(94,189,225,100),rgba(94,189,225,0));}
	*html #timelinebars p.bar6 {background-color:#5ebde1 !important;}
	#timelinebars p.bar5 {margin-left:570px;width:181px;}
	#timelinebars p.bar4 {margin-left:325px;width:211px;}
	#timelinebars p.bar3 {margin-left:215px;width:21px;}
	#timelinebars p.bar2 {margin-left:100px;width:201px;}
	#timelinebars p.bar1 {margin-left:55px;width:256px;}

/**************/
/*portfolio page*/
#portfoliocontent {position:absolute;width:100%;height:100%;background:url(../images/portfolio_content_bg_top_beige.png) top left repeat-x #F4F3E6;overflow:hidden;}
#portfoliocontent.grey {background:url(../images/portfolio_content_bg_top_grey.png) top left repeat-x #808080;}


#contentpane {position:absolute;width:100%;margin:0;padding:0;top:0;bottom:110px;overflow:hidden;background:url(../images/portfolio_content_bg_top_beige.png) top left repeat-x #F4F3E6;}
*html #contentpane {_bottom:auto;_height:expression((document.documentElement.clientHeight-15-170)+"px");}
#contentpane.grey {background:url(../images/portfolio_content_bg_top_grey.png) top left repeat-x #808080;}

#contentcontainer {position:absolute;width:100%;height:100%;overflow:hidden;background:url(../images/bottom_grad.png) repeat-x bottom;}
#contentpane.grey #contentcontainer {background-image:url(../images/bottom_grad_grey.png);}

/*Nextnav Default*/
#nextnav {position:absolute;right:0;bottom:28px;z-index:1001;margin-right:7px;}
#nextnav a {position:relative;display:block;float:left;background:bottom left no-repeat;color:#9F9788;font-size:10px;text-decoration:none;height:18px;line-height:16px;}
#nextnav a em {display:block;float:left;background:bottom right no-repeat;height:18px;font-style:normal;padding-left:6px;padding-right:6px;}
#nextnav a img {border:0;display:inline;vertical-align:-2px;}
/*Nextnav Grey*/
#contentpane.grey #contentcontainer #nextnav a {color:#1B1716;}


#scrollcontent, #scrollmenu {position:absolute;z-index:999;width:100%;height:20px;}
.scrolltrack {position:absolute;bottom:7px;left:6px;right:6px;height:18px;margin-left:16px;margin-right:16px;background:repeat-x;}
*html .scrolltrack {_right:auto;_width:expression((document.documentElement.clientWidth-12-32)+"px");}
.scrolltrack div {position:absolute;height:18px;display:block;}
.scrolltrack .trackleft {top:0;left:-16px;width:16px;background:no-repeat;}
.scrolltrack .trackright {top:0;right:-16px;width:16px;background:no-repeat;}
.scrollpiece {z-index:4000;left:-18px;width:120px;margin-left:32px;margin-right:32px;background:repeat-x;}
.scrollpiece div {width:32px;background:no-repeat;}
.scrollpiece .pieceleft {left:-32px;}
.scrollpiece .pieceright {right:-32px;}

#scrollcontent {bottom:0;}
#scrollmenu {bottom:0;background:#1b1716;}

/* Scrollbar skins */

/*Beige*/
#scrollcontent .scrolltrack {background-image:url(../images/scrollbars/beige/scroll_track_middle.png);}
#scrollcontent .scrolltrack .trackleft {background-image:url(../images/scrollbars/beige/scroll_track_left.png);}
#scrollcontent .scrolltrack .trackright {background-image:url(../images/scrollbars/beige/scroll_track_right.png);}

#scrollcontent .scrollpiece {background-image:url(../images/scrollbars/beige/scroll_piece_middle.png);}
#scrollcontent .scrollpiece .pieceleft {background-image:url(../images/scrollbars/beige/scroll_piece_left.png);}
#scrollcontent .scrollpiece .pieceright {background-image:url(../images/scrollbars/beige/scroll_piece_right.png);} 

/*Grey*/
#scrollcontent.grey .scrolltrack {background-image:url(../images/scrollbars/grey/scroll_track_middle.png);}
#scrollcontent.grey .scrolltrack .trackleft {background-image:url(../images/scrollbars/grey/scroll_track_left.png);}
#scrollcontent.grey .scrolltrack .trackright {background-image:url(../images/scrollbars/grey/scroll_track_right.png);}

#scrollcontent.grey .scrollpiece {background-image:url(../images/scrollbars/grey/scroll_piece_middle.png);}
#scrollcontent.grey .scrollpiece .pieceleft {background-image:url(../images/scrollbars/grey/scroll_piece_left.png);}
#scrollcontent.grey .scrollpiece .pieceright {background-image:url(../images/scrollbars/grey/scroll_piece_right.png);} 

/*Dark*/
#scrollmenu .scrolltrack {bottom:9px;background-image:url(../images/scrollbars/dark/scroll_track_middle.png);}
#scrollmenu .scrolltrack .trackleft {background-image:url(../images/scrollbars/dark/scroll_track_left.png);}
#scrollmenu .scrolltrack .trackright {background-image:url(../images/scrollbars/dark/scroll_track_right.png);}

#scrollmenu .scrollpiece {background-image:url(../images/scrollbars/dark/scroll_piece_middle.png);}
#scrollmenu .scrollpiece .pieceleft {background-image:url(../images/scrollbars/dark/scroll_piece_left.png);}
#scrollmenu .scrollpiece .pieceright {background-image:url(../images/scrollbars/dark/scroll_piece_right.png);} 

/* IE6 PNG Fixes for scrollbars */

/*Beige*/
*html #scrollcontent .scrolltrack {_background-image:url(../images/scrollbars/beige/scroll_track_middle_ie.png);}
*html #scrollcontent .scrolltrack .trackleft {_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/scrollbars/beige/scroll_track_left.png', sizingMethod='fixed');}
*html #scrollcontent .scrolltrack .trackright {_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/scrollbars/beige/scroll_track_right.png', sizingMethod='fixed');}

*html #scrollcontent .scrollpiece {_background-image:url(../images/scrollbars/beige/scroll_piece_middle_ie.png);}
*html #scrollcontent .scrollpiece .pieceleft {_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/scrollbars/beige/scroll_piece_left.png', sizingMethod='fixed');}
*html #scrollcontent .scrollpiece .pieceright {_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/scrollbars/beige/scroll_piece_right.png', sizingMethod='fixed');}

/*Grey*/
*html #scrollcontent.grey .scrolltrack {_background-image:url(../images/scrollbars/grey/scroll_track_middle_ie.png);}
*html #scrollcontent.grey .scrolltrack .trackleft {_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/scrollbars/grey/scroll_track_left.png', sizingMethod='fixed');}
*html #scrollcontent.grey .scrolltrack .trackright {_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/scrollbars/grey/scroll_track_right.png', sizingMethod='fixed');}

*html #scrollcontent.grey .scrollpiece {_background-image:url(../images/scrollbars/grey/scroll_piece_middle_ie.png);}
*html #scrollcontent.grey .scrollpiece .pieceleft {_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/scrollbars/grey/scroll_piece_left.png', sizingMethod='fixed');}
*html #scrollcontent.grey .scrollpiece .pieceright {_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/scrollbars/grey/scroll_piece_right.png', sizingMethod='fixed');}

/*Dark*/
*html #scrollmenu .scrolltrack {_background-image:url(../images/scrollbars/dark/scroll_track_middle_ie.png);}
*html #scrollmenu .scrolltrack .trackleft {_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/scrollbars/dark/scroll_track_left.png', sizingMethod='fixed');}
*html #scrollmenu .scrolltrack .trackright {_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/scrollbars/dark/scroll_track_right.png', sizingMethod='fixed');}

*html #scrollmenu .scrollpiece {_background-image:url(../images/scrollbars/dark/scroll_piece_middle_ie.png);}
*html #scrollmenu .scrollpiece .pieceleft {_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/scrollbars/dark/scroll_piece_left.png', sizingMethod='fixed');}
*html #scrollmenu .scrollpiece .pieceright {_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/scrollbars/dark/scroll_piece_right.png', sizingMethod='fixed');}

/**/

#content {position:absolute;width:100%;height:100%;padding-bottom:16px;overflow:auto;}


#content div {display:table;position:absolute;width:100%;height:87%;text-align:center;vertical-align:middle;overflow:visible;}
#content div span {display:table-cell;vertical-align:middle;white-space:nowrap;padding-left:10px;padding-right:10px;height:auto;width:100%;position:relative;overflow:visible;}
#content div img {display:inline;vertical-align:bottom;margin:5px;margin-top:15px;margin-bottom:10px;}
#content div span.top img {vertical-align:top;}
#content div span.middle img {vertical-align:middle;}

#content {font-family:"HelveticaNeue-Light", "Helvetica 45 Light", "Helvetica Neue", Helvetica, Arial, sans-serif;}

#content h1 {position:absolute;line-height:20px;top:33%;margin-top:-33px;}
*html #content h1 {position:relative;line-height:220px;top:200px;}
#content h1 {color:#1B1716;font-size:18px;margin-left:28px;text-align:left;font-family:Georgia, "Times New Roman", Times, serif;font-weight:normal;}
#content h2 {position:fixed;bottom:138px;left:10px;color:#9F9788;font-size:12px;line-height:20px;text-align:left;font-family: "Helvetica Neue", "Helvetica 55 Roman", Helvetica, Arial, sans-serif;z-index:1005;}
*html #content h2 {_position:absolute;_bottom:30px;_left:expression((document.getElementById("content").scrollLeft>0) ? document.getElementById("content").scrollLeft+10+"px" : "10px");width:400px;}
#contentpane.grey #content h2 {color:#1B1716;}

#content h2 em {color:#808080;font-style:normal;}
#content h2 em a {color:inherit;font-size:12px;text-decoration:underline;}
#contentpane.grey #content h2 em, #contentpane.grey #content h2 em a {font-size:12px;color:#fff;}
#content h2 em a:hover, #contentpane.grey #content h2 em a:hover {color:#000;}

#content span.intro {display:block;vertical-align:top;white-space:normal;padding-left:0;padding-right:0;height:auto;width:auto;overflow:visible;}
#content span.intro {position:absolute;top:33%;left:29px;width:76%;text-align:left;min-width:660px;}
#content span.intro p {position:relative;width:47%;float:left;padding-right:20px;color:#808080;font-size:13px;line-height:20px;text-align:left;}
*html #content span.intro {position:relative;top:0;}

#content dl {position:absolute;top:33%;left:75%;margin-left:33px;width:20%;font-size:11px;line-height:15px;font-family: "Helvetica Neue", "Helvetica 55 Roman", Helvetica, Arial, sans-serif;text-align:left;}
#content dl dt {padding-top:6px;color:#484541;}
#content dl dt:first-child {padding-top:4px;}
#content dl dd {color:#808080;}

#content address, #content hr {display:none;}

#menupane {position:absolute;width:100%;height:111px;background:#1b1716 url(../images/menu_top_grad.png) repeat-x top;overflow:auto;overflow-y:hidden;bottom:0;left:0;}
#menucontent {position:absolute;width:9000px;margin:8px;overflow:visible;overflow-y:hidden;}


#menupane p {position:relative;display:block;height:71px;margin:0;padding:0;margin-right:4px;margin-bottom:3px;min-width:100px;float:left;background:url(../images/tray_bgleft.png) left bottom no-repeat;}
#menupane p a {position:absolute;left:0;top:0;z-index:300;color:#505050;font-size:10px;text-decoration:none;line-height:11px;padding-left:10px;padding-top:8px;padding-right:15px;max-width:80px;}
#menupane p span {position:relative;height:71px;overflow:hidden;padding-top:0px;padding-bottom:0px;padding-right:7px;margin-left:11px;display:block;vertical-align:bottom;background:url(../images/tray_bgright.png) right bottom no-repeat;white-space:nowrap;}
* html #menupane p span {float:left;background-position:top right;}
#menupane p span a {visibility:hidden;position:relative;padding:0;margin:0;z-index:299;right:auto;top:auto;left:0;vertical-align:baseline;display:inline;background:none;font-size:50px;line-height:86px;}
#menupane p span img {position:relative;vertical-align:baseline;display:inline;}

img {font-size:1px;color:#808080;}