/* Author: Janot Laval Ontwerp Copyright 2009 */

/* Style reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/* End style reset */

strong {font-weight: bold;}
em {font-style: italic;}
.clear {clear: both;}
.hidden {display: none;}

#img_gallery {margin: 20px auto; width: 662px;}
#img_gallery a {outline:none; border:none;}
#img_gallery a img {border:none;}

/* --- IMAGE STAGE */
#fullimg {
	width: 662px;
	height: 480px;
	margin-bottom: 15px;
	overflow:hidden;
	text-align: center;
}
#fullimg img {
	padding: 5px;
	margin: 0;
	border: 1px solid #CCCCCC;
}
#fullimg p, #fullimg span {
	position:absolute;
	background:black;
	opacity:.5;
	color:white;
	margin:0px;
	width:500px;
	padding:6px;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/* --- SLIDER --- */
#img_gallery #wrapper {
	overflow: hidden;
	padding: 4px 2px;
	width: 626px;
	float: left;
	height: 52px;
	background-color: #ffffff;
	position: relative;

}

#items {
	margin:0px 0px;
	padding:0px;
	list-style:none;
	width:50000px;
	position: relative;
	letter-spacing:0em;
}
#items li {
	float: left;
	list-style: none;
	margin-right: 2px;
}
#items .thumb {
	height:50px;
	cursor:pointer;
	margin: 0;
	padding: 2px;
}
ul#items li a img {
	border: 1px solid #CCCCCC;
}
ul#items li a:hover img {
	border: 1px solid #666666;
}
#items .large {
	display:none;
	position:absolute;
}
#fullimg .loading {
	width: 32px;
	height: 32px;
	border: none;
}
#fullimg .thumb {display:none;}

#items .item  p, #items .item  span {
	display:none;
	text-indent: -2000em;
}
#moveleft, #moveright {
	margin:0px;
	height:58px;
	color: white;
	width: 16px;
	text-indent: -2000em;
	text-decoration: none;
	z-index: 1000; 
	display:block;
	cursor: pointer;
	float:left;
}
#moveleft {background: url('../img/interface/left.gif');}
#moveright {background: url('../img/interface/right.gif');}
#moveleft:hover, #moveright:hover {background-position:bottom;}