body {
	text-align:center;
	margin: 0;
	padding: 0;
	background: #fff;
	font:62.5% Arial, Helvetica, sans-serif;
	color: #666;
}
div, form, ul, ol, h1, h2, h3, h4 { margin: 0; padding: 0;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* Hides from IE-mac \*/
*html .clearfix {
	height: 1%;
}
img, a img { border: none;
}
li { list-style-type: none;
}
p { margin: 0 0 0.8em 0; font-size: 1.3em; line-height: 1.3;
}
a, a:active { text-decoration: none; outline: none;
}
a:link, a:visited { color: #222;
}
a:hover, a:focus { color: #666;
}
div#g-content{ width: 960px; height: 570px; float:none;
}
pre { font-size: 1.2em; line-height: 1.2em; overflow-x: auto;
}
div.g-content { display: none; float: right; width: 640px;
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
}
div.g-controls { margin-top: 5px; height: 23px; font-size: 1.2em;
}
div.g-controls a { padding: 5px 6px;
}
div.g-controls a, div.g-controls a:visited{ color: #F37021; font-weight: bold;
}
div.g-controls a:hover{ color: #F58542;
}

div.ss-controls { float: left;
}
div.nav-controls { float: right;
}
div.slideshow-container {
	position: relative;
	clear: both;
	height: 500px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(../images/loader.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 620px;
	height: 480px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

div.slideshow a.advance-link {
	display: block;
	width: 640px;
	height: 480px; /* This should be set to be at least the height of the largest image in the slideshow */
	line-height: 480px; /* This should be set to be at least the height of the largest image in the slideshow */
	text-align: center;
}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited { text-decoration: none;
}
div.slideshow img { vertical-align: middle; border: 1px solid #ccc;
}
div.caption-container { position: relative; clear: left; height: 75px;
}
span.image-caption { text-align:right; font-weight: bold; width: 100%; display: block; background-color: #fff;
}
span.image-caption span{ font-weight: normal;
}
span.image-caption {*width:450px;
}
div.image-title { font-weight: bold; font-size: 1.4em;
}
div.image-desc { line-height: 1.3em; padding-top: 12px;
}
div.navigation { padding: 10px 0 0 12px;
	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs { clear: both; margin: 0; padding: 0;
}
ul.thumbs li { float: left; padding: 0; margin: 5px 10px 5px 0; list-style: none;
}
a.thumb { padding: 2px; display: block; border: 1px solid #ccc;
}
ul.thumbs li.selected a.thumb { background: #000;
}
a.thumb:focus { outline: none;
}
ul.thumbs img { border: none; display: block;
}
div.pagination { clear: both; font-size: 1.1em; 
}
div.navigation div.top { margin-bottom: 12px; height: 11px;
}
div.navigation div.bottom { margin-top: 12px;
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	display: block;
	float: left;
	margin: 2px 2px 2px 0;
	padding: 3px 6px 1px 6px;
	border: 1px solid #ccc;
}
div.pagination a.disabled{ color: #666; background-color: #eee; cursor: default;
}
div.pagination a:hover { background-color: #eee; text-decoration: none;
}
div.pagination span.current { font-weight: bold; background-color: #000; border-color: #000; color: #fff;
}
div.pagination span.ellipsis { border: none; padding: 5px 0 3px 2px;
}
div#g-foot{
	background-color:#F37021;
	color: #fff;
	clear:both;
	width: 960px;
	position:absolute;
	bottom: 0px;
	left: 0px;
}
div#g-foot ul li a{
	color: #fff;
	font-weight: bold;
	text-transform:uppercase;
	font-size: 1.3em;
}
div#g-foot ul li{ float:left;
}
div#g-foot ul li a{ display:block; padding: 5px 6px; 
}
div#g-foot ul li a:hover, div#g-foot ul li a.current{ background-color: #F58542;
}
div#gallery{ margin-bottom: 11px; padding: 8px 10px 8px 0;
}
div.caption{ width: 75px; overflow:hidden;
}
div#g-foot ul.gallery-type{ float:right;
}
div#g-foot ul.gallery-type li a.edit{ background-color: #000;
}
div#g-foot ul.gallery-type li a.edit:hover{ background-color: #222;
}
div#gallery #youtube{ margin-top: 40px;
}