body {background-color: #fff; font-size: 11px; font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif; color:#444; padding:0px; margin:0px; font-weight: 100;}
h1 {font-size: 18px; font-weight: 100; font-family: serif; margin: 0px; padding: 10px 0px; color: #0099cc;}
h2 {font-size: 16px; font-weight: 100; font-family: serif; margin: 0px; padding: 5px 0px; color: #0099cc;}
#grid {position:absolute; height:580px; width:100%; min-width: 780px; margin:-290px 0px 0px 0px; top: 50%; text-align: left; padding: 0px; overflow: hidden;}
#content {float: left; display: block; width: 100%; height: 580px; background-color: #fff; overflow: hidden;}
#toptext {position: absolute; top: 20px; left: 40px;}
#footer {position: absolute; bottom: 0px; left: 0px; width: 100%; height: 60px; border-bottom: 1px dotted #ddd;}
#tip {position: absolute; bottom: 142px; right: 20px; font-size: 10px; color: #ccc; display: none;}
#top {position: absolute; top: 0px; left: 0px; display: block; width: 100%; height: 5px; background-image: url(/img/t50.png); behavior: url(/img/iepngfix.htc); border-bottom: 1px dotted #ddd;}
#bottom {position: absolute; bottom: 80px; left: 0px; display: block; width: 100%; height: 5px; background-image: url(/img/t50.png); behavior: url(/img/iepngfix.htc); border-top: 1px dotted #ddd;}
#logo {display: none; position: absolute; top: 20px; left: 20px;}
#banner {position: absolute; bottom: 130px; left: 0px; display: block; width: 100%; height: 40px; background-image: url(/img/bg_line.png); behavior: url(/img/iepngfix.htc);}
#login {position: absolute; right: 10px; top: 0px; display: block; height: 18px; background-color: #ddd; color: #444; font-size: 10px; padding: 5px;}
#login p {margin: 0px; padding: 5px;}
#login input {border: 1px solid #888; font-size: 10px; width: 60px; margin-right: 3px; font-family: arial; color: #888; padding-left: 3px; padding-right: 2px;}
#social {display: block; text-align: right; position: absolute; bottom: 90px; right: 0px; }
.sociallink img{border: 0px;}
#lightbox table {margin: 0px; padding: 0px; position:relative; top: 30px; cursor: auto;}
#lightbox p {text-shadow: #000 1px 1px 0px; margin: 0px 0px 0px 20px; padding: 0px; color: #ddd; font-size: 12px; font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;}
#lightbox a {border-bottom: 1px dotted #0099cc;}
#lightbox a:hover {border-bottom: 0px;}
#lightbox b {font-weight: bold; color: #fff;}
#lightbox {height: 518px; padding: 0px 0px 0px 0px; overflow: auto; color: #ddd;}
.lb-images {width: 780px; height: 500px; list-style: none; padding: 0; margin: 0; height: 500px; cursor: -moz-grab;}
.lb-images li {float: left; margin-right: 2px; margin-left: 2px;}
.lb-images ul {list-style: none; margin: 0; padding: 0; cursor:pointer;}
#menu {width:150px; height:20px; background:#fff; text-align:left; margin-top: -4px; border:1px dotted #ddd;}
#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;}
#menu ul {display:inline-block;} 
* html #menu ul {display:inline;}
#menu li {margin:0; padding:0; list-style:none;  width: 150px; }
#menu li {display:inline;}
#menu ul ul {position:absolute; left:-9999px; border:1px dotted #ddd;}
#menu ul.level1 {margin:0 auto;}
#menu ul.level1 li.level1-li {float:left; display:block; position:relative;}
#menu ul.level1 {background-color: #fff;}
#menu ul.level2 {background-image:url(/img/black_t90.png); behavior: url(/img/iepngfix.htc);}
#menu ul.level3 {background-image:url(/img/black_t90.png); behavior: url(/img/iepngfix.htc);}
#menu b {position:absolute;}
#menu a {display:block; font:normal 11px verdana,arial,sans-serif; color:#0099cc; line-height:20px; text-decoration:none;padding:0 20px 0 10px;}
#menu ul.level1 li.level1-li a.level1-a {float:left; width: 120px;}
#menu ul li:hover ul li {display:block;}
#menu ul ul li:hover {display:block; position:relative;}
#menu ul li:hover > ul {left:-1px; bottom:20px; width: 150px;}
#menu ul ul li:hover > ul {left:100%; top:auto; bottom:-1px;}
#menu li.left:hover > ul {left:auto; right:0px; bottom:20px;}
#menu li.left ul li:hover > ul {left:auto; right:100%;}
#menu a:hover ul {left:-2px; bottom:8px;}
#menu li.left a:hover ul {left:auto; right:3px; bottom:8px;}
#menu li.left ul a {text-align:right; padding:0 10px 0 20px;}
#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {left:100%; visibility:visible;}
#menu li.left a:hover a:hover ul, 
#menu li.left a:hover a:hover a:hover ul {left:auto; right:0; visibility:visible;}
#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {left:-9999px;}
#menu li.left a:hover ul ul, 
#menu li.left a:hover a:hover ul ul {left:-9999px;}
#menu li a.fly {background:transparent url(/img/arrow_right.png) no-repeat right center; }
#menu li.up ul a.fly {background:transparent url(/img/arrow_up.png) no-repeat left center;}
#menu li a:hover,
#menu li a.fly:hover {background-color: #fff;} 
#menu li:hover > a,
#menu ul li:hover > a.fly {background-color:#fff;}
#menu table {position:absolute; height:0; width:0; left:0; border-collapse:collapse;}
#menu table table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:28px;}
#menu li.left table {position:absolute; height:0; width:0; left:auto; right:0; border-collapse:collapse;}
#menu li.left table table {position:absolute; left:auto; right:100%; height:0; width:0; border-collapse:collapse; margin-top:28px;}
.l_float {display: block; float: left; height: 40px; padding: 0px 0px 0px 20px; font-size: 11px; color: #888;}
.r_float {display: block; float: right; height: 40px; padding: 0px 20px 0px 0px; font-size: 11px; color: #888;}
.blue {color: #0099cc;}
.grey {color: #666;}
.l_float p {padding: 0px; margin: 0px;}
.r_float p {padding: 0px; margin: 0px;}
img {outline:0; border:0;}
a {color: #0099cc; text-decoration: none; padding: 0px; margin: 0px;}
.desc{position:relative; bottom:52px; left:0px; display: none; background-color: #000; font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif; font-size:11px; color:#fff; width: 100%; height: 44px;}
.desc_content{padding:10px; text-shadow: #000 1px 1px 0px;}
#blogpreview {display: block; width: 300px; margin-left: 20px; margin-top: 5px;}
#blogpreview img {margin-right: 5px; border: 1px dotted #0099cc;}
#blogpreview .blogblocks {display: block; float: left; height: 70px; color: #888;}
.blogblocks a:hover {color: #444;}
#page {display: block; height: 490px; margin-top: 5px; overflow: hidden; }
#page a {border-bottom: none;}
#page p {margin: 0px; padding: 0px; color: #444;}
#page ul {margin: 0px; padding: 0px;}
#page div#rotator {display: block; height:350px; width: 231px; overflow: hidden; margin: 0px; padding: 0px;}
div#rotator ul li {float:left; position:absolute; list-style: none;}
div#rotator ul li img {border: 1px solid #ccc; padding: 4px; background: #FFF;}
.subpage {float: left; display: block; height: 490px; padding: 10px 20px; border-right: 1px solid #eee; border-left: 1px solid #fdfdfd;}
.noimage{background-image: none; padding: 20px 20px; height: 500px;}

/* New Frontsite View */
#lightbox .videobox {display: block; width: 330px; height: 500px; border-right: 1px solid #000; float: left;}
#lightbox .videobox .video {width: 330px; height: 247px; float: left; border-bottom: 1px solid #000; border-top: 1px solid #000; overflow: hidden;}
#lightbox .videobox h2 {font-family: arial; font-weight: small; font-size: 16px; margin-top: 10px; margin-left: 5px;text-shadow: #000 1px 1px 0px;}
#lightbox .videobox .newimage {float: left; width: 330px; height: 220px; background-image:url(http://www.marcelhauri.com/images/projects/polaroid/pola_500_003.jpg); background-position: -50px -145px; background-repeat: no-repeat; border-top: 1px solid #333;} 
#lightbox .videobox h3 {font-size: 12px; color: #ddd; font-family: arial; font-weight: normal; padding: 15px 0px 10px 10px; border-bottom: 1px solid #000; background-image:url(http://www.marcelhauri.com/img/black_t90.png); margin: 0px;}
#lightbox .videobox h3 a{font-weight: normal;}
#lightbox .fotobox {display: block; width: 330px; height: 500px; background-image:url(http://www.marcelhauri.com/images/wedding/natascha-remy/wedding_10_500.jpg); border-right: 1px solid #000; float: left;}
#lightbox .fotobox h2 {font-size: 12px; color: #ddd; font-family: arial; font-weight: small; padding: 15px 0px 10px 20px; border-bottom: 1px solid #000; background-image:url(http://www.marcelhauri.com/img/black_t80.png); }
#lightbox .linkbox { background-color: #222; width: 330px; height: 500px; float: left;}
#lightbox .linkbox ul {list-style-type: none; padding: 0px; margin: 0px;}
#lightbox .linkbox li { margin-bottom: 1px;}
#lightbox .textbox { background-color: #222; padding: 5px 10px 10px 10px; width: 330px; height: 485px; float: left; border-left: 1px solid #333; border-right: 1px solid #000; overflow: hidden;}
#lightbox .textbox h1 {font-family: arial; font-weight: small; font-size: 16px; text-shadow: #000 1px 1px 0px;}
#lightbox .textbox h2 {font-family: arial; font-weight: small; font-size: 16px; margin-top: 25px; text-shadow: #000 1px 1px 0px;}
#lightbox .textbox p {text-shadow: #000 1px 1px 0px; margin: 0px; padding: 0px; color: #ddd;}
#lightbox .quarter {width: 75px; padding-left:8px;}
#lightbox .endline {display: block; width: 1px; height: 500px; border-left: 1px solid #333; float: left;}

/* Twitter Bubble */
#lightbox div.bubble {width: auto;font-size: 9px;margin-bottom: 24px;}
#lightbox div.bubble .blockquote {margin: 0px; padding: 10px; border: 1px solid #000; background-color: #111;}
#lightbox div.bubble .blockquote p  {font-size: 9px;}
#lightbox div.bubble cite {position: relative; margin: 0px; padding: 7px 0px 0px 0px; top: 6px; background: transparent url(tip.gif) no-repeat 20px 0; font-style: normal; text-shadow: #000 1px 1px 0px;}

/* Facebook Like */
#like {position: absolute; bottom: 85px; display: block; width: 290px; padding: 5px 0px; height: 30px; overflow: hidden;}
#like .connect_widget_text {color: #ddd;}

#footer h1 {font-size: 12px; font-weight: bold; font-family: arial; margin: 0px; padding: 0px; float: left; color: #888; margin-top: -1px; margin-right: 3px;}
#footer p {float: left;}

/* Flickr Badge */
#lightbox #flickr_badge_wrapper {margin-top: 5px; }
#lightbox #flickr_badge_logo {margin-top: 50px; }
#lightbox #flickr_badge_logo img {border: 0px; filter:alpha(opacity=20); opacity: 0.2; -moz-opacity:0.2;}
#lightbox #flickr_badge_logo img:hover {border: 0px; filter:alpha(opacity=100); opacity: 1; -moz-opacity:1;}
#lightbox #flickr_badge_wrapper a {border: 0px;}
#lightbox .flickr_badge_image {margin: 0px 0px 3px 0px;}
#lightbox .flickr_badge_image img {filter:alpha(opacity=20); opacity: 0.2; -moz-opacity:0.2;  border: 1px solid #000;}
#lightbox .flickr_badge_image img:hover {filter:alpha(opacity=100); opacity: 1; -moz-opacity:1;  border: 1px solid #000;}