/* 
** common 
*/

h1 {
	display: none;
}

h2 {
	font-size: 60px;
	font-weight: bold;
	line-height: 55px;
}

h3 {
	font-size: 38px;
	font-weight: bold;
	color: #999;
}

h4 {
	font-size: 36px;
	line-height: 38px;
	font-weight: bold;
	color: #ccc;
}

h4 strong {
	color: #999;
}

h5 {
	font-size: 18px;
	font-weight: bold;
	color: #ccc;
}

h6 {
	font-size: 17px;
	font-weight: bold;
	color: #ccc;
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 12px;
}

a {
	color: #98a3a5;
}

.none {
	display: none;
}

.invisible {
	visibility: hidden;
}

p.copyright {
	font-size: 10px;
	margin-top: 2px;
}

p.message {
	font-family:  Arial,Verdana,Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
	color: #ccc;
}

/*
** layout
*/

body {
	font-family:  Arial,Verdana,Helvetica, sans-serif;
	font-size: 12px;
	color: #000; 
	background-color: #fff;
}

div#logo {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 100;
}

div#container {
	position: relative;
	width: 920px; /* 980px */
	padding-left: 60px;
	margin: 0 auto 0 auto;
	text-align: center;
}

div#header,
div#content {
	text-align: left;
	margin-bottom: 20px;
}

div#footer {
	text-align: left;
	margin-bottom: 50px;
}

div#content {
	margin-bottom: 30px;
}

div.contentHeader {
	position: relative;
}

/*
** colors
*/

.color-villa {color: #ff0000;}
.color-residents {color: #517bb8;}
.color-events {color: #339933;}
.color-infos {color: #ff9900;}

.background-villa {background-color: #ff0000;}
.background-residents {background-color: #517bb8;}
.background-events {background-color: #339933;}
.background-infos {background-color: #ff9900;}

a.a-hover-villa:hover {color: #ff0000;}
a.a-hover-residents:hover {color: #517bb8;}
a.a-hover-events:hover {color: #339933;}
a.a-hover-infos:hover {color: #ff9900;}

/*
** menu
*/

ul.menu {
	padding-top: 15px;
}

ul.menu li.menuItem {
	width: 220px;
	float: left;
	border-top: 7px solid #000;
	margin-right: 10px;
}

ul.menu li.menuItem ul {
	margin-top: 5px;
}

ul.menu li.menuItem ul li a {
	font-size: 14px;
	font-weight: bold;
}

ul.menu li.villa {border-color: #ff0000;}
ul.menu li.residents {border-color: #517bb8;}
ul.menu li.events {border-color: #339933;}
ul.menu li.infos {border-color: #ff9900;}

/*
** footer
*/

div#footer {
	border-top: 1px dotted #ccc;
	padding-top: 10px;
}

div#footer p.address {
	width: 300px;
	float: left;
	color: #aaa;
	font-size: 9px;
}

div#footer ul.links {
	width: 300px;
	float: right;
}

div#footer ul.links li {
	float: right;
	margin-left: 10px;
}

div#footer ul.links li a {
	display: block;
	height: 24px;
}

div#footer ul.links li a span {
	display: none;
}

div#footer ul.links li.youtube a {
	width: 58px;
	background: white url('/themes/default/img/youtube.gif') no-repeat;
}

div#footer ul.links li.facebook a {
	width: 25px;
	background: white url('/themes/default/img/facebook.gif') no-repeat;
}

div#footer ul.links li a:hover {
	background-position: left -24px;
}

/*
** types
*/

ul.types {
	margin-bottom: 20px;
}

ul.types li {
	display: inline;
}

ul.types li a {
	font-size: 18px;
	font-weight: bold;
	margin-right: 10px;
}

/*
** navigation
*/

div.navigation {
	text-align: right;
	padding-right: 10px;
	color: #ccc;
	font-size: 14px;
	clear: both;
}

div.navigation a {
	color: #777;
	font-size: 14px;
}

/*
** listPeople
*/

ul.listPeople {
	margin-bottom: 10px;
}

ul.listPeople li {
	display: block;
	width: 440px; /*450px */
	padding-right: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 10px;
}

ul.listPeople li.lastChild {
	border-bottom: none;
}

/*
** wysiwyg
*/

div.wysiwyg {
	margin-bottom: 10px;
}

div.wysiwyg,
div.wysiwyg p  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 12px;
}

div.wysiwyg p {
	margin-bottom: 15px;
}

/*
** tooltip
*/

#tooltip {
	position: absolute;
	z-index: 3000;
	padding: 5px;
	
}

#tooltip h3 {
	color: #fff;
	font-size: 16px;
}

#tooltip div { 
	margin: 0; 
}

/*
** form
*/

form fieldset {
	margin-bottom: 20px;
}

form input {
	font-size: 18px;
	padding: 5px;
	color: #ababab;
}

form input.field {
	width: 210px; /* 220px */
	background-color: #f0f0f0;
}

form button,
form input.button {
	color: #fff;
	background-color: #98a3a5;
	cursor: pointer;
}

/*
** select
*/

div.select {
	width: 230px;
	margin-right: 20px;
	float: left;
	font-size: 18px;
	color: #ababab;
	background-color: #f0f0f0;
	position: relative;
}

div.select span {
	display: block;
	height: 20px; /* 30px */
	padding: 5px;
	background: url("/themes/default/img/arrow-select.gif") no-repeat right top;
}

div.select span.off {
	background: none;
}

div.select div.select-content {
	position: absolute;
	left: 0;
	top: 30px;
}

div.select div.select-content div.scroll-pane {
	height: 218px;
}

div.select ul {
	width: 230px;
	background-color: #f0f0f0;
}

div.select ul li {
	border-top: 1px solid white;
}

div.select ul li a {
	display: block;
	height: 20px;
	padding: 5px;
	color: #ababab;
	background-color: #f0f0f0;
}

div.select ul li a:hover {
	color: #fff;
	background-color: #98a4a6;
}

/* 
** search
*/

div.search {
	float: left;
}

div.search input {
	float: left;
	width: 210px; /* 220px */
	height: 20px;
	background-color: #f0f0f0;
}

div.search button {
	position: relative;
	display: block;
	float: left;
	height: 30px;
	overflow: hidden;
}

div.search p.help {
	clear: both;
	font-size: 9px;
	color: #ccc;
}

/* 
** viewer
*/

div.viewer {
	margin-bottom: 30px;
}

div.viewer div.media {
	/*background-color: #00FF00;*/
	margin-bottom: 30px;
}

div.viewer div.media div.zone {
	width: 440px;
	height: 330px;
	overflow: hidden;
}

div.viewer div.media div.zone table {
	background-color: #f2f2f2;
	width: 440px;
	height: 330px;
}

div.viewer div.media div.zone table tr td {
	text-align: center;
}

div.viewer div.media div.remote {
	text-align: center;
	color: #ccc;
}

div.viewer div.media div.remote .button {
	margin: 0 2px;
}

div.viewer div.media p {
	font-size: 10px;
	padding: 5px 0 10px 0;
}

div.viewer div#sounds ul li {
	padding-top: 10px;
	border-top: 1px dotted #ccc;
}

/*
** files
*/

table.files {
	width: 100%;
}

table.files tr td {
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #ccc;
	vertical-align: top;
}

table.files tr.lastchild td {
	border-bottom: none;
}

table.files tr td.extension {
	vertical-align: top;
	width: 25px;
}
table.files tr td a {
	font-size: 20px;
	line-height: 22px;
}

table.files tr td.extension span {
	display: block;
	width: 20px; /* 30px */	
	padding: 5px 10px;
	text-align: center;
	color: #fff;
	margin-right: 10px;
	float: left;
}

/*
** partners
*/

div.partners {
	padding-top: 30px;
	border-top: 1px dotted #ccc;
}

div.partners h5 {
	margin-bottom: 15px;
}

div.partners ul.partners li {
	float: left;
	display: block;
	width: 90px;
	height: 90px;
	margin: 0 10px 10px 0;
	border: 1px solid #ccc;
}

div.partners ul.partners li.large {
	width: 170px;
}