body { margin: 0px; padding: 0px; background: #cccccc/* url("images/body_bg.jpg") repeat-x fixed center center*/; color: #606060; font-family: "Lucida Grande", "Tahoma", sans-serif; }
div.clearer { clear: both; height: 0px; margin: 0px; padding: 0px; border: 0px; font-size: 0px; line-height: 0px; }
a { color: #606060; text-decoration: none; }
img { border: 0px; }

#site { width: 791px; margin: 0px auto 0px; padding: 50px 0px 50px; text-align: left; }

#header { height: 31px; }
#header h1 { width: 374px; margin: 0px; padding: 0px; float: left; background: transparent url("images/header_h1.gif") no-repeat left top; }
#header h1 a { display: block; width: 334px; height: 19px; }
#header h1 a span { display: none; }

#header h3 { margin: 0px; padding: 0px; float: left; font-size: 80%; }

#header ul { margin: 0px; padding: 0px; list-style: none; float: right; }
#header ul li { margin: 0px 0px 0px 12px; padding: 0px; float: left; }
#header ul li a { display: block; height: 25px; padding: 0px 12px 0px; background: #dedede; }
#header ul li a.selected { /*border-bottom: #ffffff 5px solid;*/ padding-bottom: 6px; }
#header ul li a span { display: none; }
#header ul li.illustration a { width: 50px; background: #dedede url("images/menu_illustration_off.gif") no-repeat center; }
#header ul li.illustration a.selected { background: #ffffff url("images/menu_illustration_on.gif") no-repeat center; }
#header ul li.photography a { width: 85px; background: #dedede url("images/menu_photography_off.gif") no-repeat center; }
#header ul li.photography a.selected { background: #ffffff url("images/menu_photography_on.gif") no-repeat center; }
#header ul li.blog a { width: 34px; background: #dedede url("images/menu_blog_off.gif") no-repeat center; }
#header ul li.blog a.selected { background: #ffffff url("images/menu_blog_on.gif") no-repeat center; }
#header ul li.contact a { width: 59px; background: #dedede url("images/menu_contact_off.gif") no-repeat center; }
#header ul li.contact a.selected { background: #ffffff url("images/menu_contact_on.gif") no-repeat center; }
	
#main { clear: both; width: 791px; border-top: #ffffff 5px solid; border-bottom: #ffffff 5px solid; }

#cover { width: 781px; height: 500px; /*border: #ffffff 5px solid;*/ background: #ffffff url("images/loader.gif") no-repeat center center; border-left: #ffffff 5px solid; border-right: #ffffff 5px solid; }
#cover img { width: 781px; height: 500px; }

#contact { width: 371px; height: 500px; /* border: #ffffff 5px solid;*/ background: #ffffff url("images/contact_bg.jpg") no-repeat left top; padding: 0px 0px 0px 410px; border-top: #cccccc 1px solid; border-bottom: #cccccc 1px solid; padding-left: 415px; padding-right: 5px; background-position: 5px top; }
#contact p { font-size: 60%; line-height: 120%; }
#contact form { margin: 0px; padding: 0px 5px 0px 0px; }
#contact form label { display: block; width: 80px; height: 28px; float: left; cursor: pointer; }
#contact form input { width: 275px; padding: 4px 2px 4px; border: #cccccc 1px solid; color: #606060; }
#contact form p.name label { background: transparent url("images/contact_name.gif") no-repeat left center; }
#contact form p.name label span { display: none; }
#contact form p.email label { background: transparent url("images/contact_email.gif") no-repeat left center; }
#contact form p.email label span { display: none; }
#contact form p.website label { background: transparent url("images/contact_website.gif") no-repeat left center; }
#contact form p.website label span { display: none; }
#contact form p.message label { background: transparent url("images/contact_message.gif") no-repeat left center; }
#contact form p.message label span { display: none; }
#contact form p.captcha label { padding-top: 3px; }
#contact form p.submit { padding: 0px 0px 0px 80px; }
#contact form p.submit input { background: #cccccc; cursor: pointer; }
#contact form textarea { width: 275px; height: 150px; border: #cccccc 1px solid; color: #606060; }

#album { border-top: #cccccc 1px solid; border-bottom: #cccccc 1px solid; font-size: 0px; line-height: 0px; }
#album ul { margin: 0px; padding: 0px; list-style: none; }
#album ul li.set { clear: both; margin-top: 1px; background: #ffffff; }
#album ul li.set a { display: block; width: 781px; height: 121px; border: #ffffff 5px solid; }
#album ul li.set a img { width: 781px; height: 121px; }
#album ul li.set span { display: none; }

/*#album a { float: left; margin: 0px 5px 5px 0px; }
#album a img { width: 75px; height: 75px; }*/

#album ul li.thumb { margin: 0px 1px 1px 0px; width: 121px; height: 121px; float: left; border: #ffffff 5px solid; background: #ffffff; font-size: 0px; line-height: 0px; }
#album ul li.thumb img { width: 121px; height: 121px; }
#album ul li.empty { border-color: #dedede; background: #dedede; }

#picture { width: 781px; /*border: #ffffff 5px solid;*/ background: #ffffff; font-size: 0px; line-height: 0px; border-left: #ffffff 5px solid; border-right: #ffffff 5px solid; }
#picture img { width: 781px; height: auto; z-index: 1; }

#info { clear: both; display: block; width: 761px; height: 30px; font-size: 16px; line-height: 16px; position: absolute; z-index: 100; background: transparent; margin-top: -50px; padding: 10px; visibility: hidden; }
#info div.previous { width: 30px; height: 30px; float: left; border-right: #cccccc 1px solid; font-size: 90%;  border-right: 0px; cursor: pointer; }
#info div.previous a { display: block; width: 28px; height: 15px; padding: 6px 0px 7px; text-align: center; background: #ffffff;  border: #cccccc 1px solid; cursor: pointer;  }
#info div.title { display: none; width: 738px; height: 30px; float: left; text-align: center; }
#info div.title h4 { margin: 0px; padding: 8px 0px 0px; font-size: 60%; line-height: 120%; font-weight: normal; }
#info div.title h4 strong { margin: 0px 5px 0px 0px; padding: 2px 7px 2px 0px; border-right: #aaaaaa 1px solid; }
#info div.next { width: 30px; height: 30px; float: right; border-left: #cccccc 1px solid; font-size: 90%; border-left: 0px; cursor: pointer; }
#info div.next a { display: block; width: 28px; height: 15px; padding: 6px 0px 7px; text-align: center; background: #ffffff; border: #cccccc 1px solid; cursor: pointer; }

#picture:hover #info { visibility: visible; }

#footer { clear: both; height: 57px; margin: 12px 0px 0px; }
#footer p { width: 500px; height: 35px; margin: 0px; padding: 0px; float: left; background: transparent url("images/footer_copyright.gif") no-repeat left top; }
#footer p span { display: none; }
#footer p.credits { width: 180px; float: right; background: transparent; }
#footer p.credits a { display: block; width: 180px; height: 25px; background: transparent url("images/footer_credits.gif") no-repeat right center; }

#administration { width: 130px; position: absolute; top: 50%; left: 50%; margin-left: 450px; margin-top: -243px; }
#administration #admin h3 { margin: 0px; padding: 0px 0px 0px; font-size: 70%; line-height: 120%; }
#administration #admin_data ul { margin: 6px 0px 0px; padding: 6px 0px 0px; border-top: #ffffff 1px dotted; list-style: none; }
#administration #admin_data ul li { margin: 0px; padding: 3px 0px 0px; font-size: 60%; line-height: 120%; }
#administration #admin_data ul li a:before { content: "» "; }

#login { width: 20px; height: 20px; position: fixed; bottom: 0px; right: 0px; line-height: 0px; text-align: left; }
#login a { color: #cccccc; }