/* FRANKONIA STYLESHEET */
/* TOM ASTON, FUSE (www.fuse.co.uk) */
/* 28th JULY 2009 */

/*********************************** RESET AND CLEARFIX ***********************************/

@import url('reset.css');
@import url('clearfix.css');

/*********************************** THE REST ***********************************/

body {
	font-family:"Lucida Grande", Arial, Helvetica;
	font-size:62.5%;
	background:url(../images/background-1.jpg) center top no-repeat #000000;
	color:#333333;
}
body#background1 { background:url(../images/background-1.jpg) center top no-repeat #000000; }
body#background2 { background:url(../images/background-2.jpg) center top no-repeat #000000; }
body#background3 { background:url(../images/background-3.jpg) center top no-repeat #000000; }
body#background4 { background:url(../images/background-4.jpg) center top no-repeat #000000; }
body#background5 { background:url(../images/background-5.jpg) center top no-repeat #000000; }
body#background6 { background:url(../images/background-6.jpg) center top no-repeat #000000; }
body#background7 { background:url(../images/background-7.jpg) center top no-repeat #000000; }
#content h1 {
	background:#E8E5DC;
	color:#8D0E3A;
	font-size:2.6em;
	padding:0 0 20px 0;
	width:940px;
	text-align:right;
	font-weight:normal;
}
h2 {
	color:#746c55;
	font-size:1.6em;
	margin:0 0 10px 0;
}
h3 {
	color:#8D0E3A;
	font-size:1.3em;
	margin:0 0 7px 0;
}
h4 {
	font-size:1.3em;
	margin:0 0 7px 0;
}
p {
	font-size:1.3em;
	line-height:1.3em;
	margin:0 0 14px 0;
}
ul {
	font-size:1.2em;
}
ul li {
	line-height:1.3em;
	margin:0 0 1px 0;
}
#page {
	width:940px;
	margin:0 auto;
	padding:20px 10px;
}
#header {
	width:940px;
	position:relative;
	padding:0 0 18px 0;
}
#header h1 {
	display:block;
	width:220px;
	height:129px;
}
#header h1 a {
	display:block;
	width:220px;
	height:129px;
	text-indent:-9999px;
	text-decoration:none;
	background:url(../images/frankonia-logo.png) left top no-repeat;
}
#header #navigation {
	position:absolute;
	top:0px;
	right:0px;
	float:left;
	background:#8E0C3A;
	height:31px;
	width:427px;
}
#header #navigation ul {
	margin:0;
}
#header #navigation ul li {
	float:left;
	margin:0 0 0 15px;
	display:inline;
}
#header #navigation ul li a {
	display:block;
	height:31px;
	padding:0;
	text-indent:-9999px;
}
#header #navigation ul li.home,
#header #navigation ul li.home a:link,
#header #navigation ul li.home a:visited {
	background:url(../images/main-navigation.gif) 0 0 no-repeat;
	width:40px;
}
#header #navigation ul li.about a,
#header #navigation ul li.about a:link,
#header #navigation ul li.about a:visited {
	background:url(../images/main-navigation.gif) -40px 0 no-repeat;
	width:69px;
}
#header #navigation ul li.products a,
#header #navigation ul li.products a:link,
#header #navigation ul li.products a:visited {
	background:url(../images/main-navigation.gif) -109px 0 no-repeat;
	width:107px;
}
#header #navigation ul li.recruitment a,
#header #navigation ul li.recruitment a:link,
#header #navigation ul li.recruitment a:visited {
	background:url(../images/main-navigation.gif) -216px 0 no-repeat;
	width:100px;
	display:none;
}
#header #navigation ul li.news a,
#header #navigation ul li.news a:link,
#header #navigation ul li.news a:visited {
	background:url(../images/main-navigation.gif) -316px 0 no-repeat;
	width:35px;
}
#header #navigation ul li.contact a,
#header #navigation ul li.contact a:link,
#header #navigation ul li.contact a:visited {
	background:url(../images/main-navigation.gif) -355px 0 no-repeat;
	width:86px;
}
#header #navigation ul li.home a:hover,
#header #navigation ul li.home a:active {
	background:url(../images/main-navigation.gif) 0 -31px no-repeat;
}
#header #navigation ul li.about a:hover,
#header #navigation ul li.about a:active {
	background:url(../images/main-navigation.gif) -40px -31px no-repeat;
}
#header #navigation ul li.products a:hover,
#header #navigation ul li.products a:active {
	background:url(../images/main-navigation.gif) -109px -31px no-repeat;
}
#header #navigation ul li.recruitment a:hover,
#header #navigation ul li.recruitment a:active {
	background:url(../images/main-navigation.gif) -216px -31px no-repeat;
}
#header #navigation ul li.news a:hover,
#header #navigation ul li.news a:active {
	background:url(../images/main-navigation.gif) -316px -31px no-repeat;
}
#header #navigation ul li.contact a:hover,
#header #navigation ul li.contact a:active {
	background:url(../images/main-navigation.gif) -355px -31px no-repeat;
}
#header #category-navigation {
	position:absolute;
	top:41px;
	right:0;
	float:left;
	width:338px;
	height:80px;
	padding:6px;
	background:#f2e9d9;
	overflow:hidden;
}
#header #category-navigation ul li {
	float:left;
	width:80px;
	display:inline;
}
#header #category-navigation ul li a {
	display:block;
	width:80px;
	height:80px;
	text-indent:-9999px;
}
#header #category-navigation ul li.loaves {
	background:url(../images/mini-category-links.gif) 0 0 no-repeat;
	margin:0 6px 0 0;
}
#header #category-navigation ul li.rolls {
	background:url(../images/mini-category-links.gif) -80px 0 no-repeat;
	margin:0 6px 0 0;
}
#header #category-navigation ul li.sandwich {
	background:url(../images/mini-category-links.gif) -160px 0 no-repeat;
	margin:0 6px 0 0;
}
#header #category-navigation ul li.breakfast {
	background:url(../images/mini-category-links.gif) -240px 0 no-repeat;
}
#header #category-navigation ul li.loaves a:link,
#header #category-navigation ul li.loaves a:visited {
	background:url(../images/mini-category-links.gif) 0 0 no-repeat;
}
#header #category-navigation ul li.rolls a:link,
#header #category-navigation ul li.rolls a:visited {
	background:url(../images/mini-category-links.gif) -80px 0 no-repeat;
}
#header #category-navigation ul li.sandwich a:link,
#header #category-navigation ul li.sandwich a:visited {
	background:url(../images/mini-category-links.gif) -160px 0 no-repeat;
}
#header #category-navigation ul li.breakfast a:link,
#header #category-navigation ul li.breakfast a:visited {
	background:url(../images/mini-category-links.gif) -240px 0 no-repeat;
}
#header #category-navigation ul li.loaves a:hover,
#header #category-navigation ul li.loaves a:active {
	background:url(../images/mini-category-links.gif) 0 -80px no-repeat;
}
#header #category-navigation ul li.rolls a:hover,
#header #category-navigation ul li.rolls a:active {
	background:url(../images/mini-category-links.gif) -80px -80px no-repeat;
}
#header #category-navigation ul li.sandwich a:hover,
#header #category-navigation ul li.sandwich a:active {
	background:url(../images/mini-category-links.gif) -160px -80px no-repeat;
}
#header #category-navigation ul li.breakfast a:hover,
#header #category-navigation ul li.breakfast a:active {
	background:url(../images/mini-category-links.gif) -240px -80px no-repeat;
}
#content {
	clear:both;
	width:940px;
	padding:0 0 20px 0;
	float:left;
}
#mainImg {
	padding:10px;
	float:left;
	margin:0 0 10px 0;
	width:920px;
	/*background:url(../images/brown-bg.png) left top repeat;*/
	background:#f2e9d9;
}
#mainImg img {
	width:918px;
	border:solid 1px #beb59c;
}
#left-content {
	width:590px;
	float:left;
}
#left-content #post {
	width:580px;
	padding:0;
	float:left;
}
#left-content #post img {
	margin:0 0 20px 0;
}
#left-content #post h2 {
	margin:0 0 4px 0;
}
#left-content #main #products .main-product-img {
	border:solid 1px #beb59c;
	float:left;
	margin:0 0 10px 0;
}
#left-content #main #products #product-list {
	color:#FFFFFF;
}
#left-content #main #products #product-list li {
	float:left;
	margin:0 10px 10px 0;
	display:inline;
}
#left-content #main #products #product-list li.last {
	margin:0 0 10px 0;
}
#left-content #main #products #product-list li img {
	border:solid 1px #beb59c;
	float:left;
}
#left-content #main #products #product-list li.selected img {
	border:solid 1px #8d0e3a;
}
#left-content #main {
	width:550px;
	padding:11px 10px 0 10px;
	margin:0 0 10px 0;
	float:left;
	background:#f2e9d9;
}
#left-content #main p {
	margin:0 0 10px 0;
	color:#000000;
}
#left-content #main p a:link,
#left-content #main p a:visited {
	color:#8E0C3A;
	text-decoration:underline;
	font-weight:bold;
}
#left-content #main p a:hover,
#left-content #main p a:active {
	color:#7E765F;
	text-decoration:none;
}
#left-content #main h2#all-about {
	background:url(../images/all-about-h2.gif) left top no-repeat;
	text-indent:-9999px;
	width:221px;
	height:17px;
}
#left-content #main h2#contact {
	background:url(../images/contact-h2.gif) left top no-repeat;
	text-indent:-9999px;
	width:195px;
	height:17px;
}
#left-content #main h2#recruitment {
	background:url(../images/recruitment-h2.gif) left top no-repeat;
	text-indent:-9999px;
	width:136px;
	height:18px;
}
#left-content #post .date {
	font-size:1.2em;
	line-height:1.3em;
	margin:0 0 14px 0;
	color:#8D0E3A;
	font-weight:bold;
}
#left-content #product-intro {
	width:550px;
	padding:10px;
	margin:0 0 10px 0;
	float:left;
	/*background:url(../images/brown-bg.png) left top repeat;*/
	/*background:#746c55;*/
	background:#f2e9d9;
}
#left-content #product-intro img {
	width:548px;
	border:solid 1px #beb59c;
}
#left-content #main-category-links {
	width:550px;
	padding:10px;
	margin:0 0 20px 0;
	float:left;
	background:#f2e9d9;
	overflow:hidden;
}
#left-content #main-category-links ul li {
	float:left;
	width:130px;
	display:inline;
}
#left-content #main-category-links ul li a {
	display:block;
	width:130px;
	height:130px;
	text-indent:-9999px;
}
#left-content #main-category-links ul li.loaves {
	background:url(../images/main-category-links.gif) 0 0 no-repeat;
	margin:0 10px 0 0;
}
#left-content #main-category-links ul li.rolls {
	background:url(../images/main-category-links.gif) -130px 0 no-repeat;
	margin:0 10px 0 0;
}
#left-content #main-category-links ul li.sandwich {
	background:url(../images/main-category-links.gif) -260px 0 no-repeat;
	margin:0 10px 0 0;
}
#left-content #main-category-links ul li.breakfast {
	background:url(../images/main-category-links.gif) -390px 0 no-repeat;
}
#left-content #main-category-links ul li.loaves a:link,
#left-content #main-category-links ul li.loaves a:visited {
	background:url(../images/main-category-links.gif) 0 0 no-repeat;
}
#left-content #main-category-links ul li.rolls a:link,
#left-content #main-category-links ul li.rolls a:visited {
	background:url(../images/main-category-links.gif) -130px 0 no-repeat;
}
#left-content #main-category-links ul li.sandwich a:link,
#left-content #main-category-links ul li.sandwich a:visited {
	background:url(../images/main-category-links.gif) -260px 0 no-repeat;
}
#left-content #main-category-links ul li.breakfast a:link,
#left-content #main-category-links ul li.breakfast a:visited {
	background:url(../images/main-category-links.gif) -390px 0 no-repeat;
}
#left-content #main-category-links ul li.loaves a:hover,
#left-content #main-category-links ul li.loaves a:active {
	background:url(../images/main-category-links.gif) 0 -130px no-repeat;
}
#left-content #main-category-links ul li.rolls a:hover,
#left-content #main-category-links ul li.rolls a:active {
	background:url(../images/main-category-links.gif) -130px -130px no-repeat;
}
#left-content #main-category-links ul li.sandwich a:hover,
#left-content #main-category-links ul li.sandwich a:active {
	background:url(../images/main-category-links.gif) -260px -130px no-repeat;
}
#left-content #main-category-links ul li.breakfast a:hover,
#left-content #main-category-links ul li.breakfast a:active {
	background:url(../images/main-category-links.gif) -390px -130px no-repeat;
}
#right-content {
	width:350px;
	padding:0;
	float:left;
}
#right-content .sidebar-content {
	padding:13px 11px;
	/*background:url(../images/brown-bg.png) left top repeat;*/
	background:#f2e9d9;
	float:left;
	width:328px;
}
#right-content .sidebar-content h2 {
	font-size:1.4em;
}
#right-content .sidebar-content h3 {
	font-size:2.0em;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
}
#right-content #welcome {
	margin:0 0 10px 0;
	color:#000000;
}
#right-content #welcome h2 {
	background:url(../images/welcome-h2.gif) left top no-repeat;
	text-indent:-9999px;
	width:244px;
	height:17px;
}
#right-content #welcome p {
	margin:0;
}
#right-content #recent-news ul li,
#right-content #categories-list ul li,
#right-content #archives-list ul li {
	line-height:1.3em;
	font-size:1.0em;
	margin:0 0 3px 0;
}
#right-content #recent-news ul,
#right-content #categories-list ul {
	margin:0 0 20px 0;
}
#right-content #client-comments h2 {
	background:url(../images/clients-h2.gif) left top no-repeat;
	text-indent:-9999px;
	width:223px;
	height:13px;
	margin:0;
}
#right-content #client-comments blockquote {
	font-size:1.2em;
	margin:0 0 7px 0;
	line-height:1.3em;
	color:#000000;
	padding:10px 0 0 0;
}
#right-content #client-comments cite {
	font-size:1.1em;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#right-content #current-vacancies h2 {
	background:url(../images/vacancies-h2.gif) left top no-repeat;
	text-indent:-9999px;
	width:148px;
	height:13px;
}
#right-content #our-products h2 {
	text-indent:-9999px;
	width:146px;
	height:17px;
	margin:0 0 14px 0;
}
#right-content #our-products h2#productsH2 {
	background:url(../images/products-h2.gif) left top no-repeat;
}
#right-content #our-products h2#loavesH2 {
	background:url(../images/loaves-h2.gif) left top no-repeat;
}
#right-content #our-products h2#rollsH2 {
	background:url(../images/rolls-h2.gif) left top no-repeat;
}
#right-content #our-products h2#sandwichH2 {
	background:url(../images/sandwich-h2.gif) left top no-repeat;
}
#right-content #our-products h2#breakfastH2 {
	background:url(../images/breakfast-h2.gif) left top no-repeat;
}
#right-content #breakfast h3 {
	margin:0 0 10px 0;
}
#right-content #our-products {
	margin:0 0 10px 0;
	padding-bottom:0;
}
#right-content #our-products p {
	font-size:1.2em;
	margin:0 0 7px 0;
}
#right-content #our-products ul {
	margin:0 0 14px 0;
}
#right-content #our-products ul li {
	background:url(../images/bullet.gif) 0.2em 0.4em no-repeat;
	padding:0 0 0 18px;
}
#right-content #our-products-2 {
	margin:0 0 10px 0;
	padding-bottom:0;
}
#right-content a:link,
#right-content a:visited {
	color:#333333;
	font-weight:bold;
}
#right-content a:hover,
#right-content a:active {
	color:#8c1839;
}
#right-content #product-details h2 {
	color:#8D0E3A;
	font-size:1.8em;
}
#right-content #product-details ul li {
	line-height:1.3em;
	margin:0 0 1px 0;
	font-size:1.2em;
}
#right-content #related-products h2 {
	color:#E8E5DC;
	background:#8D0E3A;
	padding:10px;
}
#right-content #related-products ul {
	margin:0 0 14px 0;
}
#right-content #related-products ul li {
	line-height:1.3em;
	font-size:1.1em;
}
#right-content #general p {
	margin:0;
	padding:0;
}
.anything-tickle-link {
	width:202px;
	height:30px;
	background:url(../images/howcan.png) left top no-repeat;
	clear:both;
	float:left;
	text-indent:-9999px;
}
#right-content .anything-tickle-link {
	height:30px;
	background:url(../images/howcan.png) left bottom no-repeat;
}
#left-content #main #news img {
	width:548px;
	border:solid 1px #746C55;
	margin:0 0 15px 0;
}
#left-content #main #news h2 {
	margin:0 0 5px 0;
	text-transform:uppercase;
}
#left-content #main #news h3 {
	margin:0 0 10px 0;
}
#left-content #main #news p {
	margin:0 0 10px 0;
}



#footer {
	clear:both;
	padding:10px 0;
	width:940px;
	font-size:1.1em;
	color:#FFFFFF;
	border-top:solid 1px #8E0C3A;
}