html { background: #000000 url(../images/chalet/bg.gif) top center no-repeat; }
body { font: 12px arial, verdana, helvetica, sans-serif; color: #ffffff; background: #000000; width: 960px; margin: 0 auto; padding: 0; position: relative; }
div#headers { clear: both; width: 960px; margin: 0 auto; height: 124px; padding: 36px 0 0 0; }
h1#sitetitle span { display: none; }
h1#sitetitle { margin: 0; padding: 0; height: 124px; width: 220px; float: left; }
h1#sitetitle a { margin: 0px; padding: 0; height: 124px; width: 220px; display: block; background: url(../images/chalet/title.gif) top left no-repeat; }

div#flash { float: right; }

div#main { clear: both; width: 960px; }

div#menu { float: left; width: 226px; /*background: url(../images/chalet/vert-line.gif) top right no-repeat;*/ padding: 66px 0 0 0; margin: 0; min-height: 300px; }
div#menu ul { margin: 0; padding: 0; width: 180px; text-align: right; margin: 0 0 0 40px; font-size: 14px; text-transform: lowercase; }
div#menu ul li { margin: 0; padding: 0; list-style: none; text-align: right; margin: 0 0 10px 0; }
div#menu ul li a { color: #ffffff; text-decoration: none; display: block; margin: 0 0 0 20px; text-align: right; padding: 0px 4px 0 20px; line-height: 0.8; }
div#menu ul li a:hover, div#menu ul li a.on { color: #000000; text-decoration: none; background: url(../images/chalet/menu-bg.gif) bottom left no-repeat; }

div#content { float: right; width: 659px; min-height: 366px; padding: 100px 30px 20px 33px; background: url(../images/chalet/content-bg.gif) top left no-repeat; }
div#content a { color: #ffffff; text-decoration: underline; }
div#content a:hover { color: #000000; text-decoration: none; background: #ffffff; }
div#text { float: right; width: 202px; margin: 0 0 0 0px; }
div#content img#mainimg { float: left; }
h2 { font-weight: lighter; font-size: 22px; text-transform: lowercase; margin: 0 0 10px 0; padding: 0; }

div#footers { clear: both; height: 100px; background: url(../images/chalet/footer.gif) top left no-repeat; width: 960px; margin: 0 auto; }

div#content form input, div#content form textarea { background: #333333; border: 0; color: #666666; padding: 4px; }
div#content form input:focus, div#content form textarea:focus { background: #666666; border: 0; color: #ffffff; }
div#content form input[type=image] { border: 0; padding: 0; background: transparent; color: transparent; margin: 0; }

/*property listing row*/
div#content div.propertylisting { clear: both; background: #666666; width: 666px; min-height: 120px; margin: 0 0 20px 0; }
div#content div.propertylisting img { float: left; height: 120px; width: 145px; }
div#content div.propertyinfo { width: 501px; padding: 0 0 0 20px; height: 120px; position: relative; float: right; }
div#content div.propertylink { height: 60px; width: 60px; position: absolute; right: 60px; bottom: 0; }
div#content div.videolink { height: 60px; width: 60px; position: absolute; right: 0; bottom: 0; background: url(../images/chalet/quicktime.gif) bottom left no-repeat; }
div#content div.propertylink a, div#content div.propertylink a:hover { display: block; width: 60px; height: 60px; color: transparent; background: transparent url(../images/chalet/pdfbutton.gif) bottom left no-repeat; }
div#content div.videolink a, div#content div.videolink a:hover { display: block; width: 60px; height: 60px; color: transparent; background: transparent url(../images/chalet/quicktime.gif) bottom left no-repeat; }
div#content div.propertylink a span, div#content div.videolink a span { display: none; }
div#content p.propertyprice { width: 194px; float: left; margin: 0; }
div#content p.propertydescription { float: left; width: 360px; margin: 12px 0 4px 0; }

div#rotator { position: relative; float: left; width: 432px; height: 345px; }
a#gall-next img, a#gall-back img { border: 0; text-decoration: none; }
a#gall-next, a#gall-back { width: 56px; height: 56px; display: block; border: 0; text-decoration: none; background: transparent; position: absolute; color: transparent; }
a:hover#gall-next, a:hover#gall-back { border: 0; text-decoration: none; background: transparent; }
a#gall-next { bottom: 0; right: 0; }
a#gall-back { bottom: 0; left: 0; }
img#gallsquare1, img#gallsquare2, img#gallsquare3 { position: absolute; }
img#gallsquare1 { bottom: 56px; right: 56px; }
img#gallsquare2 { bottom: 0; right: 112px; }
img#gallsquare3 { bottom: 0; right: 168px; }


/*home floating squares*/
div#randomhomeimage { position: relative; float: left; width: 615px; height: 375px; }
img#homesquare1, img#homesquare2, img#homesquare3, img#homesquare4 { position: absolute; margin: 0; padding: 0; border: 0; height: 56px; width: 56px; }
img#homesquare1 { bottom: 0; right: 168px; }
img#homesquare2 { bottom: 56px; right: 112px; }
img#homesquare3 { bottom: 0; right: 56px; }
img#homesquare4 { bottom: 0; right: 0; }

/*rotator floating squares*/
div#randomimage { position: relative; float: left; width: 432px; height: 345px; }
img#homesquare1, img#homesquare2, img#homesquare3, img#homesquare4 { position: absolute; margin: 0; padding: 0; border: 0; height: 56px; width: 56px; }
img#homesquare1 { bottom: 0; right: 168px; }
img#homesquare2 { bottom: 56px; right: 112px; }
img#homesquare3 { bottom: 0; right: 56px; }
img#homesquare4 { bottom: 0; right: 0; }


/*languages select*/

div#langselect { text-align: right; padding: 0; width: 200px; margin: 40px 0 0 20px; }
div#langselect a { display: block; width: 40px; height: 81px; float: left; }
div#langselect p { color: #ffffff; margin: 10px 0 2px 0; padding: 0; font-size: 14px; font-weight: normal; text-align: right; }

a#gblang { background: url(../images/chalet/lang/gb-still.gif) top left no-repeat; }
a#gblang:hover { background: url(../images/chalet/lang/gb.gif) top left no-repeat; }

a#frlang { background: url(../images/chalet/lang/fr-still.gif) top left no-repeat; }
a#frlang:hover { background: url(../images/chalet/lang/fr.gif) top left no-repeat; }

a#gerlang { background: url(../images/chalet/lang/ger-still.gif) top left no-repeat; }
a#gerlang:hover { background: url(../images/chalet/lang/ger.gif) top left no-repeat; }

a#rulang { background: url(../images/chalet/lang/ru-still.gif) top left no-repeat; }
a#rulang:hover { background: url(../images/chalet/lang/ru.gif) top left no-repeat; }

a#grlang { background: url(../images/chalet/lang/gr-still.gif) top left no-repeat; }
a#grlang:hover { background: url(../images/chalet/lang/gr.gif) top left no-repeat; }

div#langselect a span { display: none; }


/*properties portfolio*/

div#content div#propportfolio p { padding: 0; }
div#content div#propportfolio a { display: block; width: 74px; height: 170px; float: left; text-decoration: none; margin: 0 20px 0 0; color: transparent; }
div#content div#propportfolio a:hover { text-decoration: none; margin: 0 20px 0 0; color: transparent; }

div#content a#swissprop { background: transparent url(../content/ChaletRoyale/PropPortfolioFlags/swi-still.gif) top left no-repeat; }
div#content a#swissprop:hover { background: transparent url(../content/ChaletRoyale/PropPortfolioFlags/swi.gif) top left no-repeat; }

div#content a#frprop { background: transparent url(../content/ChaletRoyale/PropPortfolioFlags/fra-still.gif) top left no-repeat; }
div#content a#frprop:hover { background: transparent url(../content/ChaletRoyale/PropPortfolioFlags/fra.gif) top left no-repeat; }

div#content a#ausprop { background: transparent url(../content/ChaletRoyale/PropPortfolioFlags/aus-still.gif) top left no-repeat; }
div#content a#ausprop:hover { background: transparent url(../content/ChaletRoyale/PropPortfolioFlags/aus.gif) top left no-repeat; }

div#content a#usaprop { background: transparent url(../content/ChaletRoyale/PropPortfolioFlags/usa-still.gif) top left no-repeat; }
div#content a#usaprop:hover { background: transparent url(../content/ChaletRoyale/PropPortfolioFlags/usa.gif) top left no-repeat; }

div#content a#canprop { background: transparent url(../content/ChaletRoyale/PropPortfolioFlags/can-still.gif) top left no-repeat; }
div#content a#canprop:hover { background: transparent url(../content/ChaletRoyale/PropPortfolioFlags/can.gif) top left no-repeat; }

div#content div#propportfolio a span { display: none; }