html, body { margin:0; padding:0; }
body { text-align:center; background-color:#333; color:#bbb; font-size:75%;
	font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", 
	"Adobe Garamond Pro", Garamond, "Apple Garamond", "ITC Garamond Narrow", 
	"Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", 
	"Nimbus Roman No9 L", "New Century Schoolbook", 
	"Century Schoolbook", "Century Schoolbook L", Georgia, serif; }

a { color:#f70; text-decoration:none; outline:none; }
a:focus, a:hover, a:active { text-decoration:underline; outline:none; }

#gallery a.lowkey { text-decoration:none; outline:none; border:none; }
#gallery a.lowkey:focus, #gallery a.lowkey:hover, 
	#gallery a.lowkey:active { text-decoration:none; outline:none; border:none; }
a.lowkey img { border:none; }

p, li { line-height:1.8em; }
h1, h2 { font-family:Verdana, "Trebuchet MS", sans-serif; margin:0 0 10px 0; }
h1 { padding:0; font-size:3em; color:#333; }
h2 { float:left; padding-top:10px; margin-top:30px; margin-left:60px; font-size:2em; 
	color:#ccc; color:#b00; text-shadow:0px 2px 3px #753; }
pre { font-size:1.2em; line-height:1.2em; overflow-x:auto; }

div#page { width:990px; background-color:#333; margin:0 auto; text-align:left; }

div#container { padding:15px; overflow:hidden; }
div#footer { clear:both; color:#888; margin:0 auto; padding:20px 0 40px; 
	text-align:center; }

/* *** galleriffic-top-strip.css  *** */
div.content { display:none; clear:both; }
div.content a, div.navigation a { text-decoration:none; outline:none; }
div.content a:hover, div.content a:active { text-decoration:underline; }
div.navigation a.pageLink { height:77px; line-height:77px; }

div.controls { margin-top:5px; margin-bottom:16px; margin-left:140px; height:23px; }
div.controls a { padding:5px; outline:none; }
div.ss-controls { float:left; }
div.nav-controls { float:right; }

/* 510  Should be at least the width of the largest image in the slideshow with padding */
div.loader, div.slideshow a.advance-link { width:635px; }
div.slideshow-container { width:650px; }
/* This should be at least the height of the largest image in the slideshow with padding */
div.loader, div.slideshow a.advance-link { height:502px; }
div.caption-container { height:460px; }
div.slideshow-container { position:relative; clear:both; float:left; height:520px; }
div.loader { position:absolute; top:0; left:0; 
	background-image:url(../buttons/loaderWhite.gif);
	background-repeat:no-repeat; background-position:center; }
/* pushes the larger image up or down relative to the Play/Prev/Next links above. */
div.slideshow span.image-wrapper { display:block; position:absolute; top:50px; left:0; }
/* This should be at least the height of the largest image in the slideshow with padding */
div.slideshow a.advance-link { display:block; line-height:502px; text-align:center; }
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, 
	div.slideshow a.advance-link:visited { text-decoration:none; outline:none; }
div.slideshow a.advance-link:focus { outline:none; }
div.slideshow img { border-style:solid; border-width:1px; border-color:#333; }
div.caption-container { float:right; position:relative; margin-top:90px; color:#eee; }
span.image-caption { display:block; position:absolute; top:0; left:0; }
div.caption-container, span.image-caption { width:300px; }
div.caption { padding:0 12px; }
div.image-title { font-weight:bold; font-size:18px; margin-top:20px;
	text-shadow:2px 2px 2px rgba(201,189,127,0.50); text-shadow: 0px 2px 3px #a44; }
div.image-desc { font-size:14px; line-height:1.4em; padding-top:12px; }
div.download { margin-top:8px; margin-top:8px; }
div.photo-index { position:absolute; top:0; left:0; padding:0 12px; 
	color:#888; font-size:12px; }
div.navigation-container { float:left; position:relative; left:50%; }
div.navigation { float:left; position:relative; left:-50%; }

div.navigation a.pageLink { display:block; position:relative; float:left; margin:2px;
	width:16px; background-position:center center; background-repeat:no-repeat; }
div.navigation a.pageLink:focus { outline:none; }
div.navigation a.prev { background-image:url(../buttons/Red-Prev.jpg); margin-top:17px; }
div.navigation a.next { background-image:url(../buttons/Red-Next.jpg); margin-top:17px; }
ul.thumbs { position:relative; float:left; margin:0; padding:0; }
ul.thumbs li { float:left; padding:0; margin:2px; list-style:none; }
ul.thumbs li.selected a.thumb { background:#fff; }
a.thumb { padding:1px; display:block; }
a.thumb:focus { outline:none; }
ul.thumbs img { border:none; display:block; }

div.pagination { clear:both; position:relative; left:-50%; }
div.pagination a, div.pagination span.current, div.pagination span.ellipsis { position:relative; 
	display:block; float:left; margin-right:2px; padding:4px 7px 2px 7px; border:1px solid #ccc; }
div.pagination a:hover { text-decoration:none; outline:none; background-color:#111; }
div.pagination span.current { font-weight:bold; background-color:#fff; 
	border-color:#fff; color:#000; }
div.pagination span.ellipsis { border:none; padding:5px 0 3px 2px; }
div.gallery-gutter { clear:both; padding-bottom:20px; }


/*  ***  Copied from main stylesheet  *** */
.button {
	/*display:inline-block;*/
	outline:none; cursor:pointer; text-align:center; text-decoration:none;
	font-size:110%; font-weight:bold; padding:5px 10px; margin:2px 10px;
	text-shadow:2px 2px 3px rgba(0,0,0,0.60);
	-webkit-border-radius:.5em; -moz-border-radius:.5em; border-radius:.5em;
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2); -moz-box-shadow:0 1px 2px rgba(0,0,0,.2);
	box-shadow:0 1px 2px rgba(0,0,0,.2);
}
.button:hover { text-decoration:none; outline:none; }
.button:active { position:relative; top:1px; }

#return-button { float:right; margin-right:20px; margin-top:40px; 
	width:90px; font-size:110%; outline:none; }

.red {
	color:#fef4e9;
	border:solid 1px #772222;
	background-color:#900;
	background:-webkit-gradient(linear, left top, left bottom, from(#900), to(#400));
	background:-moz-linear-gradient(top,  #900,  #400);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#900', endColorstr='#400');
}
.red:hover {
	background-color:#f47c20;
	background:-webkit-gradient(linear, left top, left bottom, from(#a22), to(#c84));
	background:-moz-linear-gradient(top,  #a22,  #c84);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a22', endColorstr='#c84');
}
.red:active {
	color:#fcd3a5;
	background-color:#700;
	background:-webkit-gradient(linear, left top, left bottom, from(#900), to(#400));
	background:-moz-linear-gradient(top,  #900,  #400);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#900', endColorstr='#400');
}

.orange {
	color:#fef4e9;
	border:solid 1px #da7c0c;
	background-color:#f78d1d;
	background:-webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background:-moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
	background-color:#f47c20;
	background:-webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background:-moz-linear-gradient(top,  #f88e11,  #f06015);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color:#fcd3a5;
	background:-webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background:-moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

/* *************************************** */
/* *** Mega-Dropdown Menus *** */
/* *************************************** */
.megamenu { position:absolute; display:none; left:0; top:0; padding:10px;
	background:#F0FFF9; border:1px solid #900; border-width:2px;
	font:bold 12px; z-index:100; 
	
	/*-webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;*/
	
	-moz-border-radius-topleft:20px; -khtml-border-radius-topleft:20px;
	-webkit-border-top-left-radius:20px; border-top-left-radius:20px;
	
	-moz-border-radius-bottomright:20px; -khtml-border-radius-bottomright:20px; 
	-webkit-border-bottom-right-radius:20px; border-bottom-right-radius:20px;
 
	-moz-border-radius-bottomleft:20px; -khtml-border-radius-bottomleft:20px;
	-webkit-border-bottom-left-radius:20px; border-bottom-left-radius:20px;
	
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2); -moz-box-shadow:0 1px 2px rgba(0,0,0,.2);
	box-shadow:0 1px 2px rgba(0,0,0,.2);
	}
	
	
/* this sets width of columns */
.megamenu .column { float:left; margin-right:5px; width:190px; }
.megamenu .column ul { margin:0 0 8px 0; padding:0; list-style-type:none; }
.megamenu .column ul li { padding:2px; text-align:left; 
	border-bottom:1px dotted #900; }
.megamenu .column h3 { margin:0 0 5px 0; padding:4px 0; font-size:14px;
	background-color:#600; color:#ffeeee;
		-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
.megamenu .column ul li a { text-decoration:none; outline:none; padding:1px 4px; 
	display:block; font-size:12px !important; font-weight:bold; }
.megamenu .column ul li a:hover { background-color:#333; color:#fee; }
