*{margin:0;padding:0;}
img{border:none;}

html{background-color:#fff; line-height:1.1em;}
body {width:1000px;margin:0 auto;background-color1:#ccc; font-size:87%;font-family:Georgia,'Bookman Old Style',Garamond,'Times New Roman',serif;}

h1{color:#333;font-weight:normal;font-size:2em;}
h2, h3 {font-weight:normal;margin-bottom:20px;}
h2{color:#b6262f;font-size:1.1em;margin-left:12px;}
h3{color:#b6262f;font-size:1em;margin-bottom:3px;font-family:sans-serif;font-weight:bold;}
h4 {color:#333;font-weight:normal;font-size:2em;margin:10px 0 0 10px;}
p{margin-bottom:5px;}
a:link, a:visited {color:#b6262f;text-decoration:none;}
a:hover, a:active {color:#000;text-decoration:underline;}

.sub-heading{color:#999;font-size:0.75em;margin-left:12px;margin-top:-3px;}
.sub-heading-location{color:#999;font-size:0.75em;margin-left:0;margin-top:-2px;}

h1.eehh{margin:20px 0;}

/* Grid rules
--------------------------------------------------*/
#leftwrapper,#right-text,#thumb,.thumb1,.thumb2,.thumb3,.thumb4, #text-lo-left, #text-lo-right,#text-lo-left .list1, #text-lo-left .list2, #text-lo-left .list3, .pleft,.pright{float:left; display: inline; margin-left:10px;}
#terms-right-text,#terms-text-lo-left, #terms-text-lo-right{float:left; display: inline; margin-left:10px;}
#leftwrapper{width:670px;margin-left:0px;}

/* Header
--------------------------------------------*/
#logo{margin:0 10px 0 0;}

#header{width:978px;margin:10px 10px 0 10px ;background-color:#fff;border:1px solid #000;border-bottom:none; background-image1:url(assets/ee-logo-long.jpg); background-repeat:no-repeat; background-position:top center;height:237px;}
#header-property{width:978px;margin:10px 10px 0 10px ;background-color:#fff;}
#header-property #logo-only {margin:2px 0 20px 10px;}
/* Menu
--------------------------------------------*/
#menu {margin:0 10px;background-color:#646464;padding:5px ;}
#menu ul{width:100%;}
#menu ul li{display:inline;}
#menu ul li a:link, #menu ul li a:visited {margin:5px ;font-size:1.2em;color:#fff;text-decoration:none;padding:5px 2px;}
#menu ul li a:hover{background-color:#ccc;color:#000;} 

/* Photo
---------------------------------------*/
#photo  {width:650px;display:block;float:left;}
#photo  ul {list-style:none; padding:0; margin-top:375px; width:650px; position:relative; float:left;}
#photo  ul li {display:inline; width:150px; height:85px; float:left; margin:0 0 5px 10px;}
#photo  ul li a {display:block; width:150px; height:85px; text-decoration:none; border:1px solid #000;}
#photo  ul li a img {display:block; width:150px; height:85px; border:0;}
#photo  ul li a:hover {white-space:normal; border-color:#ddd;}
#photo  ul li a:hover img {position:absolute; left:10px; top:-365px; width:auto; height:auto; border:1px solid #000;}


.bayview {background-image:url(assets/bayview-outside2.jpg); background-repeat:no-repeat; background-position:10px 10px;}
.homeonbay {background-image:url(assets/home-on-the-bay-lounge.jpg); background-repeat:no-repeat; background-position:10px 10px;}
.freedom {background-image:url(assets/freedom-outside-new.jpg); background-repeat:no-repeat; background-position:10px 10px;}
.heights{background-image:url(assets/eagles-nest.jpg); background-repeat:no-repeat; background-position:10px 10px;}
.mainbreak{background-image:url(assets/yallingup-main-break-outside.jpg); background-repeat:no-repeat; background-position:10px 10px;}
.bayside {background-image:url(assets/dunsborough-bayside-outside.jpg); background-repeat:no-repeat; background-position:10px 10px;}
.crinian{background-image:url(assets/love-outside.jpg); background-repeat:no-repeat; background-position:10px 10px;}
.momiji{background-image:url(assets/yallingup-momiji-holiday-rental-outside.jpg); background-repeat:no-repeat; background-position:10px 10px;}
.bayescape{background-image:url(assets/bayescape-outside.jpg); background-repeat:no-repeat; background-position:10px 10px;}
.lagoona{background-image:url(assets/casa-lagoona-outside.jpg); background-repeat:no-repeat; background-position:10px 10px;}
.kalani{background-image:url(assets/kalani-outside.jpg); background-repeat:no-repeat; background-position:10px 10px;}
.melaleuca{background-image:url(assets/melaleuca-yallingup-sunset.jpg); background-repeat:no-repeat; background-position:10px 10px;}
.dunsborough-cove{background-image:url(assets/dunsborough-cove-outside.jpg); background-repeat:no-repeat; background-position:10px 10px;}
.sublime{background-image:url(assets/yallingup-sublime/yallingup-sublime-outside-2.jpg); background-repeat:no-repeat; background-position:10px 10px;}
.beachscape{background-image:url(assets/dunsborough-beachscape/dunsborough-beachscape-outside.jpg); background-repeat:no-repeat; background-position:10px 10px;}
/* Photo frontpage
---------------------------------------*/
.frontpicwrap{margin-top:15px;}
.thirdpic{margin-bottom:20px;border:1px solid #000;}




/* Area page
--------------------------------------*/
.propshow{display:inline;float:left;border:1px solid #ccc;margin:0;}
.pleft, .pright{width:310px;margin-bottom:10px;margin-left:10px;}
.pleft{}
.propshow a:hover h4, .pleft a:hover h4, .pright a:hover h4, .propshow p{color:#ccc;text-decoration:none;}
.propshow a:hover .sub-heading-location{color:#000;text-decoration:none;}


/* Text
-------------------------------------*/
#main-text {width:650px;margin-top:10px;}
#main-text h1{padding:0 10px 10px;}
#main-text p{margin-bottom:15px;padding:0 10px;text-align:justify;}
#main-text h3{margin-left:10px;}




#right-text{width:310px;margin-top:10px;}
#right-text h1{padding:0 10px;}
#right-text p{margin-bottom:15px;padding:0 10px;text-align:justify;}
#right-text h3{margin-left:10px;}



#text-lo-left{width:320px;margin-top:20px;margin-left:10px;}
#text-lo-left h1{padding:0 10px;}
#text-lo-left p{margin-bottom:15px;padding:0 10px;text-align:justify;}
#text-lo-left h3{margin-left:10px;}

#text-lo-right{width:320px;margin-top:20px;}
#text-lo-right h1{padding:0 10px;}
#text-lo-right p{margin-bottom:15px;padding:0 10px;text-align:justify;}
#text-lo-right h3{margin-left:10px;}
#text-lo-right h3 {margin-left:0;}

.list1, .list2 {width:150px;margin-bottom:40px;}



.feature-line{color:#b6262f;font-family:sans-serif;padding:10px;width:80%;margin:0 auto;}
.feature-line-main{color:#b6262f;font-family:sans-serif;padding:20px;width:90%;margin:0 auto;}
.print-letter{font-size:2em;margin:0 5px 2px 0;float:left;top:-0.2em;}


/* Price
------------------------------------------*/
#price li{list-style-type:none;border1:1px solid #000;margin-bottom:5px;}
#price ul{width:75px;float:left;display:inline;margin-left:6px;margin-bottom:20px;}
#text-lo-right .main{margin-left:0;}

.smallprint{font-size:0.8em;}
.stupid-people{font-style:italic;margin:0 190px;}


/* Map
------------------------------------------------*/
#map{border1:1px solid #000;margin-bottom:20px;}

/* Book Now
-------------------------------------------------*/
.green{border:1px solid #b6262f;}
.red{border1:1px solid #54a468;}

/* Terms
--------------------------------------------------*/
#terms p, #terms-right-text p{margin:0 10px 15px;text-align:justify;}
#terms h3, #terms-right-text h3{margin:10px ;}
#terms-right-text{width:320px;margin-top:10px;}
#terms-text-lo-left{width:320px;margin-top:10px;margin-left:0;}
#terms-text-lo-right{width:320px;margin-top:10px;}
#terms ol{margin:0 0 20px 10px;}
#terms li{ list-style-position:inside;margin-bottom:10px;}


/* Footer
-------------------------------------------*/
#footer {clear:both;margin:20px 10px;border-top:2px solid #b6262f;}

.clear {clear:both;}



/* Booking
------------------------------------------------------------------------------*/
#bookingform {width:630px;}
.fieldset{margin-bottom:20px;float:right;width:630px;}
.fieldset label{width:290px;float:left;margin-left:10px;}

.fieldset .textbox,.fieldset .dropbox,.fieldset .msg, #arrive, #depart{width:197px;margin-left:120px;}
.fieldset .dropbox{width:200px;}
 #arrive, #depart{width:195px;margin-left:120px;}
 #msg .msg {margin-left:120px;}
 
.day{width:45px;}
.month{width:100px;}
.year{width:50px;}
#url, .hide{ display:none; visibility:hidden;} 

.submit{clear:both;margin:10px 10px 20px 10px;}

.red{color:red;}


/* Services
----------------------------------------------------------------------------*/
.services{margin-top:20px;border-bottom:1px solid #000;min-height:180px;}
.service-photo{float:right;margin-left:15px;clear:both;}
.service-links{list-style-type:none;margin:20px 0 20px 20px;}
.top{float:right;}



/* Links
------------------------------------------------------------------------*/
.linksection{margin-top:20px;font-family:sans-serif;min-height:115px;}
.linksection dl{padding-bottom:20px;}
.linksection dt{float:left;margin-right:5px;}
.linksection dd {float:right;margin-right:5px;}
.linksection dt{clear:both;margin-left:10px;}
.linksection dd{color:#ccc;margin-left:15px;font-size:0.7em; text-transform:uppercase;}
.friendsimage{margin:10px 10px 0 ;}


/*
.msglabel {margin-top:50px;}
.dropbox{width:205px;}
#arrive, #depart{float:right;width:220px;margin-top:0;margin-right:68px;}
.day, .month, .year{float:left;margin-left:3px;}


#special a:link, .viewlink a:link{color:#636969;border-bottom:1px solid #d68951;text-decoration:none;}
#special  a:hover,#special  a:focus,#special  a:active, .viewlink a:hover, .viewlink a:focus, .viewlink a:active{color:#d68951;text-decoration:underline;border:none;}
#url {margin-top:100px;}
*/


