/* @override http://www.peppermintpark.com.au/squelettes/css/habillage.css */ 

body.active { opacity: 0.999999; }

/* @group Layout */
	* { margin: 0; padding: 0; }
	html, body { margin: 0; padding: 0; text-align: center; font-family: Helvetica; font-size: 12px; }
	body { background: url(../images/page-bg.gif) repeat-x 0 100px; }
	#page { display: block; width: 951px; margin: 0 auto; padding: 0 2px; overflow: auto;  text-align: left; background: white;}
	
	#hd { display: block; height: 100px; z-index: 10000; line-height: 100px; }
	#hd a { display: block; float: left; overflow: hidden; position: absolute; z-index: 10001; top: 10px; height: 100px; border: none; }
	#hd a img { margin: 0; padding: 0; position: relative; display: inline; height: 98px; }

	#hd img.title { display: block; padding-top: 49px; margin-left: 538px; vertical-align: bottom;}
	
	#bd { display: block; overflow: auto; }
	#nav { display: block; float: left; }	
	#con { display: block; float: left; margin: 0 0 0 4px; }
	.wide #nav { width: 529px; }
	.wide #con, .wide .con { width: 418px; padding: 0; }
	
	.wide .con { float: right; clear: left;}
	.narrow #nav { width: 677px; }
	.narrow #con { height: auto !important; min-height: 327px; height: 327px;  width: 240px; padding: 8px 16px 8px 12px; background: #cde880; color: #333e1b; }	
	.active.narrow #con { height: 327px; }
	
	body#pricing.wide.active #page #con { width: 385px; height: 330px; padding: 8px 16px 8px 12px; background: #cde880; color: #333e1b; }
	body#pricing.wide #page #con { height: auto !important; width: 385px; padding: 8px 16px 8px 12px; background: #cde880; color: #333e1b; }
	
	#back { margin-bottom: 5px; font-size: 10px; }
		
	.active #scroller { display: block; height: 306px; overflow: hidden; }
	.jScrollPaneContainer { padding: 2px 0; position: relative; overflow: hidden; }
	.jScrollPaneContainer .jScrollPaneTrack { position: relative; float: right; }
	.jScrollPaneContainer .jScrollPaneTrack .jScrollPaneDrag { position: relative; background: white; }	

	.jScrollPaneContainer a.jScrollArrowUp, .jScrollPaneContainer a.jScrollArrowUp:hover, 
	.jScrollPaneContainer a.jScrollArrowDown, .jScrollPaneContainer a.jScrollArrowDown:hover { 
		display: block; height: 10px; width: 11px; 
		background-image: url(../images/arrows.gif);
		position: absolute; right: 1px;
		font-size: 0; text-indent: -9000px; line-height: 11px; text-decoration: none;
	}	
	.jScrollPaneContainer a.jScrollArrowUp { top: 0; background-position: -px 0; }
	.jScrollPaneContainer a.jScrollArrowUp:hover { top: 0; background-position: 0px -10px; }
	.jScrollPaneContainer a.jScrollArrowDown { bottom: 0; background-position: 0px -20px; }
	.jScrollPaneContainer a.jScrollArrowDown:hover { bottom: 0; background-position: 0px -29px; }
	
	#scroller div { margin-bottom: 1em; }
	#ft { clear: both; color: #C0C0C0; }
	#ft a, #ft a:link, #ft a:visited { color: #A0CE66; font-weight: normal; }
	#ft a:focus, #ft a:hover, #ft a:active, #ft a:visited { color: #20315d; }


	
/* @end */

/* @group Menus */
	#menu { display: block; margin: 4px 0; padding: 0; overflow: auto; clear: both; 
	font-size: 10px; text-transform: uppercase; text-align: left; }
	#menu li { display: inline; width: auto; margin: 0 1.5ex; padding: 0; text-align: center;}
	#menu a, #menu a:link, #menu a:visited { outline: 0; color: #333; text-decoration: none; font-weight: bold; border: none;}
	#menu a:hover, #menu a:active, #menu a:focus, #menu a.current { outline: 0; color: #A0CE66; text-decoration: none;}
	
	#submenu { display: block; margin: 0; padding: 0; }
	#submenu li, #submenu a {
		display: block; height: 65px; margin: 0 0 2px 0; padding: 0; 
		background-color: #cde880; border: 1px solid #cde880;
	}
	#submenu li.in { background-color: #a0ce66; border-color: #a0ce66; }
	#submenu img { display: block; float: left; vertical-align: top; }
	#submenu .in img.out, #submenu .out .in { display: none; }
	#submenu span { display: block; float: left; width: 179px; height: 67px; overflow: hidden; padding: 0 4px; }
	#submenu h3 { font-size: 100%; font-weight: bold; margin: 0; padding: 2px 0 1px 0; }
	#submenu p { font-size: 90%; padding: 0; margin: 0;}
	
	#submenu a { display: block; width: 416px; font-weight: normal; color: #333333; border: none; }
	#submenu a:link, #submenu a:visited { color: #333333; text-decoration: none; }
	#submenu a:hover, #submenu a:focus, #submenu a:active { text-decoration: underline; }
	
	.active #submenu a:hover, .active #submenu a:focus, .active #submenu a:active { text-decoration: none; }
	#submenu a * { cursor: pointer; }
/* @end */

/* @group Maps */
	#con #map { display: block; width: 100%; height: 200px; position: relative;}
	#movie #map {  height: 343px; }
	
	#directions a:link  { color: #ffffff; }
/* @end */

/* @group Slideshow */
	#media, #movie { display: block; margin: 0; padding: 0; list-style: none; overflow: hidden;}
	#media li, #movie li { display: block; margin: 0; padding: 0; list-style: none; height: 343px;}
	#movie { background: black; text-align: center; position: relative; }
	#media img, #movie img { vertical-align: top; }
	
	body.narrow #media, body.narrow #movie { width: 677px; height: 343px; }
	body.wide #media, body.wide #movie { width: 529px; height: 343px; }
	
	#movie h4 { display: block; width: 400px; height: 50px; z-index: 1000000; position: absolute; margin: 0; padding: 146px 138px;  
	color: white; font-size: 150%; background: url(../images/shadow.png); }
	#movie h4 a { color: #76ace7; }
	#movie .alt { display: none; }
/* @end */

/* @group Accessibility */
	html body #page .access {
		display: none;
	}
/* @end */

/* @group Forms */
	fieldset { border: 0; margin: 0; padding: 0; }
	fieldset legend { display: none; }
	.spip_form_champ { margin: 0 0 1em 0; }
	.spip_form_champ .spip_form_label { display: block; margin: 0; padding: 0 0 0.5ex 0; width: 100%; font-weight: bold;}
	input.text, .spip_form_champ input, .spip_form_champ textarea { width: 90%; border: 1px solid #ffffff; padding: 2px; outline: 0; }
	input.text:focus, .spip_form_champ input:focus, .spip_form_champ textarea:focus { outline: 0; border-color: #2e4966;}
	.spip_form_champ span.spip_form_label_details { display: none; }
/* @end */

/* @group Logos */
.logos { display: block; margin-top: 67px; text-align: right;}
.logos img {
	padding: 0 6px 0 1px;
	vertical-align: middle;
}
.logos span { display: block; margin-left: 22px; float: left;}
.logos span:first-child { margin-left: 0; }
body .logo { display: none; }
.logos a:focus img, .logos a:hover img { border: 1px dotted #C0C0C0; padding: 0; margin-right: 5px;}

#page1 .logos, #page5  .logos, #page16 .logos, #page12 .logos { display: block; }
/* @end */

#intro {
	padding: 0 16px 0 2px;
	font-size: 110%;
	color: #002f60;
	line-height: 1.4;
}

#intro h3.spip img {
	display: block;
}

a, a:link, a:visited { color: #1d5e22; font-weight: bold; text-decoration: underline; }
a:visited, a:active { text-decoration: none; }
a:active, a:visited, a:focus, a:hover { color: #20315d; border: 0; outline: 0; }
a:focus, a:hover  { text-decoration: underline; }

a img { border: 0; }

h3.spip { padding: 0; margin: 0; padding: 1em 0 0 0;}
p.spip { padding: 0; margin: 1em 0 0 0;}

ul.spip, ol.spip { padding: 0 0 0 0; margin: 1em 0 0 1ex; list-style-position: outside;}
ul.spip li, ol.spip li { margin: 0.5em 0 0 1em; padding: 0; list-style-position: outside; }

table.spip { margin: 1em 0 0 0; }
table.spip td { padding: 4px 4px; background: #a5c753;}
table.spip td.cell2, table.spip td.cell3, table.spip td.cell4 { text-align: right; }

ul.documents { list-style: none; margin: 0; padding: 1em 0 0 0; display: block;  }
ul.documents li {
	list-style: none; margin: 0 0 1em 0; padding: 0; display: block; 
}
ul.documents li img { display: block; float: left;}
/*
ul.documents li a, ul.documents li a:link, ul.documents li a:visited { color: #2e4966; font-weight: bold; text-decoration: none; }
ul.documents li a:focus, ul.documents li a:hover, ul.documents li a:active { text-decoration: underline; }
ul.documents li a:visited, ul.documents li a:active { color: #ffffff; }*/

blockquote {
	padding: 0 1ex; border-left: 3px solid #79BD6B;
}

h3.error { font-weight: bold; }
.error { color: #2e4966;}