/* CSS Document */
ul,ol,dl,dd,dt,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,a
{ margin:0; padding:0; border: 0;}
/*deal with the 3px padding between divs in IE*/
body {
font-family: Arial, sans-serif;
color: #000000;
}
div {overflow: hidden;}
a img,:link img,:visited img { border:none; }
address { font-style:normal; }
:link,:visited { text-decoration:none; }
ul,dl { list-style:none; }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
.clearer {float: none; clear: both; line-height: 0; }
/**/
#beyondLogo {
	width: 100%;
	height: 120px;
	text-align: center;
	margin-top: 20px;
}
/**/
#txtBeyondImagination {
	display: block;
	position: relative;
	height: 160px;
	width: 100%;
	overflow: hidden;
	font-size: 72px;
	font-family: Trebuchet, Verdana, Arial, sans-serif;
	color: #EAEAEA;
	text-align: center;
}
#txtBeyondImagination span {
	display: block;
	position: absolute; left: 0; top: 0; z-index: 1;
	width: 100%;
	height: 190px;
	background: url(images/txt_beyond_imagination.jpg) center -20px no-repeat;
}
/**/
#flashMenu {
	width: 100%;
	height: 280px;
	position: relative;
}
#flashMenu #textMenu {
	margin-top: 15px;
	text-align: center;
	background-color: #CCCCCC;
	padding: 15px;
	color: #FFFFFF;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 14px;
}
#flashMenu #textMenu a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
#flashMenu #textMenu a:hover {
	color: #333333;
}
/**/
#registerDiv, #videoDiv {
	width: 100%;
	height: 36px;
	text-align: center;
	font-size: 16px;
	margin-top: -100px;
}
#videoDiv {
	margin-top: 20px;
}
#houselandDiv {
	width: 800px;
	height: 136px;
	text-align: center;
	font-size: 16px;
	margin: auto;
	position: relative;	
	background: transparent;
	z-index: 999;
}
#facebookDiv {
	width: 800px;
	height: 49px;
	text-align: center;
	font-size: 16px;
	margin: auto;
	position: relative;	
	background: transparent;
	z-index: 999;
	margin-top: -70px;
}
#registerLink, #whatsHappeningLink, #videoLink {
	width: 231px;
	height: 36px;
	overflow: hidden;
	display: block;
	position: relative;
	margin: 0 auto 0 auto;
	color: #999999;
	cursor: pointer;
	z-index: 9999;
}
#houselandLink {
	width: 231px;
	height: 136px;
	overflow: hidden;
	display: block;
	color: #999999;
	cursor: pointer;
	position: relative;
	text-indent: -9999px;
	z-index: 999;
}
#houselandLink span {
	display: block;
	position: absolute; left: 40px; top: 20px; z-index: 999;
	width: 117px;
	height: 136px;
	background: url(images/beyondcircle.png) top right no-repeat;
}
#facebookLink {
	width: 186px;
	height: 49px;
	overflow: hidden;
	display: block;
	color: #999999;
	cursor: pointer;
	position: relative;
	float: right;
	text-indent: -9999px;
	z-index: 999;
}
#facebookLink span {
	display: block;
	position: absolute; right: 0px; top: 0px; z-index: 999;
	width: 186px;
	height: 49px;
	background: url(images/facebook.jpg) top right no-repeat;
}

#whatsHappeningLink {
	width: 296px;
}
#videoLink {
	width: 232px;
}

#registerLink span, #whatsHappeningLink span, #videoLink span {
	display: block;
	position: absolute; left: 0; top: 0; z-index: 1;
	width: 100%;
	height: 36px;
	background: url(images/btn_register_interest.jpg) top center no-repeat;
}
#whatsHappeningLink span {
	background: url(images/btn_whats_happening.jpg) top center no-repeat;
}
#videoLink span {
	background: url(images/btn_watch_video.jpg) bottom center no-repeat;
}
#registerLink:hover, #whatsHappeningLink:hover {
	color: #000000;
}
#registerLink:hover span, #whatsHappeningLink:hover span {
	background-position: bottom center;
}
#videoLink:hover span {
	background-position: top center;
}

/* Overlay Box styles */
.modal { 
    background-color:#000; 
    display:none; 
    width:425px; 
    padding:15px; 
    text-align:center; 
    border:2px solid #333; 
    -moz-border-radius:6px; 
    -webkit-border-radius:6px; 
    -moz-box-shadow: 0 0 50px #ccc; 
    -webkit-box-shadow: 0 0 50px #ccc; 
    z-index: 999;
} 

/* close button positioned on upper right corner */ 
.modal .close { 
    background-image:url(http://static.flowplayer.org/tools/img/overlay/close.png); 
    position:absolute; 
    right:0px; 
    top:0px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
    z-index: 1000;
}
