@charset "utf-8";
/* CSS Document */

@font-face { font-family: Desyrel; src: url('DESYREL.ttf'); } 

body {
	background-image: url(images/bg.jpg);
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #171717;
	color: #000;
	font-family: 'Oswald', sans-serif;
	font-style: normal;
	font-size: 20px;
	border: 0px;
}

img { border: 0px; }


/* TEXT */
.text-white-script-large{
	color: #FFF;
	font-family: 'Desyrel', cursive;
	font-size: 55px;
}
.text-white-script-small{
	color: #FFF;
	font-family: 'Desyrel', cursive;
	font-size: 30px;
}

.text-white-xl{
	color: #FFF;
	font-family: 'Oswald', sans-serif;
	font-size: 35px;
	font-weight: 700;
	line-height: 1.2;
}
.text-white-large{
	color: #FFF;
	font-family: 'Oswald', sans-serif;
	font-size: 26px;
	font-weight: 400;
	line-height: 1.2;
}

.text-white-med{
	color: #FFF;
	font-family: 'Oswald', sans-serif;
	font-size: 22px;
	font-weight: 300;
	line-height: 1.2;
}

.text-white-small{
	color: #FFF;
	font-family: 'Oswald', sans-serif;
	font-size: 19px;
	font-weight: 300;
	line-height: 1.2;
}
.text-teal-script-large{
	color: #34DBD1;
	font-family: 'Desyrel', cursive;
	font-size: 55px;
}
.text-teal-script-small{
	color: #34DBD1;
	font-family: 'Desyrel', cursive;
	font-size: 30px;
}

.text-teal-xl{
	color: #34DBD1;
	font-family: 'Oswald', sans-serif;
	font-size: 35px;
	font-weight: 700;
	line-height: 1.2;
}
.text-teal-large{
	color: #34DBD1;
	font-family: 'Oswald', sans-serif;
	font-size: 26px;
	font-weight: 400;
	line-height: 1.2;
}

.text-teal-med{
	color: #34DBD1;
	font-family: 'Oswald', sans-serif;
	font-size: 22px;
	font-weight: 300;
	line-height: 1.2;
}

.text-teal-small{
	color: #34DBD1;
	font-family: 'Oswald', sans-serif;
	font-size: 19px;
	font-weight: 300;
	line-height: 1.2;
}

.text-blue-script-large{
	color: #557CE1;
	font-family: 'Desyrel', cursive;
	font-size: 55px;
}
.text-blue-script-small{
	color: #557CE1;
	font-family: 'Desyrel', cursive;
	font-size: 30px;
}

.text-blue-xl{
	color: #557CE1;
	font-family: 'Oswald', sans-serif;
	font-size: 35px;
	font-weight: 700;
	line-height: 1.2;
}
.text-blue-large{
	color: #557CE1;
	font-family: 'Oswald', sans-serif;
	font-size: 26px;
	font-weight: 400;
	line-height: 1.2;
}

.text-blue-med{
	color: #557CE1;
	font-family: 'Oswald', sans-serif;
	font-size: 22px;
	font-weight: 300;
	line-height: 1.2;
}

.text-blue-small{
	color: #557CE1;
	font-family: 'Oswald', sans-serif;
	font-size: 19px;
	font-weight: 300;
	line-height: 1.2;
}


.updates-large-light{
	color: #4f669d;
	font-family: 'Oswald', sans-serif;
	font-size: 30px;
	font-weight: 700;
	line-height: 1.3;
}
.updates-large-dark{
	color: #484958;
	font-family: 'Oswald', sans-serif;
	font-size: 30px;
	font-weight: 700;
	line-height: 1.3;
}
.updates-small-dark{
	color: #484958;
	font-family: 'Oswald', sans-serif;
	font-size: 19px;
}

.updates-large-dark2{
	color: #484958;
	font-family: 'Oswald', sans-serif;
	font-size: 25px;
	font-weight: 700;
	line-height: 1.3;
}
.updates-small-light{
	color: #4f669d;
	font-family: 'Oswald', sans-serif;
	font-size: 15px;
	line-height: 1.3;
	
}

.znd1{
	color: #FFF;
	font-family: 'Oswald', sans-serif;
	font-size: 14px;
	line-height: 1.3;
}
.znd2-script{
	color: #FFF;
	font-family: 'Desyrel', cursive;
	font-size: 16px;
	line-height: 1.3;
}
.zpageheaders{
	color: #FFF;
	font-family: 'Desyrel', cursive;
	font-size: 85px;
	line-height: 1.0;
}
.zcontact1{
	color: #35353D;
	font-family: 'Oswald', sans-serif;
	font-size: 15px;
	line-height: 1.3;
}
.zcontact2{
	color: #FFF;
	font-family: 'Oswald', sans-serif;
	font-size: 25px;
	font-weight: 700;
	line-height: 1.3;
}
.zcontact3{
	color: #FFF;
	font-family: 'Oswald', sans-serif;
	font-size: 19px;
}

/* LINKS AND BORDER */

a {
	color: #FFF;
}
a.lightblue {
	color: #4f669d;
	text-decoration:  none;
}
a.darkblue {
	color: #484958;
	text-decoration:  none;
}
a.blue {
	color: #557CE1;
	text-decoration:  none;
}
a.darkblue2 {
	color: #35353D;
	text-decoration:  none;
}
a.white {
	color: #FFF;
	text-decoration:  none;
}


.border {
	border: 3px solid #eac6a3;
}
.pageborder {
	box-shadow: 0px 0px 20px 10px rgba(0,0,0,0.65); }



/* BACKGROUNDS */

.sub-bg {
	background-color:#35353D;
	padding: 25 35 0 35;
}
.sub-bg-subpage-contact {
	background-color:#35353D;
	width: 613px;
	height: 175px;
	padding: 0 0 10 0;
}
.sub-bg-subpage-contact2 {
	background-image: url(images/subpage_06.jpg);
	height: 73px;
	width: 613px;
}

.sub-bg-index {
	background-image: url(images/index_04.jpg);
	height: 304px;
	width: 614px;
	padding: 10 20 0 0;
}

.zndpadding { padding: 5 0 0 310;
}

/*
essential styles:
these make the slideshow work
*/
#slides{
	position: relative;
	height: 350px;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

.slide{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 1;

	-webkit-transition: opacity 1s;
	-moz-transition: opacity 1s;
	-o-transition: opacity 1s;
	transition: opacity 1s;
}

.showing{
	opacity: 1;
	z-index: 2;
}



/*
non-essential styles:
just for appearance; change whatever you want
*/

.slide{
	font-size: 40px;
	padding: 40px;
	box-sizing: border-box;

	color: #fff;
}