/*all pages*/
#main_wrapper {width:1000px; margin-left:auto; margin-right:auto; text-align:left;}

h1,h3     {font-family:"Yanone Kaffeesatz"; font-size:26px;}
h2       {font-family:"Yanone Kaffeesatz"; font-size:30px;}
p      {font-family: "Yanone Kaffeesatz", arial;}
p      {font-size:24px;}
/*home page*/
img.logo {float: left; margin:0px 20px 20px 0px;}


/*photo page*/
div.picA{float:right; margin:10px 20px 50px 0px; border:20px white solid;}
p.pA{float:right; width:200px; margin:80px 100px 0px 0px;}
.clearthefloats {clear:both;}
div.picB{float:left; margin:20px 20px 20px 20px; border:20px #000 solid;}
p.pB{float:left; width:200px; margin: 40px 20px 60px 0px;}
.clearthefloats {clear:both;}
div.pic1{float:right; margin:0px 20px 20px 20px; border:20px white solid;}
p.p1{float:right; width:180px; margin:20px 0px 0px 0px;}
.clearthefloats {clear:both;}
div.pic2{float:left; margin:0px 20px 20px 20px; border:20px white solid;}
p.p2{float:left; width:200px; margin:50px 0px 0px 50px;}
.clearthefloats {clear:both;}
div.pic3{float:right; margin:10px 20px 20px 20px; border:20px white solid;}
p.p3{float:right; width:240px; margin:40px 0px 0px 0px;}
.clearthefloats {clear:both;}
div.pic4{float:left; margin:0px 20px 20px 20px; border:20px white solid;}
p.p4{float:left; width:200px; margin:40px;}
.clearthefloats {clear:both;}
div.pic5{float:right; margin:10px 20px 20px 20px; border:20px white solid;}
p.p5{float:right; width:220px; margin:40px 40px 0px 40px;}
.clearthefloats {clear:both;}
div.pic6{float:left; margin:10px 20px 20px 20px; border:20px white solid;} 
p.p6{float:left; width:200px; margin:40px 0px 0px 40px;}
.clearthefloats {clear:both;}
div.pic7{float:right; margin:10px 20px 40px 20px; border:20px white solid;} 
p.p7{float:right; width:200px; margin:40px 40px 0px 40px;}



/*digital page*/
div.restored {margin:0px 20px 20px 0px;}
div.leaves {margin:30px 50px 20px 300px;}

/*new nav*/
* {
margin:0;
padding:0;
}
body {
background:#eee;
}
#nav {
list-style:none;
width:1000px;
height:50px;
margin:0px auto;
overflow:hidden;
background:url(chris_hall_artwork_nav2.gif); /* IE6 Flicker Fix */
}
#nav li {
float:left;
}
#nav a {
float:left;
width:125px;
padding-top:50px;
outline:0;
background:url(chris_hall_artwork_nav2.gif);
}
/* Default State */
#nav #a{background-position:0px 0px;} 
#nav #b{background-position:-125px 0;}
#nav #c{background-position:-250px 0;}
#nav #d{background-position:-375px 0;}
#nav #e{background-position:-500px 0;}
#nav #f{background-position:-625px 0;}
#nav #g{background-position:-750px 0;}
#nav #h{background-position:-875px 0;}

/* Hover/Focus State */
#nav #a:hover,#nav #a:focus{background-position:0px -50px;}
#nav #b:hover,#nav #b:focus{background-position:-125px -50px;}
#nav #c:hover,#nav #c:focus{background-position:-250px -50px;}
#nav #d:hover,#nav #d:focus{background-position:-375px -50px;}
#nav #e:hover,#nav #e:focus{background-position:-500px -50px;}
#nav #f:hover,#nav #f:focus{background-position:-625px -50px;}
#nav #g:hover,#nav #g:focus{background-position:-750px -50px;}
#nav #h:hover,#nav #h:focus{background-position:-875px -50px;}

/* Active State */
#nav #a:active{background-position:0px -100px;}
#nav #b:active{background-position:-125px -100px;}
#nav #c:active{background-position:-250px -100px;}
#nav #d:active{background-position:-375px -100px;}
#nav #e:active{background-position:-500px -100px;}
#nav #f:active{background-position:-625px -100px;}
#nav #g:active{background-position:-750px -100px;}
#nav #h:active{background-position:-875px -100px;}

/* Current Page */
#home #nav #a{background-position:0px -150px;}
#about #nav #b{background-position:-125px -150px;}
#digital #nav #c{background-position:-250px -150px;}
#paintings #nav #d{background-position:-375px -150px;}
#photos #nav #e{background-position:-500px -150px;}
#new #nav #f{background-position:-625px -150px;}
#map #nav #g{background-position:-750px -150px;}
#links #nav #h{background-position:-875px -150px;}

#nav li {
position:relative; /* make the "b" relative to the "li/a" */
}
#nav a {
height:50px; /* replace padding-top with height (or IE6 chokes) and remove height off #nav */ 
text-decoration:none; /* it now behooves us to style the text */
color:#000; /* more style */
}
#nav a:hover b, #nav a:focus b { /* the b here is necessary for IE8/Opera */
font-size:120%; /* more style */
}
#nav a b {
position:absolute; /* the magic */
left:0;top:0; /* the magic */
z-index:-1; /* the magic */
height:50px; /* same height as anchor */
width:125px; /* same width as anchor */
line-height:50px; /* more style */
text-align:center; /* more style */
}
* html #nav a b { 
left:-999em; /* IE6 Fix */
}