/* 
The Secret Kitchen - www.thesecretkitchen.co.uk
CSS Document
simplewebhosting.co.uk - web design */

body
{color: #666666;
background: url(images/bg.jpg);
background-attachment:fixed;
font: 14px "Century Gothic", Arial, sans-serif;
line-height: 1.4em;
margin: 0; 
padding: 0;}

#container
{width: 800px;
margin: 10px auto;
padding: 0;
border: 3px solid #DCD8AE;}

#header
{background: url(images/header.jpg) no-repeat #F9F3E5;
width: 800px;
height: 190px;}

#nav
{width: 795px;
height: 50px;
background: #FFFFFF;
padding-left: 5px;}

#content
{width: 740px;
background: #FFFFFF;
background-attachment: fixed;
padding: 15px 30px 20px 30px;}

#content a
{color: #B01E1E;
font-weight: bold;}

#content a:visited
{color: #B01E1E;}

#content a:hover
{color: #EB6666;
text-decoration: none;}

.letter
{background: #F8F7ED;
padding: 5px 30px 20px 30px;
border: 2px solid #EDECDC;
font: 14px Georgia,"Times New Roman", Times, serif
font-style: italic;}

.picRight
{margin-left: 15px;}

h1
{font: 28px Georgia, "Times New Roman", Times, serif;
letter-spacing: -1px;
border-bottom: 1px dashed #666666;}

h2
{font: 20px Georgia, "Times New Roman", Times, serif;
letter-spacing: -1px;
font-weight: normal;
background: url(images/h2bg.jpg) repeat-y top left;
padding: 5px 5px 5px 2px;}


h3
{font: 16px Arial, Helvetica, sans-serif;
color: #FFFFFF;
letter-spacing: -1px;
line-height: 1.3em;
font-weight: bold;}

ul
{list-style-image: url(images/li.jpg);
line-height: 2.4em;
font: 16px "Century Gothic", Arial, sans-serif;}

.ul2
{line-height: 2.2em;
font: 14px "Century Gothic", Arial, sans-serif;
list-style-image: none;
list-style: circle;}

#footer
{
font: 9px Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
background: #DCD8AE;
color: #666666;
padding: 5px 5px 0px 5px;
height: 20px;
}

#footer a
{color: #000000;
text-decoration: none;
padding: 0;}

#footer a:visited
{color: #000000;
text-decoration: inherit;
padding: 0;}

#footer a:hover
{color: #666666;
text-decoration: none;
padding: 0;}

/* CSS ROLLOVERS */

.navhome
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(images/nav_home_over.jpg);
white-space: nowrap;
display: block;
width: 103px;
height: 40px;
margin: 0;
padding: 0;
}

.navhome a
{
display: block;
color: #000000;
font-size: 11px;
width: 103px;
height: 40px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.navhome img
{
width: 103px;
height: 40px;
border: 0
}

* html a:hover
{
visibility:visible
}

.navhome a:hover img
{
visibility:hidden
}

.navhome span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;} 

.navtestimonials
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(images/nav_testimonials_over.jpg);
white-space: nowrap;
display: block;
width: 137px;
height: 40px;
margin: 0;
padding: 0;
}

.navtestimonials a
{
display: block;
color: #000000;
font-size: 11px;
width: 137px;
height: 40px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.navtestimonials img
{
width: 137px;
height: 40px;
border: 0
}

* html a:hover
{
visibility:visible
}

.navtestimonials a:hover img
{
visibility:hidden
}

.navtestimonials span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;} 

.navcontact
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(images/nav_contact_over.jpg);
white-space: nowrap;
display: block;
width: 120px;
height: 40px;
margin: 0;
padding: 0;
}

.navcontact a
{
display: block;
color: #000000;
font-size: 11px;
width: 120px;
height: 40px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.navcontact img
{
width: 120px;
height: 40px;
border: 0
}

* html a:hover
{
visibility:visible
}

.navcontact a:hover img
{
visibility:hidden
}

.navcontact span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;} 

