div#container {
    	overflow: hidden;
    	background-color: #fff;
    }
    div.content {
    	display: none;
    	clear: both;
    }

    div.content a, div.navigation a {
    	text-decoration: none;
    }
    div.content a:hover, div.content a:active {
    	text-decoration: underline;
    }

    div.navigation a.pageLink {
    	height: 77px;
    	line-height: 77px;
    }

    div.controls {
    	margin-top: 430px;
    	height: 23px;
    }
    div.controls a {
    	padding: 5px;
    }
    div.ss-controls {
    	float: left;
    }
/*    div.nav-controls {
        float: right;
    }
*/
    div.slideshow-container,
    div.loader,
    div.slideshow a.advance-link {
    	width: 610px; /* This should be set to be at least the width of the largest image in the slideshow with padding */
    }

    div.loader,
    div.slideshow a.advance-link,
    div.caption-container {
    	height: 402px; /* This should be set to be at least the height of the largest image in the slideshow with padding */	
    }

    div.slideshow-container {
    	position: relative;
    	clear: both;
    	float: left;
    	height: 503px;
    }

    div.loader {
    	position: absolute;
    	top: 0;
    	left: 0;
    	background-image: url('/media/static/img/ajax-loader-big.gif');
    	background-repeat: no-repeat;
    	background-position: center;
    }
    div.slideshow span.image-wrapper {
    	display: block;
    	position: absolute;
    	top: 30px;
    	left: 0;
    }
    div.slideshow a.advance-link {
    	display: block;
    	line-height: 502px; /* This should be set to be at least the height of the largest image in the slideshow with padding */
    	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 a.advance-link:focus {
    	outline: none;
    }

    div.slideshow img {
    	border-style: solid;
    	border-width: 1px;
    }
    div.caption-container {
    	float: right;
    	position: relative;
    	margin-top: 30px;
    }
    span.image-caption {
    	display: block;
    	position: absolute;
    	top: 0;
    	left: 0;
    }

    div.caption-container, span.image-caption {
    	width: 334px;
    }

    div.caption {
    	padding: 0 12px;
    }

    div.image-title {
    	font-weight: bold;
    	font-size: 1.4em;
    }
    div.image-desc {
    	line-height: 1.3em;
    	padding-top: 12px;
    }
    div.download {
    	margin-top: 8px;
    }
    div.photo-index {
    	position: absolute;
    	bottom: 0;
    	left: 0;
    	padding: 0 12px;
    }
    div.navigation-container {
    	float: left;
    	position: relative;
    	left: 0%;
    }
    div.navigation {
    	float: left;
    	position: relative;
    	left: -0%;
    }
    div.navigation a.pageLink {
    	display: block;
    	position: relative;
    	float: left;
    	margin: 2px;
    	width: 20px;
    	background-position:center center;
    	background-repeat:no-repeat;
    }
    div.navigation a.pageLink:focus {
    	outline: none;
    }

    ul.thumbs {
    	position: relative;
    	float: left;
    	margin: 0;
    	padding: 0;
    	padding-left: 0;
        text-indent: 0;
    }
    ul.thumbs li {
    	float: left;
    	padding: 0;
    	margin: 2px;
    	list-style: none;
    }
    a.thumb {
    	padding: 1px;
    	display: block;
    }
    a.thumb:focus {
    	outline: none;
    }
    ul.thumbs img {
    	border: none;
    	display: block;
    }
    div.pagination {
    	clear: both;
    	position: relative;
    	left: -50%;
    }
    div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
    	position: relative;
    	display: block;
    	float: left;
    	margin-right: 2px;
    	padding: 4px 7px 2px 7px;
    	border: 1px solid #ccc;
    }
    div.pagination a:hover {
    	text-decoration: none;
    }
    div.pagination span.current {
    	font-weight: bold;
    }
    div.pagination span.ellipsis {
    	border: none;
    	padding: 5px 0 3px 2px;
    }

    div.gallery-gutter {
    	clear: both;
    	padding-bottom: 20px;
    }
    
    
    /* WHITE */
    a{
    	color: #c9252c;
    }

    div.caption-container {
    	color: #111;
    }
    div.image-title {
    	font-weight: bold;
    	font-size: 1.4em;
    }
    div.image-desc {
    	line-height: 1.3em;
    	padding-top: 12px;
    }
    div.download {
    	margin-top: 8px;
    }
    div.photo-index {
    	color: #777;
    }
    div.navigation a.prev {
    	background-image: url('/media/static/img/gallery_left2.gif');
    }
    div.navigation a.next {
    	background-image: url('/media/static/img/gallery_right2.gif');
    }
    div.loader {
    	background-image: url('/media/static/img/ajax-loader-big.gif');
    }
    div.slideshow img {
    	border-color: #ccc;
    }
/*    ul.thumbs li.selected a.thumb {
        background: #fff;
    }
*/    div.pagination a:hover {
    	background-color: #eee;
    }
    div.pagination span.current {
    	background-color: #000;
    	border-color: #000;
    	color: #fff;
    }
    
    div#container
    {
            width: 980px;
            padding-left: 20px;
            padding-top: 20px;
    }
    
    div#sidebar
    {
        margin-top: 55px;
    } 
    
    div.nav-controls
    {
        border-bottom: 1px solid #ccc;
        width: 590px;
        height: 50px;
        position: relative;
        left: 10px;
    }
    div.nav-controls a.prev
    {
        float: left;
        width: 60px;
        background-image: url('/media/static/img/slimbox/prevlabel.gif');
        background-repeat: no-repeat;
        background-position: center;
    }
    div.nav-controls a.next
    {
        float: right;
        width: 60px;
        background-image: url('/media/static/img/slimbox/nextlabel.gif');
        background-repeat: no-repeat;
        background-position: center;
    }
    div.nav-controls a
    {
        padding-top: 0;
        height: 50px;
    }
    
    div.nav-controls img
    {
        margin-bottom: 0;
    }
    
    div.slideshow-container img
    {
        margin-bottom: 0px;
    }