@charset "utf-8";
/* CSS Document */
body{
/*background-color: #6f1200;
background-image:url(../images/pageBack.gif);*/
font-family: arial;
font-size: 12px;
margin: 0px;
background-color: #f9cbdf;

}
h1{
	color: #5b3f3c;
	font-size: 14px;
	text-transform: uppercase;
}
#global{
	position:absolute;
left: 50%;
top: 50%;
width: 950px;
height: 600px;
margin-top: -300px;
margin-left: -475px; /* half the width */
background-color: #FFF;
}

#header{
width: 310px;
float: left;
height: 600px;
text-align: center;
background-image: url(../images/about/headerBackAbout.gif);
background-repeat: no-repeat;
background-color: white;
}
#headerFlavours{
width: 390px;
float: left;
height: 600px;
text-align: center;
background-image: url(../images/weddings/headerBack.gif);
background-repeat: no-repeat;
background-color: #663333;
 background-image: url(../images/weddings/flavors/headerBackFlavours.gif);
}
#FlavourRgtImg{

float: left;
margin: 25px 0px 25px 103px; 
}
#RightCol{
width: 520px;
float: left;
height: 600px;
background-color: white;
background-image: none;
}
#RightBand{
	width: 120px;
float: left;
height: 600px;
background-image: url(../images/weddings/rightBack2.gif);
background-repeat: no-repeat;
background-position: center;
}
#RightColFlav{
width: 474px;
float: left;
height: 600px;
background-color: white;
}
#RightBandFandM{
		width: 86px;
float: left;
height: 600px;
background-image: url(../images/weddings/fandm/rightBack-fandm.gif);
background-repeat: no-repeat;	
background-position: right;
}
#RightColFlavMenu{
	width: 388px;
float: left;
height: 600px;
background-color: white;
background-image: url(../images/weddings/flavors/menu/FlavMenuBack.jpg);
background-repeat: no-repeat;
}
#RightBandFlv{
	width: 86px;
float: left;
height: 600px;
background-image: url(../images/weddings/flavors/rightBack-flavours.gif);
background-repeat: no-repeat;
background-position: right;
}
#Image2{
	margin: 9px 0px 9px 0px;
}
#Peggys-Logo{
margin: 25px 0px 0px 0px;

}
#top-menu{
width: 100%;
text-align: center;
margin: 25px 0px 10px 0px;
}
#top-menu a.topMenu{
color:#000000;
text-transform: capitalize;
text-decoration: none;
font-size: 13px;
}
#top-menu a.topMenu:hover{
color: #000000;
text-decoration: underline;
}
#latesNews{
	text-align: right;
	width: 403px;
	margin: 44px 0px 10px 0px;
}
#Menu{
float: left;
margin: 10px 0px 0px 89px;
overflow: hidden;
text-align: left;
width: 133px;

}
img{
	border: 0px;
}
#Content{
	width: 180px;
	margin: 40px 0px 20px 65px;
	text-align: justify;
	font-size: 13px;
	float: left;
}
#Content-fandm{
	width: 307px;
	margin: 0px 0px 10px 35px;
	text-align: justify;
	font-size: 13px;
	float: left;
}
#AboutCont
{
	/*background-image: url(../images/weddings/textBack.png);/*/
	color: #5b3f3c;
	width: 480px;
	margin: 5px 0px 0px 10px;
	padding: 10px;
	float: left;
	line-height: 18px;

}
#AboutCont h2
{
	margin: 5px 0px 0px 0px;
	font-size: 13px;
}
#AboutCont h2 a:link
{
text-decoration: none;
color: #5b3f3c;
}
#AboutCont h2 a:active
{
text-decoration: none;
color: #5b3f3c;
}
#AboutCont h2 a:visited
{
text-decoration: none;
color: #5b3f3c;
}
#AboutCont a:hover
{
text-decoration: underline;
color: black;
}
#AboutCont p
{
margin: 0px 0px 10px 0px;

}
#AboutCont p img.skecthThumb
{
margin: 0px 7px 7px 0px;
}
#RightColFandM{
		background-image: url(../images/weddings/fandm/RightImage.jpg);
width: 474px;
float: left;
height: 600px;
background-repeat: no-repeat;
background-position: right;
}
#FlavCont
{
	color: #5b3f3c;
	width: 415px;
	margin: 10px 0px 140px 20px;
	padding: 10px;
}
#CupCakesThumb{
margin: 0px 10px 0px 50px; 
float: left;
width: 125px;
text-align: center;
	}
#tieredCakeThumb{
margin: 0px 10px 0px 25px; 
float: left;
width: 125px;
text-align: center;
	}
	
	.MenuFlav{
float: left;
margin: 0px 0px 0px 128px;
overflow: hidden;
text-align: left;
width: 133px;

}
.MenuFlav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-size: 12px;
	float: left;
	width: 133px;
}

.MenuFlav li {
/*width: 180px;*/
font-size: 12px;
line-height: 25px;
margin: 0px 0px 15px 0px;
text-align: center;
}

.MenuFlav a {
	background: url(../images/buttons/MainButtonFlav.gif) no-repeat left top;
	text-decoration:none;
   padding:0px;
	width: 133px;
	display: block;
	font-weight: bold;
	color: #613437;
	line-height: 25px;
	text-transform: uppercase;
}
.MenuFlav a.ml:link {
	background: url(../images/buttons/MainButtonFlav.gif) no-repeat left top;
	text-decoration:none;
   padding:0px;
	width: 133px;
	display: block;
	font-weight: bold;
	color: #613437;
	line-height: 25px;
	text-transform: uppercase;
}
.MenuFlav a.ml:visited{
	background: url(../images/buttons/MainButtonFlav.gif) no-repeat left top;
	text-decoration:none;
   padding:0px;
	width: 133px;
	display: block;
	font-weight: bold;
	color: #613437;
	line-height: 25px;
	text-transform: uppercase;
}
.MenuFlav a.ml:active {
	background: url(../images/buttons/MainButtonFlav.gif) no-repeat left top;
	text-decoration:none;
   padding:0px;
	width: 133px;
	display: block;
	font-weight: bold;
	color: #613437;
	line-height: 25px;
	text-transform: uppercase;
}
.MenuFlav  a.mlAct{
	background: url(../images/buttons/MainButtonFlavOver.gif) no-repeat left top;
	text-decoration:none;
   padding:0px;
	width: 133px;
	display: block;
	font-weight: bold;
	color: #613437;
	line-height: 25px;
	text-transform: uppercase;
}
.menuitem{
	padding-left: 10px;
}
.MenuFlav a.ml:hover { background: url(../images/buttons/mainButtonFlavOver.gif) no-repeat left top; color: #613437; }
#fandm-logo{
margin: 0px 0px 0px 114px; 
float: left;
}
.newItem{
	float: left;
	margin: 0px 0px 20px 0px;
	width: 480px;
}

#Contact-Address{
float: left;
width: 225px	
}

#Contact-Content{
	float: left;
width: 255px	
} 

#ContactMap{
	float: left;
	width: 455px;

}
#map{
	float: left;
	width: 480px;
	margin: 10px 0px 0px 0px;
	height: 285px;
}
