/* CSS Document */


/* Calypso Reef Graphics CSS Framework - www.calypsoreef.com */


video 
	{ position: absolute;
	  top: 0px;
	  left: 0px;
	  min-width: 100%;
	  min-height: 100%;
	  z-index:-100; }

html, body
	{ margin-left:0;
	  margin-right:0;
	  margin-bottom:0;
	  margin-top:1vh;
	  padding:0;
	  border:0;
	  background-size:100% auto;
	  font-size:10px; }
		
div, span, article, aside, footer, header, hgroup, 
nav, section, h1, h2, h3, h4, h5, h6, p, blockquote, 
a, ol, ul, li, table, tr, th, td, tbody, tfoot, thead
	{ margin:0; 
	  padding:0;
	  border:0;
	  float:none; 
	  background:transparent; 
	  vertical-align:baseline; }
	
img
	{ margin:0;
	  padding:0;
	  border:0; }

table, tr, th, td, tbody, tfoot, thead
	{ margin:0; 
	  padding:0; 
	  border:0; 
	  background:transparent; 
	  vertical-align:baseline; }

input, select, textarea, form, feildset
	{ margin:0; padding:0; border:0; }

h1, h2, h3, h4, h5, h6, p, li, blockquote, 
td, th, a, caption, em, strong, strike
	{ font-family:"Berlin Sans FB";
	  font-size:100%; 
	  font-weight:normal; 
	  font-style:normal;
	  line-height:100%; 
	  text-indent:0; 
	  text-align:left; }

ol, ul	
	{ list-style:none; }


/* Global */


html	
	{  }

body	
	{ background-color:transparent;
	  background-repeat:no-repeat;
	  background-attachment:fixed; }


/* Headings */


h3, h4, h5, h6	
	{ color:#000; }

h1	{ font-family:"Berlin Sans FB";
					   color:#FFF;		
					   font-size:44px;
					   margin-top:20px;
					   margin-bottom:20px; }
h2	{ font-family:"Berlin Sans FB";
					   color:#FFF;		
					   font-size:40px;
					   margin-top:20px;
					   margin-bottom:20px; }
h3	{ font-size:20px; }
h4	{ font-size:18px; }
h5	{ font-size:16px; }
h6	{ font-size:14px; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img	
	{ margin:0; }


/* Text Elements */


p				{ color:#FFF; 
				  font-size:20px; 
				  line-height:150%; }
p .left			{ margin:1.5em 1.5em 1.5em 0; 
				  padding:0; }
p .right		{ margin:1.5em 0 1.5em 1.5em; 
				  padding:0; }

a				{ text-decoration:none; }
a:link			{ color:#FFF; }
a:visited		{ color:#81FEE1; }
a:active		{ color:#CCFFFF; }
a:focus			{ color:#FFF; }
a:hover			{ color:#FF7171; }

blockquote		{ color:#000; 
				  font-size:12px; }

strong			{ font-weight:bold; }
em				{ font-style:italic; }


/* Lists */


ul				{  }
ol				{ list-style-type:decimal; }

ul li			{ color:#FFF; 
				  font-size:12px; }
ol li			{ color:#000; 
				  font-size:12px; }

dl				{  }
dt				{  }
dd				{  }


/* Tables */


table			{ width:100%; }

tr				{  }
.odd			{ background-color:#eee; }
.even			{ background-color:#fff; }

th				{ font-weight:bold; }
thead, th		{ background:#ccc; }

tbody			{  }

th, td, caption	{  }
caption			{  }

tfoot			{  }
.tfooter		{ background-color:#ccc; 
				  text-align:center; 
				  font-style:italic; }

caption			{ background:#efefef; }


/* Containers */


.flex-container     {display: flex}

#sticker-images     {background-color:#FFF;
					 width: 100%;
					 display: flex;
					 flex-direction: row;
					 flex-wrap: wrap;
					 justify-content: space-around;
					 align-content: space-around;
					 align-items: center;}
					 
#sticker-images-black { width: 100%;
					    display: flex;
					    flex-direction: row;
					    flex-wrap: wrap;
					    justify-content: space-around;
					    align-content: space-around;
					    align-items: center;}
					 
#topnavigateindex	 { width: 100%;
					   display: flex;
					   flex-direction: row;
					   flex-wrap: wrap;
					   justify-content: space-around;
					   align-content: space-around;
					   align-items: center;
					   background-color:transparent;
					   margin-bottom:20vh; }
					   
#topnavigateothers	 { width: 100%;
					   display: flex;
					   flex-direction: row;
					   flex-wrap: wrap;
					   justify-content: space-around;
					   align-content: space-around;
					   align-items: center;
					   background-color:transparent; }					   
					   
#topnavigatecontact	 { width: 100%;
					   display: flex;
					   flex-direction: row;
					   flex-wrap: wrap;
					   justify-content: space-around;
					   align-content: space-around;
					   align-items: center;
					   background-color:transparent;
					   margin-bottom:60vh; }				   
					   
					   
#copyrightssl		 { width: 100%;
					   display: flex;
					   flex-direction: row;
					   flex-wrap: wrap;
					   justify-content: space-around;
					   align-content: space-around;
					   align-items: center;
					   background-color:transparent; }
					 
#background-video {   width: 100%;
					  height: 100%;
   					  object-fit: cover;
   					  position: fixed;
   					  left: 0;
   					  right: 0;
  					  top: 0;
   					  bottom: 0;
   					  z-index: -1; }					 
										 

.container 			{ align-content: space-around;}

#outer				{ width:1300px; 
					  margin:0 auto;
					  background-color:transparent; }

#wrapper			{ width:1300px; 
					  margin:0 30px 0 30px;
					  background-color:transparent; }
					  
#logo				{ float:left;
					  margin:15px 0 15px 0; }					  

#icons				{ float:right; }
#icons ul li		{ display:inline; }
#icons ul			{ margin-top:10px; }
					  
#banner				{ padding-top:5px;
					  width:100%;
					  height:610px; }

#topnav				{ display:inline;
					  clear:both;
					  font-family:"Berlin Sans FB";
					  font-size:23px;
					  padding:0px; }
#topnav ul			{ padding:5px 0; }
#topnav	ul li		{ display:inline;
					  margin-right:106px; }
#topnav a:link		{ color:#FFF; }
#topnav a:visited	{ color:#FF0; }
#topnav a:active	{ color:#CCFFFF; }
#topnav a:focus		{ color:#FFF; }
#topnav a:hover		{ color:#FF7171; }

#picture			{ margin-bottom:15px ;
					  clear:both;
					  background-color:transparent; }

#content p			{ width:610px;
					  float:right;
					  clear:right;					  					    
					  font-family:"Comic Sans MS", cursive;
					  font-size:22px;
					  margin-bottom:25px; }
					  
#mantagif			{ float:left; }

#designs			{ display:inline;
					  clear:both;
					  background-color:#FFF;
					  font-size:23px; }
					  
#designsblk ul li	{ display:inline;
					  background-color:#FFF; }					  
					  
#mission			{ float:left;
					  width:100%;
					  margin-top:5px;
					  padding-top:5px;
					  margin-bottom:5px;
					  padding-bottom:5px; }					 				  
					  
#botnav				{ width:1300px;
					  clear:both;
					  font-family:"Berlin Sans FB";
					  font-size:23px;}
#botnav ul			{ border-top:2px #000 solid; 
					  border-bottom:2px #000 solid; 
					  margin:5px 0 5px 0; 
					  padding:5px 0; }
#botnav ul li		{ display:inline;
					  margin-right:106px; }
#botnav a:link		{ color:#FFF; }
#botnav a:visited	{ color:#81FEE1; }
#botnav a:active	{ color:#CCFFFF; }
#botnav a:focus		{ color:#FFF; }
#botnav a:hover		{ color:#FF7171; }				  		  

#footer				{ width:100%;
					  margin:5px auto;
					   }