@import url("reset.css");

/*
/		TYPOGRAPHY
/		all global typography styles
--------------------------------------------------------------------------------------------------------*/

body 				{ font-family: arial, verdana, sans-serif; font-size: 12px; line-height: 16px; color: #FFF; }
a 					{ color: #FFF; text-decoration: underline; }
a:hover 			{ color:#999; }
p 					{ margin-bottom: 15px; }
h2 				{ font-weight: normal; font-size: 35px; font-family: georgia; margin-bottom: 10px; line-height: 35px; }
strong 			{ font-weight: bold; }


img.FloatRight { float: right; margin: 0 0 10px 10px; }
img.FloatLeft { float: left; margin: 0 10px 10px 0; }
img.border { border: 3px solid #FFF; }

/*
/		NAVIGATION
--------------------------------------------------------------------------------------------------------*/

#MainNav {
	background: url('../images/BG_navtop.png') no-repeat;
	margin-left: 23px;
	padding-top: 71px;
	position: fixed;
	top: 119px;
	z-index: 3;
	}
#MainNav ul { background: url('../images/nav_bg.png') repeat-y; height: 380px; padding-top: 20px; }
#MainNav ul li	{ }
#MainNav ul li a {
	display: block;
	height: 36px;
	width: 202px;
	text-indent: -9999px;
	}
	#MainNav ul li.multimedia a,
	#MainNav ul li.blog a,
	#MainNav ul li.about a { height: 16px; margin-bottom: 6px; }
	#MainNav ul li.multimedia a { margin-top: 32px; }
		
	#MainNav ul li.livemusic a { background: url('../images/nav_livemusic.png') no-repeat; }
	#MainNav ul li.portraits a { background: url('../images/nav_portraits.png') no-repeat; }
	#MainNav ul li.weddings a { background: url('../images/nav_weddings.png') no-repeat; }
	#MainNav ul li.fineart a { background: url('../images/nav_fineart.png') no-repeat; }
	#MainNav ul li.multimedia a { background: url('../images/nav_multimedia.png') no-repeat; }
	#MainNav ul li.blog a { background: url('../images/nav_blog.png') no-repeat; }
	#MainNav ul li.about a { background: url('../images/nav_about.png') no-repeat; }
	

#MainNav ul li a:hover {	background-position: center left; }
#MainNav ul li a.active { background-position: bottom; }




/*
/		GLOBAL LAYOUT
--------------------------------------------------------------------------------------------------------*/

body { background: #201f1f url('../images/BG_body.png') fixed repeat-y; }

#top {
	background: url('../images/BG_top.png') repeat-x;
	height: 119px;
	position: fixed;
	top: 0;
	width: 100%;
	}

#top h1#logo a {
	background: url('../images/DAS_logo.png') no-repeat;
	display: block;
	width: 326px;
	height: 119px;
	text-indent: -9999px;
	float: left;
	}

#content-wrap {
	background: url('../images/BG_content.png') no-repeat;
	top: 180px;
	position: fixed !important;
	}
	#content-wrap .copy {
	position: fixed;
	left: 260px;
	width: 500px;
	}

#top a.contact {
	background: url('../images/contact_banner.png') no-repeat;
	display: block;
	text-indent: -9999px;
	width: 276px;
	height: 54px;
	float: right;
	margin-top: 32px;
	}
	#top a.contact:hover { background-position: bottom; }


#footer { 
	position: fixed; 
	right: 20px; 
	top: 610px; 
	color: #FFF;
	font-size: 11px;
	z-index: 4;
	}
	#footer a {
	font-size: 10px;
	color: #FFF;
	font-weight: bold;
	text-decoration: underline;
	margin: 0 5px;
	}
	
	
/*
/		PHOTO GALLERY
--------------------------------------------------------------------------------------------------------*/

ul.PhotoGallery {
	float: left;
	padding-left: 255px !important;
	}
	ul.PhotoGallery li img{
	border: 10px solid #FFF;
	}
	ul.PhotoGallery li { float: left; margin-right: 20px; }
	
	a.previous {
	background: url('../images/btn-back.png') no-repeat;
	text-indent: -9999px;
	height: 39px;
	width: 94px;
	position: fixed;
	top: 551px;
	right: 148px;
	z-index: 4;
	display: block;
	}
	
	a.next {
	background: url('../images/btn-next.png') no-repeat;
	text-indent: -9999px;
	height: 39px;
	width: 94px;
	position: fixed;
	top: 551px;
	right: 48px;
	z-index: 4;
	display: block;
	}
	
	a.next:hover, a.previous:hover {
	background-position: bottom;
	}