@font-face {
        font-family: 'Futura Light';
        src: url('fonts/FutuLt__.eot?#iefix') format('eot'), url('fonts/FutuLt__.eot'), url('fonts/FutuLt__.woff') format('woff'), url('fonts/FutuLt__.ttf') format('truetype'), url('fonts/FutuLt__.svg#FutuLt__') format('svg');
				font-weight: normal;
        font-style: normal;
}

@font-face {
        font-family: 'Futura Book';
        src: url('fonts/FUTURAN.eot?#iefix') format('eot'), url('fonts/FUTURAN.eot'), url('fonts/FUTURAN.woff') format('woff'), url('fonts/FUTURAN.ttf') format('truetype'), url('fonts/FUTURAN.svg#FUTURAN') format('svg');
				font-weight: normal;
        font-style: normal;
}

@font-face {
        font-family: 'Futura Medium';
        src: url('fonts/FUTURAM.eot?#iefix') format('eot'), url('fonts/FUTURAM.eot'), url('fonts/FUTURAM.woff') format('woff'), url('fonts/FUTURAM.ttf') format('truetype'), url('fonts/FUTURAM.svg#FUTURAM') format('svg');
				font-weight: normal;
        font-style: normal;
}

body {
	margin: 0px; 
	background: #404040; 
	font-family: Futura Light;
	//font-family: Futura Light, Sawasdee, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	//-webkit-font-smoothing: subpixel-antialiased;
}

td,th {
	color: #a0a0a0;
	font-family: Futura Light;
	font-size: 18pt;
	font-weight: normal;
	font-style: normal;
}

img { -ms-interpolation-mode: bicubic; }

b {
	font-family: Futura Book, Futura, Sawasdee, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
}

a {
	text-decoration: none !important;
	color: white;
	font-weight: normal;
	font-style: normal;
}
//a:hover { color: #ffffff; }

.imageName,.imageDate,.imageNameDate,.imageSpacer,.imageSize {
	display: inline-block;
	font-family: Futura Light, Futura, Sawasdee, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
}

.imageName {
	font-family: Futura Book, Futura, Sawasdee, Arial, sans-serif;
	-moz-transform: skew(-7.5deg, 0deg);
	-webkit-transform: skew(-7.5deg, 0deg);
	-o-transform: skew(-7.5deg, 0deg);
	-ms-transform: skew(-7.5deg, 0deg);
	transform: skew(-7.5deg, 0deg);
}

#central-container {
	width: 100%;
	padding-top: 50px;
	vertical-align: middle;
}

#central-container-content {
	padding-bottom: 40px;
}

#central {
	width: 100%;
	vertical-align: middle;
}

#page-header-container {
	width:100%;
	top:0px;
	left:0px;
	position: fixed;
	overflow: hidden;
	z-index: 10;
	//visibility: hidden;
}

#page-header {
	margin: 0px;
	color: #c0c0c0;
	width: 100%;
	background-color: #606060;
}

#header-caption {
	font-size: 18pt;
	display: none;
	wrap: nowrap;
	color: #b0b0b0;
}

#header-left {
	padding-top: 2pt;
	margin-bottom: 2pt;
	padding-left: 10px;
	left: 0px;
	top: 0px;
	position: relative;
}

#navigation {
	padding-top: 2pt;
	margin-bottom: 0px;
	font-size: 18pt;
	padding-right: 10px;
	right: 0px;
	top: 0px;
	position: absolute;
}

#gallery-title {
	visibility: hidden;
	display: none;
	color: #a0a0a0;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 18pt;
}

#contact-icon {
	visibility: hidden;
	display: none;
}
#contact-text {
	visibility: visible;
	display: inline;
}

#header-shadow {
	margin: 0px;
	width: 100%;
	background-image: url(shadow/b.png);
	background-repeat: repeat-x;
	height: 10px;
}




/* Default is for large screen... */
.small-screen {
	visibility: hidden;
	display: none;
}
.large-screen {
	visibility: visible;
	display: block;
}

/* ... and is overriden for small screen */
/* tall: */
@media screen and (max-width: 800px) and (max-height: 800px) {
.small-screen {
	visibility: visible;
	display: block;
}
.large-screen {
	visibility: hidden;
	display: none;
}
#small-tall {
	visibility: hidden;
	display: none;
}
#small-wide {
	visibility: visible;
	display: block;
}
}
/* tall: */
@media screen and (max-width: 800px) and (max-height: 800px) and (max-aspect-ratio: 1/1) {
#small-tall {
	visibility: visible;
	display: block;
}
#small-wide {
	visibility: hidden;
	display: none;
}
}

@media screen and (max-width: 600px) {
#site-name {
	font-size: 15pt;
	padding-top: 2.5pt;
	padding-bottom: 2.5pt;
	xbackground-color: red;
}
#header-caption {
	font-size: 15pt;
	padding-top: 2.5pt;
	padding-bottom: 2.5pt;
}
#navigation {
	font-size: 15pt;
	padding-top: 0pt;
	padding-bottom: 0pt;
	padding-right: 5px;
}
#contact-icon {
	visibility: visible;
	display: inline;
	padding-top: 0pt;
	padding-bottom: 0pt;
}
#contact-text {
	visibility: hidden;
	display: none;
	padding-top: 2.5pt;
	padding-bottom: 2.5pt;
}
#gallery-title {
	font-size: 15pt;
}
}


@media screen and (min-width: 601px) and (max-width: 1024px) {
#site-name {
	font-size: 16.5pt;
	padding-top: 2.25pt;
	padding-bottom: 2.25pt;
	xxxbackground-color: green;
}
#header-caption {
	font-size: 16.5pt;
	padding-top: 2.25pt;
	padding-bottom: 2.25pt;
}
#navigation {
	font-size: 16.5pt;
	xxxpadding-top: 0pt;
	xxxpadding-bottom: 0pt;
	padding-top: 2pt;
	padding-bottom: 2pt;
	padding-right: 10px;
}
#contact-icon {
	visibility: hidden;
	display: none;
	padding-top: 0pt;
	padding-bottom: 0pt;
}
#contact-text {
	visibility: visible;
	display: inline;
	padding-top: 2.25pt;
	padding-bottom: 2.25pt;
}
#gallery-title {
	font-size: 16.5pt;
}
}


@media screen and (min-width: 1025px) {
#site-name {
	font-size: 18pt;
	padding-top: 2pt;
	padding-bottom: 2pt;
	xbackground-color: blue;
}
#header-caption {
	font-size: 18pt;
	padding-top: 2pt;
	padding-bottom: 2pt;
}
#navigation {
	font-size: 18pt;
	xxxpadding-top: 0pt;
	xxxpadding-bottom: 0pt;
	padding-top: 2pt;
	padding-bottom: 2pt;
	padding-right: 10px;
}
#contact-icon {
	visibility: hidden;
	display: none;
	padding-top: 0pt;
	padding-bottom: 0pt;
}
#contact-text {
	visibility: visible;
	display: inline;
	padding-top: 2pt;
	padding-bottom: 2pt;
}
#gallery-title {
	font-size: 18pt;
}
}



#minimal-page-footer-container, #page-footer-container {
	//height:34px;
	width:100%;
	bottom:0px;
	left:0px;
	position: fixed;
	overflow: hidden;
	z-index: 10;
	//visibility: hidden;
}

#minimal-page-footer-shadow, #page-footer-shadow {
	height: 12px;
	margin: 0px;
	width: 100%;
	background-image: url(shadow/t.png);
	background-repeat: repeat-x;
}

#minimal-page-footer-content, #page-footer-content {
	background-color: #505050;
	height: 22px;
	overflow: hidden;
}

#page-footer-content {
	padding: 0px;
	margin: 0px;
	height: 36px;
}

#page-footer-content.dark {
	background-color: #303030;
}

.gallery_nav { text-align: center; color: #c0c0c0; font-size: 10pt; }
/*
.copyright a:hover { color: #ffffff; }
*/
.dark {
	color: #606060;
}
.copyright {
	text-align: center;
	xxxcolor: #202020;
	font-size: 10pt;
	color: #707070;
	font-size: 14pt;
	padding: 4px;
}

.horscroll { 
             overflow-x: scroll;
						 height: auto;
           }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #666666; background: #555555 url(images/ui-bg_glass_20_555555_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eeeeee; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover {
	border: 1px solid #a0a0a0; 
	background: #909090;
	color: #eeeeee;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { 
	border: 1px solid #ffaf0f; 
	background: #f58400; 
	color: #ffffff; 
}

.ui-widget-header {
	background-image: none;
	background-color: #303030;
}

.scroll-content-item {
	border-color: #303030;
}

.vertical-center-table {
	overflow: hidden;
	padding-top: 10px;
	padding-bottom: 10px;
}

.vertical-center-row {
}

.vertical-center-cell {
}

.vertical-center-item {
}

/* Landscape */
@media screen and (max-width: 1024px) and (max-height: 768px) {
//	body { background-color: black !important; }
}

@media screen and (max-width: 768px) and (max-height: 1024px) {
   /* Portrait styles here */
//	body { background-color: white !important; }
}



/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}