/** anne mackintosh css **/

/* by boris grudinin */
/* http://bozor.deviantart.com/ */
/* ---------------------------- */

/* css hacks */

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/* ---------------------------- */
/* main styles */

html, body {
background-color: #f3e8cd;
}

.hr { clear: both; line-height: 15px; font-size: 15px; margin: 15px 10px 30px; border-bottom: 1px solid #f3e8cd; }
.hr hr { display: none; }

/* ---------------------------- */
/* layout */

#outer {
position: relative;
width: 660px;
margin: 0 auto;
}

#inner {
position: relative;
margin: 15px;
}

#top {
position: absolute;
height: 300px;
}

#bottom {
position: absolute;
top: 310px;
}

/* ---------------------------- */
/* top */

#header {
position: absolute;
width: 400px;
height: 300px;
margin: 10px;
background-image: url(images/header.jpg);
background-color: #3d3c3f;
}

#header ul {
list-style-type: none;
list-style-image: none;
padding: 0;
margin: 0;
}

#header ul li {
padding: 0;
margin: 0;
}

#header li a {
height: 300px;
background-image: url(images/header.jpg);
display: block;
}

#header li a:hover {
height: 300px;
background-image: url(images/header_over.jpg);
display: block;
}

#nav {
position: absolute;
width: 200px;
height: 300px;
margin: 10px;
left: 410px;
background-color: #3d3c3f;
}

/* ---------------------------- */
/* nav */

#nav ul {
list-style-type: none;
list-style-image: none;
padding: 0;
margin: 0;
}

#nav ul li {
padding: 0;
margin: 0;
}

#nav li.about a {
background-image: url(images/nav/about.jpg);
background-repeat: repeat-x;
background-position: bottom right;
height: 100px;
display: block;
}

#nav li.about a:hover {
background-image: url(images/nav/about_over.jpg);
background-repeat: repeat-x;
background-position: bottom right;
}

#nav li.about_lock {
background-image: url(images/nav/about_over.jpg);
background-repeat: repeat-x;
background-position: bottom right;
height: 100px;
display: block;
}

#nav li.work a {
background-image: url(images/nav/work.jpg);
background-repeat: repeat-x;
background-position: bottom right;
height: 100px;
display: block;
}

#nav li.work a:hover {
background-image: url(images/nav/work_over.jpg);
background-repeat: repeat-x;
background-position: bottom right;
}

#nav li.work_lock {
background-image: url(images/nav/work_over.jpg);
background-repeat: repeat-x;
background-position: bottom right;
height: 100px;
display: block;
}

#nav li.contact a {
background-image: url(images/nav/contact.jpg);
background-repeat: repeat-x;
background-position: bottom right;
height: 100px;
display: block;
}

#nav li.contact a:hover {
background-image: url(images/nav/contact_over.jpg);
background-repeat: repeat-x;
background-position: bottom right;
}

#nav li.contact_lock {
background-image: url(images/nav/contact_over.jpg);
background-repeat: repeat-x;
background-position: bottom right;
height: 100px;
display: block;
}

#nav li.prints a {
background-image: url(images/nav/prints.jpg);
background-repeat: repeat-x;
background-position: bottom right;
height: 100px;
display: block;
}

#nav li.prints a:hover {
background-image: url(images/nav/prints_over.jpg);
background-repeat: repeat-x;
background-position: bottom right;
}

#nav li.prints_lock {
background-image: url(images/nav/prints_over.jpg);
background-repeat: repeat-x;
background-position: bottom right;
height: 100px;
display: block;
}


/* ---------------------------- */
/* bottom */

#front_page {
position: relative;
width: 610px;
height: 200px;
margin: 10px;
background-color: #3d3c3f;
}

#work {
position: relative;
width: 610px;
margin: 10px;
}

#work p {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12pt;
line-height: 22px;
letter-spacing: 0.05em;
color: #f4dca2;
margin: 0;
padding: 10px;
}

#about {
position: relative;
width: 610px;
margin: 10px;
background-color: #3d3c3f;
color: #f4dca2;
}

#about p {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12pt;
line-height: 22px;
letter-spacing: 0.05em;
margin: 0px;
padding: 0px 10px 10px 10px;
}

#about img {
margin: 10px;
}

#about a {
color: #f2b115;
}

#about a:hover {
text-decoration: none;
}

#thumb_nav {
position: relative;
width: 610px;
height: 70px;
margin: 0px 0px 10px 0px;
color: #ffffff;
}

#thumb_nav ul {
list-style-type: none;
list-style-image: none;
padding: 0;
margin: 0;
}

#thumb_nav li {
float: left;
text-align: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 11pt;
letter-spacing: -0.05em;
}

#thumb_nav li a {
display: block;
width: 112px;
height: 20px;
padding: 45px 5px 5px 5px;
text-decoration: none;
color: #f4dca2;
background-color: #3d3c3f;
}

#thumb_nav li a:hover {
height: 17px;
padding: 42px 5px 5px 5px;
color: #3d3c3f;
background-color: #f4dca2;
}

#thumb_nav li.lock {
display: block;
width: 112px;
height: 17px;
padding: 42px 5px 5px 5px;
color: #3d3c3f;
background-color: #f4dca2;
}

#thumb {
position: relative;
width: 610px;
padding: 10px 0px 1px 0px;
background-color: #3d3c3f;
}

#thumb ul {
list-style-type: none;
list-style-image: none;
padding: 0;
margin: 0;
}

#thumb li {
width: 90px;
height: 90px;
float: left;
padding: 0;
margin: 0px 10px 10px 0px;
overflow: hidden;
}

#thumb li img {
border: 0;
padding: 0;
margin: 0;
}

#thumb li a:hover img {
filter:alpha(opacity=80);
-moz-opacity:0.8;
opacity: 0.8;
/*border: 5px solid #fbf9dd;*/
}

#image {
position: relative;
width: 610px;
margin: 10px 0px 0px 0px;
overflow: hidden;
border-bottom: 10px solid #3d3c3f;
}

#image img {
margin: 10px;
}

#contact {
position: relative;
width: 610px;
margin: 10px;
background-color: #3d3c3f;
color: #f4dca2;
}

#contact p {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12pt;
line-height: 22px;
letter-spacing: 0.05em;
padding: 10px;
margin: 0px;
}

#contact h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 20pt;
font-weight: bold;
font-variant: small-caps;
letter-spacing: -0.05em;
padding: 0;
margin: 10px;
}

#contact p a { color: #f4dca2; }
#contact p a:hover { text-decoration: none; }

#prints {
position: relative;
width: 610px;
margin: 10px;
background-color: #3d3c3f;
color: #f4dca2;
}

#prints p {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12pt;
line-height: 22px;
letter-spacing: 0.05em;
padding: 10px;
margin: 0px;
}

#prints h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 20pt;
font-weight: bold;
font-variant: small-caps;
letter-spacing: -0.05em;
padding: 0;
margin: 10px;
}

#prints blockquote { margin: 0 20px; }

#prints p a { color: #f4dca2; }
#prints p a:hover { text-decoration: none; }
#prints h2 { font-family: Georgia, "Times New Roman", Times, serif; margin: 10px 10px 5px; }
#prints h3 { font-family: Georgia, "Times New Roman", Times, serif; margin: 10px 10px 5px; }

#footer {
position: relative;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12pt;
text-align: center;
clear: both;
height: 10px;
color: #3d3c3f;
padding: 10px 0 30px;
margin: 0;
}

#footer a { color: #3d3c3f; }
#footer a:hover { text-decoration: none; }

/* ---------------------------- */
/* thumb styles */

.last {
margin: 0px;
}

.thumb_cont {
height: 90px;
margin: 0px 0px 10px 10px;
*margin: 0px -10px 0px 10px;
}

/* ---------------------------- */
/* other styles */

.box {
background-color: #3d3c3f;
margin: 0px 0px 10px 0px;
}