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

Title		: Villa France
Author		: Michael Baker
URL 		: www.m3communications.com

Created 	: November 25, 2011
Modified	: n/a

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

/* !--- RESET --- */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, table, th, td, embed, object { margin: 0; padding: 0; }

address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

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

:focus, :active { outline: 0; }

a img, fieldset, img, abbr, acronym { border:0px; }

ol, ul { list-style: none; }

caption, th { text-align: left;	}

q:before, q:after { content: ''; }

/*--- Font Size (em) Bug Fixing for IE ---*/

h1 { font-size: 2em; }  	/* displayed at 24px */
h2 { font-size: 1.5em ;}  	/* displayed at 18px */
h3 { font-size: 1.25em; }  	/* displayed at 15px */
h4 { font-size: 1em; }  	/* displayed at 12px */
input, textarea, select, th, td { font-size:1em; }
li li, li p, td p, blockquote p { font-size:1em; }

/* !--- GLOBAL --- */

html, body, #wrap { height: 100%; }

body {
	background-color: #c7e4fd;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 62.5%;
	line-height: 1;
}

.clear { clear:both; }

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

.fixed { display:block; }

/*  \*/
.fixed { min-height:1%; }

* html .fixed {	height:1%; }

/* !--- WRAPPER --- */

body > #wrap { height: auto; min-height: 100%; }

#wrap { background: url(../images/south-france.jpg) #c7e4fd no-repeat center bottom; }

/* !--- CONTENT --- */

#content { margin: 0px auto; width: 900px; }

	#content .wrapper { margin: 0 auto; width: 600px; }
	
	#content h1 {
		background: url(../images/minervois.gif) no-repeat;
		display: block;
		height: 73px;
		margin: 20px 0;
		overflow: hidden;
		text-indent: -9999px;
		width: 600px;
	}
	
	#content a.property {
		display: block;
		float: left;
	}
	
	#content #right.property { float: right; }

/* !--- TEXT --- */

#textWrap {
	background-color: rgb(199,228,253);
	background-color: rgba(199,228,253,0.75);
	-moz-border-radius: 12px;  
	-webkit-border-radius: 12px;  
	border-radius: 12px;
	margin: 0 0 20px 0;
	padding: 20px;
}

	#text p {
		color: #215b8e;
		font-size: 1.3em;
		line-height: 1.5;
		margin: 0 0 1.5em 0;
	}
		
	#text #hidden {
		clear: both;
		overflow: hidden;
		padding: 0;
		width: 860px;
	}
	
	#text #trigger {
		background-color: rgb(221,239,254);
		background-color: rgba(255,255,255,0.4);
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;  
		border-radius: 6px;
		color: #215b8e;
		display: block;
		font-size: 1.3em;
		font-weight: bold;
		padding: 6px;
		text-align: center;
	}
	
	#text #trigger:hover { background-color: rgb(233,244,254); background-color: rgba(255,255,255,0.6); }