html{
font-family: 'Trebuchet MS', 'arial', sans-serif;
overflow-y:scroll;
background-color:#fff;
line-height:1em;
}

body{
background-color:#fff;
color:#555;
margin-bottom:30px;
width:980px;
}

.header{
background-image:url(images/header.png);
background-position:0px 0;
background-repeat:no-repeat;
height:124px;
padding:0px;
width:960px;
font-size:0;
}


.header-bottom{
padding:0px;
width:960px;
font-size:0;
}

.menu-container{
background-image:url(images/dress-bottom.png);
background-position:0px 0;
background-repeat:no-repeat;
float:left;
clear:none;
width:198px;
margin:0;
}

.menu{
padding-top:60px;
padding-left:20px;
float:left;
clear:none;
}

.menu li,
.menu a{
height:24px;
width:138px;
}

.menu a{
display:block;
}

.menu #home a{background-image:url(images/home.png);}
.menu #home a:hover{background-image:url(images/home.hover.png);}
.menu #home a:focus{background-image:url(images/home.focus.png);}
.menu #home .selected{background-image:url(images/home.selected.png);}

.menu #about a{background-image:url(images/about.png);}
.menu #about a:hover{background-image:url(images/about.hover.png);}
.menu #about a:focus{background-image:url(images/about.focus.png);}
.menu #about .selected{background-image:url(images/about.selected.png);}

.menu #cakes-cupcakes a{background-image:url(images/cakes-cupcakes.png);}
.menu #cakes-cupcakes a:hover{background-image:url(images/cakes-cupcakes.hover.png);}
.menu #cakes-cupcakes a:focus{background-image:url(images/cakes-cupcakes.focus.png);}
.menu #cakes-cupcakes .selected{background-image:url(images/cakes-cupcakes.selected.png);}

.menu #flavours a{background-image:url(images/flavours.png);}
.menu #flavours a:hover{background-image:url(images/flavours.hover.png);}
.menu #flavours a:focus{background-image:url(images/flavours.focus.png);}
.menu #flavours .selected{background-image:url(images/flavours.selected.png);}

.menu #pricing a{background-image:url(images/pricing.png);}
.menu #pricing a:hover{background-image:url(images/pricing.hover.png);}
.menu #pricing a:focus{background-image:url(images/pricing.focus.png);}
.menu #pricing .selected{background-image:url(images/pricing.selected.png);}

.menu #order a{background-image:url(images/order.png);}
.menu #order a:hover{background-image:url(images/order.hover.png);}
.menu #order a:focus{background-image:url(images/order.focus.png);}
.menu #order .selected{background-image:url(images/order.selected.png);}

.menu #contact a{background-image:url(images/contact.png);}
.menu #contact a:hover{background-image:url(images/contact.hover.png);}
.menu #contact a:focus{background-image:url(images/contact.focus.png);}
.menu #contact .selected{background-image:url(images/contact.selected.png);}

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

p{
font-family: 'arial', sans-serif;

margin-bottom:0.6em;
line-height:1.5em;
line-height:1.2em;
font-size:96%;
}

a:hover p{
color:#44f;
}

#home-content{
position:relative;
top:-54px;
float:left;
}

#home-mainpic{
background-image:url(images/header-bottom.png);
background-position:0px 0;
background-repeat:no-repeat;
width:762px;

float:left;
font-size:0;
clear:none;
margin:0;
position:relative;
z-index:2;
}

#home-smallpics{
position:relative;
top:-54px;
float:left;
z-index:1;
}

.gallery{
background-image:url(images/header-bottom.png);
background-position:0px 0;
background-repeat:no-repeat;
width:762px;

float:left;
position:relative;
border-style: none;
border-width: 1px;
border-color:red;
z-index:1;
font-size:0;
}
.gallery-bottom-fix{
width:100px;
}

.gallery img{
float:left;
margin:3px;
border-style: solid;
border-width: 1px;
border-color:black;
}

.content-container{
background-image:url(images/header-bottom.png);
background-position:0px 0;
background-repeat:no-repeat;
width:762px;
float:left;
clear:none;
}

.content{
margin-top:50px;

float:left;
width:480px;
border-style: none;
border-width: 1px;
border-color:blue;
}
.content-bottom-fix{
width:100px;
}
 

h1,
h2,
h3{
color:#aa0077;
margin-bottom:0.5em;
margin-top:1em;
}

h1{
margin-top:8px;
font-size: 1.3em;
}
h2{
font-size: 1.2em;
}
h3{
font-size: 1.1em;
}
 
 
 
.mainpanel,
.mainpanel-content{
margin-left:0px;
padding-left:25px;
}


.mainpanel,
.mainpanel-content{
width:450px;
}

.mainpanel{
float:left;
height:100%;
}

.contentarea-divfixup{
clear:both; /* causes the contentarea div to fully enclose the content*/
height:0px;
}

.footer{
background-image:url('images/footer.png');
background-repeat:no-repeat;
width:750px;
height:61px;
font-size:75%;
color:#444;
clear:both;
padding-left:198px;
}

.footer-posadj{
position:relative;
top:-10px;
z-index: 0;
padding-left:206px;
}

.footer p{
padding-top:1em;
}

.design{
padding-left:0;
width:960px;
height:1em;
font-size:75%;
text-align:right;
color:#aaa;
}

.design a{
text-decoration: none;
color:#bbb;
}
.design a:hover{
text-decoration: underline;
}


a:focus{
text-decoration:underline;
}

.img-para-embed{
float:left;
margin-top:0.2em;
margin-bottom:0.1em;
margin-right:12px;
border-style:solid;
border-width:1px;
border-color:black;
}

.xflavours img{
float:left;
margin-top:0.2em;
margin-bottom:0.1em;
margin-right:12px;
border-style:solid;
border-width:1px;
border-color:black;
}

.img-margin{
float:left;
padding-top:0.1em;
position:relative;
left:-150px;
margin-right:-200px;
margin-bottom:16px;
}

.flavours p{
margin-left:150px;
}


table{
border-style:solid;
border-width:1px;
border-color:#666;
}

td{
border-style:solid;
border-width:1px;
border-color:#666;
font-size: 90%;
}

th{
background-color:#ff99cc;
text-align: left;
}

th,
td{
padding:0.4em;
padding-top:0.1em;
padding-bottom:0.1em;
}