@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - PARACHUTE HOME
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		para_home.css
	Date:			April 13, 2011
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	
/*	--------------------------------------------------------------------------------------------------------------------------
	active nav style
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	html {
		
	}
	ul#navBar li.home a {
		background-position:0 bottom !important;
	}
	#topBar {
		position:relative; z-index:20;
	}
	#headerMain {
		width:100%; height:120px; margin:0; padding:0 0 1px 0; background:url(../../images/dotted_line.png) 0 bottom repeat-x;	position:relative; z-index:10;
	}
		#headerMain .bg {
			width:100%; background:url(../../images/bg.png) 0 0 repeat;		
		}
			#headerMain .bg .nav {
				margin:25px 35px 0 0;	
			}
			#headerMain .album {
				margin:26px 0 0 0;	
			}
	#footer {
		width:100%; height:80px; padding:1px 0 0 0;; position:fixed; bottom:0px; z-index:5;
	}
		#footer .bg {
			width:100%; height:80px; padding:15px 0; background:url(../../images/bg.png) 0 0 repeat;	
		}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	contentSpace styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	#contentSpace {
		width:100%; height:100%; padding:0; position:relative; z-index:1;
		background:#000;
	}	
	#contentSpace #images {
		width:100%; height:100%;
	}
		#contentSpace #images img {
			width:100%;	height:auto;
		}
	#contentSpace .flickrNav {
		width:100%; position:absolute; z-index:10; top:55px;
	}
		#contentSpace a#prev {
			background:url(../../images/photo_prev.png) 0 0 no-repeat; float:left; margin:0 0 0 50px;
		}
			#contentSpace a#prev:hover {
				background-position:0 bottom;	
			}
		#contentSpace a#next {
			background:url(../../images/photo_next.png) 0 0 no-repeat; float:right; margin:0 50px 0 0;
		}
			#contentSpace a#next:hover {
				background-position:0 bottom;	
			}
		#contentSpace a {
			width:64px; height:64px; display:block; 
		}
	#contentSpace #images img.preloader {
		width:45px; height:45px; top:200px; left:50%; position:absolute;
	}
	#content {
		background:#000;
	}