a, body, h2, html, img, li, p, ul {margin: 0; padding: 0; list-style: none; text-decoration: none; border: none;}

body {font: 11px/13px arial, helvetica, sans-serif; color: #111; /*border-top: 2px solid #d3d3d3;*/ background: url(assets/bg-tile.jpg) 0 0 #f3f3f3;}

#design {position: absolute; right: 167px; width: 792px; padding: 30px 20px 90px; background-color: #fff; border-left: 1px solid #d3d3d3;}
#design img {margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px dotted #bbb;}
#design p {overflow: hidden; width: 590px; height: 55px;}
#design p a {color: #09b; font-weight: bold;}
#design p a:hover {text-decoration: underline;}

header {position: fixed; z-index: 99; margin-bottom: 15px; bottom: 0; width: 100%; min-width: 735px;}
header div {height: 34px; margin: 1px 0; border-top: 1px solid #555; border-bottom: 1px solid #000; background: url(assets/nav-bg.jpg) 0 0 repeat-x #252525;}
header div a.contact-button, header div a.home-button {display: block; position: absolute; width: 18px; height: 34px; background: url(assets/buttons.jpg) 0 0 no-repeat;}
header div a.contact-button {right: 20px; background-position: 0 -88px;}
header div a.contact-button:hover, header div a.contact-button.selected {right: 20px; background-position: 0 -132px;}
header div a.contact-button span, header div a.home-button span {display: none;}
header div a.contact-button:hover span {display: inline; position: absolute; z-index: 99; width: 80px; height: 20px; margin: 10px 0 0 -50px; font-style: italic; color: #2df; background: none; opacity: 100;}
header div a.home-button {left: 20px;}
header div a.home-button:hover, header div a.home-button.selected {left: 20px; background-position: 0 -44px;}
header div a.home-button:hover span {display: inline; position: absolute; z-index: 99; width: 80px; height: 20px; margin: 10px 0 0 25px; font-style: italic; color: #2df; background: none; opacity: 100;}
header div ul {margin: 0 auto; width: 666px; height: 34px; border-left: 1px solid #000; border-right: 1px solid #444;}
header div ul li {float: left;}
header div ul li a {display: block; width: 209px; height: 23px; padding: 11px 0 0 11px; text-transform: uppercase; color: #fff; border-left: 1px solid #444; border-right: 1px solid #000;}
header div ul li a:hover {color: #2df;}
header div ul li a.selected {color: #2df; background-color: #111; border-left: 1px solid #333;}
header div ul li a em {text-transform: lowercase; color: #555;}
header div ul li strong {display: block; position: absolute; z-index: 99; margin: -12px 0 0 137px; padding: 3px 5px 2px; font-size: 9px; text-transform: uppercase; background-color: #2df;}
header span {display: block; height: 10px; background-color: #000; opacity: .50;}

#home {width: 666px; margin: 0 auto;}
#home ul li {float: left; width: 214px; height: 358px; margin: 15px 3px 0; border-top: 1px solid #d3d3d3; border-left: 1px solid #d3d3d3; border-right: 1px solid #fff; border-bottom: 1px solid #fff;}
#home ul li:hover {border: 1px solid #fff;}

ul#photography {position: absolute; right: 167px; padding: 0 0 73px 1px; background-color: #111}
ul#photography li {float: left; width: 209px; height: 157px; padding: 0 1px 1px 0;}
ul#photography li:hover img {opacity:1; filter:alpha(opacity=100);}
ul#photography li img {display: block; width: 209px; height: 157px; opacity:0.55; filter:alpha(opacity=55);}

ul#right {position: absolute; right: 0; padding-bottom: 90px; width: 167px;}
ul#right li a {display: block; width: 147px; height: 18px; padding: 8px 0 0 20px; font-weight: bold; color: #111; background-color: #e8e8e8; border-top: 1px solid #fff; border-bottom: 1px solid #d3d3d3;}
ul#right li a:hover {color: #08a; background-color: #f1f1f1; border-bottom: 1px solid #e2e2e2;}
ul#right li a.map {float: left; width: 18px; height: 18px; margin: 20px 0 0 20px; padding: 0; border: none; background: url(assets/buttons.jpg) 0 -344px no-repeat;}
ul#right li a.map:hover {background-position: 0 -372px;}
ul#right li a.map.active {background-position: 0 -400px;}
ul#right li a.next {float: right; width: 18px; height: 18px; margin: 20px 108px 0 0; padding: 0; border: none; background: url(assets/buttons.jpg) 0 -260px no-repeat;}
ul#right li a.next:hover {background-position: 0 -288px;}
ul#right li a.prev {float: left; width: 18px; height: 18px; margin: 20px 0 0 20px; padding: 0; border: none; background: url(assets/buttons.jpg) 0 -176px no-repeat;}
ul#right li a.prev:hover {background-position: 0 -204px;}
ul#right li a.prev {background-position: 0 -176px;}
ul#right li a.selected, ul#right li a.selected:hover {color: #aaa; background-color: #fff; border-top: 1px solid #fff; border-bottom: 1px dotted #bbb;}