body {
	background: #5a050d url(back.png) center repeat-y;
	color: #ffddcd;
	margin: 0;
	padding: 0 0 50px 0;
}

body#constructiongallery {
	padding:0;}

p, a, li, label, h1, h2 {
	font-family: helvetica, arial, sans-serif;
	text-align: left;
	color: #f4c9b5;
	margin: 0 0 10px 0;
	padding: 0;
}

.normallist {
	list-style: outside;
	font-size: 12px;
	line-height: 18px;
	padding: 10px 30px;
}

.largest {
	font-size: 26px;
	}

.larger, .largercufon {
	font-size: 16px;
	line-height: 22px;
}

.subtitle {
	font-size: 14px;
}

.normal, label {
	font-size: 12px;
	line-height: 18px;
}

.smallcaps, .small {
	font-size: 11px;
	color: #98665d;
	line-height: 15px;	
}

.smallcaps {
	text-transform: uppercase;
}

.header-rule, h1, h2 {
	padding-bottom: 10px;
	margin-bottom: 20px;
	font-size: 17px;
	color: #fffcbd;
	background: url(rule.png) bottom repeat-x;
}


/* fonts etc */

a:link, a:visited, a:active {
	color: #b88767;
	text-decoration: none;
}




/* HEADER */

#topbar {
	background-color: #830015;
	height: 10px;
	position: relative;
	z-index: 3;
	width: 100%;
}

#main {
	width: 995px;
	position: relative;

	margin: 0px auto;
}

#toplogo img {
	width: 649px;
	height: 194px;
	border: 0px;
}

#toplogo {
	text-align: center;
	width: 995px;
	height: 675px;
	margin-top: -20px;
/* 	margin-left: 121px; */
	background: url(spotlight.jpg) center top no-repeat;
}

#lang {
	background-color: #830015;
	width: 80px;
	border: 1px solid #b88767;
	position: relative;
	float: right;
	z-index: 30;
	height: 38px;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

#lang p {
	text-align: center;
	padding-top: 20px;}
	
#chlang {
	position: relative;
	top: 2px;
}


/* MENU */


#menu {
	position: absolute;
	z-index: 20;
	top: 195px;
	margin-top: 0px;
	margin-left: 25px;
	width: 980px;
}

.menuitems {
	height: 32px;
	padding: 0px;
	margin: 18px 0 0 0;
}

.menuitems li {
	list-style: none;
	display: inline;

}

.menuitems a {
	font-size: 11px;
	text-transform: uppercase;
	color: #fffccd;
	padding: 19px 11px;

}


#menuleft {
	float: left;
	width: 700px;
}

#menuright {
	text-align: right;
	padding-right: 20px;
}


/* MENU ACTIVE LINKS */

body#home a#menuhome {
	color: #fffccd;
}



/* MAIN CONTENT AREA AND HEADER IMAGES */

div#maincontent {
	width: 960px;
	margin: 0px auto;
	margin-top: -365px;
	border-width: 1px 0;
	border-style: solid;
	border-color: #741e27;
	background: #66050e url(maincontentback.png) bottom repeat-x;
}

body#residences div#maincontent {
	background: #5a050d;}

.main-header {
	width: 440px;
	margin-top: -29px;
}


.main-header-shadow {
	width: 960px;
	height: 12px;
	margin-bottom: -12px;
	background: url(shadow-down.png) repeat-x top;
}


#video-ribbon {
	position: absolute;
	z-index:20;
	top:0;
	left:0;}



/* COLUMNS */

div.col {
	width: 280px;
	padding: 30px 0;
	margin: 0 20px;
	float: left;
}

div.two-col {
	width: 600px;
	padding: 30px 0;
	margin: 0 20px;
	float: left;
}


/* background colours

#main-contest {
	background-color: #222;
}

#main-videos {
	background-color: #444;
}

#main-news {
	background-color: #666;
}

*/



div#clear {
	clear: both;
}




div#registeriframe {
	text-align:center;
	margin-top: 10px;
}



/* RESIDENCES MENU */


#residences-tabs {
margin: 0px auto;
background: url(residences-tabs-back.png);
height: 48px;
width: 100%;
margin-bottom: 0px;
}

#residences-tabs-menu {
margin: 0 0;
}


#residences-tabs-menu li {
display: block;
margin: 0px;
float: left;
}

#residences-tabs-menu li p {
text-align: center;
/* width: 152px; 5 tabs */
width:200px;
padding: 16px 20px 0px 20px;}


/* AFFINITY MENU */


#affinity-tabs {
margin: 0px auto;
background: url(residences-tabs-back.png);
height: 48px;
width: 100%;
margin-bottom: 0px;
}

#affinity-tabs-menu {
margin: 0 9%;
}


#affinity-tabs-menu li {
display: block;
margin: 0px;
float: left;
}

#affinity-tabs-menu li p {
text-align: center;
width: 330px;
padding: 16px 30px 0px 30px;}




/* FOOTER */

#footer {
	margin-top: 40px;
	width: 960px;
	margin-left: 18px;
}


#footerleft {
	margin-top: 30px;
	float: left;
	width: 500px;
}

#footercenter {
	float:left;
	padding:20px 0;
	width:320px;
	}
	
#footercenter p {
	text-align: center;
	}

#bosalogo {
	width: 35px;
	height: 60px;
	float: left;
	margin-right: 10px;
	margin-top: -8px;
}

#maclogo {
	float: left;
	margin-right:10px;
}

#footerright {
	margin-top: 30px;
}

#footerright p {
	text-align: right;
}




div#socialnetworks {
	margin-top: 30px;
	text-align: right;
	background: url(followusonline.png) no-repeat top right;
}

div#socialnetworks img {
	padding: 0 7px;
}



/* HEADER IMAGES */

#main-lovewhereyoulive {
	text-indent: -9999px;
	height: 30px;
	background: url(../images/main-lovewhereyoulive.png) no-repeat;
}

#main-happiness {
	text-indent: -9999px;
	height: 30px;
	background: url(../images/main-happiness.png) no-repeat;
}


#main-header-main {
	height: 310px;
	margin-top: -56px;
	width: 417px;
	background: url(../images/render1-header.jpg) left top no-repeat;
	padding: 30px 20px 0 523px;
}
	


#main-header-top {
	position: relative;
	top: -56px;
}


#main-registernow a {
	color: #222;
	padding: 13px 15px 10px 15px;
	text-transform: uppercase;
	background-color: #f4f1b6;
}

#main-registernow {
	text-align: right;
	position:relative;
	left: -20px;
}
	

#main-header-affinity {
	margin-top: -56px;
	width: 320px;
	background: url(../images/render3-header.jpg) left top no-repeat;
	padding: 30px 620px 20px 20px;
}

#affinity-whereyoubelong {
	text-indent: -9999px;
	height: 30px;
	background: url(../images/affinity-whereyoubelong.png) no-repeat;
}

#affinity-likeevery {
	text-indent: -9999px;
	height: 76px;
	margin-top: 30px;
	background: url(../images/affinity-likeevery.png) no-repeat;
}



#main-header-residences {
	height: 230px;
	margin-top: -56px;
	width: 417px;
	background: url(../images/render2-header.jpg) left top no-repeat;
	padding: 30px 520px 0 23px;
}

#residences-wakingup {
	text-indent: -9999px;
	height: 64px;
	background: url(../images/residences-wakingup.png) no-repeat;
}


#main-header-neighbourhood {
	background: url(../images/neighbourhood-header.jpg) top no-repeat;
	padding: 30px 500px 60px 20px;
}

#neighbourhood-livelife {
	text-indent: -9999px;
	height: 30px;
	background: url(../images/neighbourhood-livelife.png) no-repeat;
}


#main-header-news {
	background: url(../images/register-header.jpg) top no-repeat;
	padding: 30px 500px 20px 20px;
}

#news-news {
	text-indent: -9999px;
	height: 30px;
	background: url(../images/news-news.png) no-repeat;
}



	
	
#main-header-aboutbosa {
	background: url(../images/aboutbosa-header.jpg) top no-repeat;
	width: 920px;
	padding: 30px 20px 20px 20px;
}

#aboutbosa-slideshow {
	float: right;
	margin-top: -15px;
}

#aboutbosa-successes {
	text-indent: -9999px;
	height: 30px;
	background: url(../images/aboutbosa-successes.png) no-repeat;
}

#aboutbosa-bosadev {
	text-indent: -9999px;
	height: 156px;
	margin-top: 20px;
	background: url(../images/aboutbosa-bosadev.png) no-repeat;
	width: 424px;}



#register-register {
	text-indent: -9999px;
	height: 30px;
	background: url(../images/register-register.png) no-repeat;
}



#main-header-register {
	background: url(../images/register-header.jpg) top no-repeat;
	background-color: #000;
	width: 720px;
	padding: 30px 220px 20px 20px;
}





#main-header-contact {
	background: url(../images/contact-header.jpg) top no-repeat;
	padding: 30px 550px 20px 20px;
	width: 390px;
	height: 250px;
	background-color: #000;
}

#contact-contactus {
	text-indent: -9999px;
	height: 22px;
	background: url(../images/contact-contactus.png) no-repeat;
}





/* REGISTRATION FORM */

.FormTable {
	width: 700px;
	margin: 0px auto;
	margin-top: 30px;
	margin-bottom: 30px;
	padding: 30px;
	background-color: #700612;
	border: 1px solid #7c312e;
}

.FormRowHeader p{
	text-align: right;

	padding-right: 20px;
}

input {
	border: 1px solid #91403c;
	height: 20px;
	color: #f4c9b5;
	margin: 6px;
	font-size: 12px;
	background-color: #7c1015;
	font-family: helvetica, arial, sans-serif;
}

input.radio {
	border: none;
	background: transparent;}

input#question {
	border: none;
	font-family: times new roman, serif;
	font-size:16px;
	position: relative;
	top: 5px;
	width: 36px;
	background-color: transparent;}

input#submit {
	height: 40px;
	width: 90px;
	text-transform: uppercase;
	background-color: #66050e;
	font-size: 12px;
	letter-spacing: 0.1em;
	cursor: pointer;
	}
	

label {
	margin: 0px;
	padding-top:10px;
}

label.error {
	font-style: italic;
	width: 500px;
	margin-left: 10px;
	padding-left: 15px;
	background: url(warning.png) left bottom no-repeat;}