#historic-thumbnails ul{
	text-align:center;
}

#historic-thumbnails ul li{
	display: inline-block; vertical-align: top;
	zoom:1;
	*display:inline;
	width: 80px;
	margin-right: 1em;
	padding-bottom:1em;			
}

#historic-thumbnails ul li img{
	width: 100%; max-width: 80px;
	border: #7C7C7C 1px solid;
}

@media screen and (min-width:980px){
	#historic-thumbnails ul li img{
		max-width: 133px;
	}
	
	#historic-thumbnails ul li{
		width: 133px;
	}
}


/*----------------------------------------------------------------------------- 

KENBURNER RESPONSIVE BASIC STYLES OF HTML DOCUMENT

Screen Stylesheet 

version:   	1.0 
date:      	07/27/11 
author:		themepunch
email:     	support@themepunch.com 
website:   	http://www.themepunch.com
-----------------------------------------------------------------------------*/

/***********************
	-	BASICS 	-
***********************/
html {
	width: 100%;
	overflow-x:hidden;
	margin: 0;
	padding: 0;
	font-size:1em;
}

.body-dark{
	background-color:#111;	
	background-image:url(../images/grain.png);
}

.body-light{	
	background-image:none;
}

ol, ul { 
    list-style: none; 
	margin:0;
	padding:0;
}

#barbados-historic-photos a{
	text-decoration:underline;
}

/****************************
	-	PREVIEW SETTINGS	-
*****************************/

.centerme{
	margin-left:auto;
	margin-right:auto;		
}

/*******************************
	-	BANNER STYLES	-	
********************************/

.bannershadow{	
	margin-top:0px;
	max-width:700px;
	height:25px;
	position:relative;
}


.bannercontainer{
	max-width:700px;
	height:400px;
	background-color:#fff;
	position:relative;
	clear:both;
}

.bannercontainer img{
	width:100%
}
	

.bannercontainer ul >li{
	display:none;
}



/****************************
	-	BASIC DIVIDERS 	-
*****************************/
#small_divider {
	margin-top:8px;
}

#big_divider {
	margin-top:150px;
}