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

html{
height:100%;
}
body {
height:100%;
padding:0;
margin:0;
background:url(../Images/top_header_repeat.jpg) top left repeat-x;
}
div#cont {
width:800px;
margin-left: -400px;
position:relative;
left:50%;
}

h1{font-size:47px;margin:.5em 0em .2em 0em;}

h2{height:.7em; margin-top:0; margin-bottom:.5em;}

.designer-creations{color:#890973; padding:0; margin:0; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px;}

.designer-creations a{text-decoration:underline; color:#890973; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px;}

.designer-creations a:hover{color:#000000;}

.sub-heading{font:16px "Times New Roman", Times, serif; font-weight:bold; margin:0; color:#000000;}

p, .form, .link, li{font:12px Tahoma, Arial, Helvetica, sans-serif;}



.link a{color:#8c6239; text-decoration:none;}

.link a:hover{text-decoration:underline;}

h2 a {text-decoration:underline;}

a .gallery-images{border:3px solid #ffffff;}

a:hover .gallery-images{border:3px solid #890973;}

a{font:12px Tahoma, Arial, Helvetica, sans-serif; color:#8c6239; line-height:20px; text-decoration:none;}

/*-----------------------------------header------------------------------------------*/

#header{
width:100%;
height:200px;
padding-left:299px;
}
#header-planning{
width:100%;
height:100px;
padding-left:349px;
}
#navigation{
width:100%;
height:36px;
}
#navigation ul{
list-style:none;
margin:0;
padding:0px 0px 0px 30px;
}
#navigation ul li{
display:block;
float:left;
padding:5px 26px 0px 26px;
}
ul li a{
font:16px Tahoma, Arial, Helvetica, sans-serif;
color:#8c6239;
text-decoration:none;
}
ul li a:hover{
text-decoration:underline;
}

/*----------------------------------content-------------------------------------------*/

#content{
width:778px;
padding:0px 11px 0px 11px;
}
#top_images{
width:778px;
height:184px;
}




/*----------------------------------footer--------------------------------------------*/

#footer{
padding:10px 20px 20px 20px;
font:11px Tahoma, Arial, Helvetica, sans-serif;
color:#8c6239;
line-height:20px;
}
#footer a{
font:11px Tahoma, Arial, Helvetica, sans-serif;
color:#8c6239;
line-height:20px;
text-decoration:none;
}
#footer a:hover, a:hover{
text-decoration:underline;
}
#main_index{
background:url(../Images/index_reflection.jpg) top left no-repeat;
}
#main_contact{
background:url(../Images/contact_reflection.jpg) top left no-repeat;
}
#main_cakes{
background:url(../Images/cakes_reflection.jpg) top left no-repeat;
}
#main_catering{
background:url(../Images/catering_reflection.jpg) top left no-repeat;
}
#main_planning{
background:url(../Images/planning_reflection.jpg) top left no-repeat;
}

a.gallery-button{
width:211px;
height:74px;
background:url(../Images/gallery_cakes/cake-gallery.jpg) top left no-repeat;
display:block;
}
a:hover.gallery-button{
width:211px;
height:74px;
background:url(../Images/gallery_cakes/cake-gallery.jpg) bottom left no-repeat;
text-decoration:none;
}
a.ordering-button{
width:211px;
height:74px;
background:url(../Images/gallery_cakes/cake-ordering.jpg) top left no-repeat;
display:block;
}
a:hover.ordering-button{
width:211px;
height:74px;
background:url(../Images/gallery_cakes/cake-ordering.jpg) bottom left no-repeat;
text-decoration:none;
}
a.planning-packaging{
width:224px;
height:86px;
background:url(../Images/planning-packages-hover.jpg) top left no-repeat;
display:block;
}
a:hover.planning-packaging{
background-position:right;
text-decoration:none;
}
a.catering-mini-menu{
width:224px;
height:86px;
background:url(../Images/catering-mini-menu-button.jpg) top left no-repeat;
display:block;
}
a:hover.catering-mini-menu{
background-position:right;
text-decoration:none;
}
a.catering-order{
width:224px;
height:86px;
background:url(../Images/how-to-order.jpg) top left no-repeat;
display:block;
}
a:hover.catering-order{
background-position:right;
text-decoration:none;
}
a.catering-contact{
width:224px;
height:86px;
background:url(../Images/catering-contact-us.jpg) top left no-repeat;
display:block;
}
a:hover.catering-contact{
background-position:right;
text-decoration:none;
}
.even{
background-color:#f0eef8;
font:12px Tahoma, Arial, Helvetica, sans-serif;
}
.odd{
background-color:#f4f3fb;
font:12px Tahoma, Arial, Helvetica, sans-serif;
}