/* CSS Document */


.skitter { float:left; margin:5px; }
	.skitter p { text-align:center; margin-top:10px; }

#indexContent { float:right; width:600px; padding:20px; background:#fff; border:solid 1px #ccc; }

#indexBanners { margin-bottom:20px; }								   

	#indexBanners li { border:solid 1px #ccc; display:inline-block; width:220px; height:150px; overflow:hidden; margin:0 6px 10px 6px; }
	#indexBanners img { min-width:220px; min-height:150px; }	

#index-menu { }
	#index-menu li { position:relative; display:inline-block; margin:2% 2% 0 2%; width:28%; vertical-align:top; text-align:center; }
	#index-menu a { display:block; background-size:cover; background-position:center; border-radius:50%; border:solid 3px #D2C6AC; transition:border-color 0.2s linear; }	
		#index-menu a:before { content:""; display:block; padding-top:100%; }		
		#index-menu a:hover   { border-color:#BCA983; }
	
	#index-menu h4  { padding:5px; color:#55504A; font-size:1.2em; }

	
#slider { z-index:1; overflow:hidden; position:relative; margin-top:20px; }
	#slider > div { }		
	#slider img   {  }
	.nivo-caption { display:none !important; }

	.nivo-controlNav {  }
		.nivo-controlNav a { display:inline-block; width:11px; height:11px; background:url("/web/images/bullets.png") no-repeat; text-indent:-9999px;
							 margin-right:5px;}
		.nivo-controlNav a.active { background-position:bottom; }	
		
/* ==========================================================================
   Media Queries
   ========================================================================== */ 


@media only screen and (max-width:680px) {	

	#index-menu li  { margin:4%; width:41%; }
}

@media only screen and (max-width:450px) {	

	/*#index-menu li  { margin:8%; width:auto; display:block; }*/
}
/*