*{box-sizing: border-box;}
body{
    
    background-image: url("naut2.png");
    background-size: cover;

}

.wrapper{
    background-color: aliceblue;
    position: relative;
	margin: 0px auto;
    width:1000px;
	height:800px;
}

header{
    position: absolute;
    width: 1000px;
    height: 150px;
    margin: 0px;
    background-image: url(ocean_crop1.png);
}

header img{
    height: 150px;
    width: auto;
}



nav{
    position: absolute;
	background-color:pink;
	border-radius:3px;
    top:150px;
    left: 0px;
    right: 0px;
    padding: 0px;
    margin: 0px;
    height: 30px;
}

nav ul{
    padding: 0px;
    margin: 0px;
    background-color:#19344f;
    
}



nav a{
	font-size:25;
	color:white;
	border-radius:3px;
	text-decoration: none;
	font-family: sans-serif;
}

nav a:hover{
	color:gray;
}

.rightBar{
    position: absolute;
    right: 0px;
    top:180px;
    width: 299px;
    height: 546px;
}

.mainContent{
    position: absolute;
    left:0px;
    width: 699px;
    top:180px;
    height: 546px;
}

.photoGallery{
    position: absolute;
    left:0px;
    width: 699px;
    top:180px;
    height: 225px;
    padding: 0px;
}

.photoGallery ul{
    position: absolute;
    width: 100%;
    left: 0px;
    padding: 0px;
    margin: 0px;
}

.photoGallery ul li{
    display: inline-block;
    font-size: 0px;
    padding: 0px;
    margin: 0px;
    margin: 0px;
    
}

.photoGallery img{
    margin: 0px;
    width: 229px;
    height: 229px;
}

.photoGallery img:hover{
	opacity:0.8;
}

.productNames{
    position: absolute;
    top:378px;
    width: 699px;
    padding: 0px;
    margin: 0px;
}

.productNames ul{
    margin: 0px;
    padding: 0px;
}

.productNames ul li p{
    /*
    border: solid 3px #19344f;
    border-radius: 3px;*/
    color: #19344f;
    font-family: sans-serif;
    font-size: 35px;
}

footer{
    position: absolute;
    text-align: center;
    bottom:0px;
    right: 0px;
    left: 0px;
    /*border: solid grey 1px;*/
    background-color: #e2e9e2;
}

.productShowcase{
    position: absolute;
    top:190px;
    width:700px;
    left: 0px;
    height: 300px;
}

.productShowcase img{
    width: 300px;
    position: absolute;
    left: 200px;
    border-radius: 300px;
}