@charset "UTF-8";
/* CSS Document */
/*##################################################
##### © 2009 All Right Reserved. Created by ########
##### Mike Aguilar, Graphic Lingoes. This   ########
##### style sheet may not be copied, re-    ########
##### produced or re-sold without written   ########
##### consent from Mike Aguilar. It may be  ########
##### used as a learning tool and re-built  ########
##### in a different way other than copying ########
##### and pasting it into another file.     ########
####################################################
##################################################*/

.leftSecondary {
	float: left;
	width: 315px;
}

.centerSecondary {
	float:left;
	padding: 0px 30px 0px 0px;
	width: 315px;
	min-height: 425px;
	font-size: 12px;
	
}

#photoThumbs img {
	border: 3px solid #fff;	
}

.centerSecondary img {
	border: none;	
}

.rightSecondary {
	float: left;
	width: 182px;
}

.leftSecondary a:link {
	text-decoration: none;
}

.leftSecondary a:hover {
	text-decoration: underline;
}

.leftSecondaryPhotos {
	float: left;
	width: 230px;	
}

.rightSecondaryPhotos {
	float: left;
	padding-left: 24px;
	width: 626px;
}

.centerSecondary a:link {
	text-decoration: none;
}

.centerSecondary a:hover {
	text-decoration: underline;
}


.container {
	float: left;
	width: 	580px;
	margin-left: 30px;
}
/* Slider CSS from http://www.jqueryfordesigners.com */
/* slider specific CSS */
.sliderGallery {
	overflow: hidden;
	position: relative;
	padding: 10px;
	height: 300px;
	width: 560px;
}

.sliderGalleryImg {
	border: 9px solid #fff;
}
        
.sliderGallery ul {
	position: absolute;
	list-style: none;
	white-space: nowrap;
	padding: 0;
	margin: 0;
}
        
/*.sliderGallery ul li {
	display: -moz-inline-stack;
	display:inline-block;
	zoom: 1;
	*display: inline;
}
*/
.teaserImg {
	border: 5px solid #fff;
}

/*Gallery Name Widgets */
.galleryBoxA {
	float: left;
	margin-left: -18px;
	width: 131px;
}

.galleryBoxB {
	float: left;
	margin: 15px 0px 0px 12px;
	width: 200px;
}

.galleryBoxC {
	float: left;
	margin-top: 23px;
	margin-left: 66px;
	width: 75px;
}

/* Modal Window Styles
/* modal window css and tutorial provided by http://www.queness.com/post/77/simple-jquery-modal-window-tutorial */
#lightBoxFooter {
	position: relative;
	float: left;
	margin: 0px 0px 0px 0px;
	padding-top: 6px;
	height: 36px;
	background-color: #FFFFFF;
	color:#333333;
}

.boxNumbers {
	float: left;
	margin-top: 10px;
	width: 275px;
}

.boxNextPrev {
	float: left;
	width: 200px;
}

.boxClose {
	float: right;
	width: 71px;
	margin-right: 12px;
}

#nextMask {
	display:block;
	float: right;
	position: absolute;
	text-align:right;
}

#previousMask {
	display:block;
	float:left;
	position: absolute;
}

#mask {
	position: absolute;
	z-index: 9001;
	background-color: #000;
	display: none;
}
/*#boxes .window {
	position: absolute;
	width: 350px;
	height: 600px;
	background: #FFFFFF url(../images/gallery/logoPhotos.jpg) no-repeat center center;
	display: none;
	z-index: 9999;
	padding: 0px;
	border: 12px solid #fff;
	font-size: 11px;
}
*/
#boxes a:link {
	color: #850400;
	text-decoration: underline;
}

#boxes a:visited {
	color: #850400;
	text-decoration: underline;
}

#boxes a:hover {
	color: #850400;
	text-decoration: none;
}

#boxes a:active {
	color: #850400;
	text-decoration: underline;
}

#boxes #dialog {
	position: absolute;
	width: 350px;
	height: 600px;
	background: #FFFFFF url(../images/gallery/logoPhotos.jpg) no-repeat center center;
	display: none;
	z-index: 9999;
	padding: 0px;
	border: 12px solid #fff;
	font-size: 11px;
	color: #850400;
}