/* Content wrapper */

#content-container
{
	width: 800px;
}

/*
	Standard font family for site
*/

body, table, tr, td, a, p, h1, h2, h3, h4, h5
{
	font-family: arial, helvetica, sans-serif;
	text-align:left;
}



/*
	Standard paragraph style
*/

p
{
	color:#0B0048;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	margin: 5px 0 5px 0;
	padding: 0 0 0 0;
}


/*
	Style for standard links
*/

a:link
{
	color:#fff;
	text-decoration: none;
}





body {
	margin:0px;
	text-align:left;
	margin:0px;
	padding:0px;
	background-color:#020632;
	font-family: Arial, Helvetica, sans-serif;
	font-size:small;
	height: 60px;
	width: 100%;
	background-position: center center;
}

bodyvoices {
	margin:0px;
	text-align:center;
	margin:0px;
	padding:0px;
	background-color:#000000;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:small;
	height: 60px;
	width: 100%;
	background-position: center center;
}

* {margin:0; padding:0}
.menu {position:relative; background:url(images/bg.gif) no-repeat; height:35px; width:459px}
.menu ul {list-style:none; z-index:10; position:absolute; z-index:100; padding:9px 5px}
.menu li {float:left}
.menu a, .menu a:active, .menu a:visited {text-decoration:none; color:#FFF; padding:10px}
.menu a:hover {color:#ebf0e6}
#slide {position:absolute; bottom:0; height:4px; background:#89957a; z-index:10}





/* 
	BASIC LAYOUT 
*/


/* Outer Container for page */

#outer-container
{
	margin: 0 auto 0 auto;
 	padding: 0 0 0 0;
	width: 800px;
}


#pageouter {
	height: 100%;
	width: 770px;	
	width: 800px;
	}

/*
	Standard paragraph style
*/


#headerbottom{
	color: #020632;
	height: 1500px;
	}

.demos{
	height:10px;
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	text-align: left;
	background-position: center;
	float: left;
	vertical-align: middle;
}

#tignesfest{
	height: 302px;
	width: 730px;
	background-image: url(images/about-us-new.jpg);
	background-repeat: none;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}


#aboutus{
	height: 99px;
	width: 730px;
	background-image: url(images/about-us-new.jpg);
	background-repeat: none;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}

#headerbottomblack{
	color: #000000;
	height: 100%;
	background-color: #000000;
}

#headertop{
	height: 60px;
}

#headertop black{
	height: 60px;
	background-color: #000000;
}

#titlebar{
	width:770px;
	height: 60px;
}

	
#djs {
	height: 260px;
	width: 230px;	
	float: left;
	background-color: #77BDEE;
	padding:10px;
	margin-right:10px;
	margin-top: 10px;
	}	
	
	#djs2 {
	height: 260px;
	width: 230px;	
	float: left;
	background-color: #77BDEE;
	padding:10px;
	margin-top: 10px;

	}	

#intro {
	width:470px;
	height: 230px;
	float: left;
	background-color: #77BDEE;
	margin-right:10px;
	margin-top:10px;
	padding:20px;
	}
	
#contact {
	width: 210px;
	height: 250px;
	float: left;
	background-color: #77BDEE;
	padding-left:20px;
	padding-right:20px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top:10px;
	}

	
#pageouterblack {
	height: 100%;
	width: 770px;
	color: #000000;
	background-color: #000000;
	}
	
#eventpageouter {
	height: 100%;
	width: 596px;
		
	}
	
#eventtextbox{
	height: 100%;
	width: 650px;	
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
		}
	
	#eventmenu{
	height: 100%x;
	width: 150px;	
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	}
	
	
	
	#gallery{
	height: 100%;
	width: 620px;	
	float: left;
	padding-top: 10px;
	}
	
	#galleryleft{
	height: 100%;
	width: 310px;	
	float: left;
	padding-top: 10px;
	}
	
		#galleryright{
	height: 100%;
	width: 295px;	
	float: left;
	padding-left: 10px;
	padding-top: 10px;
	}
	
	#pic{
	position: relative;
	}
	
	#pics{
	position: absolute;
	left: -10px;
	top: 484px;
	float: left;
	z-index:1;
		}
	
	#eventtextbox2{
	height: 100%;
	width: 400px;	
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	}
	
.eventspic a:hover{ 
	background-color:#77bdee;
	colour:#77bdee
}
	
	#eventtext {
	height: 100%;
	width: 620px;	
	float: left;
	padding-bottom: 10px;
	top: 150px;
	left:50px;
}
	
	
	#photos {
	height: 358px;
	width:760px;	
	float: left;
	}
	
	.michaelbox {
	width: 150px;
	height: 150px;
	padding-top: 230px;
	padding-left:300px;
	position:absolute;
	left: 290px;
	top: 272px;
}
	
#newstext {
	height: 160px;
	width: 570px;	
	float: left;
	padding-left: 20px;
	}
	
#newspic{
	height: 150px;
	width: 160px;	
	float: left;
	padding-right: 20px;
	padding-top: 10px;
	}
	
#pageouter #left {
	float: left;
	height: 100%;
	width: 510px;
	margin-right:10px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}
	
	
#pageouter #eventleft {
	float: left;
	height: 100%;
	width: 450px;
	margin-right:10px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	
	}
#pageouter #left #formleft{
	float: left;
	height: 100%;
	width: 160px;
	margin-right:0px;
	margin-top: 30px;
	margin-bottom: 0px;
	margin-left: 0px;
	
		}
#pageouter #left #formouter{
	float: left;
	height: 100%;
	width: 770px;
	margin-right:0px;
	margin-top: 30px;
	margin-bottom: 0px;
	margin-left: 0px;
	
	}
	#pageouter #left #formright{
	float: left;
	height: 100%;
	width: 200px;
	text-align: left;
	margin-top: 30px;
}
#pageouter #right {
	float: left;
	height: 100%;
	width: 205px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	
	}
#pageouter #eventright {
	float: left;
	height: 100%;
	width: 265px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}

#box2 {
	margin-right:10px;
	margin-top:10px;
	float: left;
	width: 250px;
	height: 300px;
	background-color: #77BDEE;
}
#box3 {
	float: left;
	width: 250px;
	height: 300px;
	background-color: #77BDEE;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;

}

#box4 {
	float: left;
	width: 205px;
	height: 300px;
	background-color: #77BDEE;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;

}
#pageouter #left #djimage {
	height: 160px;
	width: 510px;
	color: #09043B;
	text-align: left;
	margin-top: 30px;
}

#eventbanner {
	height: 160px;
	width: 770px;
	color: #09043B;
	text-align: left;
	margin-top: 30px;
}

#pageouter #left #homepagetextbox {
	height: 60px;
	width: 230px;
	color: #09043B;
	text-align: left;
	margin-top: 0px;
	margin-left: 10px;
	margin-right: 10px;
	
	}
#pageouter #left #djprofilesleft {
	float: left;
	height: 100ex;
	width: 385px;
	margin-right:10px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	
		}
#pageouter #left #djprofilesright {
	float: left;
	height: 510px;
	width: 385px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;

	
}
#box1 {
	height: 100%;
	width: 480px;
	background-color: #77BDEE;
	color: #09043B;
	text-align: left;
	margin-top: 30px;
	padding: 15px;		
}
#pageouter #right #right1 {
	width: 100%;
	background-color: #77BDEE;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 15px;
	
	}
#pageouter #right #right1home {
	height: 360px;
	width: 100%;
	background-color: #77BDEE;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 15px;
	}
	
	#pageouter #right #filler {
	height: 30px;
	width: 100%;
	background-color: none;
		}
		
#pageouter #right #right1pink {
	width: 100%;
	background-color: #ED008C;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 15px;
	}
	
#pageouter #right #right1blue {
	height: 360px;
	width: 100%;
	background-color: #1E2467;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 15px;
	}
	
	#pageouter #right #right1red {
	height: 360px;
	width: 100%;
	background-color: #ea0437;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 15px;
	}
	
#pageouter #right #right2blue {
	width: 100%;
	background-color: #1E2467;
	text-align: left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 15px;
	
	}
#pageouter #right #right2bluehome {
	height: 130px;
	width: 100%;
	background-color: #77BDEE;
	text-align: left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 15px;
	
	}
#pageouter #right #right2pink {
	height: 160px;
	width: 100%;
	background-color: #ED008C;
	text-align: left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 15px;
}

#pageouter #right #right2 {
	width: 190px;
	background-color: #77BDEE;
	text-align: left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 15px;
	padding-right: 15px;
}

#pageouter #right #right2red {
	width: 190px;
	background-color: #ea0437;
	text-align: left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 15px;
	padding-right: 15px;
}
	
	.navlink:hover{
	color:#77BDEE}

	
	.navlinkpink:hover{
	color:#ED008C}

.eventlocation{
	color:#FFFFFF;
	text-align: left;
	margin-top: 30px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	text-decoration: none;
}
.eventdate{
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 13px;
	text-decoration: none;
	

}
.topnavigation{
	color: #FFFFFF;
	font-size:small;
	text-align: right;
}
#toplogo{
 	width:180px;
	float:left;

}
#topnav{
	width:585px;
	float:left;
	text-align:right;
	color: #FFFFFF;
	font-size:small;
	height: 15px;
	padding-top: 45px;
	padding-right: 5px;
}

#topnav a{
	color: #FFFFFF;
	text-decoration: none;
}

.navlink{
	margin-right:15px;
	text-align: right;
	color: #FFFFFF;
	font-size:small;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	
}
.navlinkpink{
	margin-right:15px;
	text-align: right;
	color: #FFFFFF;
	font-size:small;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;

}
#strapline{
	width:770px;
	text-align:left;	

}
.djlist{
	color:#0B0048;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 8px;
	text-decoration: none;	
	
}

#bluebox{
	background-color: #77bdee;
	width: 305px;
	height: 50px;
	float: left;
	margin: 20px;
	padding: 20px;
	}

.bodycopy{
	color:#0B0048;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	}
	
	.underline
{
	font-style: underline;
	}

	
	.bodycopyblack{
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	}
	
.djlist{
	color:#0B0048;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;	
	}
	
	.voiceslist{
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;	
	}
	
.bodycopywhite{
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	text-decoration: none;
	text-align: left;
		}
		
.firstline{
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	text-decoration: none;
		}
.bodycopypink{
	color:#ED008C;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	text-decoration: none;	
		}
.question {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ED008C;
	line-height: 15px;
	text-decoration: none;
	font-weight: lighter;
}
.headline{
	color:#ED008C;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 13px;
	text-decoration: none;
	
				}
.bodycopyblue{
	color:#77BDEE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	text-decoration: none;
	text-align: left;	
				}
.formcopyblue{
	color:#77BDEE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 19px;
	text-decoration: none;
	text-align: left;	
}

.djcopy{
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	text-align: left;
	font-weight: lighter;
	
}
.intro{
	color:#77BDEE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: left;
	font-weight: normal;
	text-decoration: none;
	line-height: 17px;
	letter-spacing: 0em;
}

.introdblue{
	color:#0B0048;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: left;
	font-weight: lighter;
	line-height: 17px;
	text-decoration: none;
}


.introdwhite{
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: left;
	font-weight: lighter;
	line-height: 17px;
	text-decoration: none;
}

.titles{
	color:#77BDEE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	font-weight: lighter;
	text-decoration: underline;
}


.intropink{
	color:#ff17a0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 17px;
	text-align: left;
	font-weight: normal;
	text-decoration: none;
}
.bodycopybold{
	color:#0B0048;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	text-decoration: none;
	
	}
.linkbold{
	color:#0B0048;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 13px;
	font-weight: bold;
	text-decoration: none;
	
}
.linkbold:hover{
	color:#0B0048;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 13px;
	font-weight: bold;
	text-decoration: underline;
	
}
.link{
	color:#0B0048;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	}

.linkblack{
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	}
	
.link:hover{
	color:#0B0048;
	text-decoration: underline;
	
}
.link2{
	color:#77BDEE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	text-decoration: none;
	
}
.linkpink{
	color:#ED008C;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	text-decoration: none; }
	
.thumbnails {
	list-style:none;
	padding-left: 1px;
	
}

.thumbnails li{
	display:block;
	float:left;
	margin-right:17px;
	margin-bottom:10px;
}

.gallerythumbnails li{
	display:block;
	float:left;
	padding-right:0px;
	margin-bottom:10px;
}

.gallerythumbnails a{
	display:block;
	padding:0px;
	text-decoration:none;
	color:#fff;
}

.thumbnails a{ 
	display:block;
	padding:4px;
	text-decoration:none;
	color:#fff;
}

.thumbnails a:hover{
	background-color:#77bdee;
	color: #0B0048;
}


.voices {
	list-style:none;
	padding-left: 1px;
	
}

.voices li{
	display:block;
	float:left;
	margin-right:17px;
	margin-bottom:10px;
}

.voices a{ 
	display:block;
	padding:4px;
	text-decoration:none;
	color:#fff;
}

.voices a:hover{ 
	background-color:#ea0437;
	colour:#ea0437
}

.voices span {
	display:block;
	text-align:center;
	line-height:15px;
}

.voices img{
	border:none;
	}
	
	

.thumbnails span {
	display:block;
	text-align:center;
	line-height:15px;
}

.thumbnails img{
	border:none;
	}

.bookingform {
	text-align:left;
	margin-top:10px;
}

.bookingform label { 
	width:160px;
	display:block; 
	float:left;
	color:white;
 }

.bookingform div {
	padding:3px;
	margin-bottom: 5px;
}


.enquiryform div {
	padding-bottom: 20px;
}


.enquiryform {
	text-align:left;
	margin-top:10px;
}

.enquiryform label { 
	width:150px;
	display:block; 
	float:left;
	color:white;
 }


#gallery-navigation{
	list-style:none;
	float:left;
	margin:5px 0 0 45px;

}

#gallery-navigation li{
	display:block;
	float:left;
	width:210px;
	
	}
#gallery-navigation li a{
	display:block;
	width:190px;
	padding:10px;
}

#gallery-navigation li a:hover{
	color:#77BDEE;
}



#gallery-photo{
	background:none;
	padding:5px 15px 15px 15px;
	margin:0 auto;
	width:617px;
	
}
#previous{
	text-align:left;
}

#next{
	text-align:right;

	}
	
	

/*
	Enquiry Form styling
*/

#formbox
{
	height: 180px;
 	width: 350px;
 	padding: 10px;
 	}

#formbox1
{
	width: 370px;
 	padding-right: 10px;
 	float: left;
}

#formbox2
{
	width: 800px;
 	float: left;
}


/*
	Footer styling
*/

#footer
{
 	height: 29px;
 	margin: 30px 0 0 0;
 	padding: 10px 0 0 0;
 	border-top: thin solid #fff;
}

#footer p
{
	font-size: 10px;
	color: #fff;
}


	
	
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../lightboximages/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../lightboximages/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }