body, html {
	height: 80%; /*80%;*/ /*100%;*/
}

.background { 
	/* The image used */
	/*background-image: url("../images/projects/v_residency_001.jpg");*/

	/* Full height */
	height: 100%; 

	/* Center and scale the image nicely */
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	
	/* image transparency */
	/*opacity: 0.5;*/
}



/* ----------------------------- */
/* Project Description Container */
/* ----------------------------- */
.desc_container {
	position: absolute;
	
	left: 20%; /*50px;*/
	top: -100px; /*100px;*/
	
	/*background-color: lightgray;*/
	background-color: transparent;
	color: #000;
	
	opacity: 0.9; /*0.3;*/
	
	border: 0.5;
	
	width: 40%; /*300px;*/
	height: 350px;
	
	/*display: none;*/ /* default to hidden until hover */
}


.desc_sub_container {
	display: none; /* default to hidden until hover */

	/*-ms-transform: translateY(-50%);
  	transform: translateY(-50%);*/
	/*position: absolute;*/
	
	/*top: 50%;*/
	
	/*text-align: left;*/
}


.desc_header  {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-display: block;
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	top: 0; /*0px;*/
	left: 0px;
	text-align: left;
	margin: 100px 0 0 5px; /*5px 0 0 5px;*/ /* top right bottom left */

	width: 40%; /*300px;*/
	
	/*-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
	position: absolute;*/
}

.desc_body  {
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	font-display: block;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-align: left;
	margin: 0 0 0 5px; /* top right bottom left */

	width: 40%; /*300px;*/
	
	/*-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
	position: absolute;
	top: 50%;*/
}

/*.desc_container:hover, 
.desc_container:active {
	background-color: transparent;*/ /*lightgray;*/
	/*display: block;*/
/*}

.desc_container:hover .desc_sub_container, 
.desc_container:active .desc_sub_container {
	display: block;
}*/

.image_container {
	top: 50%;	
	
	/*height: 100%;*/
	/*width: 100%;*/
	
	margin: 0 0 0 0 0; /*auto;*/
	
	/*position: absolute;*/
}

.imgPanel {
	width: 1000px;
	height: 600px;
	
	text-align: center;
	margin: 0 auto 0 auto;
	
	/*cursor: pointer;*/
	
	/*z-index: 100;*/
}

.img {
	/*width: 1000px;
	height: 600px;*/

	/*z-index: 200;*/
}

.imgText {
	color: transparent;
}

.imgPanel:hover .imgText {
	/*display: block;*/

	color: #000;
}
/*
.imgPanel:hover {
	
	cursor: e-resize, w-resize;
	
}
*/
/* ------------------- */
/* Slideshow container */
/* ------------------- */
.slideshow_container {
	/*max-width: 1000px;*/
	position: relative;
	/*margin: 0 auto 0 auto;*/ /* top right bottom left */
	width: auto; /*50%;*/ /*35%;*/
	height: 100%; /*auto;*/
	text-align: center;
	
	/*border: 2;*/
	
	top: 0px;
}

.slideshow_sub_container {
	/*left-margin: 25%;*/ /* top right bottom left */
	margin-left: 0;
	
	z-index: 5;
}

/*
#slideshow_sub_container .desc_container:hover,
#slideshow_sub_container .desc_container:active {
	margin-lef: 25%;
}
*/

/* Hide the images by default */
.mySlides {
	display: none;
	/*margin: 0 auto 0 auto;*/ /* top right bottom left */
}



.sub_Slides {
	/*margin-left: 0;
	padding-left: 0;*/
	
	/*top: 50%;*/

	margin-top: 50px;
}



/* Next & previous buttons */
/*
.prev, .next {
	cursor: pointer;
	position: absolute;
	top: 50%;
	width: auto;
	margin-top: -22px;
	padding: 16px;
	color: white;
	font-weight: bold;
	font-size: 18px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	user-select: none;
}
*/

.split {
	height: 100%;
	width: 50%;
	position: fixed;
	z-index: 0;
	top: 100px;
	overflow-x: hidden;
	padding-top: 20px;
}

.prev {
	/*cursor: pointer;*/
/*	position: absolute;*/
	/*top: 45%;*/ /*50%;*/
	/*width: auto;*/
	margin-top: -22px;
	padding: 16px;
	color: white;
	font-weight: bold;
	font-size: 18px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	user-select: none;

	text-align: left;
	left: 0;
	
	opacity: 0;
	
	background-color: blue;
	/*z-index: 2;*/
}
.next {
	/*cursor: pointer;*/
/*	position: absolute;*/
	/*top: 45%;*/ /*50%;*/
	/*width: auto;*/
	margin-top: -22px;
	padding: 16px;
	color: white;
	font-weight: bold;
	font-size: 18px;
	transition: 0.6s ease;
	/*border-radius: 3px 0 0 3px;*/ /* position for next button */
	border-radius: 0 3px 3px 0;
	user-select: none;

	right: 0;
	
	opacity: 0;

	background-color: green;
	/*z-index: 2;*/
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
	background-color: #fff; /*#000;*/ /*#0E0E0E;*/ /*lightgray;*/ /*rgba(0,0,0,0.8); */

	/*visibility: visible !important;*/
	/*opacity: 9;*/
}

.prev:hover {
	/*cursor: url("../images/Previous2_hover_32x32.cur"), default;*/
	/*cursor: url("../images/Previous2_hover_24x24.cur"), default;*/

	cursor: url("../images/Previous4_24x24.cur"), default;
	/*cursor: url("../images/outline-left-2-24x24.cur"), default;*/
	/*overflow: hidden;*/
	
	/*z-index: -1;*/
	/*position: fixed;*/
}
.next:hover {
	/*cursor: url("../images/Next2_hover_32x32.cur"), default;*/
	/*cursor: url("../images/Next2_hover_24x24.cur"), default;*/

	cursor: url("../images/Next4_24x24.cur"), default;
	/*cursor: url("../images/outline-right-2-24x24.cur"), default;*/
	/*overflow: hidden;*/
	
	/*z-index: -1;*/
	/*position: fixed;*/
}

/*
.prev:hover, {
	src: url("../images/Previous.png")
}
.next:hover {
	src: url("../images/Next.png")
}
*/
/*
.prev .imgPrev {
	src: url("../images/Previous2_white.png") no-repeat;
	width: 32px;
	height: 32px; 
}
.next .imgNext {
	src: url("../images/Next2_white.png") no-repeat; 
	width: 32px;
	height: 32px; 
}
.imgPrev:hover {
	src: url("../images/Previous2.png") no-repeat;
	width: 32px;
	height: 32px; 
}
.imgNext:hover {
	src: url("../images/Next2.png") no-repeat;
	width: 32px;
	height: 32px; 
}
*/

/* Caption text */
.text {
	color: #f2f2f2;
	font-size: 15px;
	padding: 8px 12px;
	position: absolute;
	bottom: 8px;
	width: 100%;
	text-align: center;
}

/* Number text (<current page>/<total pages> etc) */
.numbertext {
	color: #f2f2f2;
	font-size: 10px; /*12px;*/
	padding: 8px 12px;
	position: absolute;
	top: 10px; /*0;*/
	
	text-align: left;
}

/* The dots/bullets/indicators */
/*
.dot {
	height: 15px;
	width: 15px;
	margin: 0 2px;
	background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.6s ease;
}
*/

.active {
	background-color: #717171;
}

/* Fading animation */
.fade {
	-webkit-animation-name: fade;
	-webkit-animation-duration: 1.5s;
	animation-name: fade;
	animation-duration: 1.5s;

	margin: 0 auto 0 auto; /* top right bottom left */
}

@-webkit-keyframes fade {
	from {opacity: .4} 
	to {opacity: 1}
}

@keyframes fade {
	from {opacity: .4} 
	to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
	.text {font-size: 11px}
}



/* ---- */
/* menu */
/* ---- */
.menu_container {
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	font-display: block;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-variant: bold;
	color: #000;
	/*padding: 10px 10px 10px 10px;*/ /* top right bottom left */
	/*margin: 5px 5px 5px 15px;*/ /* top right bottom left */
	text-align: left;
	text-decoration: none;
	
	margin-bottom: 10px;
}

.menu_text {
	
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	font-display: block;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-variant: bold;
	color: #000;
	margin: 5px 5px 5px 15px; /* top right bottom left */
	
	text-align: left;
	text-decoration: none;
}


#menu {	
	list-style:none;
	width:940px;
    margin:30px auto 0px auto; /*30px auto 0px auto;*/ /* top right bottom left */
    height:43px;
    padding:0px 20px 0px 20px; /*0px 20px 0px 20px;*/ /* top right bottom left */
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	
	background: #014464;
	background: -moz-linear-gradient(top, #0272a7, #013953);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#013953));
	
	/* Borders */
    border: 1px solid #002232;
	
	-moz-box-shadow:inset 0px 0px 1px #edf9ff;
	-webkit-box-shadow:inset 0px 0px 1px #edf9ff;
	box-shadow:inset 0px 0px 1px #edf9ff;
}
/*
.menu_text:hover {
	text-decoration: underline;
}

.menu_header:hover {
	font-variant: bold;
}
*/

/* Normal Text */
.std_container {
	position: relative;
	
	width: 50%;
	text-align: center;

	/*left: 50%;*/
	/*margin: 50% 0 0 50%;*/ /* top right bottom left */
	margin-left: 25%;
	margin-top: 15%;
}

.std_container .std_header  {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-display: block;
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	/*top: 0;*/ /*0px;*/
	/*left: 0;*/ /*0px;*/
	text-align: left;
	/*margin: 100px 0 0 5px;*/ /*5px 0 0 5px;*/ /* top right bottom left */

	width: 100%; /*300px;*/
	
	/*-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
	position: absolute;*/
}

.std_container .std_body  {
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	font-display: block;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-align: left;
	/*margin: 0 0 0 5px;*/ /* top right bottom left */

	width: 100%; /*300px;*/
	
	/*-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
	position: absolute;
	top: 50%;*/
}



/* ------------ */
/* Contact Page */
/* ------------ */
#web_wrapper {
	position: relative;
	
	background-color: #fff; /*crimson;*/

	width: 100%;
	text-align: center;
}

#web_main {
	overflow: hidden;

	margin-left: 30%;
	margin-top: 0%;
}


/*#contact_content #contact_left #content_table #content_header {*/
#contact_content #content_table #contact_left #content_header {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif"; /*Arial, Helvetica, sans-serif;*/
	font-size: 20px; /*12px;*/
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000;
	background-color: #FFF;
	display: block;
	float: left;
	/*padding: 20px;*/ /*0px 20px;;*/
	padding: 135px 150px 0px 150px; /*20px 20px 00px 0px;*/ /* Top Right Bottom Left */
	/*z-index: 1000;*/
}
/*#contact_content #contact_left #content_table #content_body {*/
#contact_content #content_table #contact_left #content_body {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif"; /*Arial, Helvetica, sans-serif;*/
	font-size: 14px; /*12px;*/
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000;
	background-color: #FFF;
	display: block;
	float: left;
	/*padding: 0px 20px 10px 20px;*/ /* Top Right Bottom Left */
	padding: 15px 150px 10px 150px; /*0px 20px 10px 0px;*/ /* Top Right Bottom Left */
	/*z-index: 1000;*/
	letter-spacing: normal;
	text-align: justify;
	word-spacing: normal;
	text-indent: 100;
	vertical-align: super;
	
	width: 1000px; /*800px;*/
}

/*#main #container #content #left_content #content_header {*/
.content_header {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif"; /*Arial, Helvetica, sans-serif;*/
	font-size: 20px; /*12px;*/
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000;
	background-color: #FFF;
	display: block;
	float: left;
	/*padding: 20px;*/ /*0px 20px;;*/
	padding: 150px 150px 0px 0px; /*20px 20px 00px 0px;*/ /* Top Right Bottom Left */
	/*z-index: 1000;*/
}
/*#main #container #content #left_content #content_body {*/
.content_body {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif"; /*Arial, Helvetica, sans-serif;*/
	font-size: 14px; /*12px;*/
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000;
	background-color: #FFF;
	display: block;
	float: left;
	/*padding: 0px 20px 10px 20px;*/ /* Top Right Bottom Left */
	padding: 15px 150px 10px 0px; /*0px 20px 10px 0px;*/ /* Top Right Bottom Left */
	/*z-index: 1000;*/
	letter-spacing: normal;
	text-align: justify;
	word-spacing: normal;
	text-indent: 100;
	vertical-align: super;
	
	width: 500px;
	height: 1000px; /*800px;*/
}

.contact_left {
	text-align: left;
	color: #000;
	background-color:dimgray; /* #FFF; */
	margin-top: -270px;
	margin-left: 50px; /*-150px;*/
	width: 350px; /*450px;*/

	min-width: 350px;
}
.contact_right {
	text-align: right; /*right;*/
	color: #000;
	background-color:dimgray; /* #FFF; */
	margin-top: 100px;
	margin-left: 200px; /*150px;*/
	/*left: 1000px;*/ /*1000px;*/

	width: 450px; /*450px;*/
	min-width: 450px;
}

#content_table {
	
}



.left { float: left }
.right { float: right }


#contact_form { padding: 0; width: 250px; height: 380px; background: #fff; position:absolute;}
#contact_form form { margin: 0px; padding: 0px; height: 380px; background: #fff }

#contact_form form .input_field {
	width: 240px;
	height: 18px;
	padding: 5px;
	color: #000; /*#fff;*/
	border: 1px solid #3b3b3b;
	background: #fff; /*#141414;*/
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

/*#contact_form form label { display: block; font-size: 11px; margin-bottom: 5px; }*/

#contact_form form textarea {
	clear: both;
	width: 240px;
	height: 95px; /*150px;*/
	padding: 5px;
	color: #000; /*#fff;*/
	border: 1px solid #3b3b3b;
	background: #fff; /*#141414;*/
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

#contact_form form .submit_btn {
	color: #000; /*#FFFFFF; */
	cursor:pointer; 
	border: 1px solid #3b3b3b; 
	background: #fff; /*#141414;*/
	padding: 6px 12px; /* top right bottom left */ /* button size */

	margin-top: 0px; /* rely on size of message textarea (height) */
}


/*#main #container #content #right_content #address {*/
/*#contact_content #contact_right #address {*/
#address {
	float: left; /*right;*/
	/*margin: 10px 300px 0px 0px;*/ /* Top Right Bottom Left */
	width: 1450px; /*300px;*/ /*400px;*/ /*800px;*/
	
	/*margin-left: auto;
	margin-top: auto;
	margin-right: auto;*/
	
	font-size: 12px;
	
	height: 380px;
}

.contact_warning {
	top: 560px; /*460px;*/
	position: absolute;
}



/* ------------------------ */
/* Home Page Project Images */
/* ------------------------ */
.main_image_container {
	/*text-align: center;*/
	margin: 15px 0 0 9%; /* top right bottom left */
}

/* Three image containers (use 25% for four, and 50% for two, etc) */
.homePageColumn {
	float: left;
	width: 30.00%; /*23%;*/ /*30%;*/ /*33.33%;*/
	padding: 5px; /*5px;*/

	text-align: center;
}

/* Clear floats after image containers */
.homePageRow::after {
	content: "";
	clear: both;
	display: table;
}

/* Four image containers (use 25% for four, and 50% for two, etc) */
.homePageColumn2 {
	float: left;
	width: 22.00%; /*23%;*/ /*30%;*/ /*33.33%;*/
	padding: 5px; /*5px;*/

	text-align: center;
	
	padding-top: 5%;
	
	min-width: 250px;
}
/* Four image containers (use 25% for four, and 50% for two, etc) */
.homePageColumn3 {
	float: left;
	width: 22.00%; /*23%;*/ /*30%;*/ /*33.33%;*/
	padding: 5px; /*5px;*/

	text-align: center;
	
	padding-top: 5%;
}


/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 500px) {
  .homePageColumn {
    width: 100%;
  }
}

/*
.homePageImage {
	
}
*/

.homePageImageText {
	/* cannot hidden by default as after appear, following images will move to right */
	/*display: none;*/ /* default to hidden until hover */
	
	color: transparent;
	
	padding-bottom: 15px;
}

.homePageImage:hover .homePageImageText,
.homePageImage:active .homePageImageText {
	/*display: block;*/

	color: #000;
}

.page_number {
	position: absolute;
	color: #000;
	font-size: 12px;
}

.company_name {
	display: block;
	text-align: left; /*left;*/
	/*float: right;*/
	position: absolute;
	margin: 13px 0 0 10px; /*13px 0 0 10px;*/ /* top right botton left */
	padding: 0 0 0 0; /*0 0 0 0;*/ /* top right botton left */
}