@charset "UTF-8";
/* CSS Document */
/* 
   GALLERY.CSS
   ---
   SZOLDIER CLOTHING
   ---
   DESIGN: SOBULEDESIGN.COM
   ---
   LOGISTICS: CRAZYHORSECODING.COM
*/
   

/* FRAMEWORK */

/* begin added by sean */ 
div#tmp_navi {
	width: 708px;
}

span#previousphoto {
	display: block;
	text-align: left;
	float: left;
}

span#nextphoto {
	display: block;
	text-align: right;
	float: right;
}
div.debug {
	width: 100%;
	font-size: 10px;
	font-family: "Verdana";
	background-color: gray;
	border: 1px solid yellow;
}

.photo_credit {
	padding-top: 8px;
	text-align: right;
	display: block;
	float: right;
	width: 100%;
	font-size: 11px;
	color: #808080;
}

/* end added by sean */

#gallery { 
	z-index: 5;
}


#image-area {
        z-index: 1;
        position: absolute;}

#image {
	width: 708px;
	height: 472px;
	float: left;
	z-index: 5;
	position: relative; 
	text-align: center;
}


#transparent_image {
	position: absolute;
	z-index: 6;
	left: 0px;
	top: 0px;
}

#thumbs {
	width: 110px;
	text-align: right;
	margin-left: 20px;
	float: left;
}

/* BEGIN :: added by sean for dev purposes. modify as desired */
#thumbs {
overflow: hidden;
height: 472px;
float: right;
padding: 0px;
margin: 0px;
}

#thumbs ul {
	padding: 0px;
	margin: 0px;
}

#thumbs ul li {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
	margin: 0px;
}

#thumbs ul li img {
	padding: 0px;
	margin: 0px;
	vertical-align: top;
}

#thumbs ul li a {
	padding: 0px;
	margin: 0px;
}

#thumbs ul li a img {
	padding: 0px;
	margin: 0px;
	}

/* END :: added by sean for dev purposes. modify as desired */


#description {
	padding-top: 20px;
}

#landing {
	height: 472px;
}

.landingThumb {
	float: left;
	width: 100px;
	padding-bottom: 15px;
}

/* STYLING */

#description h1 {
	font-size: 13px;
	color: #FFF;
	font-weight: normal;
	text-transform: uppercase;
}

#description p {
	font-size: 11px;
	color: #808080;
}

#landing a {
	color: #808080;
	text-decoration: none;
}

#landing a:hover {
	text-decoration: underline;
}

/* PREV AND NEXT STYLES */

.galleryArrow {
	width: 84px;
	height: 472px;
	z-index: 25;
	position: absolute;
	border-style: dotted;
	border-width: 0px;
}

.galleryArrow img {
	margin-top: 236px;
	border: 0px;
}

.galleryArrow img:hover, .galleryArrow a:hover {
	border: 0px;
}

.Prev {
	float: left;
	position: absolute;
	border-color: aqua;
}
.Next {
	right: 0px;
	float: right;
	border-color: red;
}

img, a img, img a, a:active {
	border: 0px !important;
}