@charset "utf-8";
/* CSS Document */
html, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
 padding: 0;
 margin: 0;
 font-size: 100%;
 font-weight: normal;
}
table { border-collapse: collapse; border-spacing: 0; }
td, th, caption { font-weight: normal; text-align: left; }
img, fieldset { border: 0; }
ol { padding-left: 1.4em; list-style: decimal; }
ul { padding-left: 1.4em; list-style:square; }
q:before, q:after { content:''; }
body { 
	margin: 0px;
	background-color:#2b4d8a;
	}
/* CSS Reset Finished */


h1 {
	font-family: 'Open Sans', sans-serif;
	font-size: 24px;
	color: #2b4d8a;
	text-align:left;
	font-weight:bold;
	background-image:url(gfx/h1_bg.png);
	background-position:right;
	background-repeat:repeat-x;
	padding-top:24px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:0px;
	height:60px;
	margin-bottom:20px;
	}
	
	
h1.h1proj {
	font-family: 'Open Sans', sans-serif;
	font-size: 24px;
	color: #2b4d8a;
	text-align:left;
	font-weight:bold;
	background-image:url(gfx/h1_bg.png);
	background-position:right;
	background-repeat:repeat-x;
	padding-top:24px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:0px;
	height:60px;
	margin-bottom:20px;
	}
	
h2 {
	font-family: 'Open Sans', sans-serif;
	font-size: 24px;
	color: #ffffff;
	text-align:left;
	font-weight:bold;
	padding:20px;
}

p {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	color: #ffffff;
	padding-bottom:10;
	padding-left:20px;
	padding-right:20px;
	padding-top:0px;
	line-height:130%;
	text-align:justify;
}

p.bottomp {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	color: #ffffff;
	padding-bottom:20px;
	padding-left:0px;
	padding-right:20px;
	padding-top:0px;
	line-height:130%;
	text-align:left;
}

p.bottompright {
	font-family: 'Open Sans', sans-serif;
	font-size: 30px;
	color: #ffffff;
	padding:0px;
	line-height:130%;
	text-align:right;
}

p.bottompright2 {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	color: #ffffff;
	padding-bottom:20px;
	padding-left:20px;
	padding-right:0px;
	padding-top:0px;
	line-height:130%;
	text-align:right;
}


a:link {
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	text-decoration: underline;
	color: #2b4d8a;
}
a:active {
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	text-decoration: none;
	color: #FFFFFF;
}


.copyrlink a:link {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
}
.copyrlink a:visited {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #ffffff;
	font-weight: normal;
}
.copyrlink a:hover {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	text-decoration: underline;
	color: #cccccc;
	font-weight: normal;
}
.copyrlink a:active {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #ffffff;
	font-weight: normal;
}


.botplink a:link {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
}
.botplink a:visited {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
}
.botplink a:hover {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	text-decoration: underline;
	color: #cccccc;
	font-weight: normal;
}
.botplink a:active {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
}


.mainplink a:link {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
}
.mainplink a:visited {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
}
.mainplink a:hover {
	font-family: 'Open Sans', sans-serif;
	text-decoration: underline;
	font-size: 18px;
	color: #cccccc;
	font-weight: normal;
}
.mainplink a:active {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
}



#top_logo {
	width:100%;
	height:auto;
	background-image:url(gfx/top_bg.png);
	background-repeat:repeat-x;
	background-position:right;
}

#top_logo_content {
	margin:0 auto;
	max-width:1352px;
	min-width:320px;
	height: auto;
	position:relative;
	background-image:url(gfx/top_logo2ndbg.png);
	background-repeat:no-repeat;
	background-position:right;
}

.logoimg {
	padding-bottom:20px;
	padding-left:10px;
	padding-right:10px;
	padding-top:20px;
}

.logotext {
	padding-bottom:20px;
	padding-left:10px;
	padding-right:10px;
	padding-top:40px;
	text-align:right;
	width:40%;
	height:auto;
	float:right;
}

.logotextimg {
width:auto;
height:auto;
} 

#navi_bar {
	width:100%;
	height:62px;
	background-image: url(gfx/navi_bg.png);
	background-repeat:repeat-x;
}

.navi_inner {
	margin:0 auto;
	max-width:1352px;
	min-width:320px;
	height: auto;
	position:relative;
	padding-left:10px;
	padding-right:10px;
	padding-top:15px;
}

.navi_inner2 {
	margin:0 auto;
	max-width:1352px;
	min-width:320px;
	height: auto;
	position:relative;
	padding-left:10px;
	padding-right:10px;
	padding-top:15px;
	display:none;
	text-align:left;
}

.navi_space {
	padding:0;
	padding-right:40px;
}

.hp_main_content {
	margin:0 auto;
	max-width:1352px;
	min-width:320px;
	height: auto;
	position:relative;
	padding-bottom:0px;
	padding-left:10px;
	padding-right:10px;
	padding-top:20px;
	overflow: visible;
	text-align:center;
}

.hp_main_content_largeimg {
	margin:0 auto;
	max-width:1352px;
	min-width:320px;
	height: auto;
	position:relative;
	padding-bottom:0px;
	padding-left:10px;
	padding-right:10px;
	padding-top:20px;
	overflow: visible;
	text-align:center;
	display:none;
}

.mainimg1 {
	width:100%;
	height:auto;
}

.hp_main_content2 {
	margin:0 auto;
	max-width:1352px;
	min-width:320px;
	height: auto;
	position:relative;
	padding-bottom:0px;
	padding-left:10px;
	padding-right:10px;
	padding-top:0px;
	overflow: visible;
	text-align:center;
}

.hp_main_content3 {
	margin:0 auto;
	max-width:1352px;
	min-width:320px;
	height: auto;
	position:relative;
	padding-bottom:0px;
	padding-left:10px;
	padding-right:10px;
	padding-top:20px;
}

.hp_main_content4 {
	margin:0 auto;
	max-width:1352px;
	min-width:320px;
	height: auto;
	position:relative;
	padding-left:10px;
	padding-right:10px;
}




.hpimg4 {
	float:right;
	padding-bottom:30px;
	padding-left:40px;
	padding-right:20px;
	padding-top:0px;
}

.blankdiv {
width:100%;
height:0px;
display:inline-block;
}

#bottom_content {
	width:100%;
	height: auto;
	background-color:#5571a2;
	border-bottom: 6px solid #d5dce8;
	border-top:6px solid #d5dce8;
	overflow:auto;
}

.bottom_left {
	width:45%;
	height:auto;
	float:left;
	text-align:left;
	padding-bottom:20px;
	padding-top:20px;
	margin-left:20px;
}
.bottom_right {
	width:50%;
	height:auto;
	float:right;
	text-align: right;
	padding-bottom:40px;
	padding-top:20px;
}

.copyr_bottom_content {
	max-width: 1352px;
	min-width:320px;
	height: auto;
	margin:0 auto; 
	position: relative;
	overflow:auto;
}

.copyr_bottom_left {
	width:45%;
	height:auto;
	float:left;
	text-align:left;
	padding-bottom:20px;
	padding-left:10px;
	padding-top:20px;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #ffffff;
}
.copyr_bottom_right {
	width:45%;
	height:auto;
	float:right;
	padding-bottom:20px;
	padding-right:10px;
	padding-top:20px;
	text-align:right;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #ffffff;
}

.button1 {
	border: none;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 26px;
	width: 100%;
	padding: 10px;
	background-color:#2b4d8a;
	color:#FFFFFF;
}


.button1:hover {
	background-color: #FFFFFF;
	color: #2b4d8a;
	}

#menubox {
	width:100%;
	height:100%;
	position:fixed;
	overflow: auto;
	top:0px;
	left:0px;
	z-index:2072;
	vertical-align:middle;
	background-color:#2b4d8a;
	visibility:hidden;
	text-align:center;
	}
	
	
.project_main_content {
	margin:0 auto;
	max-width:1352px;
	min-width:320px;
	height: auto;
	position:relative;
	padding-bottom:20px;
	padding-left:10px;
	padding-right:10px;
	padding-top:20px;
	text-align:center;
}

.project_pad {
	padding-bottom:0px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	}
	
	
.projimg_right {
	float:right;
	padding-bottom:30px;
	padding-left:40px;
	padding-right:20px;
	padding-top:0px;
	width:50%;
}

.project_page_content {
	margin:0 auto;
	max-width:1352px;
	min-width:320px;
	height: auto;
	position:relative;
	padding-bottom:20px;
	padding-left:10px;
	padding-right:10px;
	padding-top:20px;
	text-align: center;
}

.project_pad2 {
	padding:20px;
	}
	
.formtext {
	font-size:1em;
	width:95%;
	font-family: "Arial", Helvetica, sans-serif;
	color: #2b4d8a;
	border: 1px solid #2b4d8a;
	text-align:left;
	padding:5px;
	margin-bottom:10px;
	margin-top:10px;
	background-color:#d5dce8;
	}
	
.hpprods_inner {
	max-width:1352px;
	height: auto;
	margin: 0 auto;
	padding-top: 30px;
	}

.hpprods_inner_gr {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-column-gap: 5px;
	grid-row-gap: 5px;
	}

.hpprods_image {
	width: 100%;
	height: auto;
}

.hpprods_image2 {
	width: 100%;
	height: auto;
	border-top: #2b4d8a 5px solid;
}


@media screen and (max-width: 1100px) {
/* anything in here will only be applied when the screen is smaller than 1100px */ 

.logotext {
	padding-bottom:20px;
	padding-left:10px;
	padding-right:10px;
	padding-top:40px;
	text-align:right;
	width:40%;
	height:auto;
	float:right;
}

.logotextimg {
width:100%;
height:auto;
} 

}

@media screen and (max-width: 800px) {
/* anything in here will only be applied when the screen is smaller than 800px */ 
.logotext {
	padding-bottom:20px;
	padding-left:10px;
	padding-right:10px;
	padding-top:40px;
	text-align:right;
	width:40%;
	height:auto;
	float:right;
	display:none;
}


.hpimg4 {
	float:none;
	padding-bottom:30px;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	width:94%;
}

.hpprods_inner_gr {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 5px;
	grid-row-gap: 5px;
	}

}


@media screen and (max-width: 650px) {
/* anything in here will only be applied when the screen is smaller than 650px */ 

#top_logo {
	width:100%;
	height:auto;
	background-image:url(gfx/top_bg.png);
	background-repeat:repeat-x;
	background-position:right;
	text-align:center;
}

.navi_inner {
	margin:0 auto;
	max-width:1352px;
	min-width:320px;
	height: auto;
	position:relative;
	padding-left:10px;
	padding-right:10px;
	padding-top:15px;
	display:none;
}

.navi_inner2 {
	margin:0 auto;
 	width:80%;
	min-width:300px;
	height: auto;
	position:relative;
	padding-left:10px;
	padding-right:0px;
	padding-top:5px;
	display: inline-block;
	text-align:left;
}

.hp_main_content_largeimg {
	margin:0 auto;
	width:auto;
	min-width:320px;
	height: auto;
	position:relative;
	padding-bottom:0px;
	padding-left:10px;
	padding-right:10px;
	padding-top:20px;
	overflow: visible;
	text-align:center;
	display: inline-block;
}

.hp_main_content {
	margin:0 auto;
	max-width:1352px;
	min-width:320px;
	height: auto;
	position:relative;
	padding-bottom:0px;
	padding-left:10px;
	padding-right:10px;
	padding-top:20px;
	overflow: visible;
	text-align:center;
	display:none;
}

.hpimg4 {
	float:none;
	padding-bottom:30px;
	padding-left:10px;
	padding-right:0px;
	padding-top:10px;
	width:92%;
}

h1 {
	font-family: 'Open Sans', sans-serif;
	font-size: 24px;
	color: #2b4d8a;
	text-align:left;
	font-weight:bold;
	background-image:url(gfx/h1_bg2.png);
	background-position:right;
	background-repeat:repeat-x;
	padding-top:14px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:0px;
	height:90px;
	margin-bottom:20px;
	}

.bottom_left {
	width:90%;
	height:auto;
	float:none;
	text-align:left;
	padding-bottom:20px;
	padding-top:20px;
	margin-left:20px;
}
.bottom_right {
	width:90%;
	height:auto;
	float:none;
	text-align: left;
	padding-bottom:40px;
	padding-top:10px;
}


p.bottompright {
	font-family: 'Open Sans', sans-serif;
	font-size: 30px;
	color: #ffffff;
	padding:0px;
	padding-left:20px;
	line-height:130%;
	text-align:left;
}

p.bottompright2 {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	color: #ffffff;
	padding-bottom:20px;
	padding-left:20px;
	padding-right:20px;
	padding-top:0px;
	line-height:130%;
	text-align:left;
}


.copyr_bottom_left {
	width:90%;
	height:auto;
	float:none;
	text-align:left;
	padding-bottom:10px;
	padding-left:10px;
	padding-top:10px;
	padding-right:10px;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #2b4d8a;
}
.copyr_bottom_right {
	width:90%;
	height:auto;
	float:none;
	padding-bottom:10px;
	padding-left:10px;
	padding-top:10px;
	padding-right:10px;
	text-align:left;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #2b4d8a;
}

.projimg_right {
	float:none;
	padding-bottom:20px;
	padding-left:10px;
	padding-right:10px;
	padding-top:0px;
	width:95%;
}

.project_pad2 {
	padding:20px;
	width:90%;
	height:auto;
	}
	
.housinglogo {
	width: 80%;
	height:auto;
	
}

.hpprods_inner {
	max-width:1352px;
	height: auto;
	margin-top: 0;
	margin-left: 20px;
	margin-bottom: 0;
	margin-right: 20px;
	padding-top: 30px;
	}


.hpprods_inner_gr {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-column-gap: 5px;
	grid-row-gap: 5px;
	}


}

@media screen and (max-width: 340px) {
/* anything in here will only be applied when the screen is smaller than 340px */ 


.hp_main_content_largeimg {
	margin:0 auto;
	width:320px;
	height: auto;
	position:relative;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	padding-top:20px;
	overflow: visible;
	text-align:center;
	display: inline-block;
}

h1 {
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	color: #ffffff;
	text-align:left;
	font-weight:bold;
	background-image:url(gfx/h1_bg2.png);
	background-position:right;
	background-repeat:repeat-x;
	padding-top:14px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:0px;
	height:90px;
	width:90%;
	margin-bottom:20px;
	}

.hp_main_content3 {
	margin:0 auto;
	width:320px;
	min-width:320px;
	height: auto;
	position:relative;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	padding-top:20px;
}

.project_main_content {
	margin:0 auto;
	width:320px;
	height: auto;
	position:relative;
	padding-bottom:20px;
	padding-left:0px;
	padding-right:0px;
	padding-top:20px;
	text-align:center;
}

p.bottompright {
	font-family: 'Open Sans', sans-serif;
	font-size: 25px;
	color: #ffffff;
	padding:0px;
	padding-left:10px;
	line-height:130%;
	text-align:left;
}

p.bottompright2 {
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	color: #ffffff;
	padding-bottom:20px;
	padding-left:10px;
	padding-right:0px;
	padding-top:0px;
	line-height:130%;
	text-align:left;
}

.bottom_left {
	width:90%;
	height:auto;
	float:none;
	text-align:left;
	padding-bottom:20px;
	padding-top:20px;
	margin-left:10px;
}

.hp_main_content4 {
	margin:0 auto;
	max-width:1352px;
	min-width:320px;
	height: auto;
	position:relative;
	padding-left:0px;
	padding-right:0px;
}

.project_pad2 {
	padding:10px;
	width:70%;
	height:auto;
	}

.project_page_content {
	margin:0 auto;
	width:300px;
	height: auto;
	position:relative;
	padding-bottom:10px;
	padding-left:0px;
	padding-right:0px;
	padding-top:10px;
	text-align: center;
}

}