/* =HTML
- - - - - - - - - - - - - - - - - - - - - */
body{
	margin:0;
	padding:0;
	min-width:936px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	background-color:#818057;	
}

img{
	border:none;
}

#page{
	display:block;
	width:760px;
	margin:0 auto;
}

a { text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	font-weight:bold;
	color:#FFFFFF;
}

a:hover{
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style:normal;
	font-weight:bold;
	color:black;    
}

.active{
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style:normal;
	font-weight:bold;
	color:black;    
}
/* =HEADINGS
- - - - - - - - - - - - - - - - - - - - - */
#page #header{
	width:760px;
	height:80px;
	background-color:#dadada;
	background-image: url(../imgs/generic/logo.jpg);
	background-repeat:no-repeat;
	background-position:left;
}

#page #header_devide{
	margin:0;
	padding:0;
	width:760px;
	height:2px;
	background-color:#FFFFFF;
}


/* =NAVIGATION
- - - - - - - - - - - - - - - - - - - - - */
#page #navi{
	width:760px;
	height:30px;
	background-color:#a7b090;
}
#page #navi .btn{
	float:left;
}
/* =CONTENT
- - - - - - - - - - - - - - - - - - - - - */
#page #ad{
	margin:10px 0 20px 0;
	width:760px;
	height:192px;
	position: relative;
}

#page #info{
	margin:0;
	padding:0;
	width:760px;
	height:182px;
}

/* =home.html
- - - - - - - - - - - - - - */
#page #info #box_layout{
	margin:0;
	padding:0;
	width:250px;
	height:255px;
}

#page #info #home_content_left{
	margin:0;
	padding:0;
	width:378px;
	height:182px;
	float:left;
}

#page #info #home_content_right{
	margin:0;
	padding:0;
	width:378px;
	height:182px;
	float:left;
}

#page #info #box_layout{
	margin:0;
	padding:0;
	width:250px;
	height:255px;
}

#page #info #box_layout2{
	margin:0 5px 0 5px;
	padding:0;
	width:250px;
	height:255px;
	float:left;
}

/*#page #info #box_layout #title_bar1{
	margin:0;
	padding:8px 0 0 10px;
	width:240px;
	height:22px;
	background-color:#5f0305;
	font-size:12px;
	font-weight:bold;
}

#page #info #box_layout2 #title_bar2{
	margin:0;
	padding:8px 0 0 10px;
	width:240px;
	height:22px;
	background-color:#7d0407;
	font-size:12px;
	font-weight:bold;
}

#page #info #box_layout #title_bar3{
	margin:0;
	padding:8px 0 0 10px;
	width:240px;
	height:22px;
	background-color:#a71013;
	font-size:12px;
	font-weight:bold;
}
*/
#page #info #home_content_left #title_bar1{
	margin:0;
	padding:8px 0 0 10px;
	width:368px;
	height:22px;
	background-color:#5f0305;
	font-size:12px;
	font-weight:bold;
}

#page #info #home_content_right #title_bar2{
	margin:0;
	padding:8px 0 0 10px;
	width:368px;
	height:22px;
	background-color:#5f0305;
	font-size:12px;
	font-weight:bold;
}


#page #info #home_content_left #info_left_guild{
	margin:0;
	padding:20px 20px 0 10px;
	width:348px;
	height:182px;
	float:left;
}

#page #info #home_content_right #info_left_guild{
	margin:0;
	padding:20px 20px 0 10px;
	width:348px;
	height:182px;
	float:left;
}

#info_left_devide{
	margin:0;
	padding:32px 1px 0 1px;
	width:1px;
	height:127px;
	float:left;
	line-height:1px;
}

#page #info #box_layout #info_btn{
	margin:0;
	padding:0;
	width:140px;
	height:20px;
	float:left;
}

#page #info #box_layout2 #info_middle_guild{
	margin:0;
	padding:20px 20px 0 10px;
	width:218px;
	height:204px;
	float:left;
}

#page #info #box_layout2 #info_middle_devide{
	margin:0;
	padding:0;
	width:2px;
	height:224px;
	float:left;
}

#page #info #box_layout #info_right_guild{
	margin:0;
	padding:20px 0 0 10px;
	width:240px;
	height:204px;
	float:left;
}

#page #info #box_layout #info_right_text{
	margin:0;
	padding:15px 0 0 0;
}

#page #info #btn{
	margin:20px 0 0 0;
	padding:0;
}

/* =project.html
- - - - - - - - - - - - - - */
#page #info2 {
	margin:0;
	padding:0;
	width:760px;
	height:auto;
	float:left;
}

#page #info2 #project {
	margin:0;
	padding:0 15px 0 0;
	width:145px;
	float:left;
}


#page #info2 #project_devide {
	margin:0;
	padding:0;
	width:1px;
	float:left;
}

#page #info2 #project_right {
	margin:0;
	padding:0 0 0 15px;
	width:580px;
	height:255px;
	float:left;
}

#page #info2 #project_pic {
	margin:0;
	padding:0;
	width:300px;
	float:left;
}


#page #info2 #project_right_text {
	margin:0;
	padding:0 0 0 20px;
	width:579px;
	float:left;
}

#page #info2 #project_right h2{
	padding:0; 
	margin:0 0 10px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	text-decoration: none;
	color:#414042;
}

#page #info2 #project_right h3 {
	padding:0; 
	margin:0 0 10px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	text-decoration: none;
}

#page #info2 #project_right h4 {
	margin:10px 0 0 0;
	padding:0 ;
	font-weight:normal;
	font-size:12px;
}

#page #info2 #project_right span {
	margin:10px 0 0 0;
	padding:0 ;
	color:#6e1212;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
}

#page #info2 #project_right span a {
	margin:10px 0 0 0;
	padding:0 ;
	color:#6e1212;
	text-decoration:none;
	font-size:12px;
}

#page #info2 #project_right span a:hover{
	margin:10px 0 0 0;
	padding:0 ;
	text-decoration:none;
	color: #333333;
	font-size:12px;
}

#page #info2 #project_review {
	margin:0;
	padding:0;
	text-decoration:none;
	font-size:10px;
	width:300px;
	float:left;
}

#page #info2 #project_review a{
	color:#FFFFFF;
	text-decoration:none;
	font-size:10px;
	padding:0 0 0 10px;
}

#page #info2 #project_review a:hover{
color:#333333;
	text-decoration:none;
	font-size:10px;
}

#page #info2 #btn_text {
	margin:0;
	padding:0 0 1px 0;
}

#page #info2 #btn_text2 {
	margin:0;
	padding:0;
}

#page #info2 #project h1 {
	margin:0;
	padding:0 0 5px 0;
	font-size:10px;
	font-weight:bold;
	color: #414042;
}

#page #info2 #house_info{
	width:590px;
	float:left;
	padding:0 0 0 20px;
}

#page #info2 #house_info h1{
	margin:0;
	padding:0 0 5px 0;
	font-size:12px;
	font-weight:bold;
	color: #000000;
}

#page #info2 #house_info TD{
	margin:0;
	padding:5px 0 5px 0;
	font-size:12px;
	font-weight:normal;
	color: #FFFFFF;
}

/*gallery
----------------------------------*/
#page #info2 #garelly {
	margin:0;
	padding:0 0 0 15px;
	width:560px;
	float:left;
}

/*siteplan
----------------------------------*/
.titletext-table{
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
}

.text-table{
	font:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	padding-left:5px;
}

/*career
------------------------------*/
#page #info2 #contentarea {
	margin:0;
	padding:0;
	width:760px;
	height:auto;
	font-size:12px;
}


/*company info
-------------------------------------*/
#page #info2 #contentarea1 {
	margin:0;
	padding:0 0 0 10px;
	width:750px;
	height:auto;
	font-size:12px;
}

#page #info2 #contentarea1 .titletext{
	font-size:14px;
	color:#FFFFFF;
	background-color:#5f0305;
	line-height:25px;
	padding-left:10px;
	font-weight:bold;
}

#page #info2 #contentarea1 .img{
	padding-left:10px;
	margin-right:10px;
	float:left;
}

.green{
	color:#e8f000;
}

/*contact info
-------------------------------------*/
#page #info2 #contentarea2 {
	margin:0 1px 0 0;
	padding:10px 0 10px 20px;
	width:360px;
	height:140px;
	font-size:12px;
	color:#FFFFFF;
	background-color:#949874;
	line-height:22px;
	float:left;
}
#page #info2 #contentarea2_right {
	margin:0;
	padding:10px 0 10px 20px;
	width:359px;
	height:140px;
	font-size:12px;
	color:#FFFFFF;
	background-color:#949874;
	line-height:22px;
	float:left;
}

.boldtext{
	font-weight:bold;
	color:#000000;

}


/* =Footer
- - - - - - - - - - - - - - */
#page #footer{
	margin:0;
	padding:5px 0 0 0;
	width:760px;
	height:30px;
	float:left;
}

#page #footer_devide{
	float:left;
	width:760;
	height:1px;
	line-height:1px;
 	background-color:#9a9978;
}

#page #footer_text {
float:left;
width:505px;
font-size:9px;
font-style:normal;
font-weight:bold;
color:#57563a;
}

#page #footer_add {
float:left;
width:255px;
text-align:right;
font-size:9px;
font-style:normal;
font-weight:bold;
color:#57563a;
}

#page #footer a { text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	font-style:normal;
	font-weight:bold;
	color:#57563a;
}

#page #footer a:hover{
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style:normal;
	font-weight:bold;
	color:black;    
}

#page #footer .active{
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style:normal;
	font-weight:bold;
	color:black;    
}