@charset "UTF-8";
/* CSS Document */
body,html, figure
{
	background-image:url(../images/20121019-_DSC4873_2550.jpg);
	
	font-family: Tahoma, Geneva, sans-serif;
	margin: 0;
	padding: 0;
	background-image: 100%;
	background-repeat:no-repeat;
	Background-color: black;
	
}
a{color:white;}
a:hover{color:red;}
a:visited{color:white;}
#container
{
		width: 960px;
		margin:0 auto;
		margin-top: 0;	
		margin-left: 50px;			
		Float: left;
		color: white;
				
}
#header
{
	width: 960px;
	height: 224px;
	border: 1px;
	
	padding: 0;
	background-image:url(../graphics/locky_banner_960px.png);
	position: relative;
	
	

}
h1
{
	color: #FFD6AD;
	text-align: left;
	
}
h2
{
	color: #FFD6AD;
	font-size: 1.5em;	
}
h3
{
	color: #FFD6AD;	
}
nav 
{
		
		width: 960px;
		height: 30px;
		padding: 0;
		margin: 0;
		
		color: white;
		
}
nav ul
{
	float:right;
	list-style-type: none;
	margin: 0;
	padding:0;
}
nav ul li 
{
	float: right;
	display: block;
	height: 30px;
	margin: 0 10px;
	font-family: Tahoma, Geneva, sans-serif;
	text-align: center;
	line-height: 30px;
	
}
nav ul li a
{
	color: white;	
}
nav ul li a:hover
{
	color: red;	
}
#content
{
	width: 960px;
	min-height: 1000px;
	Margin: auto;
}
#leftColBox
{
	width: 400px;
	min-height: 800px;
	margin: 50px 10px 10px 30px;
	padding: 10px 10px 10px 0px;
	float: left;
	font-size: 1em;
	
		
}
#rightColbox
{
	Width: 450px;
	min-height: 800px;
	margin: 100px 30px 10px 0;
	padding: 10px 10px 10px 0;
	float: right;
	
	
	
}
.clear
	{
		clear:both;
	}

#boxMedia
{
	width: 450px;
	height: 250px;
	color: white;
	margin: 20px 225px 0 25px;			
}
#boxNews
{
	width:	450px;
	min-height: 400px;	
	margin-top: 10px;
	margin-left: 25px;
	float:left;
}

}
#boxDivinyl
{
	width: 200px;
	height: 80px;
	float: right;
	Margin-top: 75px;
	margin-right: 20px;	
}
.boxLeft
{
	width: 320px;
	min-height: 600px;		
	color: white;
}
.boxRight
{
	width: 640px;
	min-height: 600px;
	color: white;
}
#footerbar
{
	width: 100%;
	height: 30px;
	
	margin: 0;
	padding: 0;
	clear:both;
	float: left;

	}
	#footer
{
	width: 960px;
	height: 126px;
	
	margin: auto;
	float: left;
	}


#footerBoxGowan
{
	width:	143px;
	height: 90px;	
	background-image:url(../graphics/logo_strings_vine_gold_sm.jpg);
	margin: 0;
	float:left;
		
}
#footerBoxText
{
	width:	200px;
	height: 126px;	
	margin: 0;
	float:left;
}
	.leftColBoxImg
	{
		width: 90px;
		height: 135px;
		float: left;
		margin: 10px;
		background-color: grey;
	}
	.leftColBoxText
	{
		width: 120px;
		height: 135px;
		Float: right;
		margin: 10px 0 10px 10px;
		background-color: grey;
		
	}
#slideshow
    {
    	width: 520px;
		height: 295px;
		background-color: Black;
		margin: auto;
		border: 2px solid white;
		box-shadow: 0px 10px 20px rgba(0,0,0,0.5);
		overflow: hidden;
    
    }
	#slide1, #slide2, #slide3, #slide4
	{
		width: 560px;
		height: 315px;
		opacity: 0;
		transition: all 1s;
		-webkit-transition: all 1s;
		-moz-transition: all 1s;
		-o-transition: all 1s;
	}
	#slide1
	{
		
		background-image:url(Images/slide1.jpg);
	}
	#slide2
	{
		
		background-image:url(Images/slide2.jpg);
	}
	#slide3
	{
		
		background-image: url(Images/slide3.jpg);
	}
	#slide4
	{
		
		background-image: url(Images/slide4.jpg);
	}
	#slide1:target, #slide2:target, #slide3:target, #slide4:target
	{
		opacity: 1;
		
	}
	
#slidenav
	{
		list-style-type: none;
		margin: 0;
		padding: 0;	
		display: block;
		width: 180px;
		margin: auto;
		
	}
	#slidenav li 
	{
		
		display: block;
		float: left;
		
	}
		
	#slidenav li a 
	{
		display:block;
		width: 25px;
		height: 25px;
		margin: 10px;
		background-color: #666;
		text-indent: -9999px;
		border-radius: 12.5px;
		transition: all 0.5s;
		-web-kit: all 0.5s;
		-moz-transition: all 0.5s;
		-o-transition: all 0.5s
		}
	#slidenav li a:hover
	{
		box-shadow: 0 0 10px rgba(0,0,0,.5);	
		background-color: #FF0000;
	}
#boxGallery
{
	
	width: 560px;
	min-height:380px;
	padding: 20px 0 20px 0;
	margin: 10px;
	
}
.PhotoBox
{
	width: 140px;
	Height: 100px;	
	float: left;
	background-color: black;
	margin: 20px;	
}
.PhotoBoxImg
{
	
	margin: 0;
	margin-bottom: 0px;	
	
	
}
	
	#leftCol
	{
	width: 240px;
	height: 800px;
	margin: 30px 10px 10px 30px;
	padding: 10px 10px 10px 0px;
	float: left;
	font-size: 1em;
	}
	#rightCol
	{
		Width: 600px;
		height: 800px;
		margin: 30px 30px 10px 0;
		padding: 10px 10px 10px 0;
		float: right;
		background-image:url(Images/inxs_background.fw.png);
	}
	
	#BookingForm
	{
		width: 300px;	
		margin: auto;
		
	}
	
	#BookingForm input[type='text'], #BookingForm textarea
	{
		width: 300px;	
		margin-bottom: 10px;	
	}
	
	#BookingForm p
	{
		margin: 0px;	
		
	}
	#BookingForm input[type='submit']
	{
		float: right;	
	}
	
	#BookingForm label
	{
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;	
		
	}