@charset "UTF-8";
/* CSS Document - written by Harley at Lickgraphics © 2010 */

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}body{line-height:1}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}


html{
margin:0;
padding:0;
height:100%;
}

body{
margin:0;
padding:0;
height:100%;
min-width:800px;

font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #666666;
line-height:14px;
background:#5C5C5C url('../images/grad-bg.gif') repeat-x top;
}

a{
color:#999999;
}

li{
list-style-image:url(../images/bullet.gif);
}

a:hover{
color:#44e5f3;
}

h1, h2, h3, ul, li{
margin:0;
padding:0;
}

h1{
font-size:10px;
font-weight:normal;
}

h2{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
line-height:20px;
font-weight:normal;
margin:10px 0;
}

h3{
font-size:10px;
font-style:italic;
font-weight:normal;
margin:10px 0 0 0;
}

/* STRUCTURE */

div#wrapper{
background:url(../images/background.jpg) no-repeat center top;
height:620px;

}

div#container{
width:716px;
height:480px;
padding-top:90px;

margin:0 auto;

}

body#page-bio div#container{
background:url(../images/bio-image.jpg) no-repeat 6px 400px;
}

div#rightcol{
float:right; 
width: 443px;
height:424px;
background:no-repeat 3px 6px; 
}

div#rightscroll{
 height:424px;
 width:444px;
 overflow:auto;
}

div#right-x-scroll{
height:412px;
width:431px;
overflow:scroll;
overflow-x:scroll;
overflow-y:hidden;
margin:6px;
}

div#right-no-scroll{
height:412px;
width:431px;
overflow:scroll;
overflow:hidden;
margin:6px;
}

body#page-bio div#rightscroll{
height:300px;
}

div#leftcol{
float:left;
width:270px; 
height:424px;
}

div#left-container{
height:293px;
}

div#left-text{
padding:50px 10px 0 10px;
}

div#left-thumbs{
width:270px;
margin-left:3px;
height:108px;
}

div#main-menu{
margin:20px 0;
width:270px;
}

div#padding10{
padding:10px;
}

div#cv-col{
padding:20px;
}

div#paddingleft10{
padding-left:10px;
}

div#lickgraphics{
font-size:9px;
padding:25px 0 0 500px;
color:#CCCCCC;
}



.clear{
clear:both;
}


/* MAIN MENU ITEMS*/

#portfolio, #cv, #bio, #contact, #beauty, #fashion, #print, #advertising{
display: block;
width: 270px;
height: 23px;
background-position:0 0;
background-repeat:no-repeat;
}

#advertising{
height: 25px;

}

#portfolio span, #cv span, #bio span, #contact span, #beauty span, #fashion span, #print span, #advertising span{ 
display: none;
}

#portfolio:hover, #cv:hover, #bio:hover, #contact:hover, #beauty:hover, #fashion:hover, #print:hover{
background-position: 0 -23px;
}

#advertising:hover{
background-position: 0 -25px;
}

body#page-contact #contact,
body#page-cv #cv,
body#page-bio #bio,
body#page-portfolio #portfolio,

body#page-b1 #beauty, body#page-b2 #beauty, body#page-b3 #beauty, body#page-b4 #beauty, body#page-b5 #beauty, body#page-b6 #beauty, body#page-b7 #beauty, body#page-b8 #beauty, body#page-b9 #beauty, body#page-b10 #beauty,

body#page-f1 #fashion, body#page-f2 #fashion, body#page-f3 #fashion, body#page-f4 #fashion, body#page-f5 #fashion, body#page-f6 #fashion, body#page-f7 #fashion, body#page-f8 #fashion, body#page-f9 #fashion, body#page-f10 #fashion,

body#page-p1 #print, body#page-p2 #print, body#page-p3 #print, body#page-p4 #print, body#page-p5 #print, body#page-p6 #print, body#page-p7 #print, body#page-p8 #print, body#page-p9 #print, body#page-p10 #print
{
background-position: 0 -23px;
}

body.advertising-page #advertising{
background-position: 0 -25px;
}

#portfolio{
background-image:url(../images/portfolio-menu.gif);
}

#beauty{
background-image:url(../images/beauty-menu.gif);
}

#fashion{
background-image:url(../images/fashion-menu.gif);
}

#print{
background-image:url(../images/print-menu.gif);
}

#advertising{
background-image:url(../images/advertising-menu.gif);
}


#cv{
background-image:url(../images/cv-menu.gif);
}

#bio{
background-image:url(../images/bio-menu.gif);
}
#contact{
background-image:url(../images/contact-menu.gif);
}

/* THUMBS MENUS */


.thumbnail{
display:block;
float:left;
width:54px;
height:54px;
background:#FFF center center no-repeat;
}

.thumbnail:hover{
background-color:#bdbec0;
}

.thumbnail span{
display:none;
}
body#page-b1 #tb1, body#page-b2 #tb2, body#page-b3 #tb3, body#page-b4 #tb4, body#page-b5 #tb5, body#page-b6 #tb6, body#page-b7 #tb7, body#page-b8 #tb8, body#page-b9 #tb9, body#page-b10 #tb10,

body#page-f1 #tf1, body#page-f2 #tf2, body#page-f3 #tf3, body#page-f4 #tf4, body#page-f5 #tf5, body#page-f6 #tf6, body#page-f7 #tf7, body#page-f8 #tf8, body#page-f9 #tf9, body#page-f10 #tf10,

body#page-a1 #ta1, body#page-a2 #ta2, body#page-a3 #ta3, body#page-a4 #ta4, body#page-a5 #ta5, body#page-a6 #ta6, body#page-a7 #ta7, body#page-a8 #ta8, body#page-a9 #ta9, body#page-a10 #ta10,

body#page-p1 #tp1, body#page-p2 #tp2, body#page-p3 #tp3, body#page-p4 #tp4, body#page-p5 #tp5
{
background-color:#44e5f3;
}



#tb1{
background-image:url(../images/tb1.jpg);
}
#tb2{
background-image:url(../images/tb2.jpg);
}
#tb3{
background-image:url(../images/tb3.jpg);
}
#tb4{
background-image:url(../images/tb4.jpg);
}
#tb5{
background-image:url(../images/tb5.jpg);
}
#tb6{
background-image:url(../images/tb6.jpg);
}
#tb7{
background-image:url(../images/tb7.jpg);
}
#tb8{
background-image:url(../images/tb8.jpg);
}
#tb9{
background-image:url(../images/tb9.jpg);
}
#tb10{
background-image:url(../images/tb10.jpg);
}

#tf1{
background-image:url(../images/tf1.jpg);
}
#tf2{
background-image:url(../images/tf2.jpg);
}
#tf3{
background-image:url(../images/tf3.jpg);
}
#tf4{
background-image:url(../images/tf4.jpg);
}
#tf5{
background-image:url(../images/tf5.jpg);
}
#tf6{
background-image:url(../images/tf6.jpg);
}
#tf7{
background-image:url(../images/tf7.jpg);
}
#tf8{
background-image:url(../images/tf8.jpg);
}
#tf9{
background-image:url(../images/tf9.jpg);
}
#tf10{
background-image:url(../images/tf10.jpg);
}

#tp1{
background-image:url(../images/tp1.jpg);
}
#tp2{
background-image:url(../images/tp2.jpg);
}
#tp3{
background-image:url(../images/tp3.jpg);
}
#tp4{
background-image:url(../images/tp4.jpg);
}
#tp5{
background-image:url(../images/tp5.jpg);
}
#tp6{
background-image:url(../images/tp6.jpg);
}
#tp7{
background-image:url(../images/tp7.jpg);
}
#tp8{
background-image:url(../images/tp8.jpg);
}
#tp9{
background-image:url(../images/tp9.jpg);
}
#tp10{
background-image:url(../images/tp10.jpg);
}

#ta1{
background-image:url(../images/ta1.jpg);
}
#ta2{
background-image:url(../images/ta2.jpg);
}
#ta3{
background-image:url(../images/ta3.jpg);
}
#ta4{
background-image:url(../images/ta4.jpg);
}
#ta5{
background-image:url(../images/ta5.jpg);
}
#ta6{
background-image:url(../images/ta6.jpg);
}
#ta7{
background-image:url(../images/ta7.jpg);
}
#ta8{
background-image:url(../images/ta8.jpg);
}
#ta9{
background-image:url(../images/ta9.jpg);
}
#ta10{
background-image:url(../images/ta10.jpg);
}