/* ---------  CSS Styles for www.clouqueur.net by Caroline Clouqueur  --------- */

/***********************************************************************/
/* ------------ for de-bugging ------------ */
/***********************************************************************/

/*
div {
	border: 1px solid green;
}
div div {
	border: 1px solid blue;
}
div div div {
	border: 1px solid red;
}
*/


/*************************************************************************/
/* ------------ Basic formatting ------------ */
/*************************************************************************/

body {
	margin: 0 auto;
	padding: 0;
	color: #2E2424;
	background: #B2CAC8 url("../images/bg_body.jpg");
	font: normal 76%/1.4em Helvetica, Verdana, sans-serif;
	text-align: center;
	}

/* list-style: | list-style-type | list-style-position | list-style-image;
ex: ul { list-style: square inside url("sqr.gif");}
*/


h1, h2, h3, p, ul, ol, li {
	padding: 0;
	margin: 0;
	font: normal 1em/1.4em Helvetica, Verdana, sans-serif;
	color: #2E2424;
	text-align: left;
	}

h1 {
	padding-top: 0.8em;
	padding-bottom: 0.5em;
	font: bold 1.3em/1.2em Helvetica, Verdana, sans-serif;
	color: #369;
	}
h2 {
	padding-top: 0.8em;
	padding-bottom: 0.3em;
	font: bold 1.2em/1.3em Helvetica, Verdana, sans-serif;
	}
h3 {
	padding: 0.5em 0 0.5em 0;	
	font: bold 1em/1.2em Helvetica, Verdana, sans-serif;
	}
p {
	padding-bottom: 0.5em;
	}
p.postDate {
	padding-top: 1em;
	padding-bottom: 1em;
	font-size: 0.8em;
	font-weight: bold;
	}
p.guestbook {
	font: normal 1em/1.35em Georgia, serif;
	padding-bottom: 0.8em;
}
.guestbookSig {
	font: italic 1em/1.35em Georgia, serif;
}

p.note {
	font-size: 0.9em;
	font-weight: bold;
	line-height: 1.3em;
	border-top: 1px solid #000;
	padding-top: 0.8em;
	margin-top: 1em;
}
.float {
	float: left;
}
.required {
	font-size: 1.2em;
	color: #FD024F;		
}
.small {
	font-size: 0.9em;
}
.alignright {
	text-align: right;
	}
img {
	margin: 0;
	padding: 0;
	border: 0;
	}
ul, ol {
	margin: 0.2em 0.5em 0.5em 2.2em; /*left text lines up with p */
	padding-left: 2.5em;
	}
li {
	padding-bottom: 0.2em;
	}
blockquote {
	font-size: 0.9em;
	line-height: 1.2em;
	color: #2E2424;
	padding: 0.5em 1em;
	margin: 0 26px 0 0.3em;
	text-align: left;
	background-color: #FDF9DD;
}
sup { /*for superscript*/
	line-height: 0;
}



/*************************************************************************/
/* ------------ Positioning Divs ------------ */
/*************************************************************************/

div, div div, div div div {
	padding: 0;
	margin: 0;
}

#container {
	width: 755px;
	margin: 0 auto;
	text-align: left; /* IE bug probably */
	background: transparent url("../images/bg_container.jpg") repeat-y;
	}
#masthead {
	width: 755px;
	height: 65px;
	background: transparent url("../images/bg_masthead_eng.jpg") no-repeat;
	}	

#funcNav {
	height: 30px;
	padding-right: 20px;
}
#mainNav {
	height: 35px;
	padding-left: 240px;
	}

#header {
	width: 755px;
	height: 90px;
	}	
#side {
	width: 295px;
	margin-top: 5px;
	margin-bottom: 20px;
	float: left;
	}
#side.nav {
	margin-top: 20px;
	width: 200px;
	}
#content {
	margin-top: 20px;
	margin-left: 315px; /* width of side column (+20padding), may need to add 3px later for bug */ 
	width: 437px; /* 460 - 20padding - (3px IE float bug) */
	text-align: left;
	}
#content.textpage {
	margin-left: 240px;
	margin-right: 30px;
	width: 482px;
	}

#footer {
	width: 755px;
	/*height: 40px;*/
	padding-bottom: 10px;
	margin-top: 50px;
	clear: both;
	background: transparent url("../images/bg_footer.jpg") no-repeat bottom;
	}

/*************************************************************************/
/* ----------- portfolio side NAVIGATION and icons ------ */
/*************************************************************************/

dl, dt, dd {
	margin: 0;
	padding: 0;
	font-size: 1em;
	line-height: 1em;
	text-align: left;
	}
dd a {
	text-decoration: none;
	/* font-weight: bold; */
	}

/*side = width: 228px;*/

dl.navicons {
	width: 180px; /* 200 - 20padding */
	height: 77px;
	padding-top: 5px;
	/*margin-right: 20px;*/
	margin-left: 20px;
	/*border: 1px solid blue; /*for de-bugging */
	}
dl.navicons dt {
	line-height: 0;
	}

dl.navicons dt a {
	/*padding: 4px 4px 1px 2px;*/
	border: none;
	/*display: block;*/
	/*float: left;*/
	margin-right: 5px;
	}

dl.navicons dt a img {
	text-decoration: none;
	border: none;
	float: left;
	margin-right: 0.2em;
	}
dl.navicons dt a:link, dt a:visited {
	text-decoration: none;
	border: none;
	}
dl.navicons dt a:hover {
	/*padding: 3px 3px 0 1px;
	border: 1px solid #666;*/
	/*background: #fff;*/
	}
dl.navicons dt a:active {
	text-decoration: none;
	border: 1px solid #666;
	}
dl.navicons dd {
	padding-top: 0.8em;
	line-height: 1.4em;
	}
dl.navicons dd.description {
	padding: 0;
	font-size: 0.8em;
	}

/*************************************************************************/
/* ------------------- Rooms chart Rules ------------------- */
/*************************************************************************/

table, tr, td {
	margin: 0;
	padding: 0;
	font-size: 1em;
}
table.roomChart, 
table.roomChart_wide {
	line-height: 1.1em;
	text-align: center;
	/*v-align: top;*/
}
table.roomChart {
	/*width: 437px; /* Why doesn't this fit? 460 - (3px IE float bug) */
	width: 413px;
}
table.roomChart_wide {
	/*width of content textpage: 482px; don't forget 3px IE float bug */
	width: 482px;
}
table.roomChart td, 
table.roomChart_wide td {
	border-bottom: 1px solid #f90;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

table.roomChart td.footnotes, 
table.roomChart_wide td.footnotes {
	border: none;
	text-align: left;
}

p.clickPhotos {
	font-size: 0.9em;
	font-style: italic;
	text-align: center;
	padding-bottom: 0;
	}

table.priceList {
	margin-left: 20px;
	margin-top: 15px;
	margin-bottom: 15px;
	width: 180px; /* side nav width: 200px;*/
}


table.priceList td {
	border-bottom: 1px solid #f90;
}
table.priceList td.title {
	border-bottom: 2px solid #f90;
	font-weight: bold;
}
table.priceList td.price {
	width: 50px;
	text-align: center;
}


/*************************************************************************/
/* ------------------- Contact Form ------------------- */
/*************************************************************************/
table.form {
background-color: #FDF9DD;
}
p.formLabel, p.formLabel_right, p.formDescr {
	padding-bottom: 0;
	padding-top: 0.5em;
	font-weight: bold;
}
p.formLabel_right {
	text-align: right;
	}
p.formDescr{
	font-weight: normal;
}
.submitbtn { 
}
p.formNote {
	font-size: 0.9em;
	line-height: 1.2em;
	padding-right: 1em;
	padding-top: 0.7em;
	}
h2.tableh2 {
	padding-bottom: 0;
}
/*************************************************************************/
/* ------------------- Common Navigation Rules ------------------- */
/*************************************************************************/

#masthead ul {
	padding: 0;
	margin: 0;
	/*font-size: 0.8em;*/
	list-style-type: none;			
	}
#masthead li {
	/*letter-spacing: 1px;*/
	display: inline;
	float: left;
	padding: 0;
	margin: 0;
	}
/*#funcNav li.on { 
		color: #FD024F;
}*/

/*************************************************************************/
/* ------------------- Functional Nav ------------------- */
/*************************************************************************/

#funcNav ul {
	float: right;
	}
#funcNav li {
	padding: 0 0.5em;
	}

/*************************************************************************/
/* ------------------- Main Nav ------------------- */
/*************************************************************************/
#mainNav ul {
margin: 0;
padding: 0;
	line-height: 1em;
	font-size: 1.1em;
	}
#mainNav li {
	height: 35px; /* this is for IE only, gets over-ridden next group */
	font-weight: bold;
	width: 98px;
	line-height: 1em;
	font-size: 1.1em;
	padding-top: 5px;
	background: transparent url("../images/bg_mainnav.jpg") no-repeat;
	text-align: center;
	color: #fff;
	}
#masthead > #mainNav li {
		height: 30px; /* 35 - padding, all browsers other than IE see this */
}
	
#mainNav li.on { 
	background: transparent url("../images/bg_mainnav_on.jpg") no-repeat;
	height: 35px;
}

/*************************************************************************/
/* ------------------- Sub Nav ------------------- */
/*************************************************************************/


ul.subnav {
	padding-right: 0;
	padding-top: 0;
	margin-left: 1.5em;			
	margin-top: 0;			
	list-style-type: square;
	}
ul.subnav li {
	color: #369;
	font-size: 1.1em;
	font-weight: bold;
	padding-bottom: 0.5em;
	}
ul.subnav li a {
	border: none;
	}
ul.subnav li a:link {
	border: none;
	}


/*************************************************************************/
/* ------------------- Navigation states ------------------- */
/*************************************************************************/

a {
	text-decoration: none;
	/*border-bottom: 1px dotted #369;*/
	color: #369;
	}
a:link, a:visited {
	/*border-bottom: 1px dotted #369;*/
	color: #369;		
	}
a:hover {
	/*border-bottom: 1px dotted #036;*/
	color: #036;		
	}
a:active {
	/*border-bottom: 1px dotted #036;*/
	color: #036;		
	}

#funcNav a,
#mainNav a {
	color: #144B84;
	border-bottom: none;
	}
#funcNav a:link, #funcNav a:visited,
#mainNav a:link, #mainNav a:visited {
	color: #144B84;		
	}

#funcNav a:hover,
#mainNav a:hover {
	color: #369;
	}

#funcNav a:active,
#mainNav a:active {
	color: #369;
	}

#funcNav a.on,
#mainNav a.on {
	color: #369;
}
#funcNav a.on:link,
#mainNav a.on:link {
	color: #369;
}

/*************************************************************************/
/* ----------- Side Formatting ----------- */
/*************************************************************************/
#side p, #side h1, #side h2, #side h3 {
	margin-left: 25px;
}

#side h1 {
}
#side p {
	line-height: 1.3em;
}
#side ul {
	}
#side ul li {
	line-height: 1.3em;
	padding-bottom: 0.5em;
}
#side ol {
	}
#side ol li {
	}

/*************************************************************************/
/* ------------------- Footer Formatting ------------------- */
/*************************************************************************/
#footer p {
	padding-right: 20px;
	padding-bottom: 0.7em;
	font-size: 0.8em;
	line-height: 1.2em;
	text-align: right;
	color: #960;
	}