/* Css Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
ol,ul{ list-style:none; }
blockquote,q{ quotes:none; }
blockquote:before,blockquote:after,q:before,q:after{ content:''; content:none; }
:focus{ outline:0; }
ins{ text-decoration:none; }
del{ text-decoration:line-through; }
table{ border-collapse:collapse; border-spacing:0; }
/* General Styles */
.skiplink{ display:none; }
label{ cursor:pointer; }
a,a:visited{ color:#898989; text-decoration:none; }
a:focus,a:hover{ color:#8494ae; text-decoration:underline; }
body{ background:#333; color:#858585; font:10px/1 Georgia,"Times New Roman",Times,serif; }
/* Wrapper */
#wrapper{ width:865px; margin:0 auto; }
/* Header */
#header{ width:865px; margin:27px 0; padding:8px 0; text-align:center; border-bottom:1px solid #5c5c5c; border-top:1px solid #5c5c5c; text-transform:uppercase; }
#header h1{ font-size:24px; color:#fff; margin-bottom:-5px; letter-spacing:1px; }
#header h2{ font-size:13px; color:#717171; letter-spacing:2px; }
#logo a,
#logo a:visited{ color:#fff; }
#logo a:hover{ text-decoration:none; }
/* Content */
#content{ clear:both; width:865px; overflow:hidden; }
/* Side Nav */
#sidenav{ float:left; width:195px; font-size:15px; padding:22px 0 0 55px; text-transform:uppercase; }
#sidenav h4{ font-weight:bold; }
#sidenav li{ margin-bottom:13px; }
#sidenav ul{ font-size:13px; margin:20px 0 29px 12px; text-transform:capitalize; }
#sidenav li li{ margin-bottom:3px; }
#sidenav li li a{ margin-left:6px; }
#sidenav a:hover{ text-decoration:none; }
/* Main */
#main{ float:left; width:589px; font-size:12px; color:#fff; padding-top:5px; line-height:15px; }
#main h2{ font-size:15px; color:#8494ae; text-transform:uppercase; margin-top:15px; padding-bottom:10px; }
#main p{ padding-bottom:18px; }
#main .artistpic{ float:right; margin:20px 0 10px 20px; border:1px solid #8494ae; }
/* Bcrumbs */
#bcrumbs{ clear:both; width:100%; font-size:14px; color:#8494ae; text-transform:uppercase; overflow:hidden; }
#bcrumbs li{ float:left; margin-right:3px; }
#bcrumbs a{ color:#8494ae; }
#bcrumbs a:hover{ text-decoration:none; border-bottom:1px solid; }
/* Flash Content */
#flashcontent{ width:589px; height:520px; overflow:hidden; position:relative; margin-top:26px; }
#side-nav{ float:left; width:150px; vertical-align:top; position:relative; height:530px; }
#side-nav li{ white-space:nowrap; height:530px; overflow:hidden; }
#side-nav li a,
#side-nav li a:visited{ display:block; float:left; margin:0 8px 8px 0; }
#side-nav .current img{ border:1px solid #fff; }
#side-nav li a img{ display:block; border:1px solid #333; }
#side-data{ left:160px; position:absolute; width:428px; height:550px; text-align:center; }
.pic-big{ display:none; position:relative; width:396px; height:458px; text-align:center; white-space:nowrap; float:left; top:0; background-color: #333; }
.pic-big img{ display:block; margin:0 auto; text-align:center; }
.pic-data{ position:absolute; bottom:0; right:0; text-align:right; }
.pic-data h5{ color:#d6d6d6; text-transform:uppercase; font-weight:normal; }
.pic-data h6{ color:#787878; text-transform:uppercase; font-weight:normal; }
/* Home */
#home{ width:540px; }
#home ul{ width:540px; overflow:hidden; }
#home li{ float:left; margin:18px 18px 0 0; }
#home a img{ display:block; border:1px solid #333; }
#home a:hover img{ border:1px solid #fff; }
#home .desc{ clear:both; font-size:10px; text-align:right; text-transform:uppercase; margin-right:20px; }
#home .desc h3{ padding-top: 15px; }
#home .desc p{ color:#898989; }
/* Bio */
#bio{ width:550px; }
#bio .artistpic{ float:right; margin:20px 0 10px 20px; border:1px solid #8494ae; }
#bio h2{ font-size:15px; color:#8494ae; text-transform:uppercase; margin-top:0; padding-bottom:10px; }
#bio p{ padding-bottom:16px; }
/* Portfolio */
#portfolio{ width:589px; }
/* Footer */
#footer{ clear:both; width:865px; margin:20px 0; padding:10px 0; text-align:center; border-top:1px solid #5c5c5c; }
#footer a,
#footer a:visited{ padding-bottom:1px; border-bottom:1px solid; }
#footer a:hover{ border-bottom:0; text-decoration:none; }
/* image replacement */
.graphic,
#prevBtn,
#nextBtn,
#slider1prev,
#slider1next{ margin:0; padding:0; display:block; overflow:hidden; text-indent:-9999em; }
/* Easy Slider */
#slider ul,
#slider li,
#slider2 ul,
#slider2 li{ margin:0; padding:0; list-style:none; }
#slider2{margin-top:1em;}
#slider li,
#slider2 li{ width:150px; height:452px; overflow:hidden; }
#prevBtn,
#nextBtn,
#slider1next,
#slider1prev{ display:block; width:30px; height:77px; position:absolute; left:44px; bottom:0; z-index:1000; }
#nextBtn,
#slider1next{ left:74px; }
#prevBtn a,
#nextBtn a,
#slider1next a,
#slider1prev a{ display:block; position:relative; width:24px; height:20px; background:url(../images/ico-left.jpg) no-repeat; }
#nextBtn a,
#slider1next a{ background:url(../images/ico-right.jpg) no-repeat; }
/* numeric controls */
ol#controls{ margin:1em 0; padding:0; height:28px; }
ol#controls li{ margin:0 10px 0 0; padding:0; float:left; list-style:none; height:28px; line-height:28px; }
ol#controls li a{ float:left; height:28px; line-height:28px; border:1px solid #ccc; background:#DAF3F8; color:#555; padding:0 10px; text-decoration:none; }
ol#controls li.current a{ background:#5DC9E1; color:#fff; }
ol#controls li a:focus,
#prevBtn a:focus,
#nextBtn a:focus{ outline:none; }
/*
slider v1.2
By Chris Coyier:http://css-tricks.com
with major improvements by Doug Neiner:http://pixelgraphics.us/
based on work by Remy Sharp:http://jqueryfordesigners.com/
*/
.slider { position:relative; width:428px; height:449px; float:left; }
/* Width below is max for Opera */
.slider ul { position:absolute; top:0; left:0; background:url(../images/bgr-pic.gif) no-repeat; }
.slider ul li { display:none; float:left; padding:0; height:408px; width:396px; margin:0; overflow:hidden; }
.slider .arrow { display:block; height:20px; width:24px; text-indent:-9999px; position:absolute; bottom:0; cursor:pointer; }
.slider .forward { background:url(../images/ico-right.jpg) no-repeat; left:60px; }
.slider .back { background:url(../images/ico-left.jpg) no-repeat; left:20px; }