/*********************************************************************************\
Stylesheet for 4st Deli by Ian Luckraft
ian@ianluckraft.co.uk - ianluckraft.co.uk
\*********************************************************************************/

body {
	text-align:center;
	background-image:url('../images/backgrounds/floorboards.jpg');
	font-size:62.5%;
	font-family:Helvetica;
	color:#6a656c;
}


/*********************************************************************************\
Layout divs and ids
\*********************************************************************************/

#wrapper {
	/*background-color:Wheat;*/
	width:940px;
	margin:auto;
	text-align:left;
}

#header {
	/*background-color:yellow;*/
	text-align:center;
}

#headerImages {
	/*border:1px solid aqua;*/
	border-top:2px dotted #ffffff;
	border-bottom:2px dotted #ffffff;
	height:280px;
	/*margin-bottom:50px;*/
}

#panoramaImages {
	/*border:1px solid green;
	height:400px;*/
	margin-top:-10px;
}

#mainContent {
	/*background-color:olive;*/
	height:472px;
	/*margin-top:50px;*/
	background-image:url('../images/backgrounds/main_content.png');
	background-repeat:no-repeat;
	background-position:bottom;
}

#navigation {
	/*background-color:red;*/
	position:relative;
	height:65px;
	width:805px;
	margin:auto;
	/*margin-top:-20px;*/
	border-bottom:2px dotted #cccccc;
	text-align:right;
}

#leftColumn {
	/*background-color:blue;*/
	border-right:2px dotted #cccccc;
	height:300px;
	width:580px;
	float:left;
	/*margin-left:65px;*/
	padding-left:65px;
	padding-bottom:10px;
	padding-right:5px;
}

#rightColumn {
	/*background-color:brown;*/
	background-image:url('../images/backgrounds/yellow_background.png');
	background-repeat:no-repeat;
	height:300px;
	width:200px;
	float:right;
	/*margin-right:70px;*/
	padding:0px 70px 10px 5px;
	margin-bottom:10px;
}

#footer {
	background-color:#f7ef8c;
	border-top:2px dotted #cccccc;
	border-bottom:2px dotted #cccccc;
	width:795px;
	height:30px;
	margin:auto;
	clear:both;
	padding:5px 10px 5px 10px;
	font-size:1em;
}

#copyright {
	/*background-color:yellow;*/
	width:850px;
	margin:auto;
	text-align:right;
	font-size:1.2em;
}

#footerAddress {
	margin-right:10px;
}

#footerPhone {
	margin-left:10px;
	margin-right:10px;
}

#footerEmail {
	margin-left:10px;
}

/*********************************************************************************\
Images
\*********************************************************************************/

img {
	border:none;
}

#navigation img {
	vertical-align:bottom;
}

#footerLogo {
	float:right;
}

.leftImage {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

.rightImage {
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}

/*********************************************************************************\
Links
\*********************************************************************************/

#mainContent a {
	color:#774884;
	text-decoration:none;
}

#mainContent a:hover {
	text-decoration:underline;
}

#copyright a {
	color:#fff;
	text-decoration:none;
}

#copyright a:hover {
	text-decoration:underline;
}

/*********************************************************************************\
Lists
\*********************************************************************************/

#navigation ul {
	list-style-type:none;
	padding:0;
	margin:0;
}

#navigation ul li {
	padding:0;
	margin:0;
	display:inline;
	position:absolute;
}

#cafeIrieTab {
	right:230px;
	bottom:0;
}

#locationTab {
	right:115px;
	bottom:0;
}

#facebookTab {
	right:0;
	bottom:0;
}

/*********************************************************************************\
Font
\*********************************************************************************/

#mainContent h2 {
	color:#774884;
	font-size:1.5em;
	width:90%;
}

#mainContent p {
	font-size:1.1em;
}

.colouredText {
	color:#774884;
}

.bold {
	font-weight:bold;
}