* {
	padding: 0;
	margin: 0;
}

body {
	margin: 20px 0;
	padding: 0;
	font: normal .857em verdana, arial, 'Trebuchet MS', sans-serif;
	background-color: #336699;
	/*background-image: url('images/gradient_bkg.jpg');*/
	background-repeat: repeat-x;
	text-align: center;
	height: 100%;
}

a {
	background: inherit;
	color: #000;
	text-decoration: underline;
}

a:hover {
	background: inherit;
	color: #993333;
	text-decoration: underline;
}

p {
	margin: 10px 15px;
	padding: 5px;
	text-align: left;
}

h1 {
	margin: 10px 15px;
	padding: 5px;
	font: bold 1.4em 'trebuchet MS', tahoma, sans-serif;
	color: #333;
	text-align: left;
	font-size: 120%;
}

h2 {
	margin: 10px 15px;
	padding: 5px;
	font: bold 1em 'trebuchet MS', tahoma, sans-serif;
	color: #993333;
	font-size: 1.2em;
	text-align: left;
	font-size: 110%;
}

h3 {
	margin: 10px 15px;
	padding: 5px;
	font: bold 1em 'trebuchet MS', tahoma, sans-serif;
	color: #333;
	font-size: 100%;
	text-align: left;
	background-color: #E4E4E4;
}

ul {
	margin: 10px 30px;

	list-style: none;
}

ol {
	margin: 10px 30px;
	padding: 0 15px;
}

#stair ul {
	margin: 0 auto;
	padding-top: 5px;;
}

#stair ul li {
	display: inline;
}

#stair ul li img {
	width: 75px;
	height: 50px;
	margin: 0;
	padding: 0;
}

li img {
	
}


table {
	border-collapse: collapse;
	margin: 15px;
	border: 1px solid #993333;
}

th strong {
	color: #fff;
}

th {
	background: #993333;
	height: 29px;
	padding-left: 12px;
	padding-right: 12px;
	color: #fff;
	text-align: left;
	border-left: 1px solid #d4d4d4;
	border-bottom: solid 2px #fff;
}

tr {
	height: 30px;
}

td {
	padding-left: 11px;
	padding-right: 11px;
	border-left: 1px solid #d4d4d4;
	border-bottom: 1px solid #993333;
	border-right: 1px solid #d4d4d4;
}

td.first,th.first {
	border-left: 0px;
}

tr.row-a {
	background: #f8f8f8;
}

tr.row-b {
	background: #efefef;
}

form {
	margin: 10px 15px;
	padding: 0;
	border: 1px solid #C0C0C0;
	text-align:center;
}

form img {
        
	margin: 5px;
}

form legend {
	margin: 5px;
}

label {
	display: block;
	margin: 5px 0;
}

input {
	padding: 2px;
	font: normal 1em 'trebuchet MS', verdana, sans-serif;
	color: #000;
}

textarea {
	width: 260px;
	padding: 2px;
	font: normal 1em 'trebuchet MS', verdana, sans-serif;
	height: 70px;
	display: block;
	color: #000;
	background-color: #ffffff;
}

input.button {
	margin: 0;
	font: bold 1em arial, sans-serif;
	border: 1px solid #993333;
	background: #fff;
	padding: 2px 3px;
	color: #000;
}

.searchform {
	background-color: transparent;
	border: none;
	margin: 0;
	padding: 0;
}

.searchform p {
	margin: 10px;
	padding: 0;
}

.searchform input.textbox {
	width: 130px;
	color: #333;
	height: 20px;
	padding: 2px;
	vertical-align: top;
}

.searchform input.button {
	font: bold 12px arial, sans-serif;
	color: #000;
	width: 60px;
	height: 26px;
	border: none;
	padding: 3px 5px;
	vertical-align: top;
}

#wrap {
	width: 960px;
	margin: 0 auto;
	background: #fff;
	border: 0px solid #000;
}

#header {
	text-align: left;
	background-image: url('images/glass.png');
	background-repeat: repeat-x;
	background-position: right top;
	padding: 0.8em;
	border-top: 8px solid #993333;
	height: 65px;
}

#header #titles {
	
}





#titles h1#uppertitle {
	font: normal 200% 'verdana', sans-serif;
	letter-spacing: 0px;
	color: #fff;
	margin: 0;
	padding: 0;
}

#titles h1#uppertitle a {
	text-decoration: none;
	color: #000;
}

#titles #subtitle {
	font: normal 130% 'trebuchet Ms', sans-serif;
	text-transform: none;
	color: #993333;
	margin-left: 25px;
	padding: 0;
}

#menu {
	clear: both;
	margin: 0;
	padding: 0 0 10px 0;
	width: 770px;
	background: #000000;
	float: left;
}

#menu ul {
	font: bold 18px arial, verdana, 'trebuchet MS', sans-serif;
	width: 900px;
	color: #fff;
	background-color: #4e3525;
	margin: 0 15px;
	padding: 0;
	display: inline;
	border-bottom: 6px solid #fff;
	float: left;
}

#menu li {
	float: left;
	list-style: none;
}

#menu li a {
	display: block;
	padding: 5px 15px;
	color: #fff;
	text-decoration: none;
}

#menu li a:hover {
	background: #993333;
	color: #fff;
}

#menu li a#home {
	background: #993333;
	color: #fff;
}

#menu li a:hover #home {
	background-color: #fff;
	color: #993333;
}

#contentwrapper {
	clear: both;
	float: left;
	width: 100%;
	background: #fff;
}

#content {
	width: 960px;
	clear: both;
	padding: 0;
	margin: 0 auto;
}

#content h1 {
	background-color: #E4E4E4;
}

#rightcolumn {
	float: right;
	width: 70%;
	margin: 0 0 10px 0;
	padding: 0;
	border-left: 1px solid #000;
	
}

#rightcolumn h1 {
	padding: 10px 10px 5px 10px;
	margin: 0;
	color: #fff;
	background-image: url('images/house3.jpg');
	height: 300px;
	width: 652px;
	font: normal 18px 'trebuchet Ms', sans-serif;
	text-transform: none;
	color: #fff;
	text-align: right;
}

.rightcolumnbox {
	margin-bottom: 10px;
}

#rightcolumn ul.rightcolumnmenu {
	list-style: none;
	margin: 10px 0 15px 0;
	padding: 0;
}

#rightcolumn ul.rightcolumnmenu li {
	padding: 0px 10px;
}

#rightcolumn ul.rightcolumnmenu a {
	display: block;
	font-weight: normal;
	color: #333;
	height: 1.5em;
	padding: .3em 0 .3em 15px;
	line-height: 1.5em;
	border-bottom: 1px dashed #993333;
	text-decoration: none;
}

#leftcolumn ul.leftcolumnmenu a {
	display: block;
	font-weight: normal;
	color: #333;
	height: 150px;
	padding: .3em 0 .3em 15px;
	line-height: 150px;
	border-bottom: 1px dashed #993333;
	text-decoration: none;
}

#rightcolumn ul.rightcolumnmenu a.top {
	border-top: 1px dashed #993333;
}

#rightcolumn ul.rightcolumnmenu a:hover {
	padding: .3em 0 .3em 10px;
	border-left: 5px solid #993333;
	color: #993333;
}

#leftcolumn {
	float: left;
	width: 29%;
	margin: 0 0 10px 0;
	padding: 0;
}

#leftcolumn h1 {
	padding: 10px 0 5px 5px;
	margin: 0 0 0 10px;
	border-bottom: 1px dashed #993333;
}

#leftcolumn h2 {
	padding: 10px 0 5px 5px;
	margin: 0 0 0 10px;
	background-color: black;
	color: white;
}

#leftcolumn ul li {
	list-style: none;
}

#leftcolumn ul  {
	margin:5px;
}






.content {
	margin: 0;
	padding: 0;
}

#footer {
	clear: both;
	margin: 0;
	padding: 5px;
	font: normal .8em arial, 'trebuchet MS', tahoma, sans-serif;
	height: 80px;
	color: #fff;
	background-color: #000000;
	text-align: center;
	border-top: 3px solid #993333;
}

#footer p {
	margin: 0;
	padding: 0;
}

#footer a {
	text-decoration: none;
	color: #FFFFFF;
	display: inline;
}

#footer a:hover {
	text-decoration: none;
	color: #993333;
}

#footer2 {
	clear: both;
	margin: 0;
	padding: 0;
	font-size: .8em;
	text-align: center;
}

#footer2 a {
	color: #efefef;
	text-decoration: none;
	font-size: 6px;
}

#footer2 a:hover {
	color: #efefef;
	text-decoration: none;
	font-size: 6px;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.clear {
	clear: both;
}

.latest {
	border-top: 1px solid #000;
	background-color: #fff;
	padding: 5px;
	text-align: center;
}

/*ludo shit*/
.clearit {
	margin: 0;
	padding: 0;
	height: 0;
	clear: both;
}


/****************************************
*    Partie Fonctionnement du Menu    	  *
****************************************/

#navcon{ 		
		font-size: 13px;
		line-height: 155%;
		width:100%;
		background-color:#000000;
		min-height:26px;
		border-top:1px solid white;
		}
		
		
		
#navtop_bar {
	width: 750px;
	height: 27px;
	margin: 0 auto;
	padding: 0;
	background: #000000 ;
}

/*FF hack for the height 
html:not([lang*=""]) #navtop_bar {
	width: 750px;
	height: 27px;
	margin: 0 auto;
	padding: 0;
	background: #000000 ;
}
*/
#nav, #nav ul {
	z-index:500;
	list-style: none;
	background-color:#000000;
	padding: 0;
	margin:0;
}

#nav  a {
	text-align:center;
	display: block;
	width: 150px;
	w\idth: 150px;
	color: #fff;
	text-decoration: none;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	
}

#nav li a {
width:150px;
background-color:#000000;
}



#nav li {
	float: left;
	padding: 0;
	width: 150px;	
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 150px;
	w\idth: 150px;
/*	font-weight: bold;*/
	border-width:0px;
	margin: 0;
	
}


#nav ul ul li{
	text-align:left;
	width: 150px;


}

#nav li li {
	padding-right: 0px;
	width: 150px;
	
           text-align:left;

}


#nav a:hover {
	
	background: transparent url(images/hover.jpg) top left repeat;
	color: #000000;
	width: 150px;

}

#nav li ul a {
		text-align:center;
	width: 150px;
	w\idth: 150px;
	border-bottom:1px solid white;
	border-top:1px solid#000000;

}


/* ,,!,,  hack for FF 1px != between IE ,,!,, 
html:not([lang*=""])  #nav li ul a { 
 border-top:0px;
}
*/

#nav li ul ul {
	margin: -27px 0 0 168px;

}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
	width:150px;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
	width:150px;

}

#nav li:hover, #nav li.sfhover {
	
	width:150px;
	text-align:left;
}
/* END BUBBLE PLASTIC HORIZONTAL DROPDOWNMENU */


/*Start colums */
.container { /* encadre le tableau */
	float: left;
	width: 500px;
	background-color: #E4E4E4;
	border-left: 150px solid #E4E4E4;
	/* The width and color of the left rail */
	border-right: 150px solid #E4E4E4;
	/* The width and color of the right rail */
}

.container li {
	padding-left: 10px;
}

.gauche { /* définition de la colonne gauche */
	float: left;
	width: 150px;
	background-color: #E4E4E4;
	margin-left: -150px;
	position: relative;
}

.centre { /* définition de la colonne centre */
	float: left; /* flotte à gauche */
	width: 500px;
	background-color: #E4E4E4;
	margin-left: -150px;
	position: relative;
	border-left: 2px solid #993333; /* bordure gauche */
	border-right: 2px solid #993333; /* bordure droite */
}

.droite { /* colonne droite */
	float: right; /* flotte à gauche */
	width: 150px;
	margin-right: -150px;
	position: relative;
}  /* marges */
.spacer { /* force au retour à la ligne après des fenêtres float */
	clear: both
}

/*Start picrequestcolums */
.picrequestcontainer { /* encadre le tableau */
	width: 930px; /* largeur du tableau */
	height: 1%; /* hauteur minimale du tableau */
	margin: 0;
	padding: 0; /* marges intérieures et extérieures du tableau */
	margin: 10px;
}

.prgauche { /* définition de la colonne gauche */
	float: left; /* flotte à gauche */
	width: 50%; /* largeur : 50% de .container */
	
	height: 100%; /* hauteur : 100% du .container */
	margin: 0;
	padding: 0;
	text-align: left;
}  /* marges */
.prgauche img {
	
}
#pview {
	margin: 0 14px;
	height:390px;
	border: 1px solid #E4E4E4;
	
	}
	#PrequestAddForm {
	margin:10px;
	margin-right: 10px;
	
	
}

	#PrequestAddForm input{
	
	
	
}
#PrequestAddForm textarea{
	
	float: left;
	
}
#PrequestAddForm label {
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: left; 
	
}
#PrequestAddForm div {
	margin: 4px;
	padding:2px;
	
}
#PrequestAddForm div.required {
	margin: 4px;
	padding:2px;
	border: 1px solid white;
}
#PrequestAddForm div.input{
	margin: 4px;
	padding:2px;
	border: 1px solid white;
}
#PrequestAddForm div.textarea{
	margin: 4px;
	padding:2px;
	border: none;
}

#PrequestAddForm div.submit input {
	
	background-color: transparent;
	border: 1px solid white;
}
#PrequestAddForm FIELDSET {
	
	
	border: none;
}
	#PrequestAddForm input{
	
	
	
}
#PrequestAddForm textarea{
	
	float: left;
	
}
#PrequestAddForm label {
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: left; 
	
}
#requestform div {
	margin: 4px;
	padding:2px;
	
}
#requestform div.required {
	margin: 4px;
	padding:7px;
	border: 1px solid white;
	
}
#requestform div.optional {
	margin: 4px;
	padding:7px;
	border: 1px solid white;
}
#requestform div.submit input {
	
	background-color: transparent;
	border: 1px solid white;
}
#requestform FIELDSET {
	
	
	border: none;
}
.error-message {
	color:red;
	
	}
#flashMessage {
	background-color: #FCFCC4;
	color:red;
	
	}
.prdroite { /* colonne droite */
	float: left; /* flotte à gauche */
	width: 50%; /* largeur : 50% de .container */
	height: 100%; /* hauteur : 100% du .container */
	margin: 0;
	padding-left: 0px;
	text-align: left;
}  /* marges */ /* Simon development index shit */
.odd,.even {
	text-align: left;
	
	height: 170px;
	margin: 15px;
	border: 0px solid #993333;
}

.odd img,.even img {
	margin-right: 5px;
	vertical-align: top;
	float: left;
}

.odd {
	background-color: #E4E4E4;
}

.even h2 span,.odd h2 span {
	font-size: 70%;
	font-weight: normal;
}

.odd h2      , .even h2 {
	color: #000000;
}

/* Simons Paging Shit */

.paging{padding-bottom:10px;}

div.paging a {
	padding: 3px;
	border: 1px solid gray;
	background-color: #336699;
	display: inline;
	margin: 3px;
}

div.paging a:hover {
	padding: 3px;
	border: 1px solid red;
	display: inline;
}

div.paging div.disabled {
	padding: 3px;
	border: 1px solid gray;
	background-color: inactivecaptiontext;
	display: inline;
	margin: 3px;
}

div.paging span {
	
}

div.paging span.current {
	padding: 3px;
	border: 1px solid gray;
	margin: 3px;
	background-color: white;
}

div.paging span a {
	padding: 3px;
	border: 1px solid gray;
	margin: 3px;
}
/* end Simon development index shit */
/*  */
#picpanel {
	background-color: #F4F4F4;
	
	margin:0 14px 0 10px;
	padding-bottom:10px;
	}
	/* General styles */
	
	
	/* 'widths' sub menu */
	
	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:940px;			/* width of whole page */
		margin:10px;
		overflow:hidden;		/* This chops off any overhanging divs */
		
	}
	.colmask ul  {
	
	margin:20px;
	text-align:left;
	list-style-type: square;
	padding-left:20px;
	}
	.colmask ul li img {
	vertical-align: middle;
	margin-right:10px;
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:940px;		/* width of page */
		position:relative;
		
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
		
	}
	/* 3 Column settings */
	.threecol {
		background:#eee;		/* right column background colour */
	}
	.threecol .colmid {
		right:33%;			/* width of the right column */
		background-color:#E4E4E4;		/* center column background colour */
  			border-right:4px solid white;
	}
	.threecol .colleft {
		right:33%;			/* width of the middle column */
		background:#f4f4f4;	/* left column background colour */
		/*border-right:1px solid blue;*/
		border-right:4px solid white;
	}
	.threecol .col1 {
		width:31%;			/* width of center column content (column width minus padding on either side) */
		left:101%;			/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:31%;			/* Width of left column content (column width minus padding on either side) */
		left:34%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:31%;			/* Width of right column content (column width minus padding on either side) */
		left:72%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
	
	/*  */
	
	

	
	
	#leftcolumn table{
	margin:0;
	border:none;
	
	}
	
	#leftcolumn td{
	margin:0;
	border:none;
	padding:5px;
	font-size:10px;
	}
	#offer ul{
		padding: 0 15px;
	}
	
	#offer li a {
	
	display:block;
	height: 186px;
	width: 248px;
	padding:0;
	color: #fff;
	text-align: right;
	margin-bottom: 10px;
	margin-left: 10px;
	text-decoration: none;
	}
	
	/* Frontpage what we offer  */
	
	#beach {
	background-image: url('images/proptype/beach.jpg');
	} 
	#golf {
	background-image: url('images/proptype/golf.jpg');
	}
	#city  {
	background-image: url('images/proptype/city.jpg');
	}
	#prestige {
	background-image: url('images/proptype/prestige.jpg');
	}  
	#ski  {
	background-image: url('images/proptype/ski.jpg');
	}
	#beach span, 
	#golf span,
	#city span ,
	#prestige span, 
	#ski span {
	padding-right:3%;
	}
	.but {
	font-size: 12px;
	padding:0;
	display:block;
	margin:5px;
	}
	
	/* Frontpage latest additions  */
	
	div#latest {
	text-align:center;
	width:630px;
	margin-left:18px;
	
	}
	div.latestBox {
		width:200px;
		float:right;
		margin-top:10px;
		margin-right:8px;
		height:280px;
		background-color: #E4E4E4;
		border-top:4px solid  #993333;
		border-bottom:2px solid  #993333;
	}
	div.latestBox h2.title {
		font-size:12px;
		color: #ffffff;
		background-color:#000;
		margin:0;
	}
	
	div.latestBox p {
		font-size:12px;
		color:#333333;
		height:55px;
		margin:0;
		overflow: hidden;
	}
	div.latestBox h3.priceFrom {
		border-top:2px solid  #993333;
		font-size:12px;
		color: #ffffff;
		background-color: #000;
		height:30px;
		margin:0;
	}
	div.latestBox img {
	border:0px;
	
	}