/*
=====================================================================================================================
font-color:#685E49;  Background-color:#CDD5CB;
=====================================================================================================================
*/
/* Template styles
 ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ` ` ` ` ` ` ` ` ` ` ` ` ` ` ` ` ` ` ` ` */
div#wrap{ margin:0 auto; min-width:59em; position:relative; }
body{ padding:1em 2em 0 2em; color:#685E49; font-family:Arial, Helvetica, sans-serif; }
h1,h2,h3,h4,h5,h6{ margin:1em 0; }
p,ul{ line-height:1.2; }
a{ color:#685E49; }
a:hover{ color:#FFF; }
strong{ font-weight:bold; }

/* Branding styles
 ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ` ` ` ` ` ` ` ` ` ` ` ` ` ` ` ` ` ` ` ` */
div#branding{ position:absolute; top:1.25em; width:100%; z-index:10; }
div#branding a{ display:block; position:absolute; right:0; margin:1em; }
div#branding span{ display:block; padding-left:512px; text-align:center; margin:1em;  }

/* Header styles
 ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ` ` ` ` ` ` ` ` ` ` ` ` ` ` ` ` ` ` ` ` */
div#header{ position:relative; height:1.25em; z-index:10; }
ul#main-nav a{ text-decoration:none; }
ul#main-nav a span{ color:#685E49; text-decoration:none; }
ul#main-nav a:hover span, 
ul#main-nav span{ color:#C1BDB5; }
div#header div.bubble-image{ position:absolute; top:1.25em; left:0; background:none; padding:1px; margin:0; }

/* Content styles
 ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ` ` ` ` ` ` ` ` ` ` ` ` ` ` ` ` ` ` ` ` */
div#content{ position:relative; background:#CDD5CB url(/images/bg/bubbles.gif) top right repeat; min-height:500px; border:1px solid #000; padding:0 1em 1em 512px; }
div#content div#content-main { margin-top:168px; }
/* =--= */
div#content-main h1{ font-size:200%; margin:0 148px .5em 0; }
div#content-main h2{ font-size:115%; margin-right:148px; font-style:italic; }
/* =--= */
div#content-main p{ margin:.5em 0; }
div#content-main ul{ list-style:disc; padding-left:1em; }
div#content-main li{ margin:.5em 0; }

/* Footer styles
 ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ` ` ` ` ` ` ` ` ` ` ` ` ` ` ` ` ` ` ` ` */
div#footer{ width:100%; position:relative; }
/* -= Site Info styles =- */
div#footer div#site-info ul{ float:right; }
div#footer div#site-info a{ text-decoration:none; }
div#footer div#site-info a span{ color:#685E49; }
div#footer div#site-info a:hover span, 
div#footer div#site-info span{ color:#C1BDB5; }
/* -= Vcard styles =- */
div.vcard{ position:absolute; top:4em; width:100%; text-align:center; font-size:80%; padding-bottom:2em; }
div.vcard div{ display:inline; }
div.vcard div.adr span{ padding-left:0.25em; }
div.vcard div.tel{ padding-left:0.25em; }
div.vcard .fn, div.vcard .org{ }
div.hcard{ line-height:1.25; }
/* -= Copyright styles =- */
div.copyright{text-align:left; font-size:70%; padding-top:2px; z-index:1; }
div.copyright a:hover{ color:#CDD5CB; }


/* Page styles
 ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ` ` ` ` ` ` ` ` ` ` ` ` ` ` ` ` ` ` ` ` */
div.home div#content-main{ margin-top:16em !important; font-size:110%; text-align:center; }
/* -==- */
.toiletseat-sizes div{ text-align:center; padding:1em; background-color:#CDD5CB; }
.toiletseat-sizes ol{ padding:1em; list-style:decimal; }
div.toiletseat-hinges div ul{ padding:0 !important; }
div.toiletseat-hinges div ul li{ list-style:none; }
div.materials h3{ font-weight:bold; }
/* -==- */
div.contact #hours span{ display:block; float:left; width:5.25em; }
div.contact #hours ul{ list-style:none; padding:0; }
div.contact .more{ position:absolute; top:0; left:0; margin-top:520px; width:480px; padding-left:32px; }

/* Photo Gallery Styles
 ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ` ` ` ` ` ` ` ` ` ` ` ` ` ` ` ` ` ` ` ` */
div#content.photogallery{ padding:0; }
div#content.photogallery h1{ margin:1em 0; }
div#content.photogallery div#content-main{ margin:0 148px 0 1em; height:40em; }

div.gallery-container{ position:relative; margin:0 auto; }
div.gallery-container div{ position:absolute; text-align:center; }
div.gallery-container div a img{ border:2px solid #FFF; /*685E49*/ }
div.gallery-container div img{ border:1px solid #FFF; }
div.gallery-container div.prev{ left:0; width:17%; }
div.gallery-container div.focus{ left:17%; width:66%; }
div.gallery-container div.next{ left:83%; width:17%; }

/* Horizontal Menu Styles
 ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ` ` ` ` ` ` ` ` ` ` ` ` ` ` ` ` ` ` ` ` */
ul.horz-menu li{ float:left; padding-right:2em; background:url(/images/bg/menu_seperator_small.gif) 85% 50% no-repeat; }
ul.horz-menu li a{ display:block; }
ul.horz-menu li:last-child{ background:none; padding:0; }

/* Clearfix styles
 ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ` ` ` ` ` ` ` ` ` ` ` ` ` ` ` ` ` ` ` ` */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */