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

/* wrappers */
#wrap{
margin:70px auto 15px;
width:870px;
}
#hw{
width:100%;
height:64px;
background:url(../layout/Julia_Terestman.png) left no-repeat;
cursor:pointer;
}
#nw{
margin:30px 0px 16px;
width:870px;
height:15px;
text-align:right;
}
#cw{
width:100%;
}
#pot{
position:relative;
float:right;
top:30px;
width:183px;
height:17px;
background:url(../layout/julia_terestman_pottery.png) left top no-repeat;
}
#lvl{
clear:both;
visibility:hidden;
}

/* nav */
#nhw{
width:535px;
height:15px;
float:right;
text-align:left;
}
#nlw{
width:630px;
height:15px;
float:right;
text-align:left;
}
div.nav{
height:15px;
margin:0px 33px 0px 0px;
cursor:pointer;
float:left;
background-repeat:no-repeat;
background-position:left;
}
div.navl{
height:15px;
cursor:pointer;
float:left;
background-repeat:no-repeat;
background-position:left;
}
div.subn{
clear:both;
width:110px;
margin-bottom:11px;
cursor:pointer;
background-repeat:no-repeat;
background-position:right top;
float:right;
}
div.subnl{
clear:both;
width:100px;
margin-bottom:0px;
cursor:pointer;
background-repeat:no-repeat;
background-position:right top;
float:right;
}
#n1{
width:49px;
background-image:url(../layout/gallery_r.png);
}
#n1:hover{
background-image:url(../layout/gallery.png);
}
#n2{
width:52px;
background-image:url(../layout/archive_r.png);
}
#n2:hover{
background-image:url(../layout/archive.png);
}
#n3{
width:114px;
background-image:url(../layout/about_r.png);
}
#n3:hover{
background-image:url(../layout/about.png);
}
#n4{
width:116px;
background-image:url(../layout/news_r.png);
}
#n4:hover{
background-image:url(../layout/news.png);
}
#n5{
width:55px;
background-image:url(../layout/contact_r.png);
}
#n5:hover{
background-image:url(../layout/contact.png);
}

/* nav home/lit */
#hn1{
width:49px;
background-image:url(../layout/gallery.png);
}
#hn2{
width:52px;
background-image:url(../layout/archive.png);
}
#hn3{
width:114px;
background-image:url(../layout/about.png);
}
#hn4{
width:116px;
background-image:url(../layout/news.png);
}
#hn5{
width:55px;
background-image:url(../layout/contact.png);
}

/* gallery sub nav */
#gsn1{
height:11px;
background-image:url(../layout/gforflowers_r.png);
}
#gsn1:hover{
background-image:url(../layout/gforflowers.png);
}
#gsn2{
height:11px;
background-image:url(../layout/gcups_r.png);
}
#gsn2:hover{
background-image:url(../layout/gcups.png);
}
#gsn3{
height:14px;
background-image:url(../layout/gpitchers_r.png);
}
#gsn3:hover{
background-image:url(../layout/gpitchers.png);
}
#gsn4{
height:14px;
background-image:url(../layout/gserving_r.png);
}
#gsn4:hover{
background-image:url(../layout/gserving.png);
}
#gsn5{
height:11px;
background-image:url(../layout/gvessels_r.png);
}
#gsn5:hover{
background-image:url(../layout/gvessels.png);
}
#gsn6{
height:13px;
background-image:url(../layout/gfunerary_r.png);
}
#gsn6:hover{
background-image:url(../layout/gfunerary.png);
}
#gsn7{
height:11px;
background-image:url(../layout/eggcups_r.png);
}
#gsn7:hover{
background-image:url(../layout/eggcups.png);
}

/* gallery nav lit */
#gsn1l{
height:11px;
background-image:url(../layout/gforflowers.png);
}
#gsn2l{
height:11px;
background-image:url(../layout/gcups.png);
}
#gsn3l{
height:14px;
background-image:url(../layout/gpitchers.png);
}
#gsn4l{
height:14px;
background-image:url(../layout/gserving.png);
}
#gsn5l{
height:11px;
background-image:url(../layout/gvessels.png);
}
#gsn6l{
height:13px;
background-image:url(../layout/gfunerary.png);
}
#gsn7l{
height:11px;
background-image:url(../layout/eggcups.png);
}


/* about sub nav */
#asn1{
height:9px;
background-image:url(../layout/astatement_r.png);
margin-bottom:14px;
}
#asn1:hover{
background-image:url(../layout/astatement.png);
}
#asn2{
height:11px;
background-image:url(../layout/abio_r.png);
margin-bottom:17px;
}
#asn2:hover{
background-image:url(../layout/abio.png);
}
#asn3{
height:8px;
background-image:url(../layout/aresume_r.png);
}
#asn3:hover{
background-image:url(../layout/aresume.png);
}
#asn4{
height:14px;
background-image:url(../layout/aexhibitions_r.png);
}
#asn4:hover{
background-image:url(../layout/aexhibitions.png);
}

/* about sub nav lit */
#asn1l{
height:9px;
background-image:url(../layout/astatement.png);
margin-bottom:14px;
}
#asn2l{
height:11px;
background-image:url(../layout/abio.png);
margin-bottom:17px;
}
#asn3l{
height:8px;
background-image:url(../layout/aresume.png);
}
#asn4l{
height:14px;
background-image:url(../layout/aexhibitions.png);
}

/* archive subnav */
#arsn1{
height:11px;
background-image:url(../layout/ar2005_r.png);
margin-bottom:14px;
}
#arsn1:hover{
background-image:url(../layout/ar2005.png);
}
#arsn2{
height:11px;
background-image:url(../layout/ar2004_r.png);
margin-bottom:14px;
}
#arsn2:hover{
background-image:url(../layout/ar2004.png);
}
#arsn3{
height:11px;
background-image:url(../layout/ar2003_r.png);
margin-bottom:14px;
}
#arsn3:hover{
background-image:url(../layout/ar2003.png);
}
#arsn4{
height:11px;
background-image:url(../layout/arbefore2003_r.png);
margin-bottom:14px;
}
#arsn4:hover{
background-image:url(../layout/arbefore2003.png);
}

/* archive subnav lit */
#arsn1l{
height:11px;
background-image:url(../layout/ar2005.png);
margin-bottom:14px;
}
#arsn2l{
height:11px;
background-image:url(../layout/ar2004.png);
margin-bottom:14px;
}
#arsn3l{
height:11px;
background-image:url(../layout/ar2003.png);
margin-bottom:14px;
}
#arsn4l{
height:11px;
background-image:url(../layout/arbefore2003.png);
margin-bottom:14px;
}

/* home content */
#hrc{
	width:535px;
	height:374px;
	border:1px solid #000;
	float:right;
	overflow:hidden;
}
#hlc{
padding-top:190px;
width:320px;
text-align:right;
float:left;
}

/* content */
#grc{
width:630px;
height:374px;
float:right;
text-align:left;
}
#glc{
padding-top:220px;
width:123px;
text-align:right;
float:left;
}
#arlc{
padding-top:287px;
width:123px;
text-align:right;
float:left;
}

#arc{
width:630px;
float:right;
text-align:left;
}
div.groll{
z-index:100;
visibility:hidden;
position:absolute;
background:#000 url(../images/gallery_landing_forflowers.jpg) top left no-repeat;
width:630px;
height:376px;
}

/* gallery overlay */
#owrap{
width:370px; 
margin:0px auto 0px;
}
#owrapf{
width:580px;
margin:0px auto 0px;
}
#arr{ 
width:15px; 
height:70px; 
margin:100px 0px auto; 
padding-top:50px; 
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:9px; 
color:#FFF;
}
#arr:hover{
cursor:pointer;
color:#999;
}
div.lar{
float:left;
}
div.rar{
float:right;
}
#oimg{
width:330px; 
margin:5px auto 5px;
}
#oimgf{
text-align:center;
width:550px; 
margin:5px auto 5px;
}