html, body
{
    height: 80%;
    width:auto;
    padding: 0px;
    margin: 0px;
}



/* CODE FOR THE BACKGROUND IMAGE DIV */



 #background
{
position: absolute;
top: 50%;
left: 50%;
width: 963.9px;
height: 642.6px;
margin-left: -481.5px;
margin-top: -321.3px;

}

/* CODE FOR THE BACKGROUND IMAGE POSITION */

.image
{
position:absolute;
width: 963.9px;
height: 642.6px;
}

#fullpageimage
{
    position: relative;
}


/* CODE FOR THE TEXT BAR DIV*/

#textbar 
{
    background-color: #ffffff;
    /*  opacity:0.6;
  	filter:alpha(opacity=60); */
	position: absolute;
	width:963.9px;
	height:70px;
    margin-top:573px;
}


/* CODE FOR THE LINKS FORMAT */

p 
{
	text-align: center;
	font-family:Arial;
	font-size:24px;
	vertical-align: middle;
	line-height: 11px;
	font-weight: lighter;
}

a 
{
	text-decoration:none;
	color:#87add8;
}

a:hover
{
	text-decoration:none;
	color:#ff3399;
}

a:active 
{
	text-decoration:none;
	color:#ff3399;
}


/* - - - - -  PAGE SPECIFIC CSS - - - - - */

/* - - - HOMEPAGE - - - */

/* CODE FOR "THE PIN" DIV */

#ThePin 
{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1071px;
	height: 714px;
	margin-left: -535.5px;
	margin-top: -371.25px;
}

/* CODE FOR "THE PIN" TITLE TEXT */

#ThePinText 
{
	text-align: center;
	font-family:Arial;
	font-size:76.95px;
	vertical-align: middle;
	line-height: 450px;
	font-weight: lighter;
	color:#ff3399;
}

/* - - - ABOUTPAGE - - - */

/* DIV CODE FOR FIRST LINE */
#Line1
{
	position: absolute;
	top: 96.5%;
	left: 97%;
	width: 444.375px;
	height: 63px;
	margin-left: -481.5px;
	margin-top: -321.3px;
}

/* CODE FOR FIRST LINE TEXT */

#AlexandBen
{
	text-align:left;
	font-family: Arial;
	font-size:20.8125px;
	color:#ff3399;
	font-weight:100;
    line-height:24.75px;
}

/* CODE FOR NAME-HH LINKS */

.names 
{
    text-decoration:underline;
	color:#ff3399;
}

.names:hover
{
	text-decoration:underline;
	font-weight:bold;
}

.names:active 
{
	text-decoration:none;
	font-weight:bold;
}
/* DIV CODE FOR ENSUING TEXT */

#Blurb
{
	position: absolute;
	top: 108%;
	left: 109.5%;
	width: 337.5px;
	height: 225px;
	margin-left: -481.5px;
	margin-top: -321.3px;
}

/* ENSUING TEXT */

.blurbs
{
	text-align:left;
	font-family: Arial;
	font-size:14.4px;
	color:#ff3399;
	font-weight:lighter;
	word-wrap:normal;
	line-height:19.125px;
}

/*------- PRESSPAGE --------*/

/* Code for the image of Alex and Ben */

#presspageimage
{
	position: absolute;
	width: 428px;
	height: 642.6px;
	margin-left: 479px;
}

/* Code for the position of the Press quotes */

#PressText
{
	position: absolute;
	width: 414px;
	height: 579.6px;
	margin-left: 57px;
}
/* Text-format of the publication text*/  

.presstype
{
    text-align:left;
	font-family:Arial;
	font-size:14.5px;
	font-weight:bold;
	line-height:16.2px;
	color:#ff3399;
	margin-bottom:7.2px;
}

/* Text-format of the quotes */



.quote
{
	text-align:left;
	font-family:Arial;
	font-size:13.5px;
	font-weight:lighter;
	line-height:16.2px;
	color:#87add8;
	margin-bottom:7.2px;
}
	
/* Text-format of the publication text*/    

.pub
{
	text-align:left;
	font-family:Arial;
	font-size:11.7px;
	font-weight:bold;
	line-height:0px;
	color:#87add8;
	margin-top:2.7px;
	margin-bottom:23.4px;
	

}

/* NEWS PAGE */

#newspageimage
{
    position: absolute;
	max-width: 442px;
	width: 100%;
    height: auto;
}

#newstext
{
	position: absolute;
    top: 0%;
	left: 100%;
	width: 480px;
	height: 610px;
	margin-left: -510px;
    padding-bottom: -70px;
    text-align: center;
    overflow-y:auto;
}

/* NEWS PAGE */

.newsblurb

{
    text-align:left;
    font-family:Arial;
	font-size:13.5px;
	font-weight:lighter;
	line-height:14.5px;
	color:#87add8;
}

.newstitle

{
    text-align:center;
    font-family:Arial;
    font-size:13.5px;
	font-weight:bold;
	line-height:14.5px;
	color:#ff3399;
}

#newspageposter

{
    position: relative;
    width:440px;
    height:auto;
}

.newslink 
{
    text-decoration:underline;
    color:#87add8;
}

.newslink:hover
{
	text-decoration:underline;
	font-weight:bold;
}



::-webkit-scrollbar {
      width: 15px;
}
::-webkit-scrollbar-track {
      background-color: #00000;
} 
::-webkit-scrollbar-thumb {
      background-color:#00000;
} 
::-webkit-scrollbar-button {
      background-color: #00000;
}

/* VIDEO PAGE */

#Alexvideo
{
position:absolute; 
height:165px;
width:295px;
margin-top:15px;

}

#Benvideo
{
position:absolute;
height:165px;
width:295px;
margin-top:204px;
margin-left:670px;
}

#Kerryvideo
{
position:absolute;
height:165px;
width:294px;
margin-top:204px;
margin-left:335px;
transition: transform 1s;
-webkit-transition:-webkit-transform 1s;
}

#SketchRoundUp1video
{
position:absolute;
height:165px;
width:295px;
margin-top:15px;
margin-left:335px;
transition: transform 1s;
-webkit-transition:-webkit-transform 1s;
}

#SketchRoundUp2video
{
position:absolute;
height:165px;
width:295px;
margin-top:393px;
margin-left:335px;
transition: transform 1s;
-webkit-transition:-webkit-transform 1s;
}

.videotransform:hover
{
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -ms-transform: scale(1.25);
    -o-transform: scale(1.25);
}

#kerryvideotextdiv
{
    position:absolute;
    margin-top:204px;
    margin-left:10px;
    width:200px;
    height:165px;
    text-align:center;
}

#pleasancevideotextdiv1
{
position:absolute;
    margin-top:15px;
    margin-left:680px;
    width:140px;
    height:165px;
}

#pleasancevideotextdiv2
{
position:absolute;
    margin-top:393px;
    margin-left:680px;
    width:140px;
    height:165px;
}

#position7div
{
position:absolute;
    margin-top:393px;
    margin-left:0px;
    width:295px;
    height:165px;
    text-align:center;
    background-color:#87add8;
    background-color: rgba(135, 173, 216, 0.7);
}

#position7text
{
    font-size:70px;
    color:#e6e8fa;
    font-family:arial;
    text-align:center;

}

.videodesc

{
    font-size:15px;
    color:#ff3399;
    font-family:arial;
    line-height:17px;
    text-align:left;
}

.videodesc:hover

{
    font-size:15px;
    color:#ff3399;
    text-decoration:underline;
    font-family:arial;
    line-height:17px;
}

/* GIGS PAGE */

#gigsheaderdiv
{
    position:absolute;
    width:290px;
    height:60px;
    margin-left:332px;
    margin-top:30px;
    background-color:#ffffff;
    background-color: rgba(255, 255, 255, 0.8);
    padding:0px 5px 0px 5px;
}

#gigsdiv
{
    position:absolute;
    width:275px;
    height:453px;
    margin-left:332px;
    margin-top:90px;
    background-color:#ffffff;
    background-color: rgba(255, 255, 255, 0.8);
    padding:0 5px 0 20px;
    overflow-y:auto;
}

#gigsheadertext
{
    font-family:arial;
    font-size:14px;
    line-height:20px;
    color: #ff3399;
    font-weight:normal;
}

.gigstext
{
    font-family:arial;
    font-size:14px;
    line-height:16px;
    color: #87add8;
    text-align:center;
    font-weight:normal;
    margin-top:20px;
    margin-bottom:20px;
}

#previously
{
    color:#ff3399;
    text-align:center;
    margin-top:12px;
    margin-bottom:12px;
}

#current
{
    font-family:arial;
    font-size:17px;
    line-height:23px;
    color: #87add8;
    text-align:center;
    margin-top:20px;
    margin-bottom:20px;
}

.buyticketslink
{
    color: #87add8;
}

.buyticketslink:hover
{
    color: #ff3399;
    font-weight:bold;
}

/* CONTACTPAGE */

.visible
{
    border: 1px dashed blue;
  
}


#emailusdiv

{
    position:absolute;  
    margin-left:280px;
    margin-top:395px;
}


#emailtextdiv

{
     position:absolute;  
   margin-top:395px;
   margin-left:330px;
   vertical-align:top;
}

.contactpagetext
{
 font:Arial;
    font-size:16px;
    color:#87add8;
    font-weight:bold;    
}

#facebookdiv
{
 position:absolute;    
   margin-top:475px;
   margin-left:280px;
}

#facebooktextdiv

{
     position:absolute;  
   border: none;  
   margin-top:475px;
   margin-left:330px;
   vertical-align:top;
}

#twitterdiv

{
 position:absolute;  
border: none;     
   
   margin-top:435px;
   margin-left:280px;
}

#twittertextdiv

{
     position:absolute;  
border: none;   
   margin-top:435px;
   margin-left:330px;
   vertical-align:top;
}

#contactform
{
    position:absolute;
    width:600px;
    height:200px;
    margin-left:270px;
    margin-top:340px;
    background-color:#ffffff;
    background-color: rgba(255, 255, 255, 0.8);
border: none;  
    
}

#getintouchdiv
{
    position:absolute;
    margin-top:340px;
    margin-left: 280px;
    
}

#getintouchtext
{
  font:Arial;
    font-size: 20px;
    color: #ff3399;  
}

#signupdiv
{
     position:absolute;
    margin-top:340px;
    margin-left: 570px;  
border: none;  

}



#nametextdiv
{
 position:absolute;  
border: none;  
 margin-left:570px;
 margin-top:395px;
 height:40px;
 vertical-align:top;
  
}



#emailtextdiv2
{
  position:absolute;  
border: none;  
  margin-top:435px;
  margin-left:570px;
  height:40px;
    vertical-align:top;
}

#nameboxdiv
{
    position:absolute;  
border: none;  
 margin-left:625px;
 margin-top:395px;
   height:40px;
 vertical-align:middle;
}

#emailboxdiv
{
    position:absolute;  
border: none;  
 margin-left:625px;
 margin-top:435px;
   height:40px;
 vertical-align:middle;
}


#submitdiv
{
   position:absolute;  
border: none;  
   margin-left:625px;
   margin-top:475px;
    font:Arial;
    font-size:16px;
    color:#ff3399;
    font-weight:bold;
    text-align: left;
    vertical-align:middle;
    height:40px;
}






#namebox
{
border: none;  
    font:Arial;
    font-size:16px;
    color:#87add8;
    font-weight:normal;
    width:215px;
     height:30px;
    margin-top:5px;
}

#emailbox
{
border: none;  
    font:Arial;
    font-size:16px;
    color:#87add8;
    font-weight:normal;
    width:215px;
    height:30px;
    margin-top:5px;
}

#submitbox
{
border: none;  
    font:Arial;
    font-size:16px;
    color:#ff3399;
    font-weight:600; 
     height:30px;
    margin-top:5px;
    background-color:#87add8;
}

#submitbox:hover
{
 border: none;  
    font:Arial;
    font-size:16px;
    color:#ff0080;
    font-weight:800; 
     height:30px;
    margin-top:5px;
    background-color:#a3bcd9;   
}

#formtext

{
border: none;  
    font:Arial;
    font-size:16px;
    color:#ff3399;
    font-weight:bold;
}


/* THANK YOU */

#Thanksdiv 
{
    position: absolute;
	top: 80%;
	left: 50%;
	width: 1071px;
	height: 714px;
	margin-left: -535.5px;
	margin-top: -371.25px;
}

/* CODE FOR "THE PIN" TITLE TEXT */

#Thankstext 
{
	text-align: center;
	font-family:Arial;
	font-size:40px;
	vertical-align: middle;
	line-height: 450px;
	font-weight: lighter;
	color:#ff3399;
}


#ferret
{
    width:286px;
    height:611px;
}