@charset "UTF-8";

/*CSS Reset*/
*{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

@font-face {
	font-family: Istok Web;
	src: url(../fonts/IstokWeb-Regular.ttf);
}

html,
body {
	height: 100%;
	margin: 0;
}

body {
	color: #fff;
	font-size: 14px; 
	font-family: Istok Web;
	background: url(../images/background.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.bgcolor {
	background: #352b74;
	background: -moz-linear-gradient(top,  #352b74 0%, #352b74 41%, #21264e 56%, #21254c 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#352b74), color-stop(41%,#352b74), color-stop(56%,#21264e), color-stop(100%,#21254c));
	background: -webkit-linear-gradient(top,  #352b74 0%,#352b74 41%,#21264e 56%,#21254c 100%);
	background: -ms-linear-gradient(top,  #352b74 0%,#352b74 41%,#21264e 56%,#21254c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#352b74', endColorstr='#21254c',GradientType=0 );
}

.clear { clear: both; }
.wrap { 
	max-width: 900px; 
	margin: 0 auto;
}

#container {
	min-height: 100%;
	margin-bottom: -50px;
}

a { text-decoration: none; }
nav ul li { display: inline-block; }

header { height: 86px; }
header nav ul { 
	margin-left: 10px; 
	list-style: none; 
}
header nav ul li:last-child a { margin-right: 0; }

header #logo{ 
	width: 200px;
	height: 60px; 
	margin-top: -25px; 
	float: right; 
	border-bottom-left-radius: 40px; 
	background-color: #fff;
	background: #fff url(../images/logo_purple.png) no-repeat left 25px top 0; 
}

header #logo img { margin: 0 0 0 25px; }

.content { padding: 80px 0 20px; opacity: 0; }
.content nav ul { 
	text-align: center; 
	list-style: none; 
}
.content nav ul li { vertical-align: top; }
.content nav ul li a { color: #fff; }
.content nav ul li a img { margin-right: -10px; }
.content h1 {
	margin: 60px 0 20px;
	color: #fff;
	text-align: center;
	letter-spacing: 10px;
}
.content h1 span { color: #ccccff; }

section {
	margin: 0 10px; 
	color: #000;
	padding: 30px 30px;
	border-radius: 20px;
	background: rgba(255,255,255,0.7);
}
section article { margin-bottom: 30px; }
section article:last-child { margin-bottom: 0; }
.content section .content-afb { width: 165px; float: right; }
section p,
td { 
	font-family: Arial;
	margin-top: 5px; 
	line-height: 24px;
}
h2 { font-size: 18px; }


.ac-container label { cursor: pointer; }
.ac-container input{
	display: none;
}
.ac-container article{
	margin-top: -1px;
	overflow: hidden;
	height: 0px;
	position: relative;
	z-index: 10;
	-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}
.ac-container article ul { margin-left: 28px; }
.ac-container input:checked ~ article.ac-small{
	height: 150px;
}
.ac-container input:checked ~ article.ac-medium{
	height: 170px;
}
.ac-container input:checked ~ article.ac-large{
	height: 420px;
}

#contactinfo img { width: 100%; margin: 0; }
#contactinfo .links { color: black; text-decoration: underline; }
#contactinfo form table#twee tr td:last-child{ padding-left: 20px; }
#contactinfo input[type="text"], textarea { border: 1px solid rgba(0,0,0,0.7); width: 100%; }
#contactinfo input[type="submit"],
#contactinfo button {
	padding: 2px 7px;
	float: right;
	background: rgba(0,0,0,0.2);
}

#footer,
.push {
	height: 50px;
}

#footer {
	text-align: center;
	line-height: 50px;
}

#footer a {
	color: #fff;
}