/* Riverside Bakery */
/* CSS coding by; Jamie Brightmore */
/* jamieb@enotions.co.uk */

/* Global  */

body {
	font-size:62.5%;
	line-height:1.5em;
	background: #c4ab93 url(images/bkg.jpg) top no-repeat;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	color: #000;
}

* {
	margin: 0;
	padding: 0;
}

img {
	border: none;
}

a {
	color: #000;
	outline: none;
}

p {
	text-align: left;
	font-size: 1.1em;
	line-height:1.7em;
	margin-bottom: 10px;
}

div {
	margin:0;
	padding:0;
	/* border: 1px solid #ff0000; */
}

/* Main */

#wrapper {
	width: 900px;
	margin: 100px auto 0;
}

#footer {
	margin: 0 auto;
}

#footer p {
	text-align: center;
}

/* Menu Config */

#menu {

}

#main-menu {
	padding-top: 7px;
	margin-left: 200px;
	height: 23px;
}

.sub-menu {
	height: 25px;
}

.sub-menu#about {
	margin-left: 271px;
}

.sub-menu#products {
	margin-left: 471px;
}

#main-menu ul {
	list-style: none;
}

#main-menu li {
	float: left;
	text-indent: -5000px;
}

#main-menu li a {
	display: block;
	margin: 0;
	padding: 0;
}

/* Main Menu Items */

a#menu-1 {
	background: url(images/menu-1.jpg) no-repeat;
	width: 48px;
	height: 23px;
}

a:hover#menu-1 {
	background-position: -48px 0;
}

a#menu-2 {
	background: url(images/menu-2.jpg) no-repeat;
	width: 74px;
	height: 23px;
}

a:hover#menu-2 {
	background-position: -74px 0;
}

a#menu-3 {
	background: url(images/menu-3.jpg) no-repeat;
	width: 120px;
	height: 23px;
}

a:hover#menu-3 {
	background-position: -120px 0;
}

a#menu-4 {
	background: url(images/menu-4.jpg) no-repeat;
	width: 104px;
	height: 23px;
}

a:hover#menu-4 {
	background-position: -104px 0;
}

a#menu-5 {
	background: url(images/menu-5.jpg) no-repeat;
	width: 136px;
	height: 23px;
}

a:hover#menu-5 {
	background-position: -136px 0;
}

a#menu-6 {
	background: url(images/menu-6.jpg) no-repeat;
	width: 111px;
	height: 23px;
}

a:hover#menu-6 {
	background-position: -111px 0;
}

a#menu-7 {
	background: url(images/menu-7.jpg) no-repeat;
	width: 84px;
	height: 23px;
}

a:hover#menu-7 {
	background-position: -84px 0;
}

/* Active Menu Items */

a#menu-1-active {
	background: url(images/menu-1.jpg) no-repeat;
	background-position: -48px 0;
	width: 48px;
	height: 23px;
}

a#menu-2-active {
	background: url(images/menu-2.jpg) no-repeat;
	background-position: -74px 0;
	width: 74px;
	height: 23px;
}

a#menu-3-active {
	background: url(images/menu-3.jpg) no-repeat;
	background-position: -120px 0;
	width: 120px;
	height: 23px;
}

a#menu-4-active {
	background: url(images/menu-4.jpg) no-repeat;
	background-position: -104px 0;
	width: 104px;
	height: 23px;
}

a#menu-5-active {
	background: url(images/menu-5.jpg) no-repeat;
	background-position: -136px 0;
	width: 136px;
	height: 23px;
}

a#menu-6-active {
	background: url(images/menu-6.jpg) no-repeat;
	background-position: -111px 0;
	width: 111px;
	height: 23px;
}

a#menu-7-active {
	background: url(images/menu-7.jpg) no-repeat;
	background-position: -84px 0;
	width: 84px;
	height: 23px;
}

/* Sub-menu */

.sub-menu ul {
	list-style: none;
}

.sub-menu li {
	float: left;
	text-indent: -5000px;
}

.sub-menu li a {
	display: block;
	margin: 0;
	padding: 0;
}

/* Sub-menu Items */

a#sub-menu-1 {
	background: url(images/sub-menu-1.jpg) no-repeat;
	width: 108px;
	height: 23px;
}

a:hover#sub-menu-1 {
	background-position: -108px 0;
}

a#sub-menu-2 {
	background: url(images/sub-menu-2.jpg) no-repeat;
	width: 130px;
	height: 23px;
}

a:hover#sub-menu-2 {
	background-position: -130px 0;
}

/* Sub-menu Active Menu Items */

a#sub-menu-1-active {
	background: url(images/sub-menu-1.jpg) no-repeat;
	background-position: -108px 0;
	width: 108px;
	height: 23px;
}

a#sub-menu-2-active {
	background: url(images/sub-menu-2.jpg) no-repeat;
	background-position: -130px 0;
	width: 130px;
	height: 23px;
}

/* Page */

#page {
	width: 900px;
	margin: 0 auto;
	height: 600px;
}

#content {
	width: 880px;
	height: 600px;
	margin: 10px auto 0;
	padding-top: 30px;
}

/* Home */

#home-title {
	background: url(images/home-title.jpg) no-repeat;
	width: 781px;
	height: 118px;
	margin: 0 0 0 60px;
}

#home-packshot {
	float: left;
	background: url(images/home-packshot020109.jpg) no-repeat;
	width: 418px;
	height: 305px;
	margin: 30px 0 0 33px;
}

#home-newsboard {
	float: left;
	background: url(images/home-newsboard020109.jpg) no-repeat;
	width: 383px;
	height: 384px;
	margin: 30px 0 0 15px;
}

/* About */

#about-image {
	float: left;
	background: url(images/about-image.jpg) no-repeat;
	width: 420px;
	height: 307px;
	margin: 105px 0 0 40px; 
}


#about-text {
	background: url(images/about-title.jpg) top left no-repeat;
	float: left;
	width: 300px;
	margin: 30px 0 0 40px;
	padding: 50px 0 0 2px;
}

#about-link {
	display: block;
	background: url(images/about-link.jpg) top left no-repeat;
	width: 147px;
	height: 30px;
	margin-top: 30px;
	text-indent: -5000px;
}

/* Who's Who */

#who-title {
	background: url(images/who-title.jpg) no-repeat;
	width: 187px;
	height: 68px;
	margin: 0 0 5px 50px;
}

#who-images {
	margin: 0 0 0 40px;
}

.who-frame {
	padding-bottom: 50px;
	margin: 5px;
	width: 155px;
	height: 140px;
}

.who-spacer {
	padding-bottom: 50px;
	margin: 5px;
	width: 72px;
	height: 140px;
	float:left;
}

.who-frame p {
	padding: 140px 0 0 15px;
	text-align: left;
}

#who-1 {
	float: left;
	background: url(images/who-1.jpg) top left no-repeat;
}

#who-2 {
	float: left;
	background: url(images/who-2.jpg) top left no-repeat;
}

#who-3 {
	float: left;
	background: url(images/who-3.jpg) top left no-repeat;
}

#who-4 {
	float: left;
	background: url(images/who-4.jpg) top left no-repeat;
}

#who-5 {
	float: left;
	background: url(images/who-5.jpg) top left no-repeat;
}

#who-6 {
	float: left;
	background: url(images/who-6.jpg) top left no-repeat;
}

#who-7 {
	float: left;
	background: url(images/who-7.jpg) top left no-repeat;
}

#who-8 {
	float: left;
	background: url(images/who-8.jpg) top left no-repeat;
}

#who-9 {
	float: left;
	background: url(images/who-9.jpg) top left no-repeat;
}

#who-10 {
	float: left;
}

#who-10 p { /* Temporary - Remove when images are supplied? */
	padding: 0;
	margin: 0;
	padding-left: 15px;
}

#who-text {
	float: left;
	margin: 35px 0;
	width: 400px;
}

#who-link {
	float: right;
	display: block;
	background: url(images/who-link.jpg) top left no-repeat;
	width: 180px;
	height: 37px;
	margin-top: 30px;
	text-indent: -5000px;

}


/* Philosophy */

#philosophy-image {
	float: left;
	background: url(images/philosophy-image.jpg) no-repeat;
	width: 419px;
	height: 443px;
	margin: 50px 0 0 40px; 
}

#philosophy-text {
	background: url(images/philosophy-title1.jpg) top left no-repeat;
	float: left;
	width: 300px;
	margin: 5px 0 0 40px;
	padding: 50px 0 0 2px;
}

#philosophy-text2 {
	background: url(images/philosophy-title2.jpg) top left no-repeat;
	float: left;
	width: 300px;
	margin: 12px 0 0 40px;
	padding: 50px 0 0 2px;
}

/* Products */

#products-image {
	float: left;
	background: url(images/products-image.jpg) no-repeat;
	width: 420px;
	height: 444px;
	margin: 50px 0 0 39px; 
}

#products-text {
	background: url(images/products-title.jpg) top left no-repeat;
	float: left;
	width: 300px;
	margin: 45px 0 0 40px;
	padding: 50px 0 0 2px;
}

#products-link {
	display: block;
	background: url(images/products-link.jpg) top left no-repeat;
	width: 180px;
	height: 37px;
	margin-top: 30px;
	text-indent: -5000px;
}

/* Range */

#range-image {
	float: left;
	background: url(images/range-image.jpg) no-repeat;
	width: 418px;
	height: 450px;
	margin: 40px 0 0 39px; 
}

#range-text {
	background: url(images/range-title.jpg) top left no-repeat;
	float: left;
	width: 320px;
	margin: 0 0 0 38px;
	padding: 70px 0 0 2px;
}

#range-text2 {
	background: url(images/range-image2.jpg) top right no-repeat;
	float: left;
	width: 320px;
	height: 202px;
	margin: 15px 0 0 38px;
}

#range-link {
	display: block;
	background: url(images/range-link.jpg) top left no-repeat;
	width: 180px;
	height: 37px;
	margin-top: 30px;
	text-indent: -5000px;
}

#range-text p {
	margin-left: 20px;
}

#range-text2 p {
	margin-left: 20px;
	width: 200px;
}

#range-text ul {
	margin: 0 0 10px 35px;
}

/* Farmhouse */

#farmhouse-image {
	float: left;
	background: url(images/farmhouse-packshots020109.jpg) no-repeat;
	width: 418px;
	height: 465px;
	margin: 85px 0 0 35px; 
}

#farmhouse-text {
	background: url(images/farmhouse-title.jpg) top left no-repeat;
	float: left;
	width: 300px;
	margin: 30px 0 0 30px;
	padding: 50px 0 0 2px;
}

#farmhouse-text2 {
	background: url(images/farmhouse-title2.jpg) top left no-repeat;
	float: left;
	width: 365px;
	margin: 12px 0 0 30px;
	padding: 50px 0 0 2px;
}


/* Opportunities */

#opportunities-text {
	background: url(images/opportunities-title.jpg) top left no-repeat;
	float: left;
	width: 340px;
	margin: 0 45px 0 70px;
	padding: 60px 0 0 2px;
}

#opportunities-text ul {
	margin: 0 0 10px 20px;
	line-height: 1.4em;
}

#opportunities-form {
	float: left;
	width: 350px;
	margin-top: 130px;
}

/* Contact */

#contact-text {
	background: url(images/contact-title.jpg) top left no-repeat;
	float: left;
	width: 340px;
	margin: 73px 45px 0 70px;
	padding: 60px 0 0 2px;
}

#contact-thanks {
	background: url(images/contact-thanks.jpg) no-repeat;
	width: 249px;
	height: 67px;
	margin-top: 50px; 
}

#contact-text ul {
	margin: 0 0 10px 20px;
	line-height: 1.4em;
}

#contact-form {
	float: left;
	width: 350px;
	margin-top: 130px;
}

/* Forms */

form { 
  margin: 0; 
  padding: 0; 
}
  
fieldset { 
  font: normal 1.1em Tahoma, Verdana, Arial, Sans-Serif;
  margin: 0 0 10px 0; 
  padding: 5px; 
  border: none; 
} 

label { 
  font-weight: bold; 
} 

#name, #tel, #address, #comment, #compName { 
  width: 100%; 
  padding: 2px;
} 

input, textarea { 
  margin: 5px 0 5px 0; 
  border: 1px solid #000; 
}

.send-button {
	float: right;
	background: url(images/send.jpg) top left no-repeat;
	width: 87px;
	height: 31px;
	text-indent: -5000px;
	border: none;
	cursor: pointer;
}

/* Lists */

.list {
	font-size: 1.1em;
	line-height: 1.7em;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	margin: 10px 0 0 10px;
}