/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

body {
	font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
	color: #fff;
}

img.bg {
			/* Set rules to fill background */
			min-height: 100%;
			min-width: 1024px;
			
			/* Set up proportionate scaling */
			width: 100%;
			height: auto;
			
			/* Set up positioning */
			position: fixed;
			top: 0;
			left: 0;
		}

/* @group BACKGROUND IMAGE */

.bg_image {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
     background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.bg_startpict {
	background-image: url(../images/standards/startpict21.jpg);
	background-color: #b89c73;
}

/* Background Image Fix for IE lte 9 */
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";

a:hover {
}

/* @end */

/* @group WRAPPER CONTENT */

.wrapper {
	width: 50%;
	float: left;
	height: 50%;
	display: block;
	position: absolute;
}

.topleft {
	top: 0;
	left: 0;
	padding-top: 1.6%;
	padding-left: 3%;
	width: 47%;
}

.topright {
	top: 0;
	right: 0;
}

.bottomleft {
	bottom: 0;
	left: 0;
}

.bottomright {
	bottom: 0;
	right: 0;
}

/* @end */

.logo {
	width: 135px;
	height: 142px;
	float: left;
}

.version {
	padding-top: 16px;
	padding-left: 36%;
}

.slogan {
	letter-spacing: 0.1em;
	position: fixed;
	width: 50%;
	bottom: 3%;
}

.color_01 {
	background-color: #249ba2;
	font-weight: bold;
	display: inline-block;
	font-size: 1.4em;
	padding: 3px 0.9em 3px 1.7em;
}

.color_02 {
	background-color: #8c0900;
	font: italic 1em Georgia, "Times New Roman", Times, serif;
	display: table;
	padding: 10px 1.3em 10px 2.5em;
}

.contact {
	color: #000;
	font-weight: bold;
	text-align: right;
	font-size: 1em;
	letter-spacing: 0.04em;
	background-color: #249ba2;
	display: inline;
	position: absolute;
	right: 0;
	top: 23px;
	padding: 10px 2.4em 10px 1.3em;
	line-height: 1.2em;
}

.egb {
	text-align: right;
	margin-top: 5em;
	position: absolute;
	right: 2.4em;
}

.announce {
	width: 35%;
	height: auto;
	padding-bottom: 2%;
	text-align: right;
	margin-right: 2em;
}

@media screen and (max-width: 1024px){

.logo {
	width: 120px;
	float: left;
}

.version {
	padding-top: 10px;
}

.contact {
	display: inline;
	position: absolute;
	right: 0;
	top: 23px;
	padding: 7px 1.2em 7px 1.3em;
}

.color_01 {
	padding-top: 5px;
	padding-bottom: 5px;
}

.color_02 {
	display: table;
	font-style: italic;
	font-size: 0.85em;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 3em;
}
		}

/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 767px) {

/* @group WRAPPER CONTENT */

.wrapper {
	float: left;
	position: absolute;
	background-color: #1b1b1b;
}

.topleft {
	top: 0;
	left: 0;
	padding-top: 1.6%;
	padding-left: 3%;
	width: 97%;
}

.topright {
	top: 0;
	right: 0;
}

.bottomleft {
	width: 100%;
}

.bottomright {
	bottom: 0;
	right: 0;
}

/* @end */

.bg_startpict {
	background-color: #1b1b1b;
}

.logo {
	width: 125px;
	float: left;
	bottom: 7%;
	position: absolute;
}

.version {
	padding-top: 16px;
	padding-left: 50%;
	position: absolute;
	bottom: 7%;
}

.color_02 {
	font-style: italic;
	font-size: 0.9em;
	padding-top: 6px;
	padding-bottom: 6px;
	position: absolute;
	display: block;
	margin-left: -15px;
	width: 100%;
	left: -1em;
	bottom: 2em;
}

.no_small_screen {
	visibility: hidden;
	overflow: visible;
}

}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}