body, html {
	height: 100%;
	}

body {
	margin: 0; padding: 0;
	background:url(images/body-bg.jpg) repeat-x;
	}	

#wrapper {
	min-height:100%;
	}

* html #wrapper {
	height:100%;
	}

#header {
	width: 100%;
	margin:0 0 15px 0;
	}

#header_800 {
	width: 800px;
	height: 287px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	}
	
#logo{
	width:465px;
	height:140px;
	float:left;
	background:url(images/baan-yindee-logo.jpg) no-repeat;
	overflow:hidden;
	}
	
#logo h1{
	line-height:999px;
	}
	
#overheads{
	width:174px;
	height:116px;
	float:right;
	background:url(images/overheads.gif) no-repeat;
	}

#content {
	width: 100%;
	padding-bottom: 100px;
	}
	
#content_800 {
	width: 800px;
	margin: 0 auto;
	overflow: hidden;
	padding-bottom: 100px;
	}

/*COMMON------------------------------------------------------*/
.clearit{clear:both}

p{
	font:11px Georgia, "Times New Roman", Times, serif;
	color:#7d003b;
	}
	
ul.paragraph_list li{
	font:11px Georgia, "Times New Roman", Times, serif;
	color:#7d003b;
	padding:0px 0 0px 40px;
	}
	
img{border:0}

a{
	color:#C06;
	}
	
/*NAVIGATION--------------------------------------------------*/
#navcontainer{
	float:right;
	margin-top:14px;
	}

#navlist li{
	display: inline;
	list-style-type: none;
	padding-left: 20px;
	}
	
#navcontainer a{
	color:#1b4398;
	font:11px Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-variant:small-caps;
	}
	
em{
	color:#cc0066;
	font-style:normal;
	font-weight:bold;
	}
	
#navcontainer a:hover, #navcontainer a:hover em{
	color:#ff0099;
	}
	
/*ROW1----------------------------------------------------------*/
#shack_pic{
	background:url(images/shack-photo.jpg) no-repeat;
	width:118px;
	height:94px;
	margin:47px 0 0 0;
	float:left;
	}

.row1_arrow{
	background:url(images/row-1-arrow.gif) no-repeat;
	width:33px;
	height:40px;
	float:left;
	margin:23px 0 0 40px;
	}
	
.row1_text{
	float:left;
	margin:16px 0 0 20px;
	}
	
.row1_text h1{
	font:24px Georgia, "Times New Roman", Times, serif;
	color:#309;
	margin:0;
	padding:0;
	}
	
.row1_text h2{
	font:12px Georgia, "Times New Roman", Times, serif;
	color:#309;
	margin:5px 0 0 0;
	padding:0;
	}
	
.row1_text em a{
	font:12px Arial, Helvetica, sans-serif;
	color:#C06;
	font-weight:bold;
	text-decoration:none;
	margin:0 0 0 5px;
	}
	
.row1_text em a:hover{
	color:#ff0099;
	}
	
/*LEFT COLUMN------------------------------------------------*/
#left_col{
	float:left;
	width:168px;
	background:#7d003b;
	border:1px solid #CCC;
	padding:0 0 15px 0;
	margin:0 0 15px 0;
	}
	
#left_col p{
	color:#FFF;
	margin:10px;
	line-height:16px;
	}
	
#left_col h1{
	width: 158px;
	height:25px;
	padding:35px 0 0 10px;
	background:#d70066;
	font:16px Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-variant:small-caps;
	color:#FFF;
	border-bottom: 1px solid #CCC;
	}
	
#left_col img{
	float:left;
	margin:10px 0 0 7px;
	}
	
/*RIGHT COLUMN------------------------------------------------*/
#right_col{
	float:right;
	width:600px;
	background:#f4f4f4;
	border:1px solid #CCC;
	padding:0 0 15px 0;
	}
	
#right_col p{
	color:#7d003b;
	margin:10px;
	line-height:16px;
	}
	
#right_col h1{
	width: 158px;
	height:44px;
	padding:16px 0 0 10px;
	background:#d70066;
	font:16px Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-variant:small-caps;
	color:#FFF;
	border-bottom: 1px solid #CCC;
	}

img.village_kids{
	float:right;
	margin:0 0 0 20px;
	}
	
img.village_kids2{
	float:left;
	margin:0 20px 0 0;
	}

#blog_CTA{
	margin:15px 0 20px 0;
	}

#blog_CTA a{
	font:18px Georgia, "Times New Roman", Times, serif;
	color:#C06;
	margin:15px 40px;
	text-decoration:none;
	}
	
#blog_CTA a:hover{
	font:18px Georgia, "Times New Roman", Times, serif;
	color:#309;
	text-decoration:none;
	}
	
#blog_CTA em{
	color:#309;
	text-decoration:underline;
	}
	
.headshot{
	margin:8px;
	}
	
/*FOOTER-------------------------------------------------------------*/
#footer {
	width: 100%;
	height: 222px;
	margin: -222px auto 0 auto;
	position: relative;
	background:url(images/footer-bg.gif) repeat-x;
	}

#footer_800 {
	width: 800px;
	height: 100px;
	position: relative;
	margin: 0 auto;
	}
	
.footer_left{
	float:left;
	}
	
.footer_left a{
	font:11px Arial, Helvetica, sans-serif;
	color:#FFF;
	text-decoration:none;
	}
	
.footer_left a:hover{
	color:#F09;
	}

.footer_left ul{
	margin:20px 0 0 0;
	padding:0;
	color:#FFF;
	}
	
.footer_left li{
	font:11px Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	}
	
.footer_right{
	float:right;
	}
	
.footer_right img, footer_right_text{
	float:right;
	margin:20px 0 0 0;
	}
	
.footer_right h1{
	float:right;
	font:18px Georgia, "Times New Roman", Times, serif;
	color:#FFF;
	border-bottom:1px solid #FFF;
	width: 250px;
	margin:20px 15px 10px 0;
	text-align:right;
	}
	
.footer_right p{
	float:right;
	font:11px Georgia, "Times New Roman", Times, serif;
	color:#CCC;
	width: 250px;
	text-align:right;
	margin:0 15px 0 0;
	line-height:18px;
	}
	
/*PROJECT PAGE-----------------------------------------------*/
#right_col li a{
	width:250px;
	height:17px;
	background:#d70066;
	margin:5px;
	font:12px Arial, Helvetica, sans-serif;
	color:#FFF;
	padding:4px 3px 3px 3px;
	border-left: 5px solid #000;
	display:block;
	list-style:none;
	text-decoration:none;
	}
	
#right_col li a:hover{
	background:#000;
	}
	
#right_col ul{
	margin:0 0 50px 0;
	padding:0;
	}
	
#right_col h2{
	font:20px Georgia, "Times New Roman", Times, serif;
	color:#d70066;
	margin:0 0 0 10px;
	}
	
#right_col h3{
	font:13px Georgia, "Times New Roman", Times, serif;
	color:#7d003b;
	margin:0 0 15px 10px;
	}	

#right_col li {
	list-style:none;
	}
	
.item{
	width:530px;
	margin:10px;
	padding:5px;
	background:#FFF;
	border:1px solid #ccc;
	display:block;
	overflow:auto;
	height:auto;
	}
	
.item ul{
	float:left;
		}
	
	
.item h2{
	font:18px Georgia, "Times New Roman", Times, serif;
	margin:0;
	padding:0;
	float:left;
	}
	
.item em{
	font:10px Arial, Helvetica, sans-serif;
	color:#333;
	margin:0 0 0 10px;
	}
	
.item h3{
	font:10px Arial, Helvetica, sans-serif;
	margin:0 0 0 10px;
	padding:0;
	float:left;
	color:#666;
	}
	
.item ul li p{
	font:15px Georgia, "Times New Roman", Times, serif;
	margin:0;
	padding:0;
	float:left;
	color:#666;
	}
	
.item img{
	float:right;
	}
	
.item ul, .item li{
	width:400px;
	margin:0;
	padding:0;
	}

/*CONTACT---------------------------------------------*/	
.contact_form{
	margin:0 0 0 10px;
	padding:0 20px 0 0;
	float:left;
	width:580px;
	}
	
.contact_form h1{
	font:18px Arial, Helvetica, sans-serif;
	padding:0;
	}
	
.contact_form h2{
	font:12px Arial, Helvetica, sans-serif;
	margin:0 0 10px 0;
	padding:0;
	}
	
label{
	width:110px;
	display:block;
	font:11px Arial, Helvetica, sans-serif;
	margin:5px 0 0 0;
	}
	
textarea{
	width:250px;
	height:80px;
	}
	
input{
	width:250px
	}

.contact_form_right h1{
	font:18px Arial, Helvetica, sans-serif;
	margin:20px 0 0 0;
	}

.contact_form_right h2{
	font:26px Arial, Helvetica, sans-serif;
	margin:0 0 0 0;
	}
	
/*GALLERY---------------------------------------------*/
.gallery{
	width:600px;
	}

img.gallery_img{
	float:left;
	width:80px;
	height:110px;
	margin:20px 0 20px 16px;
	display:block;
	}