/* ------ NOTES ---------------------------------------------------------------

Global CSS for Stradbroke Island Beach Hotel, lovingly crafted by Damien Buckley,
Propeller Graphic Design & Marketing (http://www.propellerglobal.com).

NOTE!!: See ie.css file for IE patches.

V:11/06/10
10/11/11 - amended nav_main after conversion to 4.4.1

--------- CONTENTS ------------------------------------------------------------

COLOUR GUIDE

1: GLOBAL RESET
	a) Base Link Styles
2: BODY & COMMON CONTAINER STYLES
	a) Skip Links
	c) H1 - logo
	d) Nav-Main
3: SEARCH
	a) Search Results Page
4: MASTHEAD
	a) h1 - Logo
	b) Slideshow & Static Banner Images
	c) Nav-features
5: MAIN CONTENT DIVISIONS
	a) Secondary Content Divisions
6: TYPOGRAPHY - GENERAL
7: MAIN PAGES
	a) ABOUT US & SPA PAGES
	b) NEWS & WHATS ON
	c) DINE PAGE
	d) LOCATION, PLAY & WEDDING PAGES
	e) GETTING HERE PAGE
	f) STAY, SPA & FUNCTION PAGES
	g) FACILITIES & CAPACITIES TABLES
	h) NEWS & EVENTS LISTING - EXCERPT (HOME PAGE)
		i) FULL
8: INLINE IMAGE STYLES
	a) LIGHTBOX THUMBS
9: PAGINATION
10: NEWSLETTER SUBSCRIBE FORM
11: CONTACT & COMMENT FORMS
12: FOOTER
13: MISC

---------------------------------------------------------------------------- */

/* 1 GLOBAL RESET
============================================================================ */

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, 
acronym, address, cite, del, em, img, ins, q, strike, strong, sub, sup, dl, dt, dd, 
ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, 
th, td {
	margin: 0; padding: 0; border: 0; font-weight: inherit; font-size: 100%; 
	font-style: inherit; font-family: inherit; vertical-align: baseline; 
	}

ol, ul {list-style: none;}

table {border-collapse: separate; border-spacing: 0;}

caption, th, td {text-align: left; font-weight: normal;}

blockquote:before, blockquote:after,
q:before, q:after {content: "";}

blockquote, q {quotes: "" "";}

strong {font-weight:bold;}

em {font-style:italic;}

img {border:none; display:block;}

/* 1a. BASE LINK STYLES
============================================================================ */

a:link, a:visited {
	color:#00467F;
	text-decoration:none;
	}

a:hover, a:active, a:focus {
	color:#00467F;
	text-decoration:underline;
	}

/* 2. BODY & COMMON CONTAINER STYLES
============================================================================ */

body {
	text-align: center;
	color:#00467F;
	font-family: "Gill Sans", Arial, Tahoma, Verdana, sans-serif;
	background-color:#FFF;
	font-size:small;
	}

#container {
	overflow:hidden;
	width:894px;
	text-align:left;
	margin:0 auto;
	opacity:.99999; /* Switch rendering mode for opacity bugs */
	font-size:97%;
	}

/* 2a. SKIP LINKS
============================================================================ */

ul#accessibility {
	text-align:center;
	border-bottom:5px solid #00467F;
	}

#accessibility li {display:inline;}

#accessibility a {padding:2px;}

#accessibility a:link, #accessibility a:visited {color:#FFF;}

#accessibility a:hover, #accessibility a:active, #accessibility a:focus {
	background-color:#00467F;
	text-decoration:none;
	}

/* 2d. NAV-MAIN
============================================================================ */

div#nav {
	background:#DDE8EC url(/images/nav_bg.jpg) top right no-repeat;
	position:relative;
	overflow:hidden;
	border:2px solid #FFF;
	border-width:2px 0;
	width:884px;
	padding:5px;
	font-size:1.1em;
	line-height:1.55em;
	text-transform:lowercase;
	}

ul.nav-main {
	float:right;
	width:600px;
	}

.nav-main li {
	display:inline;
	float:right;
	}

.nav-main li a {
	display: block;
	text-align:center;
	padding:0 0.75em;
	border-right:1px dotted #00467F;
	}

.nav-main a:hover, .nav-main a:active, .nav-main a:focus, .nav-main .active a {
	color:#FFF;
	text-decoration:none;
	background-color:rgb(125,160,185);
	background-color:rgba(0,70,127,0.4);
	}
	
/* 3. SEARCH FORM
============================================================================ */

div#search {
	float:right;
	padding-left:0.75em;
	}

#search-input p, #search-input-supp p {
	display:inline;
	font-size:inherit;
	}

#search-input input, #search-input-supp input {
	display:inline;
	margin-left:0.5em;
	width:184px;
	}

input#searchBox, input#searchBox2 {border:1px solid #00467F;}

/* 3a. SEARCH RESULTS PAGE
============================================================================ */

p.searchURL {
	border-bottom:1px dotted #FFF;
	padding-bottom:0.5em;
	}

.search #content a {color:#FFF;}

.search #content strong {text-decoration:underline;}

.search #main #search-supp {
	width:505px;
	padding-top:0.5em;
	}

.search #main #search-supp form {float:right;}

#searchCount h2 span {
	font-size:4em;
	line-height:1em;
	}

/* 4. MASTHEAD
============================================================================ */

#masthead {
	width:894px;
	position:relative;
	overflow:hidden;
	opacity:0.99999;
	}

/* 4a. h1 - logo
============================================================================ */

h1 {
	float:left;
	display:inline;
	height:326px;
	width:190px;
	position:relative;
	}

h1 a {
	position:relative;
	display:block;
	height:326px;
	width:190px;
	}

h1 a span {
	position:absolute;
	top:0;
	left:0;
	height:326px;
	width:190px;
	background:transparent url(/images/h1.jpg) no-repeat top left;
	}

/* 4b. SLIDESHOW & STATIC BANNER IMAGES
============================================================================ */

#flashcontent, #bannerImage {
	display:inline;
	float:left;
	width:538px;
	height:326px;
	margin-left: 2px;
	overflow:hidden;
	z-index:1000;
	}

#bannerImage img {
	width:538px;
	height:326px;
	}

#bannerImage {
	background: #FFF url(/images/terrace-dusk.jpg) no-repeat;
	height:326px;
	}

.default #flashcontent {width:702px;}

/* 4c. NAV-FEATURES
============================================================================ */

ul.nav-features {
	float:left;
	position:relative;
	width:164px;
	}

	/* SWITCH PRIMARY NAV POSITION & SIZE FOR HOME PAGE ONLY */
	
.default .nav-features {
	clear:both;
	float:none;
	width:894px;
	}

.nav-features li {
	display:inline;
	float:left;
	}

.nav-features li a {
	display: block;
	width:72px;
	padding:60px 4px 4px;
	margin:0 0 2px 2px;
	text-align:right;
	text-transform:lowercase;
	height:16px;
	color:#FFF;
	background:#00467F url(/images/stay_bg.jpg) 50% 50% no-repeat;
	opacity:0.99999; /* Set base opacity - Firefox bug */
	-moz-opacity:0.99999;
	}

.nav-features li a:link, .nav-features li a:visited {color:#FFF;}

	/* SWITCH PRIMARY NAV POSITION & SIZE FOR HOME PAGE ONLY */
	
.default .nav-features li a {
	width:102px;
	padding:70px 4px 4px;
	margin:2px 2px 2px 0;
	font-size:1.2em;
	}

a#stay {background-image: url(/images/stay_bg.jpg);}

a#dine {background-image: url(/images/dine_bg.jpg);}

a#spa {background: #00467F url(/images/spa_bg.jpg) 50% 75% no-repeat;}

.default a#spa {background-position: bottom left;}

a#play {background: #00467F url(/images/play_bg.jpg) 50% 50% no-repeat;}

a#weddings {background: #00467F url(/images/weddings_bg.jpg) top left no-repeat;}

a#functions {background: #00467F url(/images/functions_bg.jpg) top left no-repeat;}

a#whats-on {background-image: url(/images/whats-on_bg.jpg);}

a#bookings {
	background-image: url(/images/bookings_bg.jpg);
	margin-right:0;
	}
	
.nav-features a:hover, .nav-features a:active, .nav-features a:focus, /* you are here state */ .nav-features a.active {
	text-decoration:none;
	opacity:.55;
	-moz-opacity:0.55;
	color:#FFF;
	}

/* 5. MAIN CONTENT DIVISIONS
============================================================================ */

#main, #content-features, #content-spa-etiquette, #content-capacities {
	clear:both;
	width:894px;
	overflow:hidden;
	color:#FFF;
	background: #6CC6C8 url(/images/col3_bg.gif) 0 0 repeat-y;
	}

#content-features, #content-spa-etiquette, #content-capacities {
	background-image:none;
	border-top:2px solid #FFF;
	padding:11px;
	width:872px;
	}

.default #main, .dine #main {
	background: #6CC6C8 url(/images/col4_bg.gif) 1px 0 repeat-y;
	}

/* 5a. SECONDARY CONTENT DIVISIONS

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

#content, #newsListing, #eventsListing, #newsletter, #images, #quote, #news_categories, 
#searchCount, #contactForm, #secondaryContent, #content-hotel, #content-apartments, 
#comments, #comments-display, #mini-cal, #event-details, #content-beach-restaurant, 
#content-green-room, #content-wave-cafe, #content-spa-treatments, #content-menu, 
#content-conferences, #content-social {
	display:inline;
	overflow:hidden;
	float:left;
	width:200px;
	padding:11px;
	margin:0 0 0 2px;
	}

#content {margin-left:0;}

#quote, #searchCount, #news_categories, #comments, #mini-cal, .stay #content, 
.functions #content {
	width:168px;
	margin-left:0;
	}

.contact #content, #comments-display, #event-details {
	width:140px;
	margin-left:2px;
	}

.about #content, .search #content, #contactForm, .news #main .full, .whats-on #main 
.full-article, .privacy #content {
	width: 516px;
	margin-left:2px;
	}

	/* Error Default */
.error #content {
	width: 516px;
	margin-left:190px;
	}

/* 6. TYPOGRAPHY - GENERAL
============================================================================ */

p {
	font-size:1.1em;
	line-height:1.3em;
	margin-bottom:0.75em;
	}

h2, h3 {
	text-transform:lowercase;
	font-weight:normal;
	}

h2 {
	font-size:1.5em;
	text-align:right;
	margin:1em 0;
	line-height:1.25em;
	letter-spacing:-0.03em;
	}

h2 span {
	display:block;
	font-size:1.4em;
	}

h3 {
	letter-spacing:-0.03em;
	margin-bottom:0.5em;
	font-size:1.85em;
	color:#FFF;
	}

h4 {
	font-size:1.4em;
	color:#FFF;
	line-height:1.25em;
	font-weight:normal;
	}

#main h3 a:link, #main h3 a:visited, #main h4 a:link, #main h4 a:visited, 
#main p a:link, #main p a:visited {
	color:#FFF;
	text-decoration:none;
	}

#main h3 a:hover, #main h3 a:active, #main h3 a:focus, 
#main h4 a:hover, #main h4 a:active, #main h4 a:focus,
#main p a:hover, #main p a:active, #main p a:focus {color:#00467F;}

p.small {font-size:0.9em;}

#quote p {
	text-transform:lowercase;
	text-align:right;
	color:#FFF;
	letter-spacing:-0.03em;
	}

#quote p span {
	font-size:1.4em;
	margin:0.75em 0;
	display:block;
	}

.date {text-transform:lowercase;}

.date a {color:#FFF;}

.date a:hover {
	color:#00467F;
	text-decoration:none;
	}

blockquote {
	padding:0.5em 1em;
	background:#6CC6C8 url(/images/bq.gif) 0 0 no-repeat;
	font-weight:bold;
	}

blockquote p, .dine ol li {
	font-style:italic;
	margin-bottom:0.5em;
	}

#main ul {padding-left:1em;}

#main ul li {
	font-size:1.1em;
	line-height:1.3em;
	margin-bottom:0.75em;
	list-style-type:disc;
	margin-left:1em;
	}

h3.line {
	clear:both;
	margin-top:1em;
	padding-top:1em!important;
	border-top:1px dotted #FFF;
	}

a.bkg-icon img {
	padding-bottom:1em;
	margin-bottom:1em;
	border-bottom:1px dotted #FFF;
	}

/* 7. MAIN PAGES
============================================================================ */
/* 7a. ABOUT US & SPA PAGES
============================================================================ */

.about #images, .spa #images {
	width:162px;
	padding:0;
	}

.about #images img, .spa #images img {
	width:162px;
	padding-bottom:2px;
	background-color:#FFF;
	}

.about #images h3 {
	margin:0;
	padding:11px 2px 11px 0;
	border-bottom:2px solid #FFF;
	text-align:center;
	}

/* 7b. NEWS & WHATS ON PAGES
============================================================================ */

.news #main .list, .whats-on #main .list {
	width:691px;
	margin-left:2px;
	padding-right:0;
	}

.news #content img.article_image, .whats-on #content img.article_image {
	float:right;
	border-top:2px solid #FFF;
	border-bottom:2px solid #FFF;
	width:162px;
	}

.news .article, .whats-on .article {
	clear:right;
	margin-bottom:11px;
	overflow:hidden;
	}

.news .article_inner, .whats-on .article_inner {width:516px;}

.news #content div+div .article_inner, .whats-on #content div+div .article_inner {
	border-top:1px dotted #FFF;
	padding-top:0.5em;
	}

.article-full p.date {
	padding-top:0.5em;
	border-top:1px dotted #FFF;
	}

/* 7c. DINE PAGE

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

.dine blockquote {padding:0 0 0 0.5em;}

.dine blockquote p {line-height:2em;}

.dine div ol {
	margin:0;
	padding:0 0 0 0.5em;
	background:#6CC6C8 url(/images/bq-rt.gif) 100% 100% no-repeat;
	}

.dine div ol li {
	padding-left:0.5em;
	margin-left:1em;
	list-style-type:decimal;
	}

/* 7d. LOCATION, PLAY & WEDDING PAGES

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

.location #main, .play #main, .weddings #main {background-image:none;}

.location #content, .play #content, .weddings #content {
	padding:0;
	width:894px;
	margin:0 0 -2px;
	}

.stack-article {
	border-bottom:2px solid #FFF;
	position:relative;
	overflow:hidden;
	width:894px;
	}

.stack-article .imgContainer {
	position:absolute;
	top:0;
	left:0;
	width:190px;
	height:100%;
	overflow:hidden;
	border-right:2px solid #FFF;
	}

.stack-article .gutter {
	padding:11px 11px 0 11px;
	margin-left:192px;
	}

.location .imgContainer img {margin-top:-33%;}

.play blockquote p {background:transparent url(/images/bq-rt.gif) 100% 100% no-repeat;}

/* 7e. GETTING HERE PAGE

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

.getting-here #main {background:#6CC6C8 url(/images/col3_bg_split.gif) 0 0 repeat-y;}

#map {
	display:inline;
	overflow:hidden;
	float:left;
	width:446px;
	}

#mapBlock {
	width: 445px;
	height: 820px;
	margin:0;
	}

.getting-here #content {
	width:275px;
	margin-left:2px;
	}

.getting-here #secondaryContent {
	width:125px;
	}

.getting-here dt {
	font-size:1.4em;
	margin-bottom:0.75em;
	text-transform:lowercase;
	letter-spacing:-0.05em;
	}

.getting-here dd {
	line-height:1.25em;
	margin-bottom:0.75em;
	}

/* 7f. STAY, SPA & FUNCTIONS PAGES

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

.stay #main, .functions #main {
	background:#6CC6C8 url(/images/col3_2_bg.gif) 0 0 repeat-y;
	}

.stay #content {text-align:right;}

.stay #content h3 {font-size:1.5em}

#content-hotel, #content-apartments, #content-conferences, #content-social {
	width:328px;
	}

#content-features h3, #content-spa-etiquette h3, #content-capacities h3 {
	margin-bottom:0;
	}

#content-features h3 a:link, #content-features h3 a:visited, 
#content-spa-etiquette h3 a:link, #content-spa-etiquette h3 a:visited,
#content-capacities h3 a:link, #content-capacities h3 a:visited {
	color:#FFF;
	text-decoration:none;
	}

#content-features h3 a:hover, #content-features h3 a:active, #content-features h3 a:focus, 
#content-spa-etiquette h3 a:hover, #content-spa-etiquette h3 a:active, 
#content-spa-etiquette h3 a:focus
#content-capacities h3 a:hover, #content-capacities h3 a:active, 
#content-capacities h3 a:focus {
	color:#00467F;
	text-decoration:none;
	}

.spa #main {background:#6CC6C8 url(/images/col3_bg_3.gif) 0 0 repeat-y;}

.spa #content {width:254px;}

#content-spa-treatments {width:430px;}

#content-menu {width:140px;}

#main ul#treatment-list {
	margin:0;
	padding:0;
	}

#main #treatment-list li {
	list-style-type:none;
	margin:0 0 0.5em 0;
	padding-left:0;
	}

#treatment-list h4, #treatment-list li {text-transform:lowercase;}

#treatment-list li a:link, #treatment-list li a:visited {
	color:#FFF;
	text-decoration:none;
	}

#treatment-list li a:hover, #treatment-list li a:active, #treatment-list li a:focus {
	color:#00467F;
	text-decoration:none;
	}

#spa-etiquette {margin-top:1em;}

#spa-etiquette dt {
	font-size:1.4em;
	color:#FFF;
	line-height:1.25em;
	font-weight:normal;
	margin-bottom:0.5em;
	}

#spa-etiquette dd {
	font-size:1.1em;
	line-height:1.3em;
	margin-bottom:0.75em;
	margin-right:300px;
	}

/* 7g. FACILITIES & CAPACITY TABLES
============================================================================ */

#facilities {
	border:1px solid #FFF;
	border-width: 1px 1px 0 0;
	margin-top:0.5em;
	}

#facilities td, #facilities th {
	border:1px solid #FFF;
	border-width:0 0 1px 1px;
	padding:3px;
	line-height:1.5em;
	}

#facilities thead th {line-height:1.1em;}

#room-types th, .functions thead th {text-align:center;}

#facilities td {
	text-align:center;
	vertical-align:middle;
	width:6.5em;
	}

.functions tbody th {width:12em;}

#facilities img {margin:auto;}


/* 7h. NEWS & EVENTS LISTING - EXCERPT
============================================================================ */

#eventsListing ul, #newsListing ul {padding-left:0;}

#eventsListing ul li, #newsListing ul li {
	border-bottom:1px dotted #FFF;
	margin-bottom:0.5em;
	list-style-type:none;
	margin-left:0;
	font-size:inherit;
	}

#eventsListing ul li:last-child, #newsListing ul li:last-child {border-bottom:none;}

/* 7i. EVENTS LISTING - FULL
============================================================================ */

.minical_nav, .zem_event_calendar_nav {
	text-align:center;
	margin-bottom:0.5em;
	}

.minical_nav a.next, .zem_event_calendar_nav a.next, .minical_nav p, .minical_nav a.prev, 
.zem_event_calendar_nav a.prev, h3.zem_event_calendar_nav {
	display: inline;
	text-decoration:none;
	line-height:1.5em;
	}

h3.zem_event_calendar_nav {border-bottom:none;}

table.minical {
	clear: both;
	width: 100%;
	border-collapse:collapse;
	margin-bottom:0.5em;
	}

.minical caption {display:none;}

table.minical td, table.minical th {
	text-align:center;
	font-size:90%;
	width:18px;
	padding:1px;
	}

td.full {background-color:#DDF2FD;}

.minical a {text-decoration:none;}

#main #event-details .event_details {padding-left:0;}

#main #event-details .event_details li {
	margin-left:0;
	list-style-type:none;
	}

p.zem_event_date {
	font-family:'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
	line-height:1em;
	letter-spacing:0.2em;
	font-size:0.8em;
	text-transform:uppercase;
	}

/* 8. INLINE IMAGE STYLES
============================================================================ */

img.left, img.right {
	padding:2px;
	background-color:#FFF;
	}

img.left {
	clear:left;
	float:left;
	margin:0 8px 8px 0;
	}

img.right {
	clear:right;
	float:right;
	margin:0 0 8px 8px;
	}

img.border {
	padding:2px;
	background-color:#FFF;
	margin:0 0 8px;
	}

/* 8a. LIGHTBOX THUMBNAILS
============================================================================ */

#mapThumbs img {
	padding:2px;
	border:1px solid #FFF;
	}

#mapThumbs a {
	display:inline;
	float:left;
	}

#mapThumbs a+a {margin-left:8px;}

		/* add magnifying glass to lightbox enabled thumbnails */

a.lBox span {
	background: #FFF url(/images/view.gif) no-repeat 50% 50%;
	width:14px;
	height:14px;
	display:block;
	position:relative;
	top:-14px;
	left:0;
	margin-bottom:-14px;
	}

/* 9. PAGINATION
============================================================================ */

div.pagination {float:left;}

div.pagination p {
	text-transform:lowercase;
	line-height:1.85em;
	}

div.pagination a {
	font-weight:bold;
	color:#FFF;
	}

.pagination a:hover, .pagination a:active, .pagination a:focus {text-decoration:none;}

/* 10. NEWSLETTER SUBSCRIBE FORM
============================================================================ */

#newsletter fieldset {
	margin: 0 0 0.5em 0;  
	padding: 6px 6px 1px;
	border:1px solid #FFF;
	}

#newsletter legend {
	margin:0 -2px;
	padding:0 2px;
	text-transform:lowercase;
	font-size:125%;
	letter-spacing:-0.05em;
	}

#newsletter li {margin-bottom:0.5em;}

#newsletter label {
	display:block;
	text-transform:lowercase;
	padding-bottom:0.1em;
	}

#newsletter input {
	border:1px solid #00467F;
	width:184px;
	}

#newsletter .submit {
	padding:0;
	border:none;
	}

#newsletter .submit input {
	width:auto;
	border:none;
	text-transform:lowercase;
	background-color:#E1F3F3;
	color:#00467F;
	border:1px solid #FFF;
	}

/* 11. CONTACT & COMMENT FORMS
============================================================================ */

.zemContactForm fieldset {
	float: left;
	clear: left;
	margin: 0 0 1.5em 0;  
	padding: 0;
	}

.zemContactForm fieldset {
	width: 516px;
	border:1px solid #FFF;
	}

#comments fieldset {width:168px;}

.zemContactForm legend {
	margin:0.5em;
	padding:0 0.5em;
	text-transform:lowercase;
	font-size:1.25em;
	letter-spacing:-0.05em;
	}

.zemContactForm fieldset ol {  
	padding: 1em 1em 0 1em;  
	list-style: none; 
	}

#comments ol {
	padding:0;
	list-style: none; 
	}

.zemContactForm fieldset li {  
	padding-bottom: 1em;
	margin-left:0;
	float: left;  
	clear: left;  
	width: 100%;
	list-style:none;
	}

#comments fieldset li {
	padding-bottom: 0.5em;
	margin-left:0;
	width: 100%;
	list-style:none;
	}

.zemContactForm label {  
	float: left;  
	width: 200px;  /* Changed to 200px from 120px for contact form select menus - 110610 */
	margin-right: 1em;
	text-align:right;
	line-height:1.5em;
	text-transform:lowercase;
	}

.zemContactForm label.Message {width:120px;}  /* Changed to 120px - 110610 */

#comments label {
	line-height:1.5em;
	text-transform:lowercase;
	font-size:1.1em;
	}

#comments input, #comments #message {
	width:166px;
	}

	/* Update - fix Opera bug 21/12/07 */

#comments #message {
	display:block;
	}
	
	/* end update */

.zemContactForm input, #Message, #comments input, #comments #message, .zemContactForm select {
	border:1px solid #00467F;
	}

#Message {width:330px;}

.zemContactForm fieldset.submit {   
	float: none;  
	width: auto;  
	border-style: none;   
	background-color: transparent;
	background-image:none;
	margin-bottom:0;
	}

.zemContactForm .zemError, ul.comments_error {
	margin-bottom:1.5em;
	padding:1em 1em 0;
	background-color:#00467F;
	border:1px solid #FFF;
	color:#FFF;
	}

.zemContactForm .zemError li, ul.comments_error li {
	padding-bottom:1em;
	list-style:none;
	}

.zemContactForm fieldset.submit input, #comments fieldset.submit input {
	width:auto;
	border:none;
	text-transform:lowercase;
	background-color:#E1F3F3;
	color:#00467F;
	border:1px solid #FFF;
	}

input.disabled {opacity:.5;}

.announcement a {
	color:#FFF;
	font-weight:bold;
	}

ol.comments li+li {
	border-top:1px dotted #FFF;
	padding-top:0.5em;
	}

#cpreview, .details {font-style:italic;}

#cpreview .announcement {font-style:normal;}

div.vcard div {line-height:1.1em;}

p.fn a:link, p.fn a:visited {
	font-size:1.2em;
	color:#FFF;
	text-transform:lowercase;
	}

div.vcard div.adr {margin-bottom:0.5em;}

div.vcard a {
	text-decoration:none;
	color:#00467F;
	}

/* 12. FOOTER
============================================================================ */

#footer {
	width:894px;
	text-align:center;
	background-color:#00467F;
	color:#FFF;
	border-top:2px solid #FFF;
	padding:5px 0;
	text-transform:lowercase;
	font-size:0.9em;
	}

del.cont {clear:both; text-decoration:none;}

ul.nav-supp {
	text-align:center;
	position:relative;
	display:table;
	margin:5px auto; /* 5px auto */
	/* width:95% */
	white-space:nowrap;
	font-size:inherit;
	list-style-type:none; /* new */
	}

.nav-supp li {
	display:table-cell;
	font-size:inherit;
	}

.nav-supp a {
	border-right:1px dotted #FFF;
	width:auto;
	display:block;
	padding:0 0.5em;
	text-decoration:none;
	line-height:1.2em;
	font-weight:bold;
	}

.nav-supp a#contactF {border-right:none;}

#footer p {
	font-weight:bold;
	margin-bottom:0;
	}

#footer a:link, .nav-supp a:link, #footer a:visited, .nav-supp a:visited {
	color:#FFF;
	background-color:#00467F;
	}

#footer a:hover, #footer a:active, #footer a:focus, 
#footer .nav-supp a:hover, #footer .nav-supp a:active, #footer .nav-supp a:focus, 
#footer .nav-supp a.active /* you are here */ {
	color:#00467F;
	background-color:#FFF!important;
	text-decoration:none;
	}

/* 13: MISC
============================================================================ */

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide */

.clear {clear:left;}