body { margin: 0; padding: 0; background-color: #fff; color: #403e3e; font-family: 'Caudex', 'Palatino', 'Georgia' serif; font-size: 11pt; width: 100%; min-height: 100%; }
img, a img { border: none; }
a, a:hover, a:focus, a:active { font-weight: bold; text-decoration: none; color: #444; }
a:hover, a.hover { color: #45b1cc; }

.page { width: 95%; min-width: 800px; margin: 0 auto; margin-top: 94px; }
.page .page-content { width: 100%; position: relative; }

.header { height: 94px; position: fixed; top: 0; width: 100%; width: 100%; background: #fff; z-index: 20; }
.header h1 { cursor: pointer; }
.header .header-content { margin: 0 auto; min-width: 800px; width: 95%; position: relative; height: 94px; overflow: visible; }
.header .header-content h1 { position: absolute; margin: 0; padding: 0; text-indent: -9999px; width: 220px; height: 94px; background: url('/img/logo1.png') transparent no-repeat; }

.page .body { z-index: 1; width: 100%; }
.page .body .body-wrapper { width: 100%; position: relative; }

/* menu */
ul { overflow: visible; }
.menu { position: absolute; top: 0; right: 0; margin: 0; padding: 0;  }
.menu li { list-style-type: none; display: block; float: left; font-size: 13pt; background-color }
.menu li a { display: block; padding: 0 0.5em; cursor: pointer; text-transform: lowercase; cursor: pointer; height: 94px; display: table-cell; vertical-align: bottom; font-weight: 400;  }
.menu li a:hover { color: #45b1cc; }
.menu li a span { padding-bottom: 32px; display: block; }

.menu li ul { position: absolute; background-color: #fff; z-index: 2; padding: 15px 0 15px 0; margin: 0; top: 84px; }
.menu li li { clear: both; text-transform: none; }
.menu li li a { width: 100%; padding: 5px 30px 5px 20px; height: auto; font-weight: 400; font-size: 11pt; }
.menu li.state-selected > a { color: #45b1cc; }

.menu li.photo { padding-left: 2em; }
.menu li.photo a span { display: none; }
.menu li.photo a { display: block; float: left; padding: 0 1em; }
.menu li.photo a.arrow { width: 13px; margin: 0 0.5em; }

.menu li.photo a.arrow-left { background: url(/img/menu_arrow_left_normal.png) 1em 35px no-repeat; }
.menu li.photo a.arrow-left:hover { background: url(/img/menu_arrow_left_hover.png) 1em 35px no-repeat; }
.menu li.photo a.arrow-right { background: url(/img/menu_arrow_right_normal.png) 1em 35px no-repeat; }
.menu li.photo a.arrow-right:hover { background: url(/img/menu_arrow_right_hover.png) 1em 35px no-repeat; }
.menu li.photo a.change-view { background: url(/img/menu_grid_normal.png) 0 35px no-repeat; }
.menu li.photo a.change-view:hover { background: url(/img/menu_grid_hover.png) 0 35px no-repeat; }


.menu li.photo a.change-view { width: 39px; padding: 0; }
.menu li ul { display: none; }

.menu li.photo a.arrow-right { padding-right: 0; margin-right: 0; }

.photo { margin: 0 auto; }
.photo .image { background-color: #ccc; position: relative; }
.photo .image .overlay { z-index: 2; width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: none; }
.photo .image .overlay img { width: 100%; height: 100%; }
.photo .image img, .photo .image .placeholder { width: 100%; height: 100%; z-index: 1; }
.photo .description { display: block; width: 100%; padding: 5px 0 0 0; margin: 5px 0; text-transform: lowercase; font-size: 9pt;}

.page-content table.photo-list { width: 100%; border-collapse: collapse; }
.page-content table.photo-list td { margin: 0; padding: 0 5px 10px 5px; overflow: hidden; }
.page-content table.photo-list td:first-child { padding-left: 0; }
.page-content table.photo-list td:last-child { padding-right: 0; }

.contact { max-width: 450px; }
.contact img { margin-bottom: 1em; }

.twitter { position: absolute; top: 270px; left: 550px; width: 300px; }
.twitter ul { padding: 0; margin: 0; }
.twitter ul li { padding: 0; margin: 0; list-style-type: none; margin-bottom: 1em; }
.twitter li a {  color: #45b1cc; margin-right: 0.5em; }
.twitter li .time { font-size: 80%; }

.photo-slideshow { overflow: hidden; position: relative; cursor: pointer; }
.photo-slideshow table { border-collapse: collapse; margin: 0; padding: 0; position: relative; }
.photo-slideshow td { margin: 0; padding: 0 5px 10px 5px; overflow: hidden; }
.page-content table.photo-list td:first-child { padding-left: 0; }