/*  
JAVASCRIPT IMAGE GALLERY W/ mootools
Description: STYLE SHEET FOR IMAGE GALLERY
Version: 1.0
Author: Devin Ross
Author URI: http://tutorialdog.com
*/

body {
	font-family:Arial, Helvetica, sans-serif;
	color:#685E49;
	line-height:135%;
	text-align:center;
	background-color:#000000;
	font-size:13px;
	margin:20px 0px 20px 0px;
}

a, a:link, a:visited {
	color:#6B210F;
	text-decoration:underline;
}

a:hover {
	color:#695D4B;
	text-decoration:none;
}

#img_gallery {
	width:500px;
	margin:0px auto 0px auto;
}

#img_gallery a {
	outline-style:none;
	outline-width:initial;
	outline-color:#000000;
	border-width:initial;
	border-top-color:#000000;
	border-right-color:#000000;
	border-bottom-color:#000000;
	border-left-color:#000000;
	border-style:none;
}

#img_gallery a img {
	border-width:initial;
	border-top-color:#000000;
	border-right-color:#000000;
	border-bottom-color:#000000;
	border-left-color:#000000;
	border-style:none;
}

/* --- IMAGE STAGE */

#fullimg {
	overflow:hidden;
	height:450px;
}

#fullimg img {
}

#fullimg p, #fullimg span {
	position:absolute;
	background-image:initial;
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:initial initial;
	background-position-x:initial;
	background-position-y:initial;
	background-origin:initial;
	background-clip:initial;
	background-color:#000000;
	opacity:0.5;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	margin:0;
	padding:6px;
}

/* --- SLIDER --- */

#img_gallery #wrapper {
	overflow:hidden;
	width:468px;
	float:left;
	height:91px;
	background-color:#B1AA9A;
	position:relative;
	padding:4px 2px 4px 2px;
}

#items {
	list-style-type:none;
	list-style-position:initial;
	list-style-image:initial;
	width:50000px;
	position:relative;
	letter-spacing:0em;
	margin:0;
	padding:0;
}

#items li {
	float:left;
	list-style-type:none;
	list-style-position:initial;
	list-style-image:initial;
	margin-right:2px;
}

#items .thumb {
	width:80px;
	height:80px;
	cursor:pointer;
	margin:0;
	padding:7px;
}

#items .large {
	display:none;
	position:absolute;
}

#fullimg .loading {
	width:24px;
	height:24px;
}

#fullimg .thumb {
	display:none;
}

#items .item p, #items .item span {
	display:none;
	text-indent:-2000em;
}

#moveleft, #moveright {
	height:99px;
	color:#FFFFFF;
	width:14px;
	text-indent:-2000em;
	text-decoration:none;
	z-index:1000;
	display:block;
	cursor:pointer;
	float:left;
	margin:0;
}

#moveleft {
	background-image:url(images/left.gif);
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:initial initial;
	background-position-x:initial;
	background-position-y:initial;
	background-origin:initial;
	background-clip:initial;
	background-color:#000000;
}

#moveright {
	background-image:url(images/right.gif);
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:initial initial;
	background-position-x:initial;
	background-position-y:initial;
	background-origin:initial;
	background-clip:initial;
	background-color:#000000;
}

#moveleft:hover, #moveright:hover {
	background-position:50% 100%;
	background-position-x:50%;
	background-position-y:100%;
}


