img.bg { z-index: -200; }
html{overflow-y:scroll;}
body{
	
	font: 100% Arial, Helvetica, sans-serif;
	background: #EEEEEE;
	margin: 0; 
	margin-top: 15px; 
	padding: 0;
	text-align: center; 
	color: #666666;

}

body{margin:0; padding:0; }
body.boxed{color:#919191; background-color:#000000;}
h1, h2, h3, h4, h5, h6{margin:0 0 10px 0; font-family:Arial; font-weight:bold; line-height:normal; color: #045290;}
a {color: #0066CC; font-weight : normal; font-size: 16px; text-decoration:underline; }
a:hover{ color : #0066CC; }
img{width:auto; max-width:100%; height:auto; margin:0; padding:0; border:none; line-height:normal; vertical-align:middle;}
.hl { color:#025092; font-weight:bold; }
.clear{display:block; clear:both;}
.clear:after{display:block; visibility:hidden; height:0; clear:both; font-size:0; content:"";}

div.wrap, .wrap100{display:block; width:100%; margin:0; padding:0; text-align:left; word-wrap:break-word; }

#header, #topnav, #intro, #cont, #footer, #copyright{margin:0 auto;}
#header{padding:0px 0;}
#header hgroup{display:block; float:left; width:auto; clear:right;}
#header hgroup h1, #header hgroup h2{margin:0; font-weight:normal; text-transform:none;}
#header hgroup h1{font-size:2em;}
#header hgroup h2{font-size:1em;}
#header #header-contact{display:block; float:right; width:auto; clear:right;}
#header #header-contact ul{margin-top:15px;}
#header #header-contact li{display:inline; margin:0 0 0 15px; padding:0 0 0 15px; border-left:1px solid #C0BAB6;}
#header #header-contact li:first-child{margin:0; padding:0; border:none;}

#cont{padding:2px 0; clear:both; font-size:1em; line-height:1.4em; background-color: #FFFFFF;} 
#cont section{margin-bottom:50px;}
#cont section.last{margin-bottom:0;}

#copyright{padding:10px 0; font-size: 17px; color: #000000; background-color:#F0F0F0;}
#copyright p{margin:0; padding:0;}

a.footerlink:link, a.footerlink:visited ,a.footerlink:active, a.footerlink:hover { text-decoration:none; color: #000000; font-size: 17px; }
a.footerlink:hover { text-decoration:underline; }
.mybord { margin-left: 5px; margin-right: 5px; }

#back-top { position: fixed; bottom: 30px; right: 5px; }
#back-top a {
	width: 108px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	

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

@-ms-viewport{width:device-width;} 


@media screen and (min-width:180px) and (max-width:360px) {
	#header, #topnav, #intro, #cont, #footer, #copyright{max-width:95%; margin:0 auto;}
	#header hgroup, #header #header-contact{display:block; width:100%; float:none; margin:0 0 15px 0; padding:0; text-align:center;}
	#header #header-contact{margin:30px 0 0 0;}
	#header #header-contact li{display:block; margin:15px 0 0 0; padding:0; border:none;}
	#header #header-contact li:first-child{margin:0;}
	
	#footer div{margin-bottom:5%;}
	#footer #ft_gallery li, #footer #ft_gallery .first{display:inline-block; float:left; width:auto; margin:0 10px 10px 0; padding:0; clear:none;}
	#footer #ft_gallery li img{}
	
	#header, #copyright{text-align:center;}
	#copyright p{float:none; line-height:1.6em;}
	#copyright p:first-child{margin-bottom:8px;}
}


@media screen and (min-width:361px) and (max-width:615px) {
	#header, #topnav, #intro, #cont, #footer, #copyright{max-width:95%; margin:0 auto;}
	#topnav ul{display:none;}
	#back-top{display:none;}
	form input[type="submit"]{margin-bottom:10px;}
		
	#header hgroup, #header #header-contact{display:block; width:100%; float:none; margin:0 0 15px 0; padding:0;}
	#header #header-contact{margin:30px 0 0 0;}
	
	#contact .contact_details > div{display:block; float:none; margin-left:0;}
	
	#fof{padding:30px 0 0 0;}
	#fof h1{margin:0 0 20px 0; font-size:7em;}
	#fof h2{margin:0 0 20px 0; font-size:2em;}
	
	#footer div{margin-bottom:5%;}
	#footer #ft_gallery li, #footer #ft_gallery .first{display:inline-block; float:left; width:auto; margin:0 10px 10px 0; padding:0; clear:none;}
	
	#copyright p{float:none;}
	#copyright p:first-child{margin-bottom:8px;}
}


@media screen and (min-width:616px) and (max-width:800px) {
	#header, #topnav, #intro, #cont, #footer, #copyright{max-width:95%; margin:0 auto;}
	
	#topnav ul{display:none;}
	#back-top{display:none;}	
	form input[type="submit"]{margin-bottom:10px;}
	
	
	#fof{padding:30px 0 0 0;}
	#fof h1{margin-top:0; font-size:12em;}
	#fof h2{margin-top:0;}
}


@media screen and (min-width:985px) {
	#header, #topnav, #intro, #cont, #footer, #copyright{max-width:985px; margin:0 auto;}
	.row1 { margin-top:0px !important;}
}


@media screen and (min-width:801px) and (max-width:10000px) {
	#topnav form{display:none;}
}


@media screen and (min-width:1501px) {
	body.boxed .wrap .stretched{margin-left:-2.6%; margin-right:-2.6%;}
}