/* PHOTO GALLERY CSS
-------------------------------------------------------- */

#gal { position: relative; width: 100%; }
#gal li { text-indent: 0; line-height: 1; }
#galView { float: left; width: 434px; }
#galView img { width: 420px; }
#galNav { float: right; width: 197px; }

#galScreen img { display: block; padding: 7px; background: #000; margin-bottom: 1px; }
ul#galControl { position: relative; height: 31px; background: #000; }
ul#galControl a:link, ul#galControl a:visited, ul#galControl a:hover, ul#galControl a:active { text-transform: uppercase; font-size: 14px; padding: 8px 24px; display: block; font-family: Helvetica, Arial, Verdana; }
ul#galControl a:link, ul#galControl a:visited, ul#galControl a:active { color: #CCC; }
ul#galControl a:hover { color: #FFCC00; }
ul#galControl li.prev, ul#galControl li.next { position: absolute; top: 0; }
ul#galControl li.prev { left: 0; }
ul#galControl li.next { right: 0; }

#galNav li { float: left; padding: 0 9px; height: 57px; }
#galNav img { padding: 2px; background: #000; width: 65px; cursor:pointer; }

/* CSS CLEARFIX
-------------------------------------------------------- */

.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%;
}