/*
Theme Name: Pannet Ocian
Description: Scheitel Design Studios
Version: 1.0
Author: Zachary Scheitel - ScheitelDesign
Author URI: http://scheiteldesign.com
*/

/* ____________________  Scheitel Design Studios ____________________ */

/*
-------------------------------------------------------------------------
Master    Master    Master    Master    Master    Master    Master
-------------------------------------------------------------------------
*/
* {margin: 0px; padding: 0px;}

.fullBg {
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
#main-content {
background-position: 50% 50%;
background-repeat: no-repeat;
position: relative;
width: 100%;
height: 100%;
text-align:left;
    }

#master-wrapper {
	background-color: #000;
	height: 100%;
	width: 100%;
	text-align: center;
}
#master-min-max {
	min-width: 1000px;

}
html {
        background: url(/images/backgrounds/sea.jpg) no-repeat center bottom fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}
.content {min-width: 950px; margin-top: 50px;}

a {color: #F3F8D7;}
a:hover{color: #81ADFC;}



/*
-------------------------------------------------------------------------
Header    Header    Header    Header    Header    Header    Header
-------------------------------------------------------------------------
*/



/*
-------------------------------------------------------------------------
Body 
-------------------------------------------------------------------------
*/

#logo-wrapper {
	width: 200px;
	height: 100px;
	left: 30px;
	top: 10px;
	position: absolute; 
	}

#nav-wrapper {
	width: 100%;
	height: 120px;
	position: absolute;
	overflow: hidden;
	background: url(../images/backgrounds/black-bg.png);
	border-bottom: solid 3px black;
	z-index: 9000;
	}
#social-wrapper {
	width: 420px;
	height: 50px;
	right: 10px;
	top: 10px;
	position: absolute; 
	text-align: right;
	}
#social-wrapper a {
	padding-left: 10px;
	padding-right: 10px;
	opacity: .60;
	}	
#social-wrapper a:hover {
	opacity: .99;
	}		
#facebook-wrapper
{
	float: right;
	width: 100px;
	height: 30px;
	right: 10px;
	bottom: 0px;
	text-align:  center;
	position: fixed;
		opacity: .7; 
	}	
#footer-right {
	width: 400px;
	height: 30px;
	right: 10px;
	bottom: 0px;
	text-align:  center;
	position: fixed; 
}	
	
#cc {
	float: left;
	margin-top: 10px;
	margin-left: 30%;
	
}	
	
	
#index-wrapper {
	width: 90%;
	top: 80px;
	bottom: 40px;
	margin-left: 1.5%;
	margin-right: 40px;
	max-height: 580px;
	position: fixed;
	overflow: hidden;
	text-align: center;
	padding: 20px;
	color: #fff!important;
		z-index: 4000;
	}
#fishing-wrapper {
	width: 90%;
	top: 80px;
	bottom: 40px;
	margin-left: 1.5%;
	margin-right: 40px;
	max-height: 580px;
	position: fixed;
	overflow: hidden;
	background: url(../images/backgrounds/black-bg.png);
	border: solid 3px black;
	padding: 15px;
	color: #fff!important;
		z-index: 4000;
	}

#fish-right {

	float: right;
	padding: 20px;
	top:0;
	right:0;
	}
#trips-wrapper {
	width: 90%;
	top: 80px;
	bottom: 40px;
	margin-left: 1.5%;
	margin-right: 40px;
	max-height: 580px;
	position: fixed;
	overflow: hidden;
	background: url(../images/backgrounds/black-bg.png);
	border: solid 3px black;
	padding: 20px;
	color: #fff!important;
	z-index: 5000;
	min-height: 420px;
	}
#gallery-wrapper {
	width: 100%;
	top: 50px;
	bottom: 40px;
	padding-left: 30px;
	padding-right: 40px;
	min-width: 950px;
	max-height: 580px;
	position: fixed;
	overflow: hidden;
	padding-top: 40px;
	color: #fff!important;
	text-align: center;
	z-index: 6000;
	}

.gallery-box {
	width: 60px;
	height: 65px;
	border: solid 5px rgba(210, 210, 210, .9);
	background-color: black;
	background-image: url(../images/backgrounds/gallery-box-bg.png);
	margin: 12px;
		-moz-border-radius: 15px;
		border-radius: 15px;
	overflow: hidden;
	float: left;
	display: inline-block;
		-moz-box-shadow: 0 0 10px rgba(21, 21, 21, .7);
		-webkit-box-shadow: 0 0 10px rgba(21, 21, 21, .7);
		box-shadow: 0 0 15px rgba(21, 21, 21, .7);   
	
}
.box-100 {
	width: 60px;
	height: 65px;
		-moz-box-shadow:inset 0 0 15px #000000;
		-webkit-box-shadow:inset 0 0 15px #000000;
		box-shadow:inset 0 0 15px #000000;
		-moz-border-radius: 12px;
		border-radius: 12px;
	overflow: hidden;		
	}
.box-100 a img{
		-moz-border-radius: 12px;
		border-radius: 12px;
		opacity: .4;
		-moz-box-shadow:inset 0 0 15px #000000;
		-webkit-box-shadow:inset 0 0 15px #000000;
		box-shadow:inset 0 0 15px #000000;
		-moz-border-radius: 12px;
		border-radius: 12px;
		overflow: hidden;		

}
.box-100 a img:hover{
		-moz-border-radius: 12px;
		border-radius: 12px;

		opacity: .8;
}	

#contact-wrapper {
	width: 90%;
	top: 80px;
	bottom: 40px;
	margin-left: 1.5%;
	margin-right: 40px;
	max-height: 580px;
	position: fixed;
	overflow: hidden;
	background: url(../images/backgrounds/black-bg.png);
	border: solid 3px black;
	padding: 20px;
	color: #fff!important;
	z-index: 7000;
	}

#loading {
	margin-top: 17%;
	margin-bottom: 20%;
	opacity: .4;
	}	
	
#copyright {
	width: 40px;
	height: 12px;
	bottom: 0px;
	border-bottom: solid 15px rgba(255, 0, 0, .00);
	position: fixed;
	overflow: hidden;
	color: #fff;
	font-family: "Arial";
	font-size: 12px;
		padding-top: 15px;
		padding-left: 15px;
		padding-right: 15px;
	opacity: .5;
	text-shadow: -1px 0 black, 0 1px black,1px 0 black, 0 -1px black;	
	}
#copyright a {
	font-family: "Arial Black";
	color: #000;
	text-shadow: 0 0 0.4em #41CAEC!important;
	}	
#copyright:hover {
	width: 400px;
	padding-top: 50px;
	height: 16px;
	border-bottom: solid 13px rgba(255, 0, 0, .00);
	opacity: .99;
	}
.youtube {}
.youtube:hover {opacity: .7;}
		
/*
-------------------------------------------------------------------------
Navagation     Navagation      Navagation      Navagation      Navagation
-------------------------------------------------------------------------
*/
#nav ul {
	padding-right: 40px;
}

#nav li{
    display: block;
    float:right;
    padding-left: 10px;
    padding-right: 20px;
	list-style: none;
	height: 50px;
	text-align: center;
	padding-top: 90px;
	
	}
#nav li a{
	font-size: 19px;
	color: rgba(255, 255, 255, 0.8);
	font-family: "Arial";
	opacity: .9;
	text-shadow: 0 0 0.2em #41CAEC;
}
#nav li a:hover{
	color: rgba(255, 0, 0, .99);
}

.buttoncurrent {color: rgba(255, 0, 0, .75)!important;}

/*
-------------------------------------------------------------------------
Special Need      Special Need       Special Need      Special Need
-------------------------------------------------------------------------
*/



/*
-------------------------------------------------------------------------
h1  h2  h3  h4  h5  a  href
-------------------------------------------------------------------------
*/

h1 {color: #81adfc; font-family: "Arial";}
h2 { color: #f3f8d7; font-family: "Arial"; font-size: 1.3em; margin-top: 10px; margin-bottom: 10px;}
h3 {}
h4 {}
h5 {}

a	{ 
	text-decoration: none;
  border-style: none; 
  }
img	{ 
	text-decoration: none;
  border-style: none; 
  } 
a:hover {}
href {}