body {
    line-height: 0;
    margin: 0;
	background-color:#eaeaea;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	position:relative;
}
h1 {color: #82D5F7;
    font-family: 'Lobster',cursive;
    font-size: 35px;
    line-height: 1.1em;}

#first {position:relative; z-index:1;}
#second {position:relative; z-index:2;}
#third {position:relative; z-index:3;}
#fourth {position:relative; z-index:4;}	
#fifth {position:relative; z-index:6;}
#sixth {position:relative; z-index:5;}	
#navdots {display:inline;}
#navicons {display:inline;}

#hover.animated{visibility:visible;}
.animated{visibility:hidden;}

.container {max-width:1300px; margin:auto;}
.banner {background-image: url("../images/bg.jpg");
    background-size: 100% 100%;
	height:485px;
    position: relative;
    width: 100%;
	-moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow:0 -1px 3px rgba(0, 0, 0, 0.5);
	box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.5);}
.banner img {margin: auto;
    max-width: 273px;
    padding-left: 10%;
    padding-top: 10%;
    width: 55%;}
.nav img { vertical-align:top;}	
.scrolldown img {width:100%; border-radius:50px;}	
.scrolldown a img:hover {-moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow:0 -1px 3px rgba(0, 0, 0, 0.5);
	box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.5);}
.details {color:#CCC; font-size:13px; max-width:1300px; line-height:1.5em; text-align:center;}
#second .details {background-color:#202020; color:#CCC; font-size:15px; max-width:1300px; line-height:1.5em;}
.details .anchor {position:absolute; top:-50px;}
#third .details {background-color:#ddd; color:#333; font-size:15px; max-width:1300px; line-height:1.5em;}
#fourth .details {background-color:#202020; color:#CCC; font-size:15px; max-width:1300px; line-height:1.5em;-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow:0 2px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);}
#fifth .details {background-color:#fff; color:#CCC; font-size:15px; max-width:1300px; line-height:1.5em;-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow:0 2px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4); text-align:left;}
#fifth .pure-u-1-4 img {max-width:100%;}
#fifth .pure-u-1-4 .big-link {-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:0 0 4px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); line-height:0; display:block; text-align:center; border:5px #fff solid; max-width:95%; margin:auto;}
#fifth .pure-u-1-4 .port-thumb {border: 5px solid #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    display: block;
    line-height: 0;
    max-width: 95%;
    position: absolute;
    text-align: center;
    top: 0;
    z-index: 9;}	
.details .portreveal p img {display: block;
    margin: 10px auto 0;
    position: relative;
    width: 49px;}
		
#fifth .pure-u-1-4 .big-link img {}	
#fifth h1 {color:#82d5f7;}
#fifth p.porthead {background: none repeat scroll 0 0 #ccc;
    color: #fff;
    font-style: italic;
    padding: 5px 10px;
    text-align: left;
    width: 100%; margin:20px 0;}
body::-webkit-scrollbar {
    width: 1em;
}
 
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
body::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}	
#fifth .portimg {overflow:auto; text-align:center;}		
#sixth h1 {color:#333;}	
#sixth span {color:#333;}
.details ul li {display: inline-block;
    margin: 0;
    padding: 0 3px 0 6px;
    text-align: center;}
#fourth .details ul li {background:url(../images/listimg-drk.jpg) left no-repeat;}
#third .details ul li {background:url(../images/listimg-light.jpg) left no-repeat;}		

.details h1 {color: #464646;
    font-family: 'Lobster',cursive;}	
.details p {color:#737373;}


.details .pure-u-1-2.pics img {max-width:100%; width:100%; border:3px solid #ddd; margin:0 0 10px 0;}
.details .pure-u-1-2 h2 {color: #333;
    margin: 1em 0 0.3em 35px;
    padding: 0;
    text-transform: uppercase;}
.details .pure-u-1-2 h3 {color: #ccc;
    font-style: italic;
    margin: 0.3em 0 1em 35px;
    text-transform: none;}
.details .pure-u-1-2 p {color: #333;
    font-size: 14px;
    margin: 1em 0 1em 35px;
    width: 80%;}

/* scroll nav */
.topnav .row a.backhome {background-image: none; margin: -20px 0 0; position: absolute;  text-align: left; top: 0; width: 50%;}
.topnav .row a.backhome:hover {background-image: none;}
.topnav .row a.backhome img {max-width:65px; width:50%;}
.topnav .row.fixed a.backhome img {max-width:55px; width:50%;}
.topnav .row.fixed a.backhome {margin:0;}
.topnav .row.fixed {background: none repeat scroll 0 0 #EAEAEA;
    box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.5);
    margin: 0 -1px;
    max-width: 1302px;
    padding: 10px 0 0;
    position: fixed;
    width: 100%;
    z-index: 1010;}
.topnav .row {background: url("../images/shadow.jpg") no-repeat scroll center bottom / 90% auto rgba(0, 0, 0, 0); height:40px; padding: 0 5% 0 0; text-align:right;z-index: 1010;}
.topnav .row a {text-decoration:none; background:url(../images/nav-bullet.jpg) no-repeat top center; display:block; width:16px; height:22px;}
.topnav .row a:hover {background:url(../images/nav-bullet.jpg) no-repeat bottom center; display:block;}
.topnav .row ul {bottom: 0; list-style: none outside none;  margin: 0; padding:0 20px 0 0; position: relative; right: 0; display:inline-block;}
.topnav .row ul.links li a {width:24px; height:22px; display:block;}
.topnav .row ul.links {padding:0;}
.topnav .row ul li {display:inline-block;}

.topnav {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	z-index:1000;
}

.topnav .row a.active {
    background:url(../images/nav-bullet.jpg) no-repeat bottom center; display:block;
}
/* end scroll nav */

/* Page Animated item Styles */
.animated{
	visibility:hidden;
	}
.visible{
		visibility:visible;
	}

.footer {}	
.footer#sixth {background-color:#ddd; color:#CCC; font-size:13px; max-width:1300px; line-height:1.5em; margin:auto; padding:3em;}