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

body {
background: #41738d;
font: 76%/160% Verdana, Helvetica, Arial, sans-serif;
color: #C1D8DF;
text-align: center;
font-size: 13px;
margin: 0px;
padding: 0px;
}

/*//////////////////////////////////
		PHOTO GALLERY
//////////////////////////////////*/

#horiz {
background-color: #171e21;
position: absolute;
top: 93px;
left: 0px;
height: 450px;
}

#gallery {
position: absolute;
left: 455px;
z-index: 4;
}

.image {
float: left;
margin: 22px 22px;
}


/*//////////////////////////////////
		MENU
//////////////////////////////////*/

#navbar {
position: absolute;
top: 530px;
left: -30px;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight:bold;
height:45px;
width: 700px;
margin: 0;
padding: 0;
z-index: 3;
}

html>body #navbar {top: 516px;}
*:first-child+html #navbar {top: 530px;}

#navbar li {
list-style:none;
display:inline;
}

#navbar a {
color: #1b2124;
text-indent: -9999px;
float:left;
height: 45px;
padding:0px 3px;
background-repeat: no-repeat;
}

.home a {background: url(graphics/nav_home.gif) 0px 0px; width: 75px;}
.fashion a {background: url(graphics/nav_fashion.gif) 0px 0px; width: 80px;}
.skate a {background: url(graphics/nav_skateboarding.gif) 0px 0px; width: 120px;}
.portrait a {background: url(graphics/nav_portrait.gif) 0px 0px; width: 85px;}
/*.bio a {background: url(graphics/nav_bio.gif) 0px 0px; width: 54px;}*/
.art a {background: url(graphics/nav_art.gif) 0px 0px; width: 54px;}
.email a {background: url(graphics/nav_email.gif) 0px 0px; width: 75px;}

#navbar a:hover { 
background-position: 0 -45px;
}



/*//////////////////////////////////
		LAYOUT
//////////////////////////////////*/

#branding {
background: url(graphics/branding.gif) left top no-repeat #294858;
position: absolute;
top: 0px;
left: 5px;
width: 470px;
height: 300px;
text-indent: -9999px;
z-index: 2;
}