@charset "utf-8";
/* mobile */
/* @import url("style-media.css") only screen and (max-width:600px); */
section, header, footer { display:block; margin:0; padding:0; }


/* CSS Document */
body {
	text-align:center;
	font-family:Molengo Arial, Helvetica, sans-serif;
	font-size:100%;
}

* {
	font-family: "Josefin Slab", "Lucida Grande", sans-serif;
	font-size: 18px;
	line-height: 1.5;
}

/* ********************* global  ************************* */

h2 { font: 24px 'Oswald', sans-serif; color:rgba(204,51,0,1); border-bottom:1px solid rgba(204,51,0,.5); text-align:left; }
h3 { font-family: 'Oswald', sans-serif; font-size: 18px; text-align:left; }
em { font-size:inherit; font-weight:bold; font-style:normal; }

/* ********************* header ************************* */

#header {
	max-width: 1000px;
	margin: 0px auto;
	padding:10px 0 30px 0;
	background: url(WebPictures/Background.jpg) no-repeat center bottom;
}

#header h1 { font: 48px 'Sigmar One'; color:rgba(204,51,0,1); text-shadow:2px 2px 2px #FFCC00; }

/* ********************* menu ************************* */

#header ul { border:1px solid rgba(204,51,0,.5); 
	border-width:1px 0; 
	list-style:none; 
	height: 3em; line-height:3em; 
	padding:0 1%; margin:0; 
	font-family:Oswald, Verdana, Geneva, sans-serif;
	font-size:14px;
}
#header ul:after { content: ''; display:block; clear:both; height:0; }
#header li { float:left; padding:0; margin:0; width:16.5%; display:block; }
#header li a, #header ul li a:visited { 
	font-family:Oswald, Verdana, Geneva, sans-serif;
	font-size:14px;
	text-align:center; width:100%; height: 3em; line-height:3em; display:block; padding:0; margin:0; text-transform:uppercase; text-decoration:none; letter-spacing:.05em; 
}
#header ul li a:hover { background-color:rgba(255,255,153,1); text-shadow:16px #0066FF; }

/* ********************* content ************************* */

#content { max-width:1000px; margin:20px auto 0 auto; text-align:left; padding-bottom:20px; border-bottom:1px solid rgba(204,51,0,.5); }
#content:after { content: ' '; display:block; clear:both; line-height:0; }

.col_left { width:50%; float:left; margin:0; padding:0; text-align:left; }
.col_left img { margin:0 10px 0 5px; }
.col_right { width:50%; float:right;margin:0; padding:0; }
.col_left h2, .col_right h2 { margin-left:10px !important; margin-right:10px !important; }
.col_left p, .col_right p { padding:0; margin:0 1em; }
.col_left a, .col_right a { text-decoration:none; }

/* ********************* footer ************************* */

#footer { max-width:1000px; margin:0 auto; text-align:right; border-bottom:1px solid rgba(204,51,0, .5);  }
#footer:after { content: ' '; display:block; clear:both; line-height:0;  }
#footer p { margin-left:1em; margin-right:1em; }
#footer .copyright { float:left; }
#footer .contact { float:right; }

@media only screen and (max-width:600px) and (orientation:landscape) {

	#header h1 { font: 32px 'Sigmar One'; }
	#content h2 { font: 16px 'Oswald', sans-serif; }
	#content h3 { font: 16px 'Oswald', sans-serif; }

	#header ul { font-size:10px; }
	#header li a { font-size:10px; }

	.col_left { float:none; width:100%; margin:0; padding:0; text-align:center; }
	.col_left img { margin:10px auto; }
	.col_right { float:none; width:100%; height:auto; margin:0; padding:0; }
	.col_left p, .col_right p { padding:0 1em; margin:1em 0; text-align:left;  }
	.col_left a, .col_right a { font-size:.8em; }
}

@media only screen and (max-width:600px) and (orientation:portrait) {

	#header { padding:5px 0; }

	#header h1 { margin-top:20px; font: 32px 'Sigmar One'; }

	#content h1 { font:1.1em; }
	#content h2 { font: 16px 'Oswald', sans-serif; }
	#content h3 { font: 16px 'Oswald', sans-serif; }

	#header ul { height: 2em; line-height:2em; font-size:10px; border:none; }
	#header li { width:33%;  font-size:10px; height: 2em; line-height:2em; }
	#header li a { font-size:10px; height: 2em; line-height:2em; }

	.col_left { float:none; width:100%; margin:0; padding:0; text-align:center; }
	.col_left img { margin:10px auto; }
	.col_right { float:none; width:100%; height:auto; margin:0; padding:0; }
	.col_left p, .col_right p { padding: 0 1em; margin: 1em 0; text-align: left; font-size: 0.9em;  }
	.col_left a, .col_right a { font-size:inherit; }

	#footer .copyright { display:none; }
}