body
{
    background: white;
    font-family: Arial;
}


p
{
    padding: 5px 0;
    line-height: 1.2em;
}

.question
{
    font-weight: bold;
}

.answer
{
    padding: 0 0 0 20px;
}

ul
{
    list-style-type: circle;
    list-style-position: outside;
    text-indent: 30px;
}

ul li
{
    margin: 5px 0 0 10px;
}

.wrapper
{
    margin: 0 auto;
    width: 960px;
    position: relative;
}

.cake
{
    position: absolute;
    width: 286px;
    height: 213px;
    background: url(images/Cake.png) no-repeat;
    left: 646px;
    top: 45px;
    z-index: 10;
}

.logo
{
    position: absolute;
    width: 680px;
    height: 70px;
    background: url(images/LogoText.png) no-repeat;
    z-index: 20;
    top: 60px;
    left: 0px;
    text-indent: -10000px;
}

.nav
{
    position: absolute;
    width: 500px;
    z-index: 25;
    text-align: right;
    color: #808990;
    top: 25px;
    right: 45px;
    font-size: 16px;
}

.nav a:link, .nav a:visited, .nav a:active
{
    color: #808990;
    text-decoration: none;
}

.nav a:hover, .nav a:focus
{
    color: red;
    text-decoration: underline;
    
}

.nav ul li
{
    display: inline;
    margin: 0 0 0 20px;
}

.content
{
    margin: 200px 0 50px 0;
}

.main-content
{
    padding: 188px 0 30px 140px;
    color: #808990;
}

.dialog
{
    margin: 0px 0 0 0px;
    min-width: 20em;
    max-width: 750px; /* I only cut the left background images out to 800px. You could do much larger, etc. */
    color: #808990;
}

.dialog .hd .c
{
    height: 15px;
    font-size: 1px;
}
.dialog .ft .c
{
    height: 15px;
    font-size: 1px;
}
.dialog .ft .c
{
    height: 14px;
}
.dialog .hd
{
    background: url(images/dialog/tl.png) no-repeat 0px 0px;
    margin-right: 20px;
}
.dialog .hd .c
{
    background: url(images/dialog/tr.png) no-repeat right 0px;
    margin-right: -16px;
}
.dialog .bd
{
    background: url(images/dialog/ml.png) repeat-y 0px 0px;
    margin-right: 20px;
}
.dialog .bd .c
{
    background: url(images/dialog/mr.png) repeat-y right 0px;
    margin-right: -16px;
}
.dialog .bd .c .s
{
    padding-bottom: 1em;
    margin: 0px 8px 0px 4px;
    padding-left: 1em;
    padding-right: 1em;
    background: url(images/dialog/ms.jpg) #000 repeat-x 0px 0px;
    padding-top: 1em;
}
.dialog .ft
{
    background: url(images/dialog/bl.png) no-repeat 0px 0px;
    margin-right: 20px;
}
.dialog .ft .c
{
    background: url(images/dialog/br.png) no-repeat right 0px;
    margin-right: -16px;
}

.footer
{
    position: absolute;
    width: 500px;
    z-index: 25;
    text-align: right;
    color: #808990;
    bottom: 0px;
    right: 45px;
    font-size: 14px;
}

.overlay-c
{
    background: url(images/Overlay-C.png) no-repeat top left;
    height: 432px;
    width: 432px;
    z-index: 5;
    top: 143px;
    left: -30px;
    position: absolute;
}

.overlay-f
{
    background: url(images/Overlay-F.png) no-repeat top left;
    height: 432px;
    width: 432px;
    z-index: 5;
    top: 143px;
    left: -30px;
    position: absolute;
}

.overlay-h
{
    background: url(images/Overlay-H.png) no-repeat top left;
    height: 432px;
    width: 432px;
    z-index: 5;
    top: 143px;
    left: -30px;
    position: absolute;
}

.overlay-t
{
    background: url(images/Overlay-T.png) no-repeat top left;
    height: 432px;
    width: 432px;
    z-index: 5;
    top: 143px;
    left: -30px;
    position: absolute;
}

.overlay-w
{
    background: url(images/Overlay-W.png) no-repeat top left;
    height: 432px;
    width: 432px;
    z-index: 5;
    top: 143px;
    left: -30px;
    position: absolute;
}

.main-content .dialog .bd .c
{
    padding: 55px 0 0 275px; /*padding: 55px 10px 0 275px;*/
}

.body-content
{
    padding: 0 10px 0 0;
}


/* Header Text */
.header
{
    background: url(images/HeadingsWelcome.png) no-repeat top left;
    position: relative;
    top: 20px;
    left: 30px;
    width: 162px;
    height: 17px;
    text-indent: -2000px;
    z-index: 30;
}

.welcome
{
    background-image: url(images/HeadingsWelcome.png);
}

.cakes
{
    background-image: url(images/HeadingsCakes.png);
}

.contact
{
    background-image: url(images/HeadingsContact.png);
}

.faqs
{
    background-image: url(images/HeadingsFaqs.png);
}

.testimonials
{
    background-image: url(images/HeadingsTestimonials.png);
}

/* Cake Boxes */

.cake-box
{
    width: 160px;
    height: 160px;
    float: left;
    position: relative;
    padding: 10px;
    margin: 10px;
    border: 4px solid #ccc;
}

.cake-box.wedding
{
    background: url(images/flower.jpg);
}
.cake-box.childrens
{
    background: url(images/mouse.jpg);
}
.cake-box.christening
{
    background: url(images/christening.jpg);
}
.cake-box.seasonal
{
    background: url(images/xmas-cake.jpg);
}
.cake-box.coporate
{
    background: url(images/lemon-cake.jpg);
}
.cake-box.adult
{
    background: url(images/choc-cake.jpg);
}
.cake-box.cupcakes
{
    background: url(images/lemon-gingerbread.jpg);
}
.cake-box.wedding-favours
{
    background: url(images/rosebud-cake.jpg);
}

.cake-box.flavour
{
    background: url(images/single-flower.jpg);
}
.cake-box.muffins
{
    background: url(images/muffin.jpg);
}

.cake-box.cupcake1
{
    background: url(images/cupcakes1.jpg);
}

.cake-box.cupcake2
{
    background: url(images/cupcakes2.jpg);
}
.cake-box.cupcake3
{
    background: url(images/cupcakes3.jpg);
}
.cake-box.cupcake4
{
    background: url(images/cupcakes4.jpg);
}
.cake-box.cupcake5
{
    background: url(images/cupcakes5.jpg);
}
.cake-box.farmyard
{
    background: url(images/farmyard.jpg);
}

.cake-box.childrens2
{
    background: url(images/childrens2.jpg);
}
.cake-box.childrens3
{
    background: url(images/bdaycake.jpg);
}

.cake-box h3
{
    position:absolute;
    bottom: 0;
    left:0;
    background:#ccc;   
    width:100%;
    padding: 6px 0 4px;
    
}

.cake-box h3:hover
{
    background:#ccc;
    background: url(images/semi-transparent.png);
    color:White;	
}


.cake-box a:hover
{
 background:#ccc;
    background: url(images/semi-transparent.png);
    color:White;
}

.cake-box a
{
    text-decoration:none;
    color:red;
    width:100%;
}

/* Clearfix */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.caketitle
{
float:left;
text-align:left;
font-size:28px;
font-weight:bold;
color:#ccc;	
}

.cakedesc
{
float:left;
text-align:left;
font-size:17px;
color:#808990;	
margin-top:15px;
}

.cakeflavoursdesc
{
float:left;
text-align:left;
font-size:17px;
color:#808990;	
margin-top:15px;
margin-left:10px;
}

.testimonial-item
{
float:left;
text-align:left;
width:100%;	

}

.testimonial-name
{
	float:left;
text-align:left;
margin-left:15px;
margin-top:10px;
margin-bottom:25px;
}

.cakeflavours
{
float:left;
width:100%;
	
}

.emma
{
float:left;
width:100%;
margin-top:20px;
font-size:12px;
}

.design a
{
color:Black;
text-decoration:none;
height:30px;
}

.design a:hover
{
	text-decoration:underline;
	color:blue;
}