/*
	NeonSky Manage Styles
*/


@import url("bootstrap.min.css");
@import url("bootstrap-responsive.min.css");

body{
	background: url('../images/background.png') center top;
	color: #000;
}

a, a:hover {
	color:#000;
}

.row{
	margin: 0 auto;
	width: 757px;
	min-height: 590px;
	position: relative;	
}

.banner-content h1{
	display: none;
}

.banner-photo{
	position: absolute;
	display: block;
	left:0;
	right: auto;
	margin: 0;
	background: url('../images/studio_austin_photography.png') no-repeat 0 top;
	color: #000;
	width: 356px;
	height: 423px;
	z-index: 100;
}

a.banner-photo:hover {
	background: url('../images/studio_austin_photography.png') no-repeat -356px top;
}

.banner-gold{
	position: absolute;
	left:0;
	right: 0;
	margin: 0 auto;
	background: url('../images/middle.png') no-repeat 0 top;
	color: #000;
	height: 572px;
	width: 356px;
}
.banner-gold h2 a{
	display: block;
	width: 356px;
	height: 51px;
	/* border: 1px dashed black; */
	text-indent: -100%;
	overflow: hidden;
}

.banner-gold h2.name-kelly a{
	margin: 415px 0 0 0;
	background: url('../images/studio_austin_names_kelly.png') no-repeat 0 top;
}

.banner-gold h2.name-kelly a:hover{
	background: url('../images/studio_austin_names_kelly.png') no-repeat -356px top;
}
.banner-gold h2.name-todd a{
	margin: 18px 0 0 0;
	background: url('../images/studio_austin_names_todd.png') no-repeat 0 top;
}
.banner-gold h2.name-todd a:hover{
	background: url('../images/studio_austin_names_todd.png') no-repeat -356px top;
}

.banner-wedding{
	position: absolute;
	display: block;
	left:auto;
	right: 0;
	margin: 0;
	background: url('../images/studio_austin_wedding.png') no-repeat 0 top;
	color: #000;
	width:356px;
	height: 423px;
	z-index: 100;
}

a.banner-wedding:hover {
	background: url('../images/studio_austin_wedding.png') no-repeat -356px  top;
}

footer{
	position: absolute;
	top: auto;
	bottom: 10px;
	left: 0;
	right: 0;
	margin: 10px auto;
	text-align: center;
	font-family: Futura, sans-serif;
	font-size: 1em;
}

/*
responsive
*/
/* Landscape phones and down */
@media (max-width: 520px) {
	body{
		padding:0;
	}
	.banner-gold{
		left:0;
		right:0;
		margin: 0 auto;
		z-index: 50;
	}
	
	.banner-wedding{
		top:480px;
		left:0;
		right:0;
		margin: 0 auto;
		z-index: 5;
	}
	
	.banner-photo{
		top:-50px;
		left:0;
		right:0;
		margin: 0 auto;
	}
	.row{
		width: 100%;
	}
	footer{
		position: relative;
		top: 0;
		margin-top: 380px;
	}
}