/* CSS Document */

* {
margin:0;
padding:0;
}

/*		------------------
		STRUCTURE
		----------------*/

body {
font-size:62.5%;
font-family: Arial, Helvetica, sans-serif;
background-color:#FFF5A9;
}

img {
border-style: none;
text-decoration: none;
}

p, address {
font-size:1.2em;
color: #4B1919;
text-align:left;
font-style:normal;
}

p {
	line-height:1.2em;

}

address {
	line-height:.5em;
}

#wrapper {
width:805px;
height:600px;
margin:40px auto;
background: url(images/frame.gif) no-repeat 150% 0;
}

#container {
padding:28px 0 0 30px;
}

#header {
width: 742px;
height: 126px;
margin:10px 0 0 4px;
}

#index #header {
background:url(images/head_index.gif) no-repeat;
}

.biscuits #header {
background:url(images/head_biscuits.gif) no-repeat;
}

#main {
width:740px;
height:400px;
margin:0px 0 0 4px;
}

#info {
width:550px;
height:360px;
float:right;
background:url(images/side_border.gif) no-repeat 0 2%;
padding:0 0 0 18px;
margin:20px 0 0 12px;
}

a:link, a:visited {
	color:#4B1919;
	text-decoration:none;
	font-weight:bold;
}

a:hover, a:active {
	color:#4B1919;
	text-decoration:underline;
}

#subnav {
width:542px;
height:90px;
position:relative;
}

#footer p{
	text-align:center;
}

/*
#footer a:link, #footer a:visited {
	color:#b57e65;
}

#footer a:hover, #footer a:active {
	text-decoration:none;
}

/*	----------------
	NAVIGATION 
	--------------*/

#nav {
width:155px;
height:400px;
padding:0;
float:left;
background: url(images/nav_bg.gif) no-repeat 0 44%;
}

#nav a{
text-decoration:none;
}

#nav ul {
margin:30px 0 0 0;
padding:0;
}

.nav_products {
position:relative;
width:135px;
height:40px;
list-style:none;
margin:0px 0 0 10px;
}

.nav_products span {
	position:absolute;
	width:100%;
	height:100%;
	margin-top:-10px;
}

#nav_bisc span {
	background-image:url(images/nav_bisc.gif);
}

#nav_cakes span {
	background-image:url(images/nav_cake.gif);
}

#nav_puds span {
	background-image:url(images/nav_pud.gif);
}

#nav_trays span {
	background-image:url(images/nav_tray.gif);
}

/*	-----------------
	ABOUT & CONTACT
	--------------*/

.button{
	position:relative;
	width:155px;
	height:57px;
	list-style:none;
	margin:0 0 8px 0;
}

.button span {
	position:absolute;
	width:100%;
	height:100%;
	margin:-10px 0 8px 0;
}

#nav_welcome span{
	background-image:url(images/nav_welcome.gif);
}

#nav_contact span{
	background-image:url(images/nav_contact.gif);
}

/*	-------------
	BISCUIT PAGES
	-------------*/

.biscuits #subnav {
background: url(images/subnav_bisc_bg.gif) no-repeat;
}

/*	-------------
	CAKE PAGES
	-------------*/
	
.cakes #subnav {
background: url(images/subnav_cakes_bg.gif) no-repeat;
}	
	
/*	-------------
	PUDDING PAGES
	-------------*/

.puds #header {
background:url(images/head_puds.gif) no-repeat;
}
	
.puds #subnav {
	background: url(images/subnav_puds_bg.gif) no-repeat;
}
	
/*	-------------
	TRAYBAKE PAGES
	-------------*/

.trays #header {
background:url(images/head_trays.gif) no-repeat;
}
.trays #subnav {
background: url(images/subnav_trays_bg.gif) no-repeat;
}
.trays #subnav ul {
pa dding:12px 0 0 20px;
}

/*	--------
	SUBNAV
	-------*/
	
		/*	--------------
			ONE LINE
			-----------*/

#subnav li{
display:inline;
list-style:none;
}

ul.product1 {
	position:absolute;
	left:80px;
	top:25px;
}

ul.row2 {
	text-align:center;
	padding-top:10px;

}

ul.row1  {
	text-align:center;
	padding-top:25px;
}

/* 	---------------
	BISCUIT PRODUCTS
	-------------*/


/*	-----------
	PRODUCT BOX	h3 HEAD
	----------*/

.h3 {	
	font-size:16px;
	position:relative;
	width:400px;
	height:34px;
	overflow:hidden;
}

#h3_ld {
	font-size:16px;
	position:relative;
	width:154px;
	height:60px;
	overflow:hidden;
}

.h3 span, #h3_ld span{
	position:absolute;
	width:100%;
	height:100%;	
}

#h3_bisc span {
	background:url(images/h3_bisc.gif) no-repeat;
}

#h3_cake span {
	background:url(images/h3_cake.gif) no-repeat;
}

#h3_pud span {
	background:url(images/h3_pud.gif) no-repeat;
}

#h3_tray span {
	background:url(images/h3_tray.gif) no-repeat;
}

#h3_vs span {
	background:url(images/h3_vs.gif) no-repeat;
}

#h3_cc span {
	background:url(images/h3_cc.gif) no-repeat;
}

#h3_cf span {
	background:url(images/h3_cf.gif) no-repeat;
}

#h3_ew span {
	background:url(images/h3_ew.gif) no-repeat;
}

#h3_ld span {
	background:url(images/h3_ld2.gif) no-repeat;
}
/*	-----------
	PRODUCT BOX
	----------*/

#product {
width:542px;
height:250px;
background: url(images/product_info.gif) no-repeat;
margin:25px 0 0 0px;

}

#product img {
float:right;
margin:-20px 15px 0 0;
}

#ld {
	clear:both;
}

#product h3 {
	float:left;
font-size:20px;
font-weight:normal;
color: #4B1919;
margin:0px 0 10px 30px;
padding-top:20px;
}

#product p {
padding:0px 0px 5px 0px;
}

#copy {
	width:220px;
	float:left;
	padding:8px 0 0 30px;
}

hr{
width:90%;
margin:20px 20px;
color:#4B1919;
}

/* index/about page 
*/

.box {
width:546px;
height:340px;
background: url(images/home_box.gif) no-repeat;
position:relative;
}

.box img {
	margin:0 0 30px 0;
}

.box p, .box address {
width:300px;
float:left;
text-align:left;
margin:0 0 10px 40px;
display:inline;
}

.thumbs {
	float:right;
	position:absolute;
	top:110px;
	left:340px;
}



/*about page */

#about #header, #contact #header {
background:url(images/header_about.gif) no-repeat;
}

.box img {
padding:15px 0 0 25px;
}

.bites {
padding:10px 15px 0 0;
}

#box1 {
	width:240px;
	float:left;
}

#box2 {
	width:240px;
	float:right;
}