body {background: white; text-align: center; padding: 0px; font-family: Arial, Verdana, "Trebuchet MS", Tahoma; margin: 0px; padding: 0px; font-size: 76%; }
html {overflow-y: scroll;}

body, a, a:visited { color:#181818;}

h1, .h1 {font-size: 180%; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold;}
h2, .h2 {font-size: 160%; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold;}
h3, .h3 {font-size: 130%; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold;}
h4, .h4 {font-size: 110%; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold;}
h5, .h5 {font-size: 100%; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold;}
p {margin: 0px 0px 10px 0px; padding: 0px;}
h1, h2, h3, h4, h5, p {position: relative; left: 0px; top: 0px;}

img {border: none; margin: 0px; padding: 0px; vertical-align: bottom; }
ul { text-align: left;}
li {padding-left: 6px;}
div {margin: 0px; padding: 0px;}
td {vertical-align: top;}
form {padding: 0px; margin: 0px;}

/* ***** generic css ***** */
.logo {width: 308px; height: 100px; border: none;}
.clear {clear: both; font-size: 1px; height: 1px;}
.clear img, .clear div {width: 100%; height: 1px;}
.textonly {display: none;}
.formErr {display: block; color: red; }
.formNoErr {display: none; }
.page404 {text-align: center;}
.bold {font-weight: bold;}
.btn {border: none; height: 24px; overflow: visible; padding: 0px 8px; font-weight: bold; cursor: pointer}
.txtfield { border: 1px solid rgb(165,172,178); padding: 1px 2px;}
.selfield { border: 1px solid rgb(165,172,178);  }
.chkbox {position: relative; top: 2px; left: 0px;}
.imgbtn {padding: 0px; border: 0px; margin: 0px;}
.accesskeys {display: none;}

/* standard content css */


/* layout css */
.page {width: 960px; margin: 0px auto 0px auto; padding:0px 0px 30px 0px; text-align: left; background-color:white; border:1px solid #cccccc;  }

.header { display:block; width:960px; height: 157px; text-align: right; padding:0px 0px 0px 0px; position:relative;   }
.header .mainTitle {width:893px; margin:0px auto; position:relative; top:35px;  }


.topmenu { height: 28px; }
.topmenu .menu { width: 710px; height: 22px; margin:0px auto; text-transform:uppercase; font-size:96%; }
.topmenu .menu a, .topmenu .menu a:visited {font-weight: normal; text-decoration: none;}
.topmenu .menu a:hover {color:#7d7d7d;}
.topmenu .menu .item {float: left; height: 22px; }
.topmenu .sel a, .topmenu .sel a:visited { color:#7d7d7d; }
.topmenu .menu .item p { margin: 0px; padding: 5px 13px 0px 13px; text-align: center; }

.submenu { width: 850px; height: 28px; margin:0px auto 20px auto;  position:relative; }
.submenu .menu { padding:0px 35px; height: 28px; text-transform:uppercase; }
.submenu .menu a, .topmenu .menu a:visited {font-weight: normal; text-decoration: none;}
.submenu .menu a:hover {color:#7d7d7d;}
.submenu .menu .item {float: left; height: 22px; }
.submenu .sel a, .submenu .sel a:visited { color:#7d7d7d; }
.submenu .menu .item p { margin: 0px; padding: 5px 37px 0px 37px; text-align: center; }
.submenu .div {width:958px; height:1px; position:absolute; top:28px; left:-54px; background:url(/images/div.gif) 0px 0px no-repeat; }

.pageBody { width:850px; margin: 0px auto;  }
.pagearea { height: 140px; }
html>body .pagearea {height: auto; min-height: 140px;}

.pageTitle { border-bottom: 2px dashed rgb(254,181,111); padding-bottom: 5px; margin-bottom: 17px;}
.pageTitle h1 {text-align: right;}
.pageTitle h1 a, .pageTitle h1 a:visited {text-decoration: none; color: rgb(80,80,80); font-size: 24px; font-weight: normal;}

.viewingBtn {position:absolute; }
.viewingBtn p {text-align:center; text-transform:uppercase; margin:0px; padding:0px; }
.viewingBtn a { display:block; width:200px; height:20px; padding-top:10px; background:white; text-decoration:none;  }



/* ***** HOME PAGE STYLES ***** */
#banner {width:960px; height:250px; }
#slideshow {position:relative;} /*top:54px;}*/
#slideshow .galImg { width:960px; height:250px; position:relative; visibility:hidden; }
#slideshow #img0 {visibility:visible;}

.home {position:relative; padding-top:30px;  }
.home .div {width:958px; height:1px; margin:0px auto; background:url(/images/div.gif) 0px 0px no-repeat; }
.home .divTop { }
.home .homeContent {width:720px; margin:16px auto 10px auto; text-align:center; text-transform:uppercase;  }

.home .viewingBtn {top:-30px; left:730px; }


/* default page styles */
.default {margin-top:25px; position:relative;}
.default .lcol {width: 340px; margin-left:72px; float: left; display:inline;   }
.default .rcol {width: 300px; margin-left: 25px; float: left; display:inline; text-align:right;  }

.default .viewingBtn {top:-55px; left:676px; }

.default .rcol img {margin:8px 0px 0px 0px; }

.default .lcol .content ul {list-style-position:outside; padding-left:10px;  }
.default .lcol .content li {margin:0px 0px 8px 10px; }

/* contact page styles */
.contact .rcol {text-align:left; }
.contact .rcol .row {display:block; height:30px; clear:both; }
.contact .rcol .messageRow { height:85px; }
.contact .rcol label {float:left; width:80px;  }
.contact .rcol .txtfield {float:right; display:block; width:181px; }
.contact .rcol .txtarea {float:right; display:block; width:181px; height:75px; }

.contact .rcol #contactSubmit {float:right; margin-top:10px; }
.btn {border: none; height: 19px; background:url(/images/galleryNext.gif) top right no-repeat; padding: 0px 15px; font-weight: normal; cursor: pointer}


#gallery { width:960px; margin:0px; padding:0px; position:relative; overflow:hidden; }
#gallery #imgCon {width:100%; margin:0px; }
#gallery #imgCon .img { width:674px; margin:0px auto; text-align:center; position:relative;}

#nav { width:960px; height:22px; position:absolute; top:160px; left:0px; }
#nav #prev {width:95px; margin-left:30px;  float:left; display:inline; text-align:left; background:url(/images/galleryPrev.gif) 0px 0px no-repeat; }
#nav #next {width:95px; margin-right:30px; float:right; display:inline; text-align:right; background:url(/images/galleryNext.gif) 0px 0px no-repeat; }
#nav a, #nav a:visited { display:block; height:18px width:80px; text-transform:uppercase; text-decoration:none; }
#nav a:hover {color:#7d7d7d; } 
#next a, #next a:visited { padding:2px 15px 0px 0px; }
#prev a, #prev a:visited { padding:2px 0px 0px 15px; }


#gallery #thumbsCon { float:left; position:relative; left:50%; width:640px; text-align:center; margin:30px 0px 0px 0px; } /* width: 640px is used to correct centering issue in IE6 */
#gallery ul#thumbnails { list-style:none; position:relative; left:-50%; margin:0px; padding:0px; }

#gallery ul#thumbnails li.thumb { display:inline; margin:0px 15px; }

#gallery .viewingBtn { bottom:0px; left:237px; }

.images #thumbnails { height:50px; }
.plans #thumbnails { height:80px; }


.footer {text-align: center; padding: 10px 0px;}
.footer, .footer a, .footer a:visited {color: #b1b1b1; text-decoration: none; }
.footer a:hover {text-decoration: underline;}
.footer .menu {font-size: 90%;  }
.footer .menu .item {display: inline; text-transform:lowercase; }
.footer .menu .sep {display: inline; border-right: 1px solid rgb(89,89,89); height: 16px;}
.footer .menu p {margin: 0px; padding: 0px 8px 0px 12px; text-align: center; display: inline;}
.footer .menu .flag p {margin: 0px; padding: 0px 0px 0px 12px; text-align: center; display: inline;}
.footer .menu .tab { margin: 0px 4px; padding: 0px;}

/* lightbox */
.lightbox{
    display:none;
    position: absolute;
    top:50%;
    left:50%;
    z-index:9999;
    width:500px;
    height:400px;
    margin:-220px 0 0 -250px;
    }
.lightbox[id]{ /* IE6 and below Can't See This */
    position:fixed;
    }

#overlay{
    display:none;
    position:absolute;
    top:0;
    left:0;
    width:100%; 
    height:100%;
    z-index:5000;   
    background-color:#fff;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);
    }
#overlay[id]{ /* IE6 and below Can't See This */
    position:fixed;
    }
    
.contactbox {border: 1px solid #000; background-color:#fff; height: 295px; padding-top: 20px; }
.brochurebox {border: 1px solid #000; background-color:#fff; height: 230px; padding-top: 20px; }
.lightbox .X {position: absolute; right: 5px; top: 5px;}
.lightbox .X a {display:block; text-decoration: none; font-weight: bold;}
.lightbox .X a:hover {text-decoration: none;}

.contactbox .row, .brochurebox .row { margin-bottom: 10px;}
.contactbox .row label, .brochurebox .row label {float:left; width: 110px;}
.contactbox .row .field, .brochurebox .row .field {float:left; margin-left: 10px;}

.brochurebox .formbox h3 {margin-bottom: 50px;}
.brochurebox .formbox .lcol {float:left; width: 40px; margin-left: 170px;}
.brochurebox .formbox .rcol {float:left; }

* html .brochurebox .formbox .lcol {margin-left: 85px;}

.pagearea .brochurebox {height: 150px; text-align: center;}
.pagearea .brochurebox img {display:none;}






#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #fff; }