/*
Theme Name: Bottled
Theme URI: http://www.tmgdesign.co.za/
Description: The exclusive theme to the Letter In A Bottle company's web site.
Version: Version 1.0
Author: The Creative Bureau
*/

/*Home Page Styling ----------------------------------------------------------------------------*/
body {
	background: #F5EADD url('images/backg.jpg') top left repeat-x;
	margin: 0px;
	padding: 0px;
	font-family: 'Lucida Sans Unicode', Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #372B0F;
}

img {
	background: transparent;
	border: 0px;
}

#container {
	background: transparent;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 20px;
}

#header {
	background: transparent;
	width: 800px;
	height: 150px;
}

#logo {
	background: transparent;
	width: 375px;
	height: 150px;
	float: left;
}

#menu {
	background: transparent;
	width: 425px;
	height: 150px;
	float: right;
}

#title {
	background: transparent;
	width: 800px;
	height: 350px;
}

#titletext {
	background: transparent;
	width: 800px;
	height: 350px;
	position: absolute;
	margin-top: 0px;
}

#featurebackg {
	background: transparent;
	width: 800px;
	height: 135px;
}

#features {
	background: transparent;
	width: 800px;
	height: 135px;
	position: absolute;
	margin-top: -155px;
}

/*Feature 1 Styling ----------------------------------------------------------------------------*/
#feature1 {
	background: transparent;
	margin-left: 17px;
	margin-top: 0px;
	float: left;
}

a.feature1buttons {
	display: block;
	width: 240px;
	height: 140px;
	background: url('images/feature1.jpg') 0 0 no-repeat;
	text-decoration: none;
}

a:hover.feature1buttons {
	background-position: -240px 0;
}

/*Feature 2 Styling ----------------------------------------------------------------------------*/
#feature2 {
	background: transparent;
	margin-left: 24px;
	margin-top: 0px;
	float: left;
}

a.feature2buttons {
	display: block;
	width: 240px;
	height: 140px;
	background: url('images/feature2.jpg') 0 0 no-repeat;
	text-decoration: none;
}

a:hover.feature2buttons {
	background-position: -240px 0;
}

/*Feature 3 Styling ----------------------------------------------------------------------------*/
#feature3 {
	background: transparent;
	margin-right: 17px;
	margin-top: 0px;
	float: right;
}

a.feature3buttons {
	display: block;
	width: 240px;
	height: 140px;
	background: url('images/feature3.jpg') 0 0 no-repeat;
	text-decoration: none;
}

a:hover.feature3buttons {
	background-position: -240px 0;
}

.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/*Footer Styling -------------------------------------------------------------------------------*/
#footer {
	background: transparent url(images/footerbackg.jpg) top left no-repeat;
	width: 800px;
	height: 50px;
	font-family: Georgia, 'Times New Roman', Times, serif;
}

#copyright {
	background: transparent;
	width: 400px;
	height: auto;
	margin-left: 48px;
	margin-top: 18px;
	float: left;
	color: #B3A47D;
	font-size: 11px;	
}

#credit {
	background: transparent;
	width: auto;
	height: auto;
	margin-right: 48px;
	margin-top: 18px;
	float: right;
	color: #826E59;	
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 11px;
}

#credit a {
	background: transparent;
	color: #B3A47D;
	text-decoration: none;
}

#credit a:hover {
	color: #372B0F;
}