@charset "UTF-8";
/* YoonSul CSS */

*{ margin:0; padding:0; }

body{ margin:0; padding:0; border:0; overflow:hidden; background:#000 url(../images/bg.jpg) repeat-x; font:normal 11px/14px Arial, Helvetica, sans-serif; color:#000; }

a{ color:#c90; text-decoration: none; outline: none; }
a:hover{ text-decoration: underline; }
img{ border:none; }



#topsection{ height:55px; /*Height of top section*/ }
#contentwrapper{ float: left; width:100%; }
#contentcolumn{ margin-left: 365px; /*Set left margin to LeftColumnWidth*/ background:url(../images/bg-pattern.jpg) repeat; height:530px; }
#leftcolumn{ float:left; width:357px; /*Width of left column*/ margin-left:-100%; }
#biocolumn{ float:left; width:100%; background:url(../images/bg-pattern.jpg) repeat; }
#workcolumn{ float:left; width:100%; height:530px; background:url(../images/bg-pattern.jpg) repeat; } 

/* FOOTER */
#footer { clear:left; width:100%; text-align:left; padding: 0; }
.creditz{ float:left; margin:130px 0 0 18px; z-index:2;}
.arrow{ float:left; margin:130px 0 0 30px; z-index:2;}
.innertube{ margin: 0px; border-left:10px solid #000; }

/* LOGO */
.logo{ float: right; margin:0 35px 0 0; z-index:2;}

/* NAV */ 
ul.nav { position:absolute; top:22px; left:378px; width:490px; height:20px; list-style: none; margin:0; padding:0; z-index:1; }
ul.nav li { display: inline; padding-right:40px; }
ul.nav a:focus { outline: none; }

/* WORK NAV */
ul.worknav { position:absolute; top:36px; left:18px; width:300px; height:20px; list-style: none; margin:0; padding:0; z-index:1; }
ul.worknav li { display: inline; padding-right:20px; }
ul.worknav a:focus { outline: none; }


/* SUBNAV */
ul.subnav { position:absolute; top:595px; width:1100px; height:20px; list-style: none; margin:0; padding-left:18px; z-index:1; }
ul.subnav li { display: inline; padding-right:20px; }
ul.subnav a:focus { outline: none; }


.title{ position:absolute; top:38px; left:18px; }
.clear { clear: both; background: none; }

#content{ width:100%; margin:0; bottom:0; position:fixed; z-index:3; }
#contentframe{ bottom: 0; left: 0; width: 100%; height: 220px; position: absolute; overflow: hidden; background:url(../images/bg-footer.jpg) 0 120px repeat-x; z-index:3; }

#content2{ width:100%; margin:0; bottom:0; position:fixed; }
#contentframe2{ bottom: 0; left: 0; width: 100%; height: 220px; position: absolute; overflow: hidden; background:url(../images/bg-footer.jpg) 0 120px repeat-x; }

#loading { position: absolute; top: 49.5%; left: 49.5%; z-index:3; width: 24px; height: 24px; text-indent: -999em; background-image: url(../images/progress.gif); }

#supersize { position:fixed; }
#supersize img, #supersize a { height:100%; width:100%; position:absolute; }
#supersize .prevslide, #supersize .prevslide img { z-index:1; }
#supersize .activeslide, #supersize .activeslide img { z-index:2; }