html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	line-height: 10px;
}


body {
	
	font-family: 'Josefin Sans', sans-serif;
	
	padding: 0px;
	margin: 0px;
	
	background-color: #0d1e22;
	color: #dddddd;
}

img, h1, h2 {
	
	padding: 0px;
	margin: 0px;
}

a {
	color: #ffffff;
	text-decoration: none;
	

}

a:hover {
	
	text-shadow: 0px 0px 16px #ffffff;	
	color: #ffffff;
	text-decoration: none;
}

.clearfix:after {
	
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
   }
   
.flipHV {
	
	transform: scale(-1, -1);
	-ms-transform: scale(-1, -1); /* IE 9 */
	-webkit-transform: scale(-1, -1); /* Safari and Chrome */
	-o-transform: scale(-1, -1); /* Opera */
	-moz-transform: scale(-1, -1); /* Firefox */
}

*:focus {
	
    outline: none;
}

/* Header */

#header {
	
	background-color: #163a41;
	
	background-image:url('images/HeaderBG.jpg');
	background-repeat:repeat;	
	
	overflow: hidden;
	
	border-bottom: 1px solid #0c1e21;	
}

#header-content {
	
	position: relative;
	
	margin-left: auto;
	margin-right: auto;
	width: 950px;
	height: 100px;		
	
	z-index: 1;
}

#header-glow {
	
	position:absolute;
	left: -260px;
	
	z-index: -1;
}

#header-triangle {
	
	position: absolute;
	right: 520px;
	
	z-index: -1;
}

#main-logo {
	
	position: absolute;
	top: 10px;
	left: 10px;
}

#main-menu-container {
		
	position: absolute;
	
	top: 0px;
	right: 36px;
}

.main-menu-button {

	line-height:100px;		
	vertical-align: middle;

	padding-left: 30px;

	text-shadow: 0px -1px #000000;
	
	font-size: 16px;
	font-weight: 600;
		
	color: #ffffff;
	
	cursor: pointer;
}

/* Apps */

#apps {
		
	background-color: #102124;
	
	background-image:url('images/AppsBG.jpg');
	background-repeat:repeat;	
	
	overflow: hidden;
	
	border-top: 1px solid #2b4348;		
	border-bottom: 1px solid #050d0e;	
	
	padding-bottom:	60px;	
}

#apps-content {
	
	position: relative;
	
	margin-left: auto;
	margin-right: auto;
		
	width: 950px;	
	
	z-index: 1;
}

#apps-glow {
	
	position: absolute;
	
	z-index: -1;	
}

#apps-triangle {
	
	position: absolute;
	right: 250px;
	
	z-index: -1;
}

#apps-header-text-container {	
	
	position: relative;
	text-align: center;
	
	padding-top: 80px;
	padding-bottom: 80px;
}

#apps-header-text-container h1 {
		
	font-size: 32px;
	font-weight: 400;
	
	line-height: 50px;
	
	color: #ffffff;
}

#apps-header-text-container h2 {
	
	padding-top: 20px;
	
	font-size: 24px;
	font-weight: 400;
	
	line-height: 28px;	
	
	color: #cccccc;
}

h2.subheader {

	padding-top: 20px;
	padding-bottom: 40px;
	
	text-align: center;
	
	font-size: 24px;
	font-weight: 400;
	
	line-height: 28px;	
	
	color: #cccccc;
}

.frame1 {
	
	border-color: rgb(20, 20, 20);
  	border-color: rgba(0, 0, 0, 0.25);
  	
  	border-width: 5px;
  	border-style: solid;
}

.line-separator {
	
	margin-top: 36px;
	margin-bottom: 36px;
}

.small-banner {
	
	position:relative;
	float: left;
	
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 0px;
	padding-bottom: 24px;
	
	text-align: center;
}
	
.small-banner a {
	
	display: block;
}
 
.small-banner h1 {

	margin-top: 20px;	

	font-size: 20px;
	font-weight: 400;
	
	color: #ffffff;
}

.small-banner h2 {
	
	font-size: 18px;
	font-weight: 500;
	
	padding-top: 20px;
	
	color: #999999;
	
	text-shadow: none !important;
}

/* Awards */

.row_of_awards
{
    
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    flex-flow: row;
    
    justify-content: center;
    
}

.single_award
{
    justify-content: center;
    margin: 10px;
    
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    flex-flow: row;
    
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    
    align-items: center;
    
    height: 100px;
    width: 300px;
    
    margin-left: 10px;
    margin-right: 10px;
}

.award_text_container
{
    flex: 1;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
}

.award_text
{
    color: white;
    font-size: 14pt;
    text-align: center;
    align-items: center;
    line-height: 120%;
}

.award_text_big
{
    font-size: 18pt;
    line-height: 120%;
}

.award_text_small
{
    font-size: 10pt;
    line-height: 110%;
}

.awardwreathleft
{
    float: left;
}

.awardwreathright
{
    float: right;
}

/* About */

#about {
		
	background-color: #0c2628;
	
	background-image:url('images/AboutBG.jpg');
	background-repeat:repeat;	
	
	overflow: hidden;
	
	border-top: 1px solid #0f3336;	
	border-bottom: 1px solid #030303;	
	
	padding-bottom: 100px;	
}

#about-content {
	
	position: relative;
	
	margin-left: auto;
	margin-right: auto;
	width: 920px;
	
	z-index: 1;
}

#about-glow {
	
	position: absolute;
	right: 100px;
	
	z-index: -1;
}

#about-triangle {
	
	position: absolute;
	right: 400px;
	
	z-index: -1;
}

#about-content h1 {
	
	font-size: 46px;
	font-weight: 500;
	
	line-height: 50px;
	
	padding-top: 120px;
	padding-bottom: 60px;
}

#about-content p {
	
	font-size: 24px;
	font-weight: 400;
	color: #cccccc;
	
	line-height: 26px;
	
	text-align: justify; 	
}

.about-member {
	
	float: left;
	
	width: 50%;
	
	padding-top: 70px;
}

.about-member-container {
	
	width: 425px;
	height: 160px;
	
	display: table-cell;
	
	vertical-align: bottom;
	text-align: center;
}

.about-member-container h1 {

	font-size: 30px !important;	
	font-weight: 600;	
	
	padding: 0px !important;
}

.about-member-container img {
	
	margin-bottom: 12px;
}


/* Contact */

#contact {
	
	background-color: #1c513f;
	
	background-image:url('images/ContactBG.jpg');
	background-repeat:repeat;	
	
	overflow: hidden;
	
	border-top: 1px solid #276f56;	
	border-bottom: 1px solid #000000;	
}

#contact-content {
	
	position: relative;
	
	margin-left: auto;
	margin-right: auto;
	width: 920px;
	
	z-index: 1;
}

#contact-glow {
	
	position: absolute;
	right: 100px;
	
	z-index: -1;
}

#contact-triangle {
	
	position: absolute;
	left: 150px;
	bottom: 0px;
	
	z-index: -1;	
}

#contact-content h1 {
	
	font-size: 46px;
	font-weight: 500;
	
	line-height: 50px;	
	
	padding-top: 55px;
	padding-bottom: 30px;
}

#contact-content p {
	
	font-size: 21px;
	font-weight: 400;
	color: #cccccc;
	
	line-height: 26px;
	
	width: 300px;
	
	padding-bottom: 26px;
}

#contact-social-links {
	
	padding-bottom: 60px;
}

#contact-social-links img {
	
	padding-right: 20px;
}

#contact-social-links img:hover {
	
	filter: brightness(20%);
	-webkit-filter: brightness(20%);
	-moz-filter: brightness(20%);
	-o-filter: brightness(20%);
	-ms-filter: brightness(20%);	
}

.form-element {
	
	background-color: transparent;
	border: 0px;
	
	font-family: 'Josefin Sans', sans-serif;	
	font-size: 16px;
	font-weight: 400;	
	
	line-height: 20px;
	
	color: #ffffff;	
}

#contact-form-container {
	
	position: absolute;
	width: 532px;
	
	top: 140px;
	right: 0px;
}

:-webkit-input-placeholder {
    color:    #999;
}
:-moz-placeholder {
    color:    #999;
}
:-moz-placeholder {
    color:    #999;
}
:-ms-input-placeholder {
    color:    #999;
}

#contact-form-name {
	
	position: absolute;
	width: 207px;
	height: 39px;
	
	top: 1px;
	left: 1px;

	padding-left: 8px;	
	padding-right: 8px;
	
	background: transparent url('images/EditboxBG.png') no-repeat top left;
}

#contact-form-nickname {
	
	display: none;
}

#contact-form-test {
	
	display: none;
}

#contact-form-email {
	
	position: absolute;
	width: 207px;
	height: 39px;
	
	top: 45px;
	left: 1px;
	
	padding-left: 8px;	
	padding-right: 8px;
		
	background: transparent url('images/EditboxBG.png') no-repeat 0px 0px;
}

#contact-form-message {
	
	position: absolute;
	
	left: 230px;
		
	width: 273px;
	height: 112px;
	
	padding: 8px;
	
	background: transparent url('images/MessageBG.png') no-repeat 0px 0px;	
	
	resize: none;
}

#contact-form-send {
	
	position: absolute;
	
	left: 0px;
	top: 89px;
		
	width: 225px;
	height: 42px;
	
	text-shadow: 0px -1px #000000;
	font-weight: 500;	
		
	background: transparent url('images/SendButton.png') no-repeat 0px 0px;	
	
	cursor: pointer;
	
	resize: none;
}

#contact-form-send:hover {

	text-shadow: 0px 0px 16px #ffffff;	
}

#contact-form-send:active {
	
	padding: 2px 0px 0px 0px;
	background-position: 0px 1px;
}

#contact-form-error-icon {
	
	display: none;
	
	position:absolute;
	
	top: 134px;
}

#contact-form-response-message {
	
	display: none;
	
	position: absolute;
	top: 146px;
	left: 33px;
	
	font-size: 16px;
	font-weight: 400;
}

#contact-form-done-icon {
	
	display: none;
	
	position:absolute;
	
	top: 134px;
}


/* Footer */

#footer {
	
	background-color: #102124;
	
	background-image:url('images/AppsBG.jpg');
	background-repeat:repeat;	
	
	border-top: 1px solid #194043;	
	
	height: 35px;
	padding-top:26px;	
		
	text-align: center;
	font-size: 10px;
	font-weight: 600;	
	
	color: #777777;
	
}