img {border:none;}
body { padding:0px; margin:0px; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#fff; background:#140f09; }
.clearfix:after {	content: "."; 	display: block; 	height: 0; 	clear: both; 	visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
a { color:#94ff77; font-weight:bold; }
a.anchor {position:relative;text-decoration:none;display:block;}
.clear { clear:both; }
div#progressBar { width:300px;text-align:center;margin:0px auto;padding:150px;}
div#page { background:url(../images/bg_repeat.jpg) repeat-x; width: 1244px; height: 916px; height:1500px; width:100%;position:absolute; overflow:hidden;}
div#bg_extension{width:1232px; background:url(../images/bg_extension.jpg);}
div#bg_transition{width:1455px; background:url(../images/bg_transition.jpg);}
div#header {background:url(../images/header.jpg) no-repeat; width:1009px; height: 479px; }
div#header div#nav {position:relative; left: 557px; top:465px;height:30px;width:393px;background:url(../images/nav_underline.gif) transparent no-repeat;}
div#header div#nav ul {list-style:none;padding:0px;margin:0px;}
div#header div#nav li {height:24px;float:left;}
div#header div#nav li a { text-decoration:none;display:block;height:24px;}
div#header div#nav li a#about { background:url(../images/nav_about.gif) transparent; width:157px;}
div#header div#nav li a#about:hover { background:url(../images/nav_about_on.gif) transparent;}
div#header div#nav li a#about.active { background:url(../images/nav_about_on.gif) transparent;}
div#header div#nav li a#portfolio { background:url(../images/nav_portfolio.gif) transparent;width:160px;}
div#header div#nav li a#portfolio:hover { background:url(../images/nav_portfolio_on.gif) transparent;}
div#header div#nav li a#portfolio.active { background:url(../images/nav_portfolio_on.gif) transparent;}
div#header div#nav li a#contact { background:url(../images/nav_contact.gif) transparent;width:72px;}
div#header div#nav li a#contact:hover { background:url(../images/nav_contact_on.gif) transparent;}
div#header div#nav li a#contact.active { background:url(../images/nav_contact_on.gif) transparent;}
div#left {float:left;width:561px;height:451px;background:url(../images/left_bg.jpg) no-repeat;}
div#right {float:left;width:448px;height:451px;background:url(../images/right_bg.jpg) no-repeat;}
div#right div#body_content {position:relative;top:30px;left:0px; width:398px; height:400px;overflow:hidden;}
div#right div#body_content div.headline {width:100%;padding-bottom:15px;}
div#right div#body_content h1 { font-size:16px; float:left;margin:0px;padding:0px;font-weight:bold;display:block;}
div#right div#body_content h2 { font-size:12px; float:right;margin:0px;padding:0px; font-weight:bold;display:block;padding-top:2px; padding-right:15px;}
div#right div#body_content p { clear:both; }
div#left div#preview_bg { width:454px; height:364px; background:#d0e7dd;border:2px solid #000;position:relative;top:20px;left:10px;padding:20px;}
div#left div#preview { width:452px; height:362px; background:#fffcf1;border:1px solid #000;position:absolute;top:520px; left:33px;}
div#left div#close_button {position:absolute;top:0px;left:425px;}
div#left div#close_button img {border:none;}
div#left div#zoom_button {position:absolute;top:330px;left:360px;}
div#left div#zoom_button img {border:none;}
div#footer {clear:both;width:1009px; height:221px; background:url(../images/footer-bg.jpg) no-repeat;}
div#right div#body_mask {overflow:hidden;width:450px;}	
#scroller {	position:absolute;	top:548px;	left:965px;	background:url(../images/scroller_bg.gif) no-repeat;	height: 347px;	width:25px; }
#content_scroller {		height: 290px;		width: 25px;		position:relative;		top:25px;	} 
#knob {		position:relative;		left:0px;		height: 18px;		width: 22px;	/*	background:#8ed081;		border:1px solid #000;	*/}
div#footer div#folio_mask { position:relative; overflow:hidden;height:160px;width:955px;}
div#footer div#folio_nav { position:relative;left:0px;top:0px;  height:160px; width:2500px;padding-left:175px;}
div#footer div#folio_nav p { position:absolute; font-size:10px;font-weight:bold;border:1px solid #000; background:#142c31;margin-top:13px;margin-left:-3px;padding:2px;border-right:3px;}
div#footer div#folio_nav ul { margin:0px; padding:0px; list-style:none; position:relative;top:40px; height:90px;width:1500px;}
div#footer div#folio_nav li { float:left; width:117px; height:115px; background:url(../images/folio_nav_frame.gif) transparent; margin-left:10px; }
div#footer div#folio_nav li img { margin: 13px 0px 0px 20px; border:1px solid #000; }
* html div#footer div#folio_nav ul { position:relative;top:0px;margin-top:30px;}
div#footer div#nav_mask_r {position:absolute;left:788px;top:965px;}
div#footer div#nav_mask_l {position:absolute;left:0px;top:965px;}
div#footer div#nav_scroll_l {position:absolute;left:64px;top:994px;}
div#footer div#nav_scroll_r {position:absolute;left:930px;top:994px;}
div#footer div#nav_scroll_l img {cursor:pointer;}
div#footer div#nav_scroll_r img {cursor:pointer;}
div#right div#body_content div#folio_thumbs ul { list-style:none; padding:0px; margin:0px; }
div#right div#body_content div#folio_thumbs ul li { float:left; width:117px; height:130px; background:url(../images/folio_nav_frame.gif) transparent no-repeat; margin-left:10px;}
div#right div#body_content div#folio_thumbs ul li img {margin: 13px 0px 0px 20px; border:1px solid #000; }
div#right div#body_content div#folio_thumbs ul li p {  padding-left:5px;padding-top:5px;text-align:center;}