/*
file : screen.css
client : Ilonka Catering
use : Screen styles for final build
author : Karl B
date created: 22nd January 2007
the song : Milosh - This Way
on this day : 1980 - Andrei Sakharov, a key architect of the Soviet hydrogen bomb and winner of the 1975 Nobel Peace Prize, was arrested in Moscow following his public protests against the Soviet war in Afghanistan and exiled to Gorky.
*/

/*
=body and =wrapper
*/

body {
	background: #efefef url(../images/body_bg.jpg) repeat-x 0 0;
	font-family: "Arial", "Trebuchet", sans-serif;
	font-size: 62.5%;
	margin: 0;
	padding: 0;
}

div#wrapper {
	height: auto;
	margin: 0 auto;
	padding: 0;
	width: 750px;
}

/*
=header
*/

div.header {
	background: #520407;
	border: 1px solid #2a0203;
	height: 166px;
	margin: 0;
	padding: 0;
	position: relative;
	width: 748px;
}

div.header#index {
	background: #520407 url(../images/header-index.jpg) no-repeat top right;
}

div.header#products {
	background: #520407 url(../images/header-products.jpg) no-repeat top right;
}

div.header#contact_us {
	background: #520407 url(../images/header-contact_us.jpg) no-repeat top right;
}

div.header a#logo {
	background: url(../images/header_logo.jpg) no-repeat 0 0;
	display: block;
	height: 124px;
	left: 29px;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	top: 17px;
	width: 176px;
}

/*
=navigation
*/

div#navigation {
	background: url(../images/navigation_bg.jpg) repeat-x 0 0;
	border-top: 1px solid #010101;
	height: 55px;
	width: 750px;
}

div#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-left: 25px;
}

div#navigation ul li {
	float: left;
	margin: 0;
	padding: 0;
}

div#navigation ul li a {
	display: block;
	height: 55px;
	margin-right: 25px;
	overflow: hidden;
	text-indent: -9999px;
}

div#navigation ul li a:hover {
	background-position: 0 -55px !important;
}

div#navigation ul li a.home {
	background: url(../images/nav-home.jpg) no-repeat 0 0;
	width: 49px;
}

div#navigation ul li a.products {
	background: url(../images/nav-products.jpg) no-repeat 0 0;
	width: 70px;
}

div#navigation ul li a.contact_us {
	background: url(../images/nav-contact_us.jpg) no-repeat 0 0;
	width: 86px;
}

/*
=content
*/

div#content_wrapper {
	background: #efefef;
	color: #4c4949;
	font-size: 1.3em;
	height: auto;
	padding: 20px;
	width: 710px;
}

div#content_wrapper div#flyer {
	width: 680px;
	margin: 0 auto;	
	background: #fff;
	border: 1px solid #ababab;
}


div#content_wrapper div#flyer p {
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	padding: 20px;
}

div#content_wrapper div#flyer img.left {
	float: left;
	margin: 10px 10px 10px 0;
}

div#content_wrapper div#flyer img.right {
	float: right;
	margin: 10px 0 10px 10px;
}

div#content_wrapper hr {
	border: 0;
	border-bottom: 1px solid #e1e0e0;
	height: 0;
	margin: 2em 0 1em;
	width: 100%;
}

html > body div#content_wrapper hr {
	margin: 1em 0;
}

div#content_wrapper p {
	line-height: 1.4em;
}

div#content_wrapper h2 {
	color: #053129;
	font-size: 1.38em;
	font-weight: normal;
	margin: 0;
	margin-bottom: 1em;
	padding: 0;
}

div#content_wrapper h3 {
	color: #053129;
	font-size: 1.15em;
	font-weight: normal;
	margin: 0;
	margin-bottom: 1em;
	padding: 0;
}

div#content_wrapper h4 {
	color: #520407;
	font-size: 1.1em;
	font-weight: bold;
	margin: 1em 0 0;
	padding: 0;
}

div#content_wrapper a {
	color: #520407;
	text-decoration: underline;
}

div#content_wrapper a:hover {
	color: #053129;
	text-decoration: underline;
}

div#content_wrapper div#flash {
	background: url(../images/flash_bg.jpg) no-repeat 0 0;
	float: right;
	height: 160px;
	margin-left: 10px;
	padding-left: 10px;
	width: 350px;
}

div#content_wrapper div.two_columns ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

div#content_wrapper div.two_columns ul li {
	line-height: 1.4em;
}

div#content_wrapper div.two_columns div.left {
	margin-right: 30px;
}

div#content_wrapper div.two_columns div.left,
div#content_wrapper div.two_columns div.right {
	float: left;
	width: 325px;
}

/*
=footer
*/

div#footer {
	color: #4c4949;
	font-size: 1.1em;
	margin: 0;
	margin-top: 2em;
	padding: 0;
}

div#footer a {
	color: #520407;
	text-decoration: underline;
}

div#footer a:hover {
	color: #053129;
	text-decoration: underline;
}

div#footer div#contact_details {
	border-bottom: 3px solid #e1e0e0;
	margin-bottom: 1em;
	padding: 1em 20px;
	text-align: center;
}

div#footer div#contact_details ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

div#footer div#contact_details ul li {
	display: inline;
	margin: 0;
	margin-left: 25px;
	padding: 0;
}

div#footer div#contact_details ul li.first {
	margin-left: 0;
}

div#footer div#contact_details p br {
	display: inline;
	margin: 0 15px;
	padding: 0;
}

div#footer div#footer_bottom {
	padding: 0 20px;
}

div#footer div#footer_bottom div.left {
	float: left;
}

div#footer div#footer_bottom div.left p {
	margin: 0;
	margin-bottom: .25em;
	padding: 0;
}

div#footer div#footer_bottom div.right {
	float: right;
	text-align: right;
}

div#footer div#footer_bottom a.site_created_by {
	background: url(../images/site_created_by.jpg) no-repeat 0 0;
	display: block;
	height: 27px;
	overflow: hidden;
	text-indent: -9999px;
	width: 200px;
}

/*
=forms
*/

#enquiryform {
	border: 0;
	margin-bottom: 10px;
	padding: 0;
	width: 100%;
}
#enquiryform em {
	color: #ff0000;
}
#enquiryform fieldset {
	border: 0;
	display: block;
	height: auto;
}
#enquiryform fieldset ol {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#enquiryform fieldset ol li {
	padding: 10px;
}
#enquiryform fieldset ol li.alt {
	background: #fcfcfc;
}
#enquiryform label {
	display: inline-block;
	padding-top: 3px;
	vertical-align: top;
	width: 150px;
}
#enquiryform textarea, #enquiryform input {
	color: #555;
	font-size: 1em;
	width: 180px;
}
#enquiryform textarea {
	font: 1em/1.2em "Arial", "Helvetica", sans-serif;
}

/*
=misc
*/
img {
	border: 0;
}
.clearfix:after {
    content: "."; 
    clear: both; 
    display: block; 
    height: 0; 
    visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
 /* End hide from IE-mac */