/* @override http://localhost:8888/CSS/gallery.css */

@charset "UTF-8";

/* CSS Document */
/*------------------------------------------------------------------ 
[Master Stylesheet] 
 
Project:    Justin Moreland's personal portfolio 
Version:    1.1 
Last change:    12/09/2009 [Created new Slide navigator] 
Assigned to:    Justin Moreland 
Primary use:    jwmoreland.net 
-------------------------------------------------------------------*/  
 
/*------------------------------------------------------------------ 
[Table of contents] 
 
1. Gallery Text
2. Slideshow pain / #slideContainer
3. Slide Navigation / .divSlideNav
 
-------------------------------------------------------------------*/

/*------------------------------------------------------------------ 
[1. Gallery Text ] 
*/  

#content #gallery {
	margin-top: 20px; /* makes the top higher than the rest of the site */
}
#gallery .divDesignDescription {
	width: 540px;
	padding-top: 10px;
}
#gallery .divDesignDescription h2 {
	margin-bottom: 10px;
}
#gallery .divDesignDescription p {
	line-height: 20px;
}


#gallery h2 {
	font-family: "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #333333;
	margin-top:15px;
	padding-bottom: 0px;
}#gallery p {
	font-family: "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #777777;
	margin-bottom: 10px;
}
#gallery p a {
	color: #777777;
	text-decoration: none;
	padding: 0 1px 0 1px;
}
#gallery p a:hover {
	background: #777777;
	color: #FFFFFF;
}

#gallery .divDesignDescription {
	margin-top: 25px;
}

/*------------------------------------------------------------------ 
[2. Slideshow Pane ] 
*/  

#gallery #slideContainer {
	background-color: #FFFFFF;
	margin-top: 17px;
	height: 464px;
	width: 700px;
	overflow-x: hidden;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
	position:relative;
}
#photography #gallery #slideContainer { height: 536px;}
#gallery #shifter {
	left: 0;
	position: relative;
	width: 30000px;
}
#gallery #slideContainer .pane {
	float: left;
	height: 464px;
	width: 700px;
	border: none;
	overflow: hidden;
}
#photography #gallery #slideContainer .pane { height: 536px; }

#gallery .pane {
	text-align: center;
	cursor:pointer;
}
/*#gallery .filmstrip {
	height: 40px;
	width: 700px;
	margin-top: 13px;
	margin-bottom: 25px;
}
#gallery .filmstrip a, #gallery .filmstrip li img {
	float:left;
	display: block;
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
	cursor: pointer;
}
#gallery .filmstrip .leftArrow, #gallery .filmstrip .rightArrow { height: 40px; }
#gallery .filmstrip li {
	float: left;
	padding-right: 10px;
	padding-left: 10px;
}
#photography #gallery .filmstrip li { padding: 0 2px 0 3px; } 
#gallery .filmstrip a:hover, #gallery .filmstrip li img:hover, #gallery .filmstrip li.active img {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}
#photography #gallery .thumbnails { padding-top: 12px; }

#gallery .thumbnails .active img {
	border: 2px solid #3c3033;
	margin: -2px;
}*/
#gallery #shifter .pane img {
	margin-top: 14px;
	margin-left: 14px;
}

#gallery .filmstrip .leftArrow {
	background-image: url(/portfolio/images/btn_leftArrow.gif);
	background-repeat: no-repeat;
	background-position: 12px 9px;
	width: 36px;
	cursor: pointer;
}

#gallery .filmstrip .rightArrow {
	background-image: url(/portfolio/images/btn_rightArrow.gif);
	background-repeat: no-repeat;
	background-position: 5px 9px;
	width: 36px;
}
#portfolioPromos {
	margin: 30px 0 40px 0;
}
#portfolioPromos #aWebDesign { float:left; }
#portfolioPromos #aPrintDesign {
	margin-left: 27px;
	float:left;
}
#portfolioPromos #aPhotography {
	display:block;
	margin-top: 25px;
}

/*------------------------------------------------------------------ 
[3. Slide Navigation / .divSlideNav ] 
*/  

.divSlideNav {
	float: right;
	height: 31px;
	display:block;
}
#gallery .divSlideNav li { display:-moz-inline-box;/*FF2 hack*/ display: inline-block; float:left; margin: 0; padding: 0; }
	.localNav li > * { display:table; table-layout:fixed; overflow:hidden; }

#gallery .divSlideNav li {
	width: 13px; height: 31px;
	line-height: 31px;
	display:-moz-inline-box; /* Firefox 2- hack */
	display:inline-block;	
	background-image: url(/portfolio/images/btn_SlideDot.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0; padding: 0;
	cursor: pointer;
}
#gallery .divSlideNav li.active { background-position: center -31px; }

#gallery .divSlideNav .slideArrowL { float: left; margin-right: 20px; }
#gallery .divSlideNav .slideArrowL a:link, #gallery .divSlideNav .slideArrowL a:visited {
	background-image: url(/portfolio/images/btn_SlideArrow_L.jpg);
	height: 31px;
	width: 32px;
	display: block;
}
#gallery .divSlideNav .slideArrowR { 	
	float: left;
	margin-left: 20px;
 }
#gallery .divSlideNav .slideArrowR a:link, #gallery .divSlideNav .slideArrowR a:visited {
	background-image: url(/portfolio/images/btn_SlideArrow_R.jpg);
	height: 31px;
	width: 32px;
	display: inline-block;
}
#gallery .divSlideNav .slideArrowL a:hover, #gallery .divSlideNav .slideArrowL a:focus, #gallery .divSlideNav .slideArrowR a:hover, #gallery .divSlideNav .slideArrowR a:focus {
	background-position: left -31px;
}
#gallery .divSlideNav .slideArrowL a:active, #gallery .divSlideNav .slideArrowR a:active {
	background-position: left -62px;
}


#gallery .divSlideNav ul {
	float: left;
}
.galleryTitle {
	float: left;
	width: 687px;
}
.galleryTitle h2 {float: left;}