/*##########################
	Table of Contents
	@1.	Reset
	@2. Powered by Code
	@3. Photo Captain Zoom
	@4. Colorbox code
	@5. Nav Code
Colors:
##########################*/

/*#############
	@1. Reset
#############*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, img, strong
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
body	{font-size:1em;}
h2		{ font-size:2em; }
ul	 			{ margin:0; }
html			{ overflow:scroll;}
body			{ line-height:1; }
body			{ background:#001A33; color:#FFF; }
#container		{ margin:0 25px;}
#container		{ width:95%; margin:0 auto;}
legend			{ text-align:right; }
fieldset		{ color:#09F; border:1px solid #CCC; -moz-border-radius:10px; -webkit-border-radius:10px;}
h1				{ font-size:3em; font-weight:normal; text-align:center; }
a				{ color:#FF99FF; text-decoration:none;}
a:hover			{ color:#FFFFCC; }
#footer			{ font-size:12px; color:#999; margin:20px; text-align:center; padding-top:10px; height:50px;}
.center			{ text-align:center; }
.clear			{ clear:both; }
.floatRight		{ float:right; }
.floatLeft		{ float:left; }
.floatCenter	{ margin:0 auto; }
/*#############
	@2. Powered by code
#############*/
ul#power					{ list-style-type:none; display:inline-block; }
ul#power li					{ padding:5px; float:left; }
ul#power li a				{ display:block; color:#000; text-indent:-9000px;}
#power li a.picasa			{ background:url(/img/power.png) no-repeat -146px -81px; width:40px; height:44px; }
#power li a.picasa:hover	{ background-position:-146px -128px; }
#power li a.jquery			{ background:url(/img/power.png) no-repeat -51px -84px; width:50px; height:44px; }
#power li a.jquery:hover	{ background-position:-51px -128px; }
#power li a.squeeze			{ background:url(/img/power.png) no-repeat -51px -84px; width:50px; height:44px; }
#power li a.squeeze:hover	{ background-position:-51px -128px; }
#power li a.cobra			{ background:url(/img/power.png) no-repeat -197px -81px; width:40px; height:44px; }
#power li a.cobra:hover		{ background-position:-197px -128px; }
#power li a.photoZoom			{ background:url(/img/power.png) no-repeat -240px -81px; width:47px; height:44px; }
#power li a.photoZoom:hover		{ background-position:-240px -128px; }
.shareIt						{ border:2px solid #26a9e0; background:#a2fff6; margin-left:50px; padding:5px; position:absolute; z-index:1000; width:90px; color:#666; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.hidden							{ display:none; }
#power li a:hover .shareIt		{ display:block; text-indent:0; }


/*#############
	@3. Photo Caption Zoom
#############
/* Photo-Caption PZ3 CSS v080630 
* copyright: http://randsco.com/copyright 
* www.randsco.com 
*/
.PZ3-l 		{ float:left; margin:7px; }
.PZ3-r 		{ float:right; margin-left:10px; direction:rtl; }
.PZ3zoom 	{ border:5px double #369; -webkit-border-radius:7px; -moz-border-radius:7px; }
.PZ3zoom a,.PZ3zoom a:visited 
{
	display:block;
	padding:0; 
	overflow:hidden; 
	text-decoration:none;
	height:100%; width:100%;
}
html>/**/body .PZ3-r a { right:0; }
.PZ3zoom a:hover 
{
	position:absolute;
	margin:-15px;
	z-index:999; 
	background:none;
	cursor:default;
	height:auto; width:auto;
	overflow:visible;
}
.PZ3zoom a img 			{ border:0; height:100%; width:100%; }
.PZ3zoom a:hover img 	{ height:auto; width:auto; border:0; }

.noZoom	a:hover img		{ height:135px;	}
a:hover .PZ3cap, a:hover .PZ31cap 
{
	max-width:175px;
	display:block;
	direction:ltr;
	padding:3px;
	margin:-2px auto;
	font:10pt verdana,sans-serif;
	text-align:left;
	color:#fff;
	background:#369;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
}
a:hover .PZ3cap 		{ padding:3px 5px; }
.PZ3inr 				{ display:block; padding:2px 5px; }
.noCap a:hover .PZ3cap,
.noCap a:hover .PZ31cap { display:none; }
.noBdr,.noBdr a:hover 	{ border:0; }
.Lnk a:hover 			{ cursor:pointer; }

/*#############
	@4. Colorbox
#############*/
#colorbox, #cboxOverlay, #cboxWrapper	{ position:absolute; top:0; left:0; z-index:7999; overflow:hidden; }
#cboxOverlay				{ position:fixed; width:100%; height:100%; }
#cboxMiddleLeft, #cboxBottomLeft		{ clear:left; }
#cboxContent				{ position:relative; overflow:visible; }
#cboxLoadedContent			{ overflow:auto; }
#cboxLoadedContent iframe	{ display:block; width:100%; height:100%; border:0; }
#cboxTitle					{ margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic	{ position:absolute; top:0; left:0; width:100%; }
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow	{ cursor:pointer; }
#cboxOverlay				{ background-color:#000; }
#colorbox{}
	#cboxTopLeft		{ width:21px; height:21px; background:url(/img/colorbox/borderTopLeft.png) 0 0 no-repeat; }
	#cboxTopCenter		{ height:21px; background:url(/img/colorbox/borderTopCenter.png) 0 0 repeat-x; }
	#cboxTopRight		{ width:21px; height:21px; background:url(/img/colorbox/borderTopRight.png) 0 0 no-repeat; }
	#cboxBottomLeft		{ width:21px; height:21px; background:url(/img/colorbox/borderBottomLeft.png) 0 0 no-repeat; }
	#cboxBottomCenter	{ height:21px; background:url(/img/colorbox/borderBottomCenter.png) 0 0 repeat-x; }
	#cboxBottomRight	{ width:21px; height:21px; background:url(/img/colorbox/borderBottomRight.png) 0 0 no-repeat; }
	#cboxMiddleLeft		{ width:21px; background:url(/img/colorbox/borderMiddleLeft.png) 0 0 repeat-y; }
	#cboxMiddleRight	{ width:21px; background:url(/img/colorbox/borderMiddleRight.png) 0 0 repeat-y; }
	#cboxContent		{ background:#fff; }
		#cboxLoadedContent	{ margin-bottom:28px; margin-top:20px; }
                #cboxTitle	{ position:absolute; top:-10px; left:0; color:#005EBD; font-size:24px; margin:2px; text-align:center; }
                #cboxCurrent	{ position:absolute; bottom:3px; left:58px; color:#949494;}
                #cboxSlideshow	{ position:absolute; bottom:3px; right:30px; color:#0092ef;}
                #cboxPrevious	{ position:absolute; bottom:0; left:0px; background:url(/img/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
                #cboxPrevious.hover	{ background-position:-25px -25px;}
                #cboxNext			{ position:absolute; bottom:0; left:27px; background:url(/img/colorbox/controls.png) 0px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
                #cboxNext.hover		{ background-position:0px -25px;}
		#cboxLoadingOverlay			{ background:url(/img/colorbox/colorbox/loading_background.png) center center no-repeat;}
                #cboxLoadingGraphic	{ background:url(/img/colorbox/colorbox/loading.gif) center center no-repeat;}
		#cboxClose					{ position:absolute; top:-10px; right:0; background:url(/img/colorbox/close.png) top center no-repeat; width:47px; height:24px; text-indent:-9999px;} 
		#cboxClose.hover			{ background-position:bottom center;}

/*#############
	@5. Nav Code
#############*/

#navBox
{
	font-family:Verdana, Geneva, sans-serif;
	margin-left:-152px;
	margin-top:45px;
	padding-left:5px;
	position:fixed;
	float:left;
	width:147px;
	border-radius:20px;
	border-top-right-radius:0;
	border-bottom-right-radius:0;
	-moz-border-radius-topright:0;
	-moz-border-radius-bottomright:0;
	background-color:#7bb2d1; }
#nav li		{ list-style-type:none; margin-left:-25px; padding:2px; }
#navBox .boxSides, #navBox .box	{ border-right:none; width:135px;  }
#nav a			{ color:#FFF; padding:2px;}
#nav a:hover		{ border:none; background:none; color:#fca751; }
#nav li ul		{ display:none; border:none; list-style:inside circle; margin-left:13px; width:250px; }
#nav li ul li		{ list-style-type:circle; }
.more			{ list-style-image:url(/img/arrow3L.png); }
.more:hover		{ list-style-image:url(/img/arrow3D.png); }
.more ul  		{ margin-left:30px; padding:0; list-style-image:none; list-style:outside square; }
.more ul li 		{ list-style-type:square; }
#nav li.more ul#pics 	{ display:block; }
#container		{ width:80%; margin:0 150px; padding:10px; padding-bottom:265px; position:relative; }

/*#############
	@5. Grand Canyon Code
#############*/
#GCnav		{ text-align:center; margin:0 auto; }
#GCnav li	{ list-style-type:none; float:left; margin:5px; }

#lodge	{ background:url(/photos/Grand%20Canyon/pan/image/Lodge.jpg) repeat-x top left; height:300px; }
#rt66	{ background:url(/photos/Grand%20Canyon/pan/image/rt-66.jpg) repeat-x top left; height:300px; }
#rrc	{ background:url(/photos/Grand%20Canyon/pan/image/RRC-1-blue.jpg) repeat-x top left; height:350px; }
#fire	{ background:url(/photos/Grand%20Canyon/pan/image/Fire-Lookout-Tower.jpg) repeat-x top left; height:300px; }
#yavapiSS	{ background:url(/photos/Grand%20Canyon/pan/image/yavapi-pt-sunset.jpg) repeat-x top left; height:300px; }
#matherTall	{ background:url(/photos/Grand%20Canyon/pan/image/mathers-pt-Tall.jpg) repeat-y top left; width:500px; height:500px; }
#hoover		{ background:url(/photos/Grand%20Canyon/pan/image/Hoover-Dam.jpg) repeat-x top left; height:500px; }
#mather		{ background:url(/photos/Grand%20Canyon/pan/image/mathers-point.jpg) repeat-x top left; height:500px; }
.overlay	{color:#000; }
.overlay h2	{ text-indent:10px; }
.hidden	{ display:none; }
fieldset h2	{ color:#FFF; cursor:pointer; }
.pan	{ margin:5px; padding-top:15px; padding-bottom:5px; }
.panCtrl		{ position:relative; display:none; }
.sUp, .sLeft, .sDown, .sRight, .sPause	{ height:25px; width:25px; text-indent:-9000px; cursor:pointer; display:inline-block; }
.sRight			{ background:url(/img/scrollCtr2a.png) no-repeat top left; position:absolute; left:150px; top:15px; }
.sRight:hover	{ background-position:0 -25px; }
.sLeft			{ background:url(/img/scrollCtr2a.png) no-repeat -25px 0; position:absolute; left:25px; top:15px; }
.sLeft:hover	{ background-position:-25px -25px; }
.sUp			{ background:url(/img/scrollCtr2a.png) no-repeat -50px 0; position:absolute; left:25px; top:15px; }
.sUp:hover		{ background-position:-50px -25px; }
.sDown			{ background:url(/img/scrollCtr2a.png) no-repeat -75px 0; position:absolute; left:150px; top:15px; }
.sDown:hover	{ background-position:-75px -25px; }
.sPause			{ background:url(/img/scrollCtr2a.png) no-repeat -100px 0; position:absolute; left:85px; top:15px; }
.sPause:hover	{ background-position:-100px -25px; }