/* CSS Document */



/* MAIN LAYOUT CSS */
body
{
   background-color: #fae2ec;
   margin: 0px;
   padding: 0px;
   border: 0px;
}


#background
{
   background: url('header-bg.jpg') repeat-x;
   height: 365px;
   text-align: center;
   width: 100%;
}

#background_2
{
   background: url('header-bg2.jpg') repeat-x;
   /*height: 365px;*/
   height: 480px;
   text-align: center;
   width: 100%;
}

#header
{
   height: 86px;
   width: 990px;
   margin-left: auto;
   margin-right: auto;
}


/* Logo Rollover CSS */
#logo
{
   height: 86px;
   width: 406px;
   margin-left: auto;
   margin-right: auto;
}

a.rollover 
{
   display: block;
   width: 406px;
   height: 86px;
   text-decoration: none;
   background: url("zoe-ellens-cake-boutique.jpg");
}

a.rollover:hover 
{
   background-position: 0px -86px;
}

.displace 
{
   position: absolute;
   left: -5000px;
}


/* Main Navigation CSS */
#mainnav
{
   width: 990px; /* THIS NEEDS WIDENING? TO 990? ORIGINAL: 796*/
   height: 40px;
   margin-left: auto;
   margin-right: auto;
}
#mainnav ul
{
   margin: 0px;
   padding: 0px;
}

#mainnav li ul {
    position: absolute;
	/*top: 126px;*/
	display: none;
	left: 0;
	top:40px;
    padding:1px 0 0;
}

#mainnav ul ul li a {
	text-decoration: none;
	text-align: left;
	color: #8e7758;
    width: 100%;
	height: 30px;
	margin: 0 0px;
	background-color: #f8f4e9;
	background-image: url('drop-bg.jpg');
}

.menu-link
{
   padding-left: 14px;
}

#mainnav ul ul li a:hover {
	text-decoration: none;
	color: #97626a;
    width: 100%;
	height: 30px;
	margin: 0 0px;
	background-color: #f8f4e9;
	background-image: url('drop-bg-over.jpg');
}


#mainnav li:hover ul, li.over ul 
{ 
   display: block; 
   background-color: #000000;
}


#mainnav li ul li {
    width:100%;
}

#mainnav a {
    display: block;
}

#mainnav li {
    list-style:none;
    /*display:inline;*/
	float: left;
	margin: 0px;
}
#mainnav a {
    color:#000000;
    text-decoration:none;
	height: 40px;
	float: left;
}
#mainnav a:hover { 
    background-position:0 -40px;
}
#mainnav a:active {
    background-position:0 0px;
}
#navbar 
{
    height:41px;
}


#taba {
   background:url('nav-home.jpg') no-repeat;
   width: 77px;
}
#tabb {
   background:url('nav-about.jpg') no-repeat;
   width: 87px;
}
#tabc {
   background:url('nav-weddings.jpg') no-repeat;
   width: 120px;
}
#tabd {
   background:url('nav-occasions.jpg') no-repeat;
   width: 128px;
}
#tabe {
   background:url('nav-cookies.jpg') no-repeat;
   width: 105px;
}
#tabf {
   background:url('nav-guide.jpg') no-repeat;
   width: 83px;
}
#tabg {
   background:url('nav-contact.jpg') no-repeat;
   width: 110px;
}
#tabh {
   background:url('nav-press.jpg') no-repeat;
   width: 85px;
}
#tabi {
   background:url('nav-afternoontea.jpg') no-repeat;
   width: 169px;
}


/* Image Bar CSS */
#imagebar
{
   width: 990px;
   margin-left: auto;
   margin-right: auto;
   height: 238px;
}

#imagelink
{
   border: 3px solid #bca484;
   margin-top: 17px; 
   margin-left: 14px; 
   margin-right: 14px;
}

#imagelink_1
{
   border: 3px solid #bca484;
   margin-top: 17px; 
   margin-left: 14px; 
   margin-right: 14px;
}
#imagelink_2
{
   border: 3px solid #bca484;
   margin-top: 17px; 
   margin-left: 14px; 
   margin-right: 14px;
}
#imagelink_3
{
   border: 3px solid #bca484;
   margin-top: 17px; 
   margin-left: 14px; 
   margin-right: 14px;
}
#imagelink_4
{
   border: 3px solid #bca484;
   margin-top: 17px; 
   margin-left: 14px; 
   margin-right: 14px;
}

#imagebar a img {border:3px solid #bca484;}
#imagebar a:hover img {border: 3px solid #a08664;}

#imagenav
{
   width: 990px;
   margin-left: auto;
   margin-right: auto;
   height: 46px;
   text-align: right;
   font-family: Verdana, Geneva, sans-serif;
   font-size: 16px;
   padding-top: 10px;
}

#imagenav a
{
	border: 1px solid #c9bbae;
	padding: 4px;
	background-color: #f6eed9;
	color: #91877e;
	text-decoration: none;
	font-weight: bold;
}

#imagenav a:hover
{
	background-color: #f7f3e8;
	color: #6f3939;
	text-decoration: none;
	font-weight: bold;
}

/* Content Area CSS */
#contentarea
{
   width: 990px;
   margin-left: auto;
   margin-right: auto;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   color: #472828;
}

h1
{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 22px;
   font-weight: bold;
   color: #944b4b;
   margin-top: 0px;
   margin-bottom: 4px;
}

h2
{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 18px;
   font-weight: bold;
   color: #944b4b;
   margin-top: 0px;
   margin-bottom: 4px;
}

p
{
   margin-top: 0px;
   margin-bottom: 0px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   color: #472828;
}


/* Footer CSS */
#footerbar
{
   width: 100%;
   height: 73px;
   background-image: url('footerbg.jpg');
   margin-top: 20px;
}

#footerstrip
{
   width: 990px;
   margin-left: auto;
   margin-right: auto;
}

#footer_logo
{
   width: 198px;
   height: 73px;
}


a.footer_rollover 
{
   display: block;
   width: 198px;
   height: 73px;
   text-decoration: none;
   background: url("footer-logo.jpg");
}

a.footer_rollover:hover 
{
   background-position: 0px -73px;
}

#footer_links
{
   width: 400px;
   float: right;
   text-align: right;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #f7f3e8;
   padding-top: 18px;
}

#footer_links a
{
   color: #f7f3e8;
}
#footer_links a:hover
{
   color: #ffffff;
}

a
{
   color: #472828;
}

a:hover
{
   color: #993300;
}

td
{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   color: #472828;
}

input
{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   color: #4a351b; 
   background-color: #f8f5ec;
   border: 1px solid #bca484;
}

textarea
{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   color: #4a351b; 
   background-color: #f8f5ec;
   border: 1px solid #bca484;
}