* {margin: 0;} body { font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none; background-color: #99EBD5; background-image: url('../images/bg_main.jpg'); background-repeat: repeat-x; background-attachment:fixed; } a:link { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; text-decoration: none; } a:visited { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; text-decoration: none; } a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #003366; text-decoration: none; } a:active { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; text-decoration: none; } a img {border: 0;} h1 {font: 12px Arial, Helvetica, sans-serif; font-weight:bold; color: #ff0000} h2 {font: 10px Arial, Helvetica, sans-serif; font-weight:bold; color: #009966} /**************** LAYOUT ****************/ .mainnav { background-image: url('../images/linkshead_bg.png'); background-repeat: no-repeat } .texthead { font: 12px Arial, Helvetica, sans-serif; font-weight:bold; color: #ff0000; background-image: url('../images/newshead_bg.png'); background-repeat: no-repeat } .subhead { font: 12px Arial, Helvetica, sans-serif; font-weight:bold; color: #006600} .linkoff { font: 11px Arial, Helvetica, sans-serif; color: #003366} .content { font: 12px Arial, Helvetica, sans-serif; color: #000000} .content_sub { font: 11px Arial, Helvetica, sans-serif; color: #000000} .form_bg { font: 11px Arial, Helvetica, sans-serif; color: #000000; background-image: url('../images/form_bg.png'); background-repeat: no-repeat} .contact_bg { font: 11px Arial, Helvetica, sans-serif; color: #000000; background-image: url('../images/contact_bg.png'); background-repeat: no-repeat; padding:8px; } .contact_bg a { font: 11px Arial, Helvetica, sans-serif; color: #cc0000 } .contact_bg a:hover { font: 11px Arial, Helvetica, sans-serif; color: #003366 } .home_bg { font: 11px Arial, Helvetica, sans-serif; color: #000000; background-image: url('../images/eventshead_bg.png'); padding: 0 0 0 17px; -moz-border-radius:15px; -webkit-border-radius: 15px;} .home_bg a { font: 11px Arial, Helvetica, sans-serif; color: #cc0000 } .home_bg a:hover { font: 11px Arial, Helvetica, sans-serif; color: #003366 } .blogimage_bg { font: 11px Arial, Helvetica, sans-serif; color: #000000; background-image: url('../images/eventshead_bg.png'); padding: 5px; margin:0 0 0 0; } #blogimage_crop {height: 200px; width: 200px; overflow: hidden; margin:5px 0 0 5px; } #blogimage_crop_bg {height: 210px; width: 210px; overflow: hidden; padding: 0px; background: url('../images/blogimage_bg.png') no-repeat; } .blogimagecopy_crop {height: 100%; width: 210px; margin:5px 0 0 0; } .sidebar_bg { font: 11px Arial, Helvetica, sans-serif; color: #000000; background-image: url('../images/eventshead_bg.png'); padding: 10px; -moz-border-radius:15px; -webkit-border-radius: 15px;} .sidebar_bg a { font: 11px Arial, Helvetica, sans-serif; color: #cc0000 } .sidebar_bg a:hover { font: 11px Arial, Helvetica, sans-serif; color: #003366 } .centre_bg { font: 11px Arial, Helvetica, sans-serif; color: #000000;} .centre_bg a { font: 11px Arial, Helvetica, sans-serif; color: #cc0000 } .centre_bg a:hover { font: 11px Arial, Helvetica, sans-serif; color: #003366 } .wce_bg { font: 11px Arial, Helvetica, sans-serif; color: #000000; background-image: url('../images/wce_bg.png'); background-repeat: no-repeat} .wce_bg a { font: 11px Arial, Helvetica, sans-serif; color: #cc0000 } .wce_bg a:hover { font: 11px Arial, Helvetica, sans-serif; color: #003366 } .eventhead { font: 12px Arial, Helvetica, sans-serif; font-weight:bold; color: #006633} .therapytext { font: 12px Arial, Helvetica, sans-serif; color: #000000 } .therapists1 { font: 12px Arial, Helvetica, sans-serif; color: #000000; background-image: url('../images/eventshead_bg2.png'); } .therapists2 { font: 12px Arial, Helvetica, sans-serif; color: #000000; background-image: url('../images/eventshead_bg3.png'); } .therapists3 { font: 12px Arial, Helvetica, sans-serif; color: #000000; background-image: url('../images/eventshead_bg.png'); } .linkspage { font: 12px Arial, Helvetica, sans-serif; color: #000000; background-image: url('../images/linkspage_bg.png'); background-repeat: repeat-y } .linkspage a { font: 12px Arial, Helvetica, sans-serif; font-weight:bold; color: #cc0000} .linkspage a:hover { font: 12px Arial, Helvetica, sans-serif; font-weight:bold; color: #ffffff} /**************** BLOG ****************/ .blog { font: 12px Arial, Helvetica, sans-serif; color: #000000; background-image: url('../images/eventshead_bg.png'); padding: 10px 17px 10px 17px; -moz-border-radius:15px; -webkit-border-radius: 15px;} .blog h1 {font: 15px Georgia, Helvetica, sans-serif; color: #006600; background-image: url('../images/logo_post.png'); background-repeat: no-repeat; margin: 0 40px 0 0; padding: 17px 0 0 40px; font-weight: bold; } .blog h2 {font: 11px Georgia, Helvetica, sans-serif; color: #006600;} .blog h3 {font: 11px Arial, Helvetica, sans-serif; color: #000000; font-weight: bold; font-style: italic;} .blog h4 {font: 11px Arial, Helvetica, sans-serif; color: #006699; font-weight: bold; float: right;} .blog a {font: 12px Arial, Helvetica, sans-serif; color: #FF0000; font-weight: bold;} .blog a:hover {font: 12px Arial, Helvetica, sans-serif; color: #006699; font-weight: bold;} /**************** HOUSE ****************/ /* Picture Styles */ #picture{ position:relative; top:20px; width:860px; height:362px; margin:0px auto; background: url('../images/house/house.png'); overflow:hidden; } /* General More Button */ .more{ position:absolute; width:34px; height:34px; background:url('../images/house/bg2.png'); border:0px solid #444; padding:0px; text-align:left; overflow:hidden; } .more span{ position:absolute; left:34px; width:160px; padding:8px 0 0 5px; color:#FFF; font:bold 13px Lucida Grande, Arial, sans-serif; text-shadow:#000 1px 1px 0px; } .roomtxt{ height:30px; background:url('../images/house/bg.png'); } /* Item Specific More Button */ #garden{ top:120px; left:75px;} #library{ top:190px; left:130px; } #studio{ top:65px; left:255px; } #starroom{ top:125px; left:498px; } #office{ top:254px; left:298px; } #wellspring{ top:257px; left:515px; } #pottery{ top:185px; left:632px; } /* General Info Box */ #infobox{ position:absolute; bottom:-200px; left: 30px; height:300px; width:800px; z-index:20; margin:0 0 -173px 0px; background: url('../images/house/eventshead_bg.png'); padding:5px ; } #infobox a, #infobox a:visited{ font:italic 16px Georgia, serif; color:#555; text-decoration:none; } #infobox a:hover{ text-decoration:underline; } #houseimage_crop{float: left; height: 290px; width: 400px; overflow: hidden; margin:10px 0 0 0px; } #housetitle{position:absolute; left: 423px; top: 10px; height: 20px; width: 370px; margin:10px 0 0 0px; padding:0px; imgalign: right; } #housetext{float: right; height: 245px; width: 370px; overflow: auto; margin:35px 0 0 0; padding:10px; font: 12px Arial, Helvetica, sans-serif; color: #000000; text-align: left; } /* Close button for info box */ span.close{position:absolute; right:4px; top:11px;} /* The dimmed background when the info box is showing */ #fade_bg{ position:relative; top:0; width:860px; height:362px; margin:0px auto; z-index:15; background:url('../images/house/house_fade.png'); display:none;} /**************** FLICKR ****************/ .widget { background: #FFFFFF; width: 300px; border-right: 1px solid #d7b880; border-bottom: 1px solid #d7b880; -moz-border-radius:15px; -webkit-border-radius: 15px; margin: 0 0 15px 0; } .widget .inside {padding: 10px; } .widget ul { list-style: square; margin-left: 15px; } .widget ul a { display: block; padding: 2px; } .widget ul li a:hover { background: #900; color: white; } .thumb { width: 62px; } .flickr-thumb { height: 41px; width: 62px; overflow: hidden; float: left; margin: 0 0 10px 15px; } /* IMAGES FOR FLICKR FEED */ #flickr { background-image: url('../images/home_bg.png'); background-repeat: no-repeat; width: 350px; } #images { padding: 5px 0px 10px 12px; margin: 10px 0 0 0; height: 100%; width: 350px; overflow: hidden; } #images ul { list-style: none; float: left; padding: 0px; margin: 0px; } #images ul li { display: inline; } #images ul li img { border: none; margin: 0 5px 5px 0; width: 50px; height: 50px; } #images ul li img:hover { opacity: 0.5; -moz-opacity: 0.5; }