@charset "UTF-8";

/*-----------------------------------------------
HEY NOW HEY NOW NOW SING THIS CORROSION TO ME 
------------------------------------------------- */

/*///////////////////////////////////////////
//  (c) Glenn Herbert 2014.                //
//  Hope you like my code.                //
//  If you're reading this, hello,       //
//  You look nice today.                //
/////////////////////////////////////////
=========================================
             TABLE OF CONTENTS                     
=========================================
1) Resets
2) Body and fonts
3) Supersize stoof
4) Layout
5) Media Queries
==========================================*/


/* =======================================
1) Resets 
=========================================*/


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

/* =======================================
2) Body and fonts
=========================================*/
html {
       overflow-y: scroll;

}

body {
	
	text-align: center; 
	padding-left: 0px; 
	padding-right: 0px;
	min-height: 100%; 
	padding-bottom: 0px; 
	margin: 0px; 
	font-family: Tahoma, Verdana, sans-serif; 
	font-size: 94%; 
	color: #E5E5E5; 
	background-color: #1B0C29; 
	
}


A:link {
	color: #E5E5E5;
	text-decoration: underline;
}

A:visited {
	color: #E5E5E5;
	text-decoration: underline;
}

A:Hover{
	color: #a599ff;
	text-decoration: underline;
}

A:active {
	color: #a599ff; 
	text-decoration: underline;
}


img {
	border:none;
}

/* =======================================
3) SUPERSIZED STOOF 
=========================================*/


#supersized-loader { position:absolute; top:50%; left:50%; z-index:10; width:1px; height:1px; margin:-30px 0 0 -30px; text-indent:-999em; background-color:#111; background:rgba(0,0,0,0.8) url(gfx10/progress.gif) no-repeat center center; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
	
#supersized { position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized img{ height:auto; width:auto; position:relative; outline:none; border:none; -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }


/*Fix Supersized on iOS (until 5.1 rolled out)*/

/* iPad [portrait + landscape] */

/*
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
#supersized img{ display:none;}
body{ background-image: url(gfx10/bgdancefloorios.jpg);}
}
@media only screen
and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
#supersized img{ display:none;}
body{ background-image: url(gfx10/bgdancefloorios.jpg);}
}
*/

/* iPhone [portrait + landscape] */

/*
@media only screen and (max-device-width: 480px) {
#supersized img{ display:none;}
body{ background-image: url(gfx10/bgdancefloorios.jpg);}
}
*/

/* =======================================
4) LAYOUT
=========================================*/

.header {
	
	width: 965px;
	height: 65px;
	padding-bottom: 3px; 
	padding-top: 6px; 
	
}

.maincontainer {
	
	width: 952px; 
	margin: 0 auto; 
	height: auto;
	padding-right: 8px;
		
}

.wendyhouse_logo {
	width: 416px;
	height: 65px;
	float: left;

}

.menucontainer {
	width: 525px;
	height: 65px;
	float: right;

}


.menucontainer  UL {
	margin: 0px; 
	padding-top: 20px; 
	list-style-type: none; 
	border-right-width: 0px; 
	text-align: centre; 
	
}

.menucontainer  LI {
display: inline;
	
}

.menucontainer LI A {
	
	height: 20px;
	font-size: 80%; 
	font-weight: bold;
	text-decoration: none;
	text-shadow: 2px 2px 0px #000;
	/*background-image: url(gfx14/button-bg.png);*/
	background-color: #353535;
	/*border-top: 1px solid #707070;*/
	border-right: 2px solid #191919;
	border-bottom: 2px solid #191919;
	/*border-left: 1px solid #707070;*/
	margin-top: 0px; 
	margin-left: 0px; 
	margin-bottom: 0px; 
	float: left; 
	padding-bottom: 2px; 
	padding-top: 6px; 
	padding-left: 0px;
    vertical-align: middle;
	width: 78px; 
	color: #fffff; 
		
}


.menucontainer LI A:hover {
	
	color: #ffffff; 
	background-image: url(gfx14/button-bg-on.png);
	background-color: #472994;
	text-decoration: none;
}


.maincontentcontainer {
	width: 959px; 
	height: auto;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #E5E5E5;
	margin: 0 auto; 
	text-align: left; 
	padding-bottom: 0px; 
	margin: 0px auto; 
	padding-top: 0px; 
	background-color: #131313;
	background-image: url(gfx14/bg-text.gif);
	
    border-right: 1px solid #171616;
	border-top: 1px solid #232323;
    border-bottom: 1px solid #1F1F1F;
    border-left: 1px solid #191818;

	
}

.mobilemenubutton, .menumobile {
	  display: none;
 }
 


.leftpanel {
	
	width: 660px; 
	float: left;
	padding-top: 2px;
	padding-left: 8px;
	padding-right: 8px;
    
}

.maintext{
	
	line-height: 24px;
	font-size: 90%; 
	padding-left: 20px;
	padding-right: 4px;
	
}

.homefeature {
	
	float: left;
	height: 110px;
	width: 620px;
	text-align: left;
	padding-left: 12px;
	padding-top: 12px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-right: 1px solid #171616;
	border-top: 1px solid #2b2b2b;;
    border-bottom: 1px solid #1F1F1F;
    border-left: 1px solid #232323;
	font-family: Tahoma, Verdana, sans-serif; 
	font-size: 95%; 
	color: #CCCCCC; 
	background-color: #131313;
   	-moz-opacity: 0.7; 
   	opacity: 0.7; 

}

.homefeatureimage

{
	
	float: left;
	width: 150px;
	height: 100px;
	border-top: 1px solid #383838;
	border-right: 1px solid #383838;
	border-bottom: 1px solid #383838;
	border-left: 1px solid #383838;
	
}

.homefeaturetext

{
	height: 90px;
	width: 380px;
	float: left;
	padding-left: 12px;
	padding-top: 2px;
	padding-bottom: 14px;
	
}


.leftpanelhead {
	margin-top: 12px;
	width: 655px; 
	padding-bottom: 8px;
	border-bottom: 1px solid #333131;
 
}


.dates {
	height: 20px;
	width: 380px;
	font-size: 110%;
	color: #CCCCCC;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;

}

.datespace {
	padding-top: 10px;

}



.pagetitle {
	height: 20px;
	width: 250px;
	float: right;
	
}

h1 {

	font-size: 120%;
	margin: 0px;
	color: #AA75DF;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align:right;
}

h2 {

	font-size: 110%;
	margin: 0px;
	color: #FFFFFF;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align:left;
	margin-top: 12px;
}

.pagetitlehome {
	
	text-align:right;
	position: relative;
	float: right;
	width: 205px;

}


.rightpanel {
	
	padding-top: 4px;
	width: 270px; 
 	float: right;
	text-align: left;
  
	
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;

}

.clearfix { 

display: inline-block; 

}

/* start commented backslash hack \*/

* html .clearfix { 

height: 1%; 
}
.clearfix { 

display: block; 

}

.rightmenu {
		
	width: 253px; 
	text-align: left;
	padding-left: 6px;
	padding-top: 12px;
	padding-bottom: 15px;
	border-top: 1px solid #333131;
    border-right: 1px solid #333131;
    border-bottom: 1px solid #333131;
    border-left: 1px solid #333131;
	font-family: Tahoma, Verdana, sans-serif; 
	font-size: 90%; 
	color: #CCCCCC; 
	background-color: #131313;
}

.rightmenu P{
		
	line-height: 12px;
 	
}

.rightmenuhead {
	width: 240px;
	font-family: Tahoma, Verdana, sans-serif; 
	FONT-WEIGHT: bold;
	font-size: 110%; 
	color: #969696; 
	padding-bottom: 8px;
	border-bottom: 1px solid #333131;
}


.rightmenuhead A:link {	
	color: #969696;	
	text-decoration: underline;

}

.rightmenuhead A:visited {
	color: #969696;
	text-decoration: underline;
}

.rightmenuhead A:Hover{
	color: #AA75DF; 
	text-decoration: underline;
	
	}

.rightmenuhead A:active {
	color: #AA75DF; 
	text-decoration: underline;
	
}

.rightlinks {
	padding-left: 20px;

}

.rightlinks  A:link {	
	color: #dadada;	
	text-decoration: none;
	font-weight: bold;

}

.rightlinks  A:visited {
	color: #dadada;
	text-decoration: none;
	font-weight: bold;
}

.rightlinks  A:Hover{
	color: #AA75DF; 
	text-decoration: underline;
	font-weight: bold;
	
	}

.rightlinks  A:active {
	color: #AA75DF; 
	text-decoration: underline;
	font-weight: bold;
	
}

.social_media_container {
	
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #CCCCCC;
	width: 955px; 
	text-align: center; 
	padding-bottom: 0px; 
	padding-top: 0px; 
	background-color: #131313;
	border-top: 1px solid #333131;
    border-bottom: 1px solid #000;
	padding-left: 4px;
	padding-left: 4px;
	float: left;
	margin:0 auto;
	height: 240px;
	
}

.bgsocmedia {
	background-image: url(gfx14/bg-socmedia.gif);
}


/*.social_media_container IMG {
	
	border: none;
	margin-top: 20px; 
	margin-bottom: 20px; 
	margin-left: 42px;
	margin-right: 41px;

	
}*/

.roll_over {
	height: 196px;
	width: 196px;
	float: left;
	margin-top: 20px; 
	margin-bottom: 20px; 
	margin-left: 58px;
	margin-right: 61px;
	/*
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	-o-transition: all ease 0.5s;
	-ms-transition: all ease 0.5s;
	transition: all ease 0.5s;
	*/
}

.roll_over:hover {
	background-position: 0px -196px;
} 


.facebook{
	background-image: url(gfx14/facebook.png);
}

.twitter{
	background-image: url(gfx14/twitter.png);
}
.flickr{
	background-image: url(gfx14/flickr.png);
}

.socmediahide, .mobilechibi{
	
	display:none;
	
}


.social_media_bottom {
    margin-left: -5px;
	border-bottom: 1px solid #5B5B5B;

}

.footer {
	float: left;
	width: 958px;
	height: 80px;
	background-color: #131313;
		border-top: 1px solid #333131;
    border-bottom: 1px solid #000;
	
}



.footer_left {
	text-align: left; 
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 95%;
	color: #CCCCCC;
	float: left;
	padding-top: 28px;
	padding-left: 8px;
		
}

.footer_right {
	text-align: right; 
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #CCCCCC;
	float: right;
	padding-top: 28px;
	padding-right: 8px;
	
		
}


.formbox {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #EEEEEE;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;

}


.imageborder {
	background-color: #000000;
	border-top: 1px solid #333333;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #333333;
}

.bodytext {
	
	font-size: 90%;
	
}

.bodytext IMG{
	
	border: 1px solid #808080;
	
}

.bodytext1 {	
	
	font-family: Tahoma, Arial, Helvetica, sans-serif
	
}

.large {
		
	font-size: 95%;
	font-weight: bold;
}

.title {
	
	font-size: 100%;

}

.small {
	
	font-size: 75%;

}

.smallgrey {

	color: #b7b7b7;
	font-size: 90%;

}

.trans {
	-moz-transition: 0.8s;
  	-o-transition: 0.8s;
  	-webkit-transition: 0.8s;
  	transition: 0.8s;
}

/* =======================================
5) Media Queries
=========================================*/

@media screen and (max-width: 995px) {
	/* 800 x 600 */
 
.menucontainer {
	width: 100px;
	height: 400px;
	margin-left: 510px;
	position:absolute;
	z-index: 1000;
	-webkit-transform: translate3d(0,0,0);
	
}

.mobilemenubutton {
	position: absolute;
	padding-top: 14px;
	display: block;
	margin-left: 630px;
	z-index: 2000;
 }

.menudesktop, .mobhide, .flickr {
	  display: none;
 }
 
.mobilechibi{
	  display: block;
	  float: right;
	  position: absolute;
	  margin-left: 400px;
	  top: 90px;
 }
 
.header {
	width: 365px;
}

.maincontainer {
	width: 652px; 
}

.maincontentcontainer {
	width: 659px; 
}

.homefeature {
	
	width: 590px;

}
.leftpanel {
	width: 630px; 
    
}

.homefeaturetext {
	width: 280px;
}

.leftpanelhead {
	width: 645px; 
}

.dates {
	
	width: 580px;
	font-size: 90%;

}

.pagetitle {
	width: 350px;
}

.footer {
	width: 659px;
	
}

.social_media_container  {
	width: 654px;
}

.bgsocmedia  { 
	background-image:none;
}

.rightpanel {
	margin-left: 25px;
	margin-bottom: 25px;
	float: left;  
}

.map {
	width: 380px;
	height: 290px;
}

.designhide {
	 display: none;
}
}


@media screen and (max-width: 700px) {
	/* Small tablet portrait */
 
.menucontainer {
	margin-top: -15px;
	margin-left: 330px;	
}

.mobilemenubutton {

	padding-top: 0px;
	margin-left: 450px;
	
}

.menudesktop, .mobhide, .flickr, .footer_left {
	  display: none;
}
 
.header {
	width: 280px;
	height: 40px;
}

.wendyhouse_logo {
	width: 303px;
	height: 45px;
}

.logo {
	width: 303px;
	height: 45px;
}

.maincontainer {

	width: 480px; 
}

.maincontentcontainer {
	width: 480px; 
}

.mobilechibi{
	 position: absolute;
	 margin-left: 282px;
	 top: 38px;
	 width: 166px;
	 height: 230px;
	  
 }

.homefeature {
	width: 408px;
	height: 120px;
}

.leftpanel {
	width: 450px; 
    
}

.homefeaturetext {
	width: 226px;
	
}

.leftpanelhead {
	width: 456px; 
}

.dates {
	
	width: 280px;
	font-size: 90%;

}

.pagetitle {
	width: 200px;
}

.pagetitle h1 {
	font-size: 90%;
}

.roll_over {
	margin-left: 20px;
	margin-right: 20px;
}

.footer {
	width: 480px;
}

.social_media_container  {
	width: 476px;
	height: 240px;
}

.footer_right{
	float: left;
	margin-left: 8px;
}

.infopic{
	width: 250px;
	height: 180px;
}

.maintext td:first-of-type + td {
	display:none;
}

.maintext table {
	width: 200px;
}

.flash {
	width: 360px;
	height: 300px;

}

}



@media screen and (max-width: 510px) {
	/* 320 mobile */
 
.menucontainer {
	margin-top: -15px;
	margin-left: 164px;
}

.mobilemenubutton {

	padding-top: 0px;
	margin-left: 280px;
	
 }

.menudesktop, .mobhide, .flickr, .mobilechibi, .footer_left {
	  display: none;
}
 
.header {
	width: 280px;
	height: 40px;
}

.wendyhouse_logo {
	width: 203px;
	height: 35px;
}

.logo {
	width: 203px;
	height: 35px;
}

.maincontainer {

	width: 310px; 
}

.maincontentcontainer {
	width: 310px; 
}

.homefeature {
	width: 240px;
	height: 220px;
}

.leftpanel {
	width: 280px; 
}

.homefeaturetext {
	width: 220px;
	padding-left: 2px;
}

.leftpanelhead {
	width: 295px; 
}

.dates {
	width: 250px;
	padding-top: 4px;
	font-size: 80%;
}

.pagetitle {
	width: 90px;
}

.pagetitle h1{
	padding-top: 4px;
}

.roll_over {
	margin-left: 50px;
}

.footer {
	width: 310px;
	
}

.social_media_container  {
	width: 305px;
	height: 480px;
	
}

.footer_right{
	float: left;
	margin-left: 8px;
}

.map {
	width: 250px;
	height: 190px;
}

.flash {
	width: 250px;
	height: 190px;
}

.flyer {
	width: 240px;
	height: 350px;
}

}