/*===============================================================

	G L O B A L     V A R I A B L E S

============================================== =GLOBAL VARIABLES */

html, body { 
/* font-family: "Lucida Sans", "Lucida Grande", Arial, Helvetica; */
font-family: "Trebuchet Ms", trebuchet, arial, helvetica, san-serif;
font-size: 65.5%; margin: 0; padding: 0; 
line-height: 1.7em; background: url(/images/background.gif) repeat-x #006291; }

#pagewidth {
width: 960px; margin: 0 auto 0 auto; background: url(/images/header2.gif) center top no-repeat; }
#pagewrapper { width: 926px; margin: -3px auto 0 auto; background: #fff; padding: 0 8px 0 8px;}

#pagewidthhome {
width: 960px; margin: 0 auto 0 auto; background: url(/images/header2.gif) center top no-repeat; }
#pagewrapper { width: 926px; margin: -3px auto 0 auto; background: #fff; padding: 0 8px 0 8px;}

#map { width: 940px; position: absolute; height: 275px; margin: 140px 0 0 10px; border: 1px solid #aaa; }


/*===============================================================

	N A V I G A T I O N 
	
=================================================== =NAVIGATION */

#main_nav { list-style: none; margin: 0; padding: 5px 0 5px 0; height: 20px; background: #efd287; }
#main_nav li { float: left; padding: 2px 12px 2px 12px; }
#main_nav li a { color: #222019; text-transform: uppercase; text-decoration: none; font-weight: bold; letter-spacing: .05em; }
#main_nav li a:hover, #main_nav li.active {  background: #fff; }

.no-rb { border-right: none !important; }

/* ACCESSIBLE ROLL OVERS
#main_nav li { float: left; }
#main_nav li a { text-indent: -999999px; overflow: hidden; display: block; width: 0px; height: 0px; } 

#button1 { background: url(/waterwheel/images/button1.jpg); width: 0px; }
#button1:hover { background: url(/waterwheel/images/button1.jpg) -0px 0; }
#button.active { background: url(/waterwheel/images/button1.jpg) -0px 0; }
*/

/*===============================================================

	T Y P O G R A P H Y
	
==================================================== =TYPOGRAPHY */

h1, h2, h3, h4, h5 { margin: 25px 0 10px 0; }
p { margin: 5px 0 10px 0; }

h1 { font-size: 22px; }
h2 { font-size: 20px; color: #fff; display: inline;}

.h2border { background: #2b759f; padding: 3px; margin: 0 0 25px 0;}
.h2border2 { border: 1px solid #95bacf; padding: 30px 10px 20px 10px;  } 

h5 { text-transform: uppercase; font-size: 16px; letter-spacing: .1em; margin-top: 0px; }

strong { font-weight: bold; }

.fline { text-transform: uppercase; letter-spacing: .05em; }

.white {color:#FFFFFF; text-decoration: none}
.white a:link {color:#FFFFFF; text-decoration: none}
.white a:hover {color:#FFFFFF; text-decoration: none}
.white a:visited {color:#FFFFFF; text-decoration: none}
.white a:active {color:#FFFFFF; text-decoration: none}


h3 { font-size: 15px; letter-spacing: .075em; background: #2b759f; color: #fff; padding: 5px;}

h4 { font-size: 15px; font-weight: bold; text-transform: uppercase; color: #2b769f; letter-spacing: .25em;  }

h3.photo { font-size: 14px; font-weight: bold; color: #2b759f; border-bottom: 1px solid #d3c4b1; line-height: 1.2em;}

p, ul, li, blockquote, dl { font-size: 14px; line-height: 1.65em; }


ul { list-style: disc; padding-left: 15px; margin: 0 0 25px 0;}
ul li { padding-left: 10px; }

/*===============================================================

	L I N K      S Y L E I N G
	
=================================================== =LINK STYLING */

a { color: #2b759f; }
a:hover { text-decoration: none; }
a:visited { }
a:active { }

/*===============================================================

	C O N T E N Thttp://www.3point7designs.com/waterwheel/textpattern/index.php?event=css     S T R U C T U R E
	
============================================== =CONTENT STRUCTURE */

#header { }
#band.flash { margin-top: 100px; }

#logo { text-indent: -9999px; overflow: hidden; }

#band { margin-top: 110px; }

#content { padding: 30px 0 30px 0; }

#footer { clear:both; background: url(/images/footer.gif) no-repeat; width: 960px; height: 160px;} 

#footer p { margin: 0px; font-size: 11px; padding: 55px 0 0 40px; text-transform: uppercase;}

#right_col { width: 288px; float: right;  }
#right_col dl, #right_col p, #right_col ul { font-size: 12px; }
#right_col h3 { margin: 0px 0 2px 0; }

#news { border: 1px solid #d3c4b1; border-bottom: none; padding: 10px; }
#news dt { font-weight: bold; text-transform: uppercase; }

.testimonials { background: #d3c4b1; padding: 20px; }
.hdiv { background: #d3c4b1; }

.avail_homes { font-size: 12px; border-left: 1px solid #d3c4b1; border-right: 1px solid #d3c4b1; padding: 2px; }
.avail_homes dt { font-weight: bold; font-size: 13px; color: #2b759f; }
.avail_homes div { border: 1px solid #d3c4b1; padding: 10px; margin: 10px 0 10px 0; dispay: block; }

#left_col { width: 590px; float: left; padding: 0 0 0 10px;}

.halfcol_left { float: left; width: 49%; }
.halfcol_right { float: right; width: 49%; }


/* ==============================================================

	H O M E S , S E C T I O N
	
============================================================== */

.home { border: 1px solid #d3c4b1; border-bottom: none; padding: 10px; }
.home dt { font-weight: bold; text-transform: uppercase; }



/*===============================================================

	H E L P E R    C L A S S E S
	
============================================== =HELPER CLASSES */

.fr { float: right; }
.fl { float: left; }

.fr15 { float: right; margin: 0 0 0 15px; }
.fl15 { float: left; margin: 0 15px 0 0; }

.listnomargin { margin: 0; padding: 0 0 0 15px; }

.tac { text-align: center; }
.tal { text-align: left; }
.tar { text-align: right; }
.taj { text-align: justify; }

.nomargin { margin: 0; }
.m10 { margin: 10px; }
.m15 { margin: 15px; }
.m20 { margin: 20px; }
.m25 { margin: 25px; }
.m30 { margin: 30px; }

.clear { clear: both; }
.cleft { clear: left; }
.cright { clear: right; }
 
/*===============================================================

	A C C E S S I B I L I T Y
	
======================================= =ACCESSIBILITY CLASSES */

#skip_links { position: absolute; margin-top: -100px; }

.avail_picture { text-align: center; background: #2b759f; padding: 20px 0 20px 0; margin: 25px 0 25px 0; }
.avail_picture img { padding: 5px; border: 1px solid #fff; }

.avail_copy { float: left; width: 70%; }

.avail_list { padding: 0; list-style: none; margin: 25px 0 25px 0; }
.avail_list li { text-transform: uppercase; width: 125px; padding: 3px; border: 1px solid #2b759f; float: left; margin: 0 10px 10px 0; }

.readmore { background: #2b859f; margin: 0; padding: 2px 0 2px 5px;}
.readmore a { color: #fff; }

.details { float: right; width: 25%; padding: 2%; border: 1px solid #ccc; }
.details ul { list-style: none; padding: 0; margin: 0; }
.details ul li { margin: 0; padding: 0; }

.blue_border { padding: 10px; border: 1px solid #2b759f; height: 175px; }
.blue_border h3 { margin-top: 0px; }

.small_details { text-transform: uppercase; }
.left_details { width: 200px; float: left; list-style: none; }
.right_details { width: 200px; float: left; list-style: none; }

.zemContactForm fieldset {
   font-size: 13px; border: 3px double #aaa; padding: 10px; 
   }
.zemContactForm legend {
   padding: 0.5em 10px 0.5em 10px;
   width: 60px; font-weight: bold; text-transform: uppercase; letter-spacing: .15em;
   }
.zemContactForm label {
   float: left;
   width: 60px;
   margin: 0.3em 10px 0 0;
   text-align: right;
   }
.zemContactForm br {
   clear: left;
   }
.zemContactForm #zemSubmit {
   margin: 0.5em 0 0 70px;
   }


.images_for_gal { width: 420px; float: left; height: 300px; margin-right: 15px; }

.copy_for_gal { text-align: justify; }

/**
 * This <div> element is wrapped by statically around the list
 * inside the HTML document.
 */
.jcarousel-scope {
    position: relative;
    width: 285px;
    -moz-border-radius: 10px;
    background: #fff;
    padding:0 15px 0 15px;
}

/**
 * Similar styles will be applied by jCarousel. But we additionally
 * add it here for better displaying with browsers having
 * javascript disabled.
 */
.jcarousel-list {
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.jcarousel-list li {
    float: left;
    list-style: none;
    border-left:1px solid #fff;
    border-right:1px solid #fff;
}

/**
 * The button-elements are added statically in the HTML document
 * to illustrate how to cutomize the prev/next controls.
 *
 * We set display:none to hide them from browsers having
 * javascript. jCarousel will show them automatically.
 */
.jcarousel-next {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}

.jcarousel-next-disabled {
    cursor: default;
    opacity: .5;
    -moz-opacity: .5;
    filter: alpha(opacity=50);
}

.jcarousel-prev {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}

.jcarousel-prev-disabled {
    cursor: default;
    opacity: .5;
    -moz-opacity: .5;
    filter: alpha(opacity=50);
}

#container {
	width:420px;
	font-size:8pt;
	font-family:arial;
        height: 350px; 
}
#slideholder {
	width:420px;
	height:350px;
	background:url(/img/loading.gif) 50% 50% no-repeat #fff;
}
#slide {
	width:420px;
	height:280px;
}
#thumbs {
	margin: 15px 0 0 0;
}
.hak_thumb {
   width:98px;
}