* {
    margin:0;
    padding:0;    
}

body {    
    font-family: "Myriad Pro", "Trebuchet MS", Verdana, Arial, sans-serif;
    background-color: #FFFFFF;
    background-repeat: repeat-x;
    background-position: left top;    
    overflow: hidden;
    font-size: 16px;
    padding: 0;
    min-width: 1024px;      /* 2x LC width + RC width */
	min-height: 768px;
	letter-spacing: 0.06em;
}


h1 {
    margin: 0;
    font-size: 2em;
}

h3 {
    font-style: italic;
    font-weight: inherit;
    font-size: 18px;
}

ul {
    list-style: none;
}

a {
    color: #000000;
    cursor: pointer;
    outline: none;
    text-decoration: none;
}

a:hover {
    color: #727272;
    cursor: pointer;
    text-decoration: none;
}

a.selected {
    text-decoration: underline;    
}

a.active {
    /*color: #cc0099;*/
	font-weight: bold;
}

#content {
    /*padding-left: 220px;
    padding-right: 30%;
    clear: both; */
}

#content .column {
    position: relative;
    float: left;
    border: 1px solid red;
}

#content ul {
    margin-bottom: 8px;
}

#content li {
    margin: 2px;
    padding: 0;
}

#content li img:hover {
    cursor: pointer;
    opacity: 0.3; filter:alpha(opacity=30);
}

#fullviewcontent {
    padding-left: 220px;   /* LC width */
    padding-right: 15%;  /* RC width */
    clear: both;
}

#fullviewcontent .column {
    position: relative;
    float: left;
}

#wrapper {
    width: 100%;
    padding: 1em 1.5em 0.5em;
    /*border: 1px solid red;*/
}

#bottom-wrapper {
    clear: both;
}

#fullviewheader {
	display: none;
	position: absolute;
    top: 1.1em;
    left: 1.6em;    
    z-index: 500;
}

#fullviewheader img {
    border: none;
}

#header {
    width: 100%;          /* LC width */
    right: 220px;          /* LC width */
    margin-left: -100%;
    /*background-color:red;*/
    height: 100%;
    
}
#header img {
	border: none;
}

#headerwide {
    width: 100%;
    height: 40px;
	margin: 2px 0 0 2px;
    /*background-color: purple;*/
}
#headerwide img {
	border:none;
}

#headerimg img {
	border: none;	
}

#gallerycontainer {
    width: 90%;
    /*background-color:green;*/
}

div.menu-wrapper {    
    float: left;
    height: 93px;
    font-style: italic;    
}

#subcollections {
    /*font-style: italic;*/
}

#menu {
    /*border: 1px solid red;*/
    height: 145px;
    font-size: 11px;
    font-family: Georgia, "Myriad Pro", "Trebuchet MS", Verdana, Arial, sans-serif;
    padding: 0 2.5em 30px;
}

#menu ul {
    font-weight: bold;
    margin-bottom: 0;
}

#menu ul li {
    font-weight: normal;	    	
}
#menu ul li a {
	display: inline;
}	
#menu div#categories ul li {
	padding-right: 40px;
}
#menu div#collections ul li {
	padding-right: 20px;
}

#footer {
    padding: 4px 0;
	margin: 0 12px;
    font-size: 11px;
    width: auto;
    height: 15px;
    border: solid #666666;
	border-width: 1px 0;
    font-family: Georgia, "Myriad Pro", "Trebuchet MS", Verdana, Arial, sans-serif;
    position: relative;
}

#footer span.left {
    display: inline;
    float:left;
    width: 55%;    
    font-style: italic;
    padding: 0 0 0 1.5em;
	font-size: 11px;
}

#footer span.right {
    display: inline;
    float:right;
    width: 35%;
    text-align: right;
    font-size: 11px;
    padding: 0 1.5em 0 0;
}

#footer ul li {
    display: inline;
}

#images {
    margin: 0;
    height: 100%;
    width: 100%;
    margin: 45px 0 14px;
	position: relative;
}

#images img {
    height: 100%;
    padding: 2px 0 6px;
	border: solid #999999;
	border-width: 1px 0;
	position: absolute;
	right: 0;
	top: 0;	
}

#strip-wrapper {
    height: 55px;
    /*border: 1px solid #ccc;*/
    margin-bottom: 8px;
	width: 6000px;
}
#strip-wrapper ul {
	width: 6000px;
	overflow: hidden;	
}
#strip-wrapper li {
    display: inline;
    margin: 0;
}

#strip-wrapper a img {
	border: none;
	margin: 0;
	width: 75px;
	height: 50px;	
}
#strip-wrapper a:hover img {
    opacity:0.3; filter:alpha(opacity=30);
    cursor: pointer;
}
#strip-wrapper a.activeSlide img {
	border: 1px solid #000000;
	opacity:0.3; filter:alpha(opacity=30);
}	
#collectionoverview {
    height: 100%;
    overflow: hidden;
}

#collectionoverview ul {
	margin-bottom: 6px;
}	

#collectionoverview li {
    margin: 0;
    display: inline;
}

#collectionoverview li a img {
    border: none;
	margin: 0 2px 0 0;
}

#collectionoverview li a:hover img {
    opacity:0.3; filter:alpha(opacity=30);    
}

#scroll-wrapper {
    /*background-color: red;*/
	border: 1px solid #000;
	border-width: 1px 0;
	padding-bottom: 1.2em;
	margin-right: 2.5em;
}

td {
    border: 0;
}


/*------- infoLayer */
.infoLayer {
    color: #FFF;
    background: #000000;
    opacity:0.8; filter:alpha(opacity=80);
    z-index: 2000;
    height: 220px;
    position: absolute;
    bottom: 24px;
	_bottom: 22px;
    left: 0px;
    width: 97.65%;
	_width: 100%;	
    padding: 30px 0px 0 30px;	
    display: none;
	font-size: 12px;		
}
.infoTable {
	color: #FFF;
	font-size: 12px;
}
.contactTable {
	color: #FFF;
	font-size: 12px;
}
.infoLayer h2 {
	font-weight: normal;		
}
.infoLayer h3 {
	font-weight: normal;
	font-size: 14px;		
}
.infoLayer a {
	color: #CCC;
}	
.infoLayer div.infoContent {
	height: 190px;
	display: block;
	margin-right: 20px;		
}
.infoLayer img {
	border: none;
}		
.closeButton {
	margin-left: 50px;
}
/*------- end infoLayer */

.hide {
    display: none;
}

#rightmargin {
    width: 30%;          /* RC width */
    margin-right: -30%;  /* RC width */
	margin-top: 45px;
    /*background-color:blue;*/
    height: 100%;
	
}

#fullscreen-wrapper img {
    border: none;
}

#imgWrapper img {
	
}
#imag {
	padding: 2px 0 6px;
	border: solid #999999;
	border-width: 1px 0;
}	

.fullview {
    text-align: center;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    left: 15%;
}

.fullview img {
    height: 95%;
    margin: 1em auto;
    border: 1px solid #ccc;

}

#fullviewnav {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 130px;
    background: #000000;
    opacity:0.9; filter:alpha(opacity=90);
    text-align: center;
    color: white;
    font-size: 0.8em;
    z-index: 10;
}

#fullviewnav #nav {
    margin: 4px 0;
}

#fullviewnav a {
    color: white;
}

#fullviewnav a:hover {
    color: #999999;            
}

#navthumbs {
    width: 90%;
    overflow: hidden;
    height: 100px;
    text-align: center;
    margin: 10px auto;
}

#navthumbs li {
    display: inline;
    margin: 2px;
}

#navthumbs a {
    padding: 0;
    color: #000; 
}

#navthumbs a:hover {
    color: #000;
}

#navthumbs a.activeSlide {
    opacity:0.3; filter:alpha(opacity=30);
    color: #cc0099;
}

#navthumbs img {
    
}

.loading {
	background-image: url('/images/loader.gif');
	background-repeat: no-repeat;
	background-position: center center;
}


/*------- jScrollPane */
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
    margin-top: 10px;
    font-family: Georgia, "Myriad Pro", "Trebuchet MS", Verdana, Arial, sans-serif;
}
.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0px;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #727272;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: -1;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background: url("/images/Pil_Upp.png") no-repeat;
	height: 4px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}
a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: -1;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background: url("/images/Pil_Ner.png") no-repeat;
	height: 4px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

/* SlideViewer Pro */

.svwp {width: 50px; height: 20px; background: #fff;} /*preloader stuff. do not modify!*/ 
.svwp ul{position: relative; left: -999em;}/*preloader stuff. do not modify!*/ 
.slideViewer { /*this is the gallery container*/ 
position: relative; 
overflow: hidden;  
margin: 0; 
padding: 0; 
background: #fff; 
} 
.slideViewer ul {  /*this is your list of images*/ 
position: relative; 
left: 0; 
top: 0; 
width: 1%; 
list-style-type: none; 
margin: 0;  
padding: 0; 
} 
.slideViewer ul li { /*each LI item is floated; the whole list is now displayed as if its in one row*/ 
float:left; 
} 
 
/*typographic info*/ 
.slideViewer span.typo{  
padding: 6px; /* do not modify padding (yet)*/ 
background: #fff; 
color: #000; 
font: normal 10px Verdana; 
} 
 
.thumbSlider { /*the thumbnails slider contanier*/ 
overflow: hidden; 
width: 1%; 
background: #fff; 
} 
.thumbSlider ul { /*the thumbnails list of images*/ 
list-style-type: none; 
margin: 0;  
padding: 0; 
} 
.thumbSlider ul li{  
float:left; 
margin: 0; 
} 
.thumbSlider a{ /*the link wrapped around each thumbnail. dynamically.*/ 
color: #fff; 
text-decoration: none; 
} 
.thumbSlider a img{ 
border: 0; 
display: block; 
padding: 0; 
} 
.thumbSlider p.tmbrdr { /* the border above -not around- each thumb */ 
/* width, height and top values are dynamically added by the script. Do not modify. */ 
position:relative;  
left: 0; 
font-size: 0.01em; 
left: 0; 
margin: 0; 
padding: 0; 
} 
 
a.left, a.right { /*the left and right buttons (links)*/ 
background: transparent; /* could be any color  */ 
color: #ff0000; 
font: bold 16px Arial; 
overflow: hidden; 
} 
a.left span, a.right span{ 
 
} 
a.left img, a.right img{ 
border: 0; 
} 
a.l_dis, a.r_dis { 
background: transparent; /* ALWAYS leave transparent. this is the 'disabled' state of the link !  */ 
cursor: default; 
} 
a.l_dis span, a.r_dis span { 
display: none; 
} 
a:focus {outline:none;}