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

html{
height:100%;
}
body {
height:100%;
padding:0;
margin:0;
background:url(../Images/top_header_repeat_planning.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;}

.mar-left{margin-left:-40px;}

.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;}

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

#header{
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, 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.planning-services{
width:224px;
height:86px;
background:url(../Images/planning-SERVICES.jpg) top left no-repeat;
display:block;
}
a:hover.planning-services{
background-position:right;
text-decoration:none;
}
a.planning-contact{
width:224px;
height:86px;
background:url(../Images/planning-contact.jpg) top left no-repeat;
display:block;
}
a:hover.planning-contact{
background-position:right;
text-decoration:none;
}