@charset "UTF-8";
/* CSS Document */


/* cakes.css
------------------------------------------------------------------------------

Author:  			Peter Richman
E-mail:				peter@plugandplaydesign.co.uk
Company: 			Plug and Play Design
Date:				22/10/2008

Version:			1.0
Designed for:		FireFox 3 mac

CSS file:			Design One 

------------------------------------------------------------------------------*/



/* =USUAL SUSPECTS
------------------------------------------------------------------------------*/



body{
font-family:		Verdana, Arial, Helvetica, sans-serif;
font-size:			62.5%;
margin-top:			0px;
}

img{
border:				none;
}

h1, h2, h3, h4, h5, h6{
font-family:		Trebuchet, Verdana, Arial, Helvetica, sans-serif;
}

p{
line-height:		16px;
text-align:			justify;
}

p strong{
color:				#000;
}


a{
text-decoration:	underline;
color:				#CF000;
outline:			none;
}

a:active
{
  outline: none;
}

q{
font-style:			italic;
color:				#000;
}

.clear{
clear:				both;
}

strong{
color:				#000;
}



/* HACK for FIREFOX!! - to always display right hand scroll bars in short pages
this prevents the page bouncing left when changing pages 

html { 
overflow: -moz-scrollbars-vertical; 
height: 100%; 
}

Hack over*/


p a{
text-decoration:	none;

}



p a:hover{
text-decoration:	none;
}

q{
font-family:		Georgia, "Times New Roman", Times, serif;
color:				#572600;
margin:				0px 15px;
font-size:			1.2em;
line-height:		1.6em;
}

a:hover{
text-decoration:	underline;	
color:				#666666;
}



/* REMOVES HORIZONTAL SCROLL BARS */
html{
overflow-x:			hidden;
}

.logo{
margin:				0px;
padding:            0px;
}

.logo a{
background:			url(../images/logo.gif) top left no-repeat;
width:				150px;
height:				122px;
text-indent:        -3000px;
margin:				20px 0px 0px 52px;
display:			block;
}

.floatRight{
float:				right;
margin:				0px 15px 0px 0px;
}



/* =LAYOUT
------------------------------------------------------------------------------*/

body{
background:			url(images/background.gif) top left repeat;
}

.wrapper{
width:				814px;
margin-left:		auto;
margin-right:		auto;
}

/* =LOGO 
------------------------------------------------------------------------------*/

.logo{
background:			url(images/celebrationLogo.gif) top center no-repeat;
height:				149px;
width:				341px;
text-indent:        -4000px;
margin-left:		auto;
margin-right:		auto;
}

/* =CONTENT AREA
------------------------------------------------------------------------------*/

.contentArea{
background:			url(images/middleArea2.gif) top left no-repeat;
width:				814px;

float:				left;
}

/* =MENU
------------------------------------------------------------------------------*/

.mainMenu{
float:				left;
list-style:			none;
font-size:			1.6em;
margin:				12px 0px 0px 25px;
padding:            0px 0px 0px 0px;
width:				814px;
height:				
}

.mainMenu li{
float:				left;
color:				#FFF;
}

.mainMenu li a{
display:			block;
color:				#FFF;
text-decoration:	none;
float:				left;
margin:				0px 0px 0px 0px;
padding:            0px 20px 4px 20px;
height:				25px;
}



.mainMenu li a:hover{
text-decoration:	underline;
color:				#FFF;
}

/* =HEADERS
------------------------------------------------------------------------------*/

h2{
color:				#bf2556;
font-family:		Georgia, "Times New Roman", Times, serif;
font-weight:		lighter;
font-size:			3em;
margin:				30px 0px 5px 0px;
width:				400px;
}

/* =BODY TEXT
------------------------------------------------------------------------------*/

p{
color:				#333;
line-height:		1.65em;
font-size:			1.1em;
margin-left:		0px;
}




/* =HOME
------------------------------------------------------------------------------*/




.textArea{
margin:				30px 0px 0px 0px;
padding:            0px 0px 0px 60px;
float:				left;
width:				780px;
background:			url(images/sectionMiddleArea.gif) top left repeat-y;
}

* .contentArea .textArea{
_margin:			30px 0px 0px 0px;
_padding:           0px 0px 30px 30px;

}

.textArea p{
max-width:			690px;
}

.rightImage{
float:				right;
padding:			20px 30px 0px 30px;
}

.imageMap{
float:				right;
width:				400px;
position:			relative;
left:				1px;
}

.homeImageMap{
float:				right;
list-style:			none;
width:				330px;
margin:				50px 70px 0px 0px;
padding:            0px;
}


*html .homeImageMap{
_width:				345px;
_margin:			-320px 20px 0px 0px;
_position:			relative;
_top:				10px;
_z-index:			99;
}

.homeImageMap li{
float:				left;
}

.homeImageMap li a{
display:			block;
float:				left;
width:				105px;
height:				105px;
margin:				5px 5px 0px 0px;
padding:            0px;
position:			static;
}

.homeImageMap li a span{
display:			none;
position:			absolute;
}

.homeImageMap li a:hover span{
display:			block;
top:				50px;
left:				-200px;
padding:            20px;
background-color:	#BF2556;
}

.wrapper .contentArea #homeTextArea{
width:				300px;
float:				left;
padding:            0px 0px 0px 40px;
}

* .wrapper .contentArea #homeTextArea{
_padding-bottom:	50px;
}

/* =GALLERY
------------------------------------------------------------------------------*/

.galleryWrapper{
width:				814px;
float:				left;
margin:				0px 0px 0px 0px;
background:			url(images/sectionMiddleArea.gif) top left repeat-y;
padding:            0px 0px 0px 0px;
}

*html .galleryWrapper{
_margin:				0px 0px 0px 0px;
}

.galleryWrapper .horizontal{
width:				100px;
height:				100px;
float:				left;
margin:				10px;
position:			relative;
left:				40px;
}


/* =FOOTER
------------------------------------------------------------------------------*/

.footer{
float:				left;
width:				800px;
margin:				0px;
padding:            40px 14px 0px 0px;
list-style:			none;
background:			url(images/footer.gif) top left no-repeat;
}


.footer li{
color:				#BF2556;
}

.footer li a{
color:				#BF2556;
}

.footer li a:hover{
text-decoration:	none;
}

.footer .footerLeft{
float:				left;
margin-left:        20px;
}

*html .footer .footerLeft{
margin-left:		10px;
}
.footer .footerRight{
float:				right;
}



/* =CONTACT TEXT
------------------------------------------------------------------------------*/

.contactText{
width:				320px;
}


.contactForm{
width:				200px;
float:				right;
list-style:			none;
padding:            20px;
margin-top:			70px;
background-color:	#BF2556;
margin-right:		70px;
border:				3px solid #f2d0d3;
}

* .contactForm{
_margin-right:		30px;
}



.contactForm textarea{
width:				194px;
height:				100px;
}

.contactForm label{
width:				140px;
display:			block;
color:				#FFF;
}

.contactForm li{
padding-bottom:     6px;
}

.error{
background-color:	#BF2556;
padding:            20px;
color:				#FFF;
height:				20px;
width:				340px;
float:				left;
margin:				15px 0px 0px 60px;
}