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


body { 
	background-image:url(images/background.jpg); 
	background-repeat: no-repeat; 
	background-attachment: fixed; 
	background-size:cover; 
	font-family: "Open Sans", sans-serif;
	font-size: 12px; 
	text-align: center; 
	color: #444;
	margin-left: 40px;
	margin-right: 30px;
	margin-top: -20px;
	margin-bottom: 20px;
	padding: 2em; 
}

hr { display: block; height: 1px; border: 0; border-top: 2px solid #E46030; margin: 1em 0; padding: 0; }

h1 {color: #E46030; font-size:16px; font-weight:bold; padding-bottom:3px;}
h2 {color: #444; font-size:14px; font-weight:bold;}

	a { color: #E46030; text-decoration: none; }
	a:hover { text-decoration: underline; }
	
#css-table { display: table; }
		
	#css-table .col-main { 
			display: table-cell; 
			width:75%;
			margin: 0px 30px 0px 0px; 
			text-align: left; 
			font-size:14px;
			line-height: 1.3 em;
			overflow:auto; 
			background: #fff; 
			padding: 20px; 
			opacity: 0.95;
	}
	#css-table .col-gap { 
			display: table-cell;
			padding:10px; 
	}
	#css-table .col-side { 
			display: table-cell;
			background: #fff; 
			opacity: 0.95;
			text-align: left; 
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size: 14px;
			padding: 20px;
			overflow:auto; 
	}

header { overflow: hidden; clear: both; line-height:normal; margin-bottom: 25px;}
		
	header hgroup { margin-left: auto; margin-right: auto; }
			header hgroup h1 { font-size: 40px; text-transform: uppercase; text-shadow: 1px 1px 0 #fff; }
			header hgroup h2 { font-size: 26px; text-shadow: 1px 1px 0 #fff; font-weight: normal; }
			
			header nav { float: left; margin: 24px 0 0 0;}
				header nav ul { margin: 0; padding: 0; overflow: hidden; text-align:left;}
					header nav ul li { list-style: none; display: block; margin: 0; padding: 0;  font-size: 14px; letter-spacing: .3em; text-transform: uppercase; }
					header nav ul li:last-child { border: 0; }
						header nav ul li a { 
							text-align: left; 
							display: block;  
							padding: 6px 6px; 
							color: #fff; 
							text-decoration: none;
							-webkit-transition-property: background; 
							-webkit-transition-duration: .5s; 
							-webkit-transition-timing-function: linear;  }
						header nav ul li a:hover { text-decoration: none; color: #E46030; }

.picbox_right {
	float:right; 
	margin: 0 0 0 10px;
}
.picbox_left { 
	float:left; 
	margin: 0 10px 0 0; 
}
.clearfix {clear:both;}		
		
section {text-align:left;width:45%;}

footer { 
	margin-top: 5px;
	padding: 10px 20px; 
	font-size: 13px; 
	letter-spacing: .2em; 
	color: #E46030; 
	text-align:center;
	clear:both;
}
		
		footer nav ul { margin: 0 0 8px 0; padding: 0; text-align:center;}
			footer nav ul li { list-style: none; display: inline;font-size: 14px; margin-right: 12px; }
				
				.style13 {font-size:13px;}
				.styleCOPY {font-size:12px;}
				.style11 {font-size:11px;}
				.styleITAL {font-style:italic}
				.styleTITLE {font-size:16px; color:#E46030; font-weight:bold;}
				.styleNAVcolor {color: #E46030;}
				
.gallery_container {  
	display: -webkit-flex;  
	display: flex; 
	-webkit-flex-direction: row; 
	flex-direction: row;  
	-webkit-align-items: left;
	align-items: left;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;  
	-webkit-align-content: flex-start;
	align-content: flex-start;
}
				
@media (max-width: 1200px) {

	body {margin-left:20px; margin-right:10px;}

		
	header hgroup h1 { font-size: 32px; }
	header hgroup h2 { font-size: 18px; }
	
}
	
@media (max-device-width: 1024px) and (orientation: landscape)  {

body {margin-left:10px;}
	
	header { margin-bottom: 12px; }
	header hgroup { margin-bottom: 12px; }
}

@media (max-device-width: 1024px) and (orientation: portrait)  {
	
		#css-table { margin-right:30px;	}

		 #css-table .col-main { 
			display: block;
			width:100%;
			padding: 15px; 
        }
		#css-table .col-gap {
			display: block;
		}
		#css-table .col-side { 
			display: block; 
			width:100%;
			padding: 15px;
        }
	
section {float:none; width:auto;}
	
	header { margin-bottom: 12px; }
	
	header hgroup { margin-bottom: 12px; }
	
}

@media (max-width: 600px) {

	body {margin-top:10px; margin:5; padding:5px;}
	
			#css-table .col-gap { padding:5px; }
	
	header { margin: 0 0 12px 0; text-align: center; }
		header hgroup { width: 100%; margin-bottom: 12px; }
			header hgroup h1 { font-size: 24px; }
			header hgroup h2 { font-size: 14px; }
	
		header nav { line-height:1em; }


	footer { padding: 10px; font-size: 12px; }
}