html, body { height: 100%; margin:0; padding:0; }
body { background: #CCC url(../images/tileBg.jpg) repeat top left; padding:0 0 0 0; color:#666; font: 76%/1.6 "Helvetica Neue",Helvetica,Arial,sans-serif; text-align:center; }

a { outline:none; }

div.clearer { clear:both; height:0; width:100%; }

/* Base Layout */
div#wrap-header { position:relative; z-index:0; width:100%; height:300px; margin:0; padding:0; background: transparent url(../images/headerBg.jpg) repeat-x top left; }
div#header { position:relative; text-align:left; width: 940px; height:180px; margin:0 auto; padding:0; }
#logo { display:block; margin: 20px 0 0 0; float:left; }
#clientLogin { position:absolute; top:0; right:0; z-index:2000; }

#wrapper {  min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -100px auto; /* the bottom margin is the negative value of the footer's height */}
div#container{ position:relative; z-index:1; width:940px; margin:-180px auto 0 auto; text-align:left; padding:0; }
div#crumbs { width:910px; height:30px; margin:0 0 20px 0; padding: 0 20px 0 20px; }
div#contentHeader { width:940px; margin:0; padding:0; text-align:justify; }
div#content{ float:left; width:620px; padding:0; margin: 20px 0 0 0; position:relative; }
div#rightPanel{ float:right; width:300px; padding: 0; margin: 20px 0 0 0; }

div#wrap-footer { clear:both; width: 100%; background: transparent url(../images/tileBg-Dark.jpg) repeat top left; margin:20px 0 0 0 ; }
div#wrap-footer, .push  { height: 100px; clear:both; }
div#footer{ width:940px; margin:0 auto; padding:20px 0 0 0; text-align:left; }

/* Naviagtion */
ul#NavA { list-style:none; margin: 56px 0 0 20px; float:left; }
ul#NavA li { text-indent: -10000px; float:left; height:66px; line-height:66px; margin:0 0 0 20px; padding:0; }
ul#NavA li a { display:block;  background: transparent url(../images/navigation.jpg) no-repeat; }

ul#NavA li.home a { background-position: 0px 0px; width:66px; }
ul#NavA li.home a:hover { background-position: 0px -68px; }
body#home ul#NavA li.home a { background-position: 0px -136px; }

ul#NavA li.contact a { background-position:-66px 0px; width:82px; }
ul#NavA li.contact a:hover { background-position: -66px -68px; }
body#contact ul#NavA li.contact a { background-position: -66px -136px; }

ul#NavB { list-style:none; margin: 56px 0 0 20px; float:right; }
ul#NavB li { text-indent: -10000px; float:left; height:68px; line-height:68px; margin:0 0 0 20px; padding:0; }
ul#NavB li a { display:block;  background: transparent url(../images/navigation.jpg) no-repeat; }

ul#NavB li.ski-pods a { background-position: -148px 0px; width:84px; }
ul#NavB li.ski-pods a:hover { background-position: -148px -68px; }
body#ski-pods ul#NavB li.ski-pods a { background-position: -148px -136px; }

ul#NavB li.concepts a { background-position: -232px 0px; width:76px; }
ul#NavB li.concepts a:hover { background-position: -232px -68px; }
body#concepts ul#NavB li.concepts a , body#renov ul#NavB li.concepts a , body#design ul#NavB li.concepts a , body#newbuild ul#NavB li.concepts a , body#cuisine ul#NavB li.concepts a { background-position: -232px -136px; }

ul#NavB li.propiedades a { background-position: -308px 0px; width:129px; }
ul#NavB li.propiedades a:hover { background-position: -308px -68px; }
body#propiedades ul#NavB li.propiedades a { background-position: -308px -136px; }

ul#NavB li.clothing a { background-position: -437px 0px; width:76px; }
ul#NavB li.clothing a:hover { background-position: -437px -68px; }
body#clothing ul#NavB li.clothing a { background-position: -437px -136px; }

ul#clientNavigation { position:absolute; right:0; top:20px; margin:0; padding:0; list-style:none; }
ul#clientNavigation li { float:left; margin: 0 0 0 20px; }