/* CSS Document */
/*body { background-color: #9999CC}*/
html {font-size: 62.8%; height:100%; overflow-y: scroll;} /* now 1 em is about 10px, force scrollbar in FF  */
body { margin: 0 auto; font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 1.4em; height: 100%;} 
/*div {box-sizing: border-box; -moz-box-sizing: border-box ; -webkit-box-sizing: border-box ;}*/

/*
general styles
*/
h1 {  font-size: 30px; font-weight: bold}
h2 {  font-size: 20px}
h3 {  font-size: 18px}
h4 {  font-size: 16px}
h5{  font-size: 14px}
h6{  font-size: 8px}
h2, h3, h4, h5, h6{
	color: #FFF;
}
a {	color: black;	text-decoration: none; font-style:italic;}
a:hover { text-decoration: underline; cursor:pointer;}
img { border: 0;}
ul {margin:0;}
.clear { clear:both; height:1px;}
/*
top level body elements 
*/
#bodyMain, #bodyIntro { width: 980px; background: #011f01; height:100%;} 
#wrapperBorder{ background: #ffffcc;  width: 940px; margin: 0; padding-bottom: 0px; padding:20px; _height:1400px;} /* need height set for ie6*/

#title { background: #530303;  padding: 20px 0; text-align:center;}
#title h1{ color: #ffffcc; margin: 0;}

#divBanner { background: #ffffcc; background: #530303; margin-top: 15px; padding: 20px 10px;}
/*note use of hash bug in ie http://www.jakpsatweb.cz/css/css-vertical-center-solution.html*/
/*_ in css is only recognised by ie6 and # is seen only by ie*/
#divBanner p{ position:absolute; left: 0px; bottom: 0px; #bottom: 10px; font-size:12px; width: 100%; text-align:center;}  
#imgBannerL, #imgBannerR  { position:relative; color:#000066; margin:0; padding:0; background-color: #ffffcc;}
#imgBannerL  { float:left; }
#imgBannerR  { float:right; }
#imgBannerL .imgL { position:relative; background: url(/images/Luxury_Houses_for_sale_in_Barcelona_L.jpg) no-repeat; width: 425px; height: 276px; margin: 15px 15px 30px 15px;}
#imgBannerR .imgR { position:relative; background: url(/images/Luxury_Houses_for_sale_in_Barcelona_R.jpg) no-repeat; width: 425px; height: 276px; margin: 15px 15px 30px 15px;}

#content { padding: 10px 0 0px 0;}
#contentLeft, #contentRight { width:49%; _width:48%; float: left; margin-right: 5px; background: #ffffcc;}
#contentRight { float: right; }
#contentLeft div, #contentRight div{ margin: 10px; }

.subTitle{ background: #530303; margin-top: 10px; text-align: center; padding: 10px 0;}
.subTitle h2, .subTitle h4{ color: #ffffcc; font-weight:bold; margin: 0;}

/*
photo slider 
*/
#media { position:relative; height: 200px; margin: 10px 0; background:#ffffcc; padding: 0px 5px;}
#videos {float:left; position:relative; width: 280px; margin: 5px;}
#videos table {margin: 10px 0; border:2px solid black; width:100%; background:white;}
#videos .tdb td{border-top:2px solid black;}
#photos { float:right; position:relative; width: 600px; margin: 5px;}
#topSlideBG {	position:absolute;	width: 600px;	height: 120px;	background: #232323; margin-top:10px;} /* bottom:10px; right:5px; display:none;*/
#topSlide {	position:absolute;	width: 560px;	height: 122px;	overflow: auto;	overflow-y: hidden; margin: 20px 0 0 20px;} /*	bottom:15px; right:20px; z-index:10;*/
#topSlide #slider { position:relative; height: 100px; margin:0 10px; white-space: nowrap; left: 0px; float:left; background: none;}
#topSlide a { margin: 0 6px;}

#footer {background: #530303; margin-top: 20px; #margin-top: 60px;}
#footer p{ color: white; font-size: 20px; margin: 0; padding: 20px 0 20px 80px;}
#footer a{ color: #ccc;}

/*
curves and shadows
*/
.curve15{
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
behavior:url(/Library/border-radius-ie8.htc);/**/
}
.curve30{
-moz-border-radius: 30px;
-webkit-border-radius:  30px;
border-radius:  30px;
behavior:url(/Library/border-radius-ie8.htc);/**/
}
.shadow5{
-moz-box-shadow: 5px 5px 10px #444; /* hori vert spread colour */
-webkit-box-shadow: 5px 5px 10px #444;
box-shadow: 5px 5px 10px #444;
behavior:url(/Library/border-radius-ie8.htc);/**/
}
/*
* flash pages
*/

body#videoPage {
	background-color: black; margin: 0 auto; margin-top:10px; color: #333;font-size: 10px;
}
#videoPage a {
	color: #333;
	text-decoration: none;
}
#videoPage a:hover {
	text-decoration: underline;
	color: #444;
}
#videoPage #player{
	color: #fff;font-size: 10px;
}
#videoPage .floatRight{
 float:right;
}
#lightBox1 { position:absolute; width:100%; height:0; background-color:#000; top: 0; margin-left: -21px;}
#dropDowns { position:absolute; }
#dropDown1 ,#dropDown2 { _position:relative; _float:left; _width:460px; _background-color:#ffc; _padding: 0px 0 ; _margin: 1px 0px;} /* only  for ie6 */
#dropDowns  > div { position:relative; float:left; width:460px; background-color:#ffc; padding: 0px 0 ; margin: 1px 0px;} /* not recognised in ie6 */