/* CSS Document */
html, body {
	margin: 0;
	padding: 0;
	background:url(../1image/bg.jpg) scroll 50% top no-repeat;
	text-align: center;

}

.hidden {
	display: none;
}

a {
	border:none;
	text-decoration:none;


}

a.active {
border:none;
	text-decoration:none;

}

a:hover {
border:none;
	text-decoration:none;
}	

/* page container */

#page-container {
	width: 802px;
	margin: auto;
	text-align: left;

}

/* header */

#header {
	background:#FFFFFF;
	height: 123px;
}

#logo {
	margin-top:10px;
	float: left;
	background:#FFFFFF;
}

#youtube {
	margin-top:90px;
	float: right;
	border:none;
}
#main_menu {
	float:right;
	background:#FFFFFF;
	padding-top:100px;
	margin-right:10px;
	
	
}

/* sidebar*/
#sidebar-a {
	float: left;
	width: 211px;
	height:345px;
	background:#ff8f21;
	padding-top:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:justify;
	
}

#sidebar-b {
	float: left;
	width: 211px;
	height:345px;
	
}

#introtext{
	float: left;
	width: 211px;
	height:345px;
	background:#ff8f21;
	padding-top:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:justify;
	line-height:14px;
	
}

.title{
	font-family: "Lucida Sans";
	font-size:18px;
	color:#FFFFFF;
	font-weight:200;
	line-height:18px;

}

.title1{
	font-family: "Lucida Sans";
	font-size:18px;
	color:#fe8f21;
	font-weight:200;

}

.title2{
	font-family: "Lucida Sans";
	font-size:14px;
	color:#132d8f;
	font-weight:200;
	margin-bottom:-25px;

}
/* content*/
#content {

	width:579px;
	height:355px;
	float:right;
	
}

#to2content {
	
	margin-top:20px;
	width:569px;
	float:right;
	background-color:#999999;
	

	
	
	
}



#to2image{

	float:left;
	width:243px;
	

}

#to2text{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	width:335px;
	float:right;
	margin-top:20px;
	margin-right:10px;
	text-align:justify;
	
	


}

#to7text{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	width:530px;
	float:right;
	margin-top:20px;
	padding-left:20px;
	padding-right:20px;
	text-align:justify;
	


}

#projects{
	width:579px;
	float:right;
	background-color:#999999;


}



#projectimage{
	width:176px;
	padding-top:15px;
	float:left;
	padding-left:10px;
	margin-right:10px;
	

}

#projecttext{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	height:155px;
	border-top: thin dotted #FFFFFF;
	background-color:#999999;
	padding-top:0px;
	
	
	
	
	

}

#to2image{

	float:left;
	width:243px;

}

#flash {
	background:#ff8f21;
	height:355px;
}
/* content*/
#images {
	width:802px;
	
	
	
}


#hflogo {
	float:left;
	width:223px;
}


#houses {
	float:right;
	width:579px;
	padding-top:10px;
	padding-bottom:10px;
}

#houses1 {
	float:right;
	width:579px;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#666666;
}


#houses_text {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
	float:left;
	width:275px;
	margin-top:0px;
	float:left;
	text-align:justify;

}

#video {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	float:right;
	width:290px;
	margin-top:35px;

}



#img1{
	padding-left:13px;
	padding-right:13px;
	background-color:#666666;
	float:left;
}

#img2{
	
	background-color:#666666;
}

#img3{

	background-color:#666666;
	float:right;
	padding-right:13px;
}



/* footer*/
#footer {
	width:802px;
	clear: both;
	padding-top:10px;
	background:#FFFFFF;
	height: 66px;
	border-top: thin dotted #CCCCCC;
}


#copyright{
	float:left;
	
}

#credits{
	float:right;
	
}