/* CSS Document */
/*******************************************************************************/
/* Layout CSS File                                                             */
/*   Screen-based site layout and positioning rules                            */
/*                                                                             */
/* Developed by Matthew Harris, DBS, www.dbs-uk.co.uk                          */
/*******************************************************************************/

/* center align trick */
/*******************************************************************************/
body {
	/* to get ie5/win to align the layout in the center */
	text-align: center;
	background:#eea2bc;
}

div#container {
	/* for center alignment */
	margin: 0 auto;
	text-align: left;
}

/* utility classes */
/*******************************************************************************/
div.spacer {
	clear: both;
}

a
{
	outline:none;
}

/* site container */
/*******************************************************************************/
div#container
{
	width: 100%;
	padding: 0;
}

/* skip links - accessibility */
/*************************************************************************************/
div#skiplinks a, 
div#skiplinks a:hover, 
div#skiplinks a:visited,
div#skiplinks p
{
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}
 
/* lvha */
div#skiplinks a,
div#skiplinks a:link, div#skiplinks a:visited, 
div#skiplinks a:hover, div#skiplinks a:active
{
	color: #ccc;
}

/* navigation */
/*******************************************************************************/
#floatMenu
{
	position:absolute;
	top:34px;
	left:51%;
	width:432px;
	height:36px;
	background:url(/site/img/navbg.gif);
	padding:5px 0 0 5px;
}

#floatMenu ul
{	
	margin:0;
	list-style:none;
}

#floatMenu ul li
{
	float:left;
}

#floatMenu ul li.home a:link,
#floatMenu ul li.home a:visited
{
	display:block;
	width:66px;
	height:24px;
	background:url(/site/img/navbg-home.jpg) #ac76ce;
	color:#FFF;
	font-size:1.17em;
	font-weight:normal;
	padding-top:7px;
	text-align:center;
	margin-right:4px;
}

#floatMenu ul li.home a:hover,
#floatMenu ul li.home a:active
{
	display:block;
	width:66px;
	height:24px;
	background:url(/site/img/navbg-home-on.jpg) #6302a3;
	color:#FFF;
	font-size:1.17em;
	font-weight:normal;
	padding-top:7px;
	text-align:center;
	margin-right:4px;
}





#floatMenu ul li.fairyparties a:link,
#floatMenu ul li.fairyparties a:visited
{
	display:block;
	width:108px;
	height:24px;
	background:url(/site/img/navbg-fairyparties.jpg) #ac76ce;
	color:#FFF;
	font-size:1.17em;
	font-weight:normal;
	padding-top:7px;
	text-align:center;
	margin-right:4px;
}

#floatMenu ul li.fairyparties a:hover,
#floatMenu ul li.fairyparties a:active
{
	display:block;
	width:108px;
	height:24px;
	background:url(/site/img/navbg-fairyparties-on.jpg) #6302a3;
	color:#FFF;
	font-size:1.17em;
	font-weight:normal;
	padding-top:7px;
	text-align:center;
	margin-right:4px;
}





#floatMenu ul li.parties a:link,
#floatMenu ul li.parties a:visited
{
	display:block;
	width:99px;
	height:24px;
	background:url(/site/img/navbg-parties.jpg) #ac76ce;
	color:#FFF;
	font-size:1.17em;
	font-weight:normal;
	padding-top:7px;
	text-align:center;
	margin-right:4px;
}

#floatMenu ul li.parties a:hover,
#floatMenu ul li.parties a:active
{
	display:block;
	width:99px;
	height:24px;
	background:url(/site/img/navbg-parties-on.jpg) #6302a3;
	color:#FFF;
	font-size:1.17em;
	font-weight:normal;
	padding-top:7px;
	text-align:center;
	margin-right:4px;
}





#floatMenu ul li.contact a:link,
#floatMenu ul li.contact a:visited
{
	display:block;
	width:76px;
	height:24px;
	background:url(/site/img/navbg-contact.jpg) #ac76ce;
	color:#FFF;
	font-size:1.17em;
	font-weight:normal;
	padding-top:7px;
	text-align:center;
	margin-right:4px;
}

#floatMenu ul li.contact a:hover,
#floatMenu ul li.contact a:active
{
	display:block;
	width:76px;
	height:24px;
	background:url(/site/img/navbg-contact-on.jpg) #6302a3;
	color:#FFF;
	font-size:1.17em;
	font-weight:normal;
	padding-top:7px;
	text-align:center;
	margin-right:4px;
}




#floatMenu ul li.book a:link,
#floatMenu ul li.book a:visited
{
	display:block;
	width:60px;
	height:24px;
	background:url(/site/img/navbg-book.jpg) #ac76ce;
	color:#FFF;
	font-size:1.17em;
	font-weight:normal;
	padding-top:7px;
	text-align:center;
}

#floatMenu ul li.book a:hover,
#floatMenu ul li.book a:active
{
	display:block;
	width:60px;
	height:24px;
	background:url(/site/img/navbg-book-on.jpg) #6302a3;
	color:#FFF;
	font-size:1.17em;
	font-weight:normal;
	padding-top:7px;
	text-align:center;
}







	
		







/* section1*/
/*******************************************************************************/
div#section1bg
{
	width:100%;
	height:850px;
	background:url(/site/img/bg1.jpg) center top repeat-x;
}

div.moon
{
	width:100%;
	background:url(/site/img/moon.jpg) no-repeat center top;
}

div#section1container
{
	width:916px;
	margin:0 auto;
}

div#partyfairy
{
	padding-top:34px;
	width:178px;
	float:left;
}

div#logo
{
	width:278px;
	float:left;
}

div.content1
{
	width:704px;
	height:405px;
	border:1px solid #FFF;
	background:#af7bd0;
	float:left;
	padding:10px;
}

div.contentwrap1
{
	width:664px;
	height:365px;
	background:#FFF;
	padding:20px;
}

div.left_column1
{
	width:404px;
	float:left;
	padding-right:15px;
}

div.right_column1
{
	width:245px;
	float:left;
}

/* section2*/
/*******************************************************************************/

div#section2bg
{
	width:100%;
	height:850px;
	background:url(/site/img/bg2.jpg) center top repeat-x;
}

div#section2container
{
	width:736px;
	margin:0 auto;
	padding:110px 0 0 180px;
}

div.content2
{
	width:704px;
	height:405px;
	border:1px solid #FFF;
	background:#af7bd0;
	float:left;
	padding:10px;
}

div.contentwrap2
{
	width:664px;
	height:365px;
	background:#FFF;
	padding:20px;
}


/* section3*/
/*******************************************************************************/



div#section3bg
{
	width:100%;
	height:850px;
	background:url(/site/img/bg3.jpg) center top repeat-x;
}

div.fairies
{
	background:url(/site/img/fairiesbg.jpg) top center no-repeat;
}

div#section3container
{
	width:906px;
	margin:0 auto;
	padding:110px 0 0 10px;
}

div.content3
{
	width:704px;
	height:405px;
	border:1px solid #FFF;
	background:#af7bd0;
	float:left;
	padding:10px;
}

div.contentwrap3
{
	width:664px;
	height:365px;
	background:#FFF;
	padding:20px;
}


/* section4*/
/*******************************************************************************/


div#section4bg
{
	width:100%;
	height:850px;
	background:url(/site/img/bg4.jpg) center top repeat-x;
}

div.fairybutterfly
{
	background:url(/site/img/fairybutterflybg.jpg) top center no-repeat;
}

div#section4container
{
	width:739px;
	margin:0 auto;
	padding:110px 0 0 177px;
}

div.content4
{
	width:704px;
	height:405px;
	border:1px solid #FFF;
	background:#af7bd0;
	float:left;
	padding:10px;
}

div.contentwrap4
{
	width:664px;
	height:365px;
	background:#FFF;
	padding:20px;
}


/* section5*/
/*******************************************************************************/


div#section5bg
{
	width:100%;
	height:750px;
	background:url(/site/img/bg5.jpg) center top repeat-x;
}

div#section5container
{
	width:906px;
	margin:0 auto;
	padding:110px 0 0 10px;
}

div.content5
{
	width:704px;
	height:305px;
	border:1px solid #FFF;
	background:#af7bd0;
	float:left;
	padding:10px;
}

div.contentwrap5
{
	width:664px;
	height:265px;
	background:#FFF;
	padding:20px;
}






/* footer */
/*******************************************************************************/
div#footer
{
	color: #ccc;
	font-size: 0.83em;
	background:#82579E;
	width:100%;
	height:150px;
}

div#footer_container
{
	width:916px;
	margin:0 auto;
}

div#footer_container a
{
	color:#FFF;
	text-decoration:none;
}
