@font-face {
    font-family: 'lobster_1.3regular';
    src: url('../fonts/lobsterfont-webfont.eot');
    src: url('../fonts/lobsterfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lobsterfont-webfont.woff') format('woff'),
         url('../fonts/lobsterfont-webfont.ttf') format('truetype'),
         url('../fonts/lobsterfont-webfont.svg#lobster_1.3regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

* {}
div { 
}


html {
    
margin:0;
background-color:#009999;
background-image: url(../images/belizeblur.gif);
background-repeat:no-repeat;
background-attachment:fixed;
background-size: cover; 
font-size: 100%; /* ie zooming fix */	
font-size: 13pt;
line-height: 2;
font-family:'Rokkitt', serif;

}


body {  overflow:auto;
	padding-bottom: 150px;
	margin: 0;
	width: 100%;
        position: relative;
        
}



h1{
	font-size:20pt;
        line-height: 1.5;
        font-family: 'Rokkitt', serif;
        font-weight: 700;
        margin-bottom: 10px;
}

h2{
	font-size:16pt;
        line-height: 1.5;
}

h3 {
     font-size: 14pt;
     line-height: 1.5;
    
}



header {
	min-height:100px;
	
       
background: -moz-linear-gradient(top,  rgba(255,255,255,0.35) 0%, rgba(255,255,255,0.36) 95%, rgba(76,76,76,0.36) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.35)), color-stop(95%,rgba(255,255,255,0.36)), color-stop(100%,rgba(76,76,76,0.36))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.35) 0%,rgba(255,255,255,0.36) 95%,rgba(76,76,76,0.36) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,0.35) 0%,rgba(255,255,255,0.36) 95%,rgba(76,76,76,0.36) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,0.35) 0%,rgba(255,255,255,0.36) 95%,rgba(76,76,76,0.36) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,0.35) 0%,rgba(255,255,255,0.36) 95%,rgba(76,76,76,0.36) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59ffffff', endColorstr='#5c4c4c4c',GradientType=0 ); /* IE6-9 */


} 
.headerBox {
        line-height: 2;
	margin: 0 auto;
	min-height:80px;
	width:70%;
        position: relative;
        top: 15px;
        padding-bottom: 10px;
       
	

} 

header li {        
	display:inline;
        padding: 5px;
        margin: 1px;
        
}

nav {
     position: relative;
     bottom: 15px;
     display:inline;
     min-width: 700px;
     
     


}
nav a, nav a:hover, nav a:focus
{
	text-decoration: none;
        color: #1e2e47;
	text-shadow: none;
	-webkit-transition: 500ms linear 0s;
	-moz-transition: 500ms linear 0s;
	-o-transition: 500ms linear 0s;
	transition: 500ms linear 0s;
	outline: 0 none;
        
}

nav a:hover, nav a:focus{
	color: #115c99;
	text-shadow: -1px 1px 10px #fff, 1px -1px 10px #fff; 
}

nav ul {
	display: inline;
        font-family: 'lobster_1.3regular', serif;

       }

.logo{
    display: inline;

   
}

.logo img{
    width:150px;
    margin: 10px 15px 14px 0;

}

.socialMedia {
    float: right;
   
}

.socialMedia img{
    height: 50px;
    
}

ul.socialMedia {
    
    height: 37px;
    overflow: hidden;
   
 
	
		}

.socialMedia li {
	
	text-align:center;
        padding-left:10px;
        float: right;


}

	
		.socialMedia a.fb{
			text-indent: -5600px;
			display: block;
			background:url(../images/fico.png) no-repeat;
			height: 50px;
                        width: 25px;
			
		
		}
		
		.socialMedia  a.t {
			text-indent: -5600px;
			display: block;
			background:url(../images/tico.png) no-repeat;
			height: 50px;
                        width: 25px;
		
		}
		
		.socialMedia  a.in{
			text-indent: -5600px;
			display: block;
			background:url(../images/inico.png) no-repeat;
			height: 50px;
                        width: 25px;
		
		}
                
                ul.socialMedia li a:hover,
		ul.socialMedia li a:focus{
			background-position: 0 -31.5px;
                        
		
                }




.mainContent {
	background-color:rgba(255,255,255,0.35);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px; 
	-o-border-radius: 10px;
	border-radius: 10px;
	margin: 35px auto;
	width: 90%;
        min-height: 400px;

}

.stuffWrapper, .copyWrapper{
  
    margin: 35px 10% 20px;
    padding: 20px;

}

.copyWrapper p{
    padding: 20px;
    line-height: 2;
    
}

.copyWrapper ul {
   padding: 20px;
    
}


.floatLeft {
    float: left;
    width: 65%;
    max-width: 650px;
     padding: 20px;
}

.floatRight, .map {
    float: right;
    width: 65%;
    max-width: 650px;
    padding: 20px;
    min-height: 500px;
}
 
.break {
   
    width: 100%;
    clear: both;
    
}
.break h2 {
   font-size: 20pt;
   text-align: center;
   margin-top: 60px;
}
.footnote{
    clear: both;
    font-size: 11pt;
}
.col {
	width:33%;
        vertical-align: top;
	display: inline-block;
        padding: 10px 10px 15px;
}

.col img{
    display: block;
    width: 75px;
    margin: auto;
}


.col h2 {
    text-align: center;   
}

.headshot {
	width:33%;
        vertical-align: top;
	display: inline-block;
        padding: 10px 15px 15px;
}
.headshot img {
    width: 150px;
    margin: auto;
    }
    


footer {    
    width: 100%;  
    padding: 15px;
    background-color:rgba(255,255,255,0.35);
    margin-top: 40px;
    text-align: center;  
} 

/* Table */
caption {
    font-weight: 700;
    font-size: 16pt;
    text-align: left;
    
}

table {
    text-align: left;
    margin: 25px auto;
    width: 20%;
    min-width:165px;
}
table th {
    font-weight: 700;
}

table th, table td {
    padding: 1px;
}


/* MediaKit */
@media (max-width:1050px){
    .logo {display: block;}
    .logo img{
    width:170px;
    margin: 10px 15px 6px 0;

}
 .headshot {
		width:80%;
                display: block;
                text-align: center;
                margin-bottom: 20px;
                margin-left: 10%;
                margin-right: 10%;
                
	}
        .headshot h2 {text-align: center}
        p {text-align: justify;}
        table {
    
    margin: 25px auto;
    width: 20%;
    min-width:165px;
}

.map {width: 60%;}

}
@media (max-width:860px){
    
        h1 {text-align: center;}
        h2 {text-align: justify;}
       
       
        .col {
		width:80%;
                display: inline-block;
                text-align: center;
                margin-bottom: 40px;
                margin-left: 10%;
                margin-right: 10%;
	}
        

        .stuffWrapper, .copyWrapper{
            
        margin: 40px;
        padding: 20px;

}
	

.map{
    float: none;
    width: 100%;
    min-width: 100%;
    padding-bottom: 0;
    padding-top: 0;
}

}

@media (max-width:580px){
    html {
    

background-image: url(../images/belizeblurtall.gif);
background-repeat: repeat-y;

background-size: cover; 
}

.floatLeft, .floatRight, .map{
    float: none;
    width: 100%;
    min-width: 100%;
    padding-bottom: 0;
    padding-top: 0;
}

}


/*Cool Stuff */


/*********************************************************************************/
/* Carousel                                                                      */
/*********************************************************************************/

	.carousel
	{

		position: relative;
		overflow: hidden;
                margin: 0;	
	}
        
        .carousel img {
            height: 220px;
            
        }

		.carousel .forward,
		.carousel .backward
		{
			position: absolute;
			top: 50%;
			width: 6em;
			height: 12em;
			margin-top: -6em;
			cursor: pointer;
		}
		
		.carousel .forward
		{
			right: 0;
		}
		
		.carousel .backward
		{
			left: 0;
		}

			.carousel .forward:before,
			.carousel .backward:before
			{
				content: '';
				display: block;
				width: 6em;
				height: 6em;
				border-radius: 100%;
				background-color: rgba(0,0,0, 0.5);				
				position: absolute;
				top: 50%;
				margin-top: -3em;
				-moz-transition: background-color 0.35s ease-in-out;
				-webkit-transition: background-color 0.35s ease-in-out;
				-o-transition: background-color 0.35s ease-in-out;
				-ms-transition: background-color 0.35s ease-in-out;
				transition: background-color 0.35s ease-in-out;
				-webkit-backface-visibility: hidden;
			}

			.carousel .forward:after,
			.carousel .backward:after
			{
				content: '';
				width: 3em;
				height: 3em;
				position: absolute;
				top: 50%;
				margin: -1.5em 0 0 0;
				background: url('../images/arrow.svg') no-repeat center center;
			}

			.carousel .forward:after
			{
				right: -0.25em;
			}

			.carousel .backward:after
			{
				left: -0.25em;
				-moz-transform: scaleX(-1);
				-webkit-transform: scaleX(-1);
				-o-transform: scaleX(-1);
				-ms-transform: scaleX(-1);
				transform: scaleX(-1);
    		}
			
			.carousel .forward:before
			{
				right: -3em;
			}
			
			.carousel .backward:before
			{
				left: -3em;
			}

			.carousel .forward:hover:before,
			.carousel .backward:hover:before
			{
				background-color: rgba(0,0,0, 0);
                              
			}

		.carousel .reel
		{
			white-space: nowrap;
			position: relative;
			-webkit-overflow-scrolling: touch;
			padding: 0 2em 0 2em;
                        vertical-align: top;
		}
	
		.carousel article
		{
			display: inline-block;
			width: 18em;
			background-color: rgba(154,169,230, 0);
			text-align: center;
			padding: 5px 5px 5px 5px;
			margin: 0 2em 0 0;
			white-space: normal;
			opacity: 1;
			-moz-transition: opacity 0.75s ease-in-out;			
			-webkit-transition: opacity 0.75s ease-in-out;			
			-o-transition: opacity 0.75s ease-in-out;			
			-ms-transition: opacity 0.75s ease-in-out;			
			transition: opacity 0.75s ease-in-out;			
		}
		
			.carousel article.loading
			{
				opacity: 0;
			}
		
			.carousel article .image
			{
				position: relative;
				left: -1em;
				top: 0;
				width: auto;
				margin-right: -2em;
				margin-bottom: 3em;
			}
		
			.carousel article p
			{
				text-align: center;
                                margin: 5px auto;
			}
                        
        .carouselItem
	{
		
	}
        

/* General Module Thingies and Stuff */



.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}  


/*footer push*/
html, body {
    
height: 100%;
}

.mainContent {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto;
}

.footer, .push {
height: 4em;
}