/* Main CSS file */

body, html {
	margin:0px;
	padding:0px;
	height:100%; width:100%;
}

img { border:0; }
form { border-width:0px; background-color:transparent; margin:0; padding:0; }

body, div, input, td, h1, h2, h3, h4, fieldset, li
{
	font-family:Garamond, Times New Roman, serif;
	color:#999;
}

body {
	background-color:#000;
	font-size:13px;
}

h1 { font-size:15px; color:#fff; margin:0; font-weight:normal; font-variant:small-caps; text-align:center; }
h2 { font-size:14px; color:#fff; margin:0; font-weight:normal; font-variant:small-caps; text-align:center; }

p { padding:0; margin:0; }

a { color:#aaa; text-decoration:none; }
a:hover { color:#fff; }

.page { width:100%; height:100%; }

/* centered holding page logo */
body.splash { background:#B2B0A9; }
body.splash a { color:#666; }
body.splash a:hover { color:#333; }
.page_center {
	position:absolute; left:50%; top:50%;
	height:100px; width:500px;
	margin-left:-250px; margin-top:-40px;
	text-align:center;
}

.page_center h1 {
	font-weight:bold; color:#000;
	font-size:20px;	font-variant:small-caps;
}

/* layout table */
table.two_column { border-collapse:collapse; width:100%; height:100%; }
table.two_column td { padding:0; vertical-align:top; height:100%; }
table td.menu_cell { width:220px; }

/* galleries view */
.title { padding:20px; }
.content { width:100%; height:100%; }
.menu { }
.menu ul {
	padding-left:0;  margin-left:0;
	list-style-type:none;
}
.menu li { padding-left:0; text-align:center; }
.menu li a { font-variant: small-caps; }
.menu li.divider { margin:10px 40px 0 40px; padding-bottom:10px; border-top:1px solid #333; }
.menu li.divider hr { display:none; }
.menu li a.selected { color:#ead289; }

.main_content { height:100%; }

.image_full { 
	padding:0 0 0 0;
	height:100%;
	
}
.image_full table { width:100%; height:100%; border-collapse:collapse; }
.image_full table td.image { 
	background:transparent url('loader.gif') scroll center center no-repeat; 
	vertical-align:middle; text-align:center; padding:0;
}
.image_full table td.image_thumbnails { vertical-align:middle; text-align:center; padding:0; }

.image_thumbnails {
}

.image_thumbnails table { border-collapse:collapse; }


td.thumbnail { vertical-align:middle; text-align:center; height:120px; }

td.thumbnail img { }
td.thumbnail img { opacity:0.75; }
td.thumbnail img.selected { opacity:1; }

.page_content { }
.page_text { padding:20px; margin:0 auto; width:600px; }
.page_image { padding:20px 20px 0 20px; text-align:center; }

div.gallery_divider { margin:10px auto 0 auto; padding-bottom:10px; width:540px; border-top:0px solid #333; }
div.gallery_divider hr { display:none; }

/******************************************************************/
/********************** jCarousel options *************************/
/******************************************************************/


/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
    margin:0 auto;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

/* jCarousel skin */
.jcarousel-skin-tango .jcarousel-container {
    
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 640px;
    padding: 5px 0 20px 0;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  540px;
    height: 75px;
    margin-left:50px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 75px;
    height: 75px;
}
.jcarousel-skin-tango .jcarousel-item table, .jcarousel-skin-tango .jcarousel-item td {
	width:100%; height:75px; vertical-align:middle; text-align:center;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 33px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url('carousel/next-horizontal.png') no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -596px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 33px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url('carousel/prev-horizontal.png') no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -596px 0;
}