@charset "utf-8";

/*UNIVERSAL STYLES*/
body p {color:#999}
body a:hover {color:#666633; text-decoration:underline}

body{padding:20px;text-align:center;background:#000;color:#bba;font:12px arial, helvetica, san-serif;}
#wrapper {width:600px; margin:0 auto; padding:0}
#wrapper_forGallery {width:600px; margin:0 auto; padding:0px}

#navHolder { position:relative; width:600px; height:32px; margin:0 auto 10px; padding:0; z-index:2}
#navigation {position:absolute; top:0px; left:0px; display:block; width:600px; height:26px; margin:0 auto; padding:0px; background:url(/images/af_nav.jpg) no-repeat }
	#navigation li {float:left; list-style-type:none}
	#navigation li a.navlinks {height:26px; display:block; position:absolute; top:0; text-indent:-9999px; outline:none } 
		#navigation li ul {position:relative; background:none; height:auto; display:none; margin:0; font-size:13px; font-family:helvetica, arial, lucida, sans-serif}
		#navigation li:hover ul {display:block; position:absolute; width:180px; height:auto; left:175px; top:25px; z-index:2; background:url(/images/darkgrayDot.png) repeat; padding:10px}
		#navigation li:hover ul li {background:none; width:175px; height:auto; margin-bottom:5px; padding:5px 3px; text-align:left}

li#abigail a, li#portfolios a, li#about a, li#contact a, li#events a, li#links a{background:url(/images/af_nav.jpg) no-repeat}

	li#abigail a {background-position:0px 0px; width:150px; left:0}
	li#abigail a:hover {background-position:0px -24px}
	
	li#portfolios a{background-position:-176px 0px; width:70px; left:176px}
	li#portfolios a:hover{background-position:-176px -24px}
	
	li#about a{background-position:-261px 0px; width:54px; left:261px}
	li#about a:hover{background-position:-261px -24px}
	
	li#contact a{background-position:-342px 0px; width:63px; left:342px}
	li#contact a:hover{background-position:-342px -24px}
	
	li#events a{background-position:-433px 0px; width:106px; left:433px}
	li#events a:hover{background-position:-433px -24px}
	
	li#links a{background-position:-567px 0px; width:34px; left:567px}
	li#links a:hover{background-position:-567px -24px}

.prevGal {display:none; width: 101px; height: 80px; position: absolute; text-align: center; z-index: 3; border:solid 1px #000}

li portfolios a {background:none; background-image:none}
#navigation li ul li a.navsublinks {text-decoration:none; background:none; background-image:none}
li a.navsublinks:hover, em a:hover {color:#666633}

#newsEvents {width:600px; position:relative; margin:0 auto}
.list {margin:0; padding:0; list-style:none}

/*HOMEPAGE SLIDESHOW*/
#slideshow {border:none}

/*ABOUT PAGE*/
#about {float:left; display:block; width:340px; margin:20px auto 0; text-align:left}
#other {float:right; display:block; width:225px; margin:20px auto 0; text-align:left}
#copyright {display:block; margin-top:20px; font-family: arial, helvetica, sans-serif; font-size:11px; color:#333}
h1, h2, h3 {font-family: arial, helvetica, sans-serif;}

/*NEWS PAGE*/
.event {position:relative; width:600px; margin:0 0 5px 0; padding:0; text-align:left}
.event p {text-align:left}
.event h3 {padding:0 0 5px; text-align:left; text-transform:uppercase}

/*CONTACTS PAGE*/
#contact {text-align:left}
#contact p {font-size:17px; line-height:30px}

form { }
input {background:#fff; color: #333; font-family:helvetica, arial, sans-serif; margin-bottom:20px; padding:3px; font-size:13px; height:18px; border:none; background:#cccc66 }

/*LINKS PAGE*/
.links {display:block; float:left; height:auto; width:600px; margin:0 0 10px 0; padding:0; list-style:none; list-style-type:none; text-align:left; font-size:13px}
.links li {float:left; display:block; width:auto; margin:0; padding:5px 5px}

/* BEGIN DEMO STYLE */
	*{margin:0;padding:0}
	a{color:#cccc66;text-decoration:none;outline:none;}
	a:hover, a:focus, a:active{color:#666633; outline:none}
	.demo{width:600px; position:relative; margin:1em auto 0; text-align:center}
	.demo ul{display:block; position:relative; width:600px; margin:0 auto}
	.gallery_demo{margin:0 auto;}
	.gallery_demo li{width:80px; height:80px; margin:0 4px; background:#000}
	.gallery_demo li div{}
	span.caption{display:block; margin-top:10px; font-size:11px; font-family:arial, helvetica, sans-serif}
	.gallery_demo_unstyled gallery_demo galleria {width:600px; height:auto}
	
	#main_image{ margin:0 auto; padding:0; height:435px; min-height:435px; width:600px; z-index:1}
	
	.nav{display:block; width:200px; margin:0 auto; padding:10px 0; clear:both }
	p.nav a {font-family: helvetica, arial, sans-serif; font-size:12px; color:#cccc66}
	p.nav a:hover {color: #666633}
	
	.info{text-align:left; width:600px; margin:10px auto 0; border-top:1px dotted #221; padding-top:15px}
	
.galleria{list-style:none; width:200px}
.galleria li{display:block ;width:55px; height:55px; overflow:hidden; float:left; margin:0 5px 5px 0}
.galleria li a{display:none}
.galleria li div{position:absolute; display:none; top:0; left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */

.galleryName {font-size:18px; color:#cccc66; letter-spacing:1px; margin:0 0 10px 0; padding:0; text-align:left; text-transform:lowercase; font-weight:100}
.seriesInfo { font-size:15px; color:#cccc66; letter-spacing:1px}