/*

Theme Name: Simple Parallax Website

Description: Simple Parallax Scrolling Effect

Author: Samuel Dalusung

*/



/*= GENERAL STYLING

--------------------------------------------------------*/

#wrapper {

height: auto !important;

min-height: 100%;

margin: 0 auto -1px;
position: absolute;
}

#wrapper-top {
	position: fixed;
	height: auto !important;	
	min-height: 100%;	
	margin: 0 auto -1px;
	z-index: 999;	
}
.constr {
	height: 100%;
	width: 100%;
}
.center { margin: 0 auto; }

.content{ margin: 0 auto !important; max-width: 800px; min-width: 300px; min-height: 780px; background-image: url(/images/content_bg.png); background-repeat:repeat;}

.clear { clear: both; }

/*= HEADER & NAVIGATION

--------------------------------------------------------*/



#header {

	width: 99%;

	height: 130px;

	position: fixed;

	margin-top: 0;

	z-index: 95;

	background-image: url(/images/header_bg.png);

	background-repeat: repeat-x;

}

#logo, #logo a:link { text-decoration: none; float: left; padding-top: .2rem;

}

#logo img {

	max-width: 150px;

	height:auto;

	vertical-align:middle;

	padding-right: 2rem;

}

@media (min-width: 513px) {

#title {

	float: left;

	padding-top: 1rem;

}

}

@media (min-width: 401px) and (max-width: 512px) {

#title {

	float: left;

	padding-top: 1rem;

}

}

@media (max-width: 400px) {

#title {

	display: none;

}

}

@media (min-width: 990px) {

#nav { width: auto; float: right; }

}

@media (max-width: 989px) {

#nav { width: 40%; float:right; }

}

/*= SLIDES STYLING

--------------------------------------------------------*/



#slide1{

	padding-top: 120px;

}

#welcome {

	position: relative; 

	width: 100%;

	padding-top: 20%;

}

#slide2{

	padding-top: 125px;

}

#slide3{

	padding-top: 125px;

}

#slide4{

	padding-top: 125px;

}

#slide5{

	padding-top: 125px;

}

#slide6{

	padding-top: 125px;

}

#slide7{

	padding-top: 125px;

}

#slide8{

	padding-top: 125px;

}

/*= FOOTER 

--------------------------------------------------------*/

#copyright  { color: #605; 	font-family: 'Sorts Mill Goudy', serif; font-size: 14px; margin-top: 100px; text-align: center;  }

#copyright  a { text-decoration: none; color: #605;  }



@media (min-width: 513px) {

.title1 {

	font-family: 'Sorts Mill Goudy', serif;

	font-size: 1.5rem;

	font-weight: bold;

	color: #605;

/*	text-shadow: 2px 2px #00C; */

}

}

@media (min-width: 513px) {

.title2 {

	font-family: 'Sorts Mill Goudy', serif;

	font-size: .8rem;

	font-weight: bold;

	color: #605;

}

}

@media (max-width: 512px) {

.title1 {

	font-family: 'Sorts Mill Goudy', serif;

	font-size: 1.1rem;

	font-weight: bold;

	color: #605;

/*	text-shadow: 2px 2px #00c;	*/

}

}

@media (max-width: 512px) {

.title2 {

	font-family: 'Sorts Mill Goudy', serif;

	font-size: .6rem;

	font-weight: bold;

	color: #605;

}

}