#dummy-element{width:2px;} /* Necessary to check if StyleSheet has loaded */ 

body {margin: 0; padding: 0; font-family: arial, sans-serif; font-size: 12px; background: #fff url(../images/logo03.gif) 0 0 no-repeat;}
.clear {clear: both;}
.display_none {display: none;}
div#topleft {position: absolute; top: 0; left: 0; width: 70px; height: 170px; margin: 0; padding: 0;}
div#topleft a {display: block; width: 100%; height: 100%;}
div#footer {width: 800px; text-align: left; color: #aaa; font-size: 11px; margin: 0 0 10px 90px; padding: 0;}
div#footer a {color: #226bdc; text-decoration: underline;}
div#footer a:hover {color: #76a7f3; text-decoration: none;}

/* ============== style switcher links ========== */
div#topright {position: absolute; top: 0; right: 0; margin: 10px 20px 0 0; padding: 0; text-align: right;}
div#topright em {color: #777;}
div#topright a {margin: 0 10px 0 0; padding: 0 0 0 20px; color: #226bdc; text-decoration: underline;}
div#topright a:hover {color: #76a7f3; text-decoration: none;}
div#topright a.light {display: none;}
div#topright a.dark {background: #fff url(../images/moon1.gif) top left no-repeat;}

/* =========== middle image or thumbnails ========== */
div#middle {z-index: 100; width: 100%; padding: 0; margin: 0; background-color: #eee; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
div#middle_home {margin: 0 0 0 0; width: 100%; height: 250px; background: #aaa url(../images/skyline.jpg) top left no-repeat; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
div#middle_about {width: 100%; height: 250px; background: #aaa url(../images/church.jpg) top left no-repeat; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}

/* =================== about page ================ */
div#about_main {width: 800px; margin: 20px 0 100px 90px;}
div#about_left {float: left; width: 350px;}
div#about_right {float: right; width: 350px;}
div#about_left h2, div#about_right h2 {border-bottom: 1px solid #ddd; color: #444; margin: 0 0 5px 0; padding: 0; font-weight: bold; font-size: 16px;}
div#about_left p, div#about_right p {margin: 0 0 10px 0; padding: 0;}
ul.about {list-style: none; margin: 10px 0 30px 10px; padding: 0;}
ul.about li {margin: 0; padding: 0 0 8px 20px;}
ul.about li a {color: #226bdc; text-decoration: underline;}
ul.about li a:hover {color: #76a7f3; text-decoration: none;}
ul.about li.email {background: url(../images/email1.gif) top left no-repeat;}
ul.about li.gmail {background: url(../images/gmail1.gif) top left no-repeat;}
ul.about li.facebook {background: url(../images/facebook1.gif) top left no-repeat;}
ul.about li.flickr {background: url(../images/flickr1.gif) top left no-repeat;}
ul.about li.twitter {background: url(../images/twitter1.gif) top left no-repeat;}
ul.about li.word {background: url(../images/word1.gif) top left no-repeat;}
ul.about li.pdf {background: url(../images/pdf1.gif) top left no-repeat;}
ul.about li.html {background: url(../images/html1.gif) top left no-repeat;}
ul.about li.text {background: url(../images/text1.gif) top left no-repeat;}

/* =============== navigation menu ============ */
div#menu {padding: 0; margin: 0;}
#menu ul {width: 160px; position: relative; bottom: 0; margin: 100px 0 15px 88px; list-style: none; padding: 0; font-weight: normal; font-size: 14px; line-height: 1.0em;}
#menu ul ul {width: 160px; position: absolute; left: 170px; padding: 0; margin: 0; font-weight: normal; font-size: 14px; line-height: 1.0em;}
#menu ul ul ul{width: 160px; position: absolute; left: 170px; padding: 0; margin: 0; font-weight: normal; font-size: 14px; line-height: 1.0em;}
#menu ul li {padding: 0; margin: 0;}
#menu ul ul li {padding: 0; margin: 0;}
#menu ul ul ul li {padding: 0; margin: 0;}
#menu span.active {text-decoration: none; color: #fff; background-color: #226bdc; padding: 1px 2px; margin: 0; display: block;}
#menu ul li a.inactive {text-decoration: none; color: #000; padding: 1px 2px; margin: 0; display: block;}
#menu ul li a.inactive:hover {text-decoration: none; color: #fff; background-color: #76a7f3;}
#menu ul li a.activepath {text-decoration: none; color: #fff; background-color: #226bdc; padding: 1px 2px; margin: 0; display: block;}
#menu ul li a.activepath:hover {text-decoration: none; color: #fff; background-color: #226bdc;}
#menu ul ul li a.inactive {text-decoration: none; color: #000; padding: 1px 2px; margin: 0; display: block;}
#menu ul ul li a.inactive:hover {text-decoration: none; color: #fff; background-color: #76a7f3;}
#menu ul ul li a.activepath {text-decoration: none; color: #fff; background-color: #226bdc; padding: 1px 2px; margin: 0; display: block;}
#menu ul ul li a.activepath:hover {text-decoration: none; color: #fff; background-color: #226bdc;}
#menu ul ul ul li a.inactive {text-decoration: none; color: #000; padding: 1px 2px; margin: 0; display: block; }
#menu ul ul ul li a.inactive:hover {text-decoration: none; color: #fff; background-color: #76a7f3;}

/* ============== web design text stuff that isn't overridden by embedded styles ============= */
div.webdesign_text {color: #000;}
div.webdesign_text a {color: #226bdc; text-decoration: underline;}
div.webdesign_text a:hover {color: #76a7f3; text-decoration: none;}
div.webdesign_text h2 {border-bottom: 1px solid #ddd; color: #444; margin: 0 0 5px 0; padding: 0; font-weight: bold; font-size: 16px;}
div.webdesign_text p {margin: 0 0 10px 0; padding: 0; color: #000;}

/* ============= galleria ============ */
.galleria{list-style:none; width: 800px; margin: 0 0 0 90px; padding: 0;}
.galleria li{float: left; display: block;width:40px;height:40px;overflow:hidden; margin:7px 7px 7px 0; border: 1px solid #ddd;}
.galleria li a{display:none}
.galleria li.active div img,.galleria li.active div{display:block;}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
/*.galleria li .caption{display:block; padding: .5em;}*/
.caption {display: block; padding: 0; margin: 10px 0 0 0; color: #000;}
.caption a {color: #226bdc; text-decoration: underline;}
.caption a:hover {color: #76a7f3; text-decoration: none;}
* html .galleria li div span{width:400px} /* MSIE bug */
.galleria_container {width: 800px; margin: 10px 0 100px 90px; text-align: center;}
.galleria_container img {border: 1px solid #999; margin: 0 0 5px 0;}

/* ========== gallery stuff ========== */
div#tools {width: 800px; margin: 10px 0 10px 90px; padding: 0;}
div#tools a {color: #226bdc; text-decoration: underline;}
div#tools a:hover {color: #76a7f3; text-decoration: none;}
div#gallery_nav {float: left; margin: 0; padding: 0; width: auto; color: #777;}
div#gallery_nav a.prev {background: #fff url(../images/prev.gif) top left no-repeat; padding: 0 0 0 20px;}
div#gallery_nav a.next {background: #fff url(../images/next.gif) top right no-repeat; padding: 0 20px 0 0;}
div#gallery_flickr {float: right; width: auto; margin: 0; padding: 0 0 0 20px; color: #777; background: #fff url(../images/flickr1.gif) top left no-repeat;}
div#gallery_link {float: right; width: auto; margin: 0; padding: 0 0 0 20px; color: #777; background: #fff url(../images/link1.gif) top left no-repeat;}
div#gallery_spacer {width: 1px; height: 56px; margin: 0; padding: 0;}

/* ============ vr panos ============ */
div#pano_left {margin: 20px 0 100px 90px; padding: 0; float: left; width: 340px; text-align: center;}
div#pano_right {color: #000; float: left; width: 410px; margin: 20px 0 0 50px; padding: 0; height: 300px;}
div#pano_right p {color: #000;}
div#pano_right a {color: #226bdc; text-decoration: underline;}
div#pano_right a:hover {color: #76a7f3; text-decoration: none;}
div#pano_right h2 {border-bottom: 1px solid #ddd; color: #444; margin: 0 0 5px 0; padding: 0; font-weight: bold; font-size: 16px;}

/* ============ flash timelapse ============ */
div#timelapse_left {margin: 20px 0 100px 90px; padding: 0; float: left; width: 600px; text-align: center;}
div#timelapse_right {color: #000; float: left; width: 150px; margin: 20px 0 0 50px; padding: 0; height: 300px;}
div#timelapse_right p {color: #000;}
div#timelapse_right a {color: #226bdc; text-decoration: underline;}
div#timelapse_right a:hover {color: #76a7f3; text-decoration: none;}
div#timelapse_right h2 {border-bottom: 1px solid #ddd; color: #444; margin: 0 0 5px 0; padding: 0; font-weight: bold; font-size: 16px;}

/* ============ slideshow page ========== */
div#slideshow_text {width: 150px; float: left; height: 200px; margin: 10px 0 0 50px; padding: 0;}
div#slideshow_text h2 {border-bottom: 1px solid #ddd; color: #444; margin: 0 0 5px 0; padding: 0; font-weight: bold; font-size: 16px;}
div#slideshow_text p {color: #000;}
div#slideshow_text a {color: #226bdc; text-decoration: underline;}
div#slideshow_text a:hover {color: #76a7f3; text-decoration: none;}

/* ========== error pages =========== */
div#middle_error {width: 100%; height: 150px; background: #aaa url(../images/404.jpg) top left no-repeat; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
div#error_main {width: 400px; margin: 20px 0 100px 90px; padding: 0;}

/* ========== ie6 warning ============ */
div#ie6warning {z-index: 1000; margin: 0 0 0 70px; padding: 10px 10px 10px 20px; background-color: #eee;}
div#ie6warning h2 {color: red; font-size: 16px; margin: 10px 0 0 0; padding: 0;}
div#ie6warning p {margin: 4px 0 0 0; padding: 0;}
div#ie6warning a {color: #226bdc; text-decoration: underline;}
div#ie6warning a:hover {color: #76a7f3; text-decoration: none;}