/*

* { margin: 0; padding: 0; }

COLOURS:

#f1af0c warm sun/mustard yellow

#A6640E Brown

#FFD723 old bg col #D72020

border-right:0.0625em solid #A6640E; border-left:0.0625em solid #A6640E;

*/

.message { padding:1em; opacity:0.5; }

.success { background-color:#00ff00; color:#fff; }

.error { background-color:#ff0000; color:#fff;  }

.warning {  }


.center { text-align:center; }

P { font-size:77.5%; margin:0 0.3125em 1em 0.3125em; }

A:link { color:#666; }
A:visited { }
A:hover { }

BODY { background: #FFD723 url(images/back_all.jpg) repeat-x; font: 1em/1.4 Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #333; }

#content { margin: 2em auto; background:#fff; width:51em; padding:0.3125em; border:0.0625em solid #aaa; } /*  48.625em */


#header { position:relative; background:transparent url(images/sunshine-immo-header.jpg) no-repeat; background-size:100% 100%; height:13.625em;  border:0.0625em solid #ccc; margin-bottom:0.25em; }

.menu { position:absolute; top:0; left:0; width:100%; overflow:auto; background:transparent url(images/button-gradient-transparent-20x52.png) repeat-x; }

.menu A, .menu SPAN { text-decoration:none; padding:1em; margin-bottom:0.0625em; color:#fff; font-weight:bold; font-size:85%; line-height:1.5; }
.menu .left { float:left; border-right:0.0625em solid #aaa; }
.menu .right { float:right; border-left:0.0625em solid #aaa; }
.menu IMG { display:block; padding:0; border:0.1875em solid transparent; width:1.7em; height:1.2em; }

.menu #selectedPage, .menu #selectedLang { background:transparent url(images/button-gradient-transparent-20x52-invert.png) repeat-x; }
.menu #selectedLang IMG { display:block; padding:0; border:0.1875em solid #fff; }

.menu A:hover { background:transparent url(images/button-gradient-transparent-20x64.png) repeat-x; }
.menu A:hover IMG { padding:0; border:0.1875em solid transparent; }

#logo { background:transparent url(images/sunshine-immo-logo.png) no-repeat; height:100%; }

#logo H1 { display:none; }

#main { overflow:auto; }

#page { } /* float:left; width:33em; padding-right: 0.25em; */

DIV#youAreHere { padding:0.8em; border-bottom:0.0625em dotted #ddd; font-size:70%; }

DIV#main-content { padding:0 0 0.3125em 0.3125em;  }

H1 { font-size:100%; }
H2 { font-size:100%; }
H2.h1 { font-size:100%; }
H3  { font-size:100%; }

A { color:#D72020; text-decoration:none; }

.propertyGrid { overflow:auto; }

.propertyGrid .property { width:16.4375em; float:left; margin:0 0.3125em 0.3125em 0; border:0.0625em solid #ccc; line-height:1.5; background:#eee; }

.propertyGrid .property H2 { padding:0; margin:0; font-size:85%; line-height:1.5; text-align:right; color: #fff; background:#ddd url(images/button-gradient-transparent-20x52.png) repeat-x; }
.propertyGrid .property H2 A { display:block; padding:1em; color:#fff; }

.propertyGrid .property DIV { height:12.3125em; }

.propertyGrid .property A.photo { width:100%; height:100%; display:block; }
.propertyGrid .property A.photo:hover { opacity:0.8; }

.propertyGrid .property A.photo IMG { width:100%; height:100%; border:0; display:block; }

.propertyGrid .property H3 { padding:1em; margin:0; font-size:77.5%; line-height:1.5; text-align:right; color: #fff; background:#ddd url(images/button-gradient-transparent-20x52.png) repeat-x; }

/* .propertyView { margin:0 0 0.3125em 0; } */

H1.featureHeading { background:#fff url(images/button-gradient-transparent-20x52.png) repeat-x; padding:1em; font-size:85%; margin:0 0.3676em 0 0; border:0.07353em solid #ccc; }
H3.featureHeading { background:#ddd url(images/button-gradient-transparent-20x52.png) repeat-x; padding:1em; }


.propertyInfo { overflow:auto; margin:0; line-height:1.5; }

/* narrowcolumn */

.propertyInfo .columnDouble { width:33.75em; float:left; }

/* sidebar */

.propertyInfo .columnSingle { width:16.5625em; float:left; }


	#photoLargeGroup { margin:0 0.3125em 0.3125em 0; border-right:0.0625em solid #ccc; border-bottom:0.0625em solid #ccc; border-left:0.0625em solid #ccc; height:25em; overflow:hidden; position:relative; }


	#photoLargeGroup #photoLarge { width:586px; height:440px; border:0; display:block; position:absolute; top:0; left:-53px; }

	.photoGroup { overflow:auto; }

	.photoGroup A.photoSmall { width:8em; height:6em; float:left; margin:0 0.3125em 0.3125em 0; border:0.0625em solid #ccc; }
	.photoGroup A.photoMedium { width:16.4375em; height:12.328125em; float:left; margin:0 0.3125em 0.3125em 0; border:0.0625em solid #ccc; }

	.photoGroup .photo { width:100%; height:100%; border:0; display:block; }

	.photoGroup A.photoSmall:hover, .propertyInfo .photoGroup A.photoMedium:hover { opacity:0.8; }


	TABLE.houseInfo { width:100%; border-right:0.0625em solid #ccc; border-left:0.0625em solid #ccc; }

	TABLE.houseInfo TR { background:#e7e7e7; }

	TABLE.houseInfo TR TD { padding:0.625em; width:50%; border-bottom:0.08065em solid #ccc; font-size:77.5%; }

	TABLE.houseInfo TR TD.submit { text-align:right; }

	DIV.description { padding:0.625em; font-size:77.5%; }

	DIV.description P { font-size:100%; margin:0 0.3125em 1em 0; }

FORM { margin:0 0.25em 0.25em 0; }

FIELDSET { background-color:#f5f5f5; border:0.0625em solid #ccc; margin:0 0 1em 0; padding:0.625em 0 0.625em 0.625em; }

LEGEND { font-weight:bold; color:#555; }

FORM.mailform LABEL.fieldset { width:10em; display:block; float:left; text-align:right; padding:0.3125em; }

INPUT.name { width:16em; }
INPUT.telephone { width:10em; }
INPUT.subject { width:40em; }

INPUT.million { width:5em; }

/*
INPUT.name, INPUT.telephone, TEXTAREA { border:0.0625em solid #bbb; padding:0.2em; }

INPUT.name:hover, INPUT.telephone:hover, TEXTAREA:hover { border:0.0625em solid #999; }
INPUT.name:active, INPUT.telephone:active, TEXTAREA:active { border:0.0625em solid #999; }
INPUT.name:focus, INPUT.telephone:focus, TEXTAREA:focus { border:0.0625em solid #999; }
*/
TEXTAREA { font-size:110%; width:96%; height:15em; font-family:Arial; }

.propertyListing { width:100%; border:0.0625em solid #ccc; font-size:77.5%; line-height:1.5; }

.propertyListing .header { background:#ddd url(images/button-gradient-transparent-20x52.png) repeat-x; }
.propertyListing .header TD { padding:0.625em; }

.propertyListing .odd { background:#eee; }
.propertyListing .even { background:#f5f5f5; }

.propertyListing .property { width:20%; display:block; }
.propertyListing .property:hover { opacity:0.8; }

.propertyListing .property .photo { width:100%; height:100%; border:0; display:block; }

#panel .box { background:#eee; border-top:0.0625em solid #A6640E; border-right:0.0625em solid #A6640E; border-bottom:0.0625em solid #A6640E; border-left:0.0625em solid #A6640E; }
#panel .box { position:relative; margin:0 0 0.25em 0; }
#panel .box H3 { position:absolute; top:0; right:0; width:100%; z-index:10; }

#weather { background:transparent url(images/sunshine-immo-header.jpg) repeat-y;  }

#weather EMBED, #weather OBJECT { width:100%; height:21.1em; margin:0; padding:0; }

/* border-top: 5px solid #A6640E; */

#footer { background-color:#f5f5f5; border:0.0625em solid #ccc; padding:0.625em 0 0.625em 0.625em; color:#333; text-align:right; }

#footer A { }

.advert { margin:0 auto 2em auto; background:#fff; width:43.875em; padding:0.3125em; border:0.0625em solid #aaa; }
.advert A { display:block; border:0.0625em solid #aaa; }
.advert A IMG { display:block; border:0; width:100%; height:9em; }