/* CSS Document */
/*
File	 			css/common.css
Version				1.00
Description			Common CSS Elements
URL					www.the-flower-room.co.uk
Copyright Notice	© Copyright Lazy Grace Ltd.
*/

/* Common */
body {
	padding: 0;
	margin: 0;
	background-color: #FFF;
	background-image: url(../images/common/background.gif);
	background-repeat: repeat-x;
}
div#container {
	padding: 0;
	margin: 0px auto 0px auto;
	width: 900px;
	height: auto;
	background: transparent;
}
div#header {
	padding: 0;
	margin: 0;
	width: 900px;
	height: 177px;
	background: transparent;
}
div#nav_container {
	padding: 139px 0px 0px 48px;
	margin: 0;
	width: 351px;
	height: 38px;
	background: transparent;
	clear: left;
	float: left;
}
div#logo {
	padding: 0;
	margin: 0;
	width: 501px;
	height: 177px;
	background: transparent;
	float: left;
}
div#content_container {
	padding: 0;
	margin: 0;
	width: 900px;
	height: 500px;
	background: transparent;
}
div#left {
	padding: 0;
	margin: 0;
	width: 432px;
	height: 473px;
	clear: left;
	float: left;
}
div#right {
	padding: 0;
	margin: 0;
	width: 408px;
	height: 473px;
	background: transparent;
	float: left;
}
div#title {
	padding: 0;
	margin: 0;
	width: 179px;
	height: 315px;
	background: transparent;
	clear: left;
	float: left;
}
div#text {
	padding: 50px 0px 0px 0px;
	margin: 0;
	width: 229px;
	height: 265px;
	background: transparent;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 0.8em;
	text-align: left;
	line-height: 1.4em;
}
div#text a:link, div#text a:active, div#text a:visited {
	text-decoration: underline;
	color: #666666;
}
div#text a:hover {
	text-decoration: none;
	color: #666666;
}
div#footer {
	padding: 13px 0px 0px 0px;
	margin: 0;
	width: 408px;
	height: 50px;
	background: transparent;
	clear: both;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	color: #b2b2b2;
	font-size: 0.7em;
	line-height: 1.4em;
}
div#footer a:link, div#footer a:active, div#footer a:visited {
	color: #b2b2b2;
	text-decoration: underline;
}
div#footer a:hover {
	color: #b2b2b2;
	text-decoration: none;
}



/* Nav */
.nav_home {
	padding: 0;
	margin: 0;
	width: 57px;
	height: 38px;
	background: url('../images/nav/nav_home.gif') 0 -38px no-repeat;
	float: left;
	list-style: none;
}
.nav_home a {
	margin: 0;
	padding: 0;
	display: block;
	width: 57px;
	height: 38px;
	background: url('../images/nav/nav_home.gif') top left no-repeat;
}
.nav_home span {
	display: block;
	margin: 0;
	padding: 0;
}
.nav_home a:hover {
	background-image: none;
}
.nav_home a:active {
	color: black;
}
.nav_home_off {
	padding: 0;
	margin: 0;
	width: 57px;
	height: 38px;
	background: url('../images/nav/nav_home.gif') 0 -76px no-repeat;
	float: left;
	list-style: none;
}

.nav_about {
	padding: 0;
	margin: 0;
	width: 74px;
	height: 38px;
	background: url('../images/nav/nav_about.gif') 0 -38px no-repeat;
	float: left;
	list-style: none;
}
.nav_about a {
	margin: 0;
	padding: 0;
	display: block;
	width: 74px;
	height: 38px;
	background: url('../images/nav/nav_about.gif') top left no-repeat;
}
.nav_about span {
	display: block;
	margin: 0;
	padding: 0;
}
.nav_about a:hover {
	background-image: none;
}
.nav_about a:active {
	color: black;
}
.nav_about_off {
	padding: 0;
	margin: 0;
	width: 74px;
	height: 38px;
	background: url('../images/nav/nav_about.gif') 0 -76px no-repeat;
	float: left;
	list-style: none;
}

.nav_what_we_do {
	padding: 0;
	margin: 0;
	width: 91px;
	height: 38px;
	background: url('../images/nav/nav_what_we_do.gif') 0 -38px no-repeat;
	float: left;
	list-style: none;
}
.nav_what_we_do a {
	margin: 0;
	padding: 0;
	display: block;
	width: 91px;
	height: 38px;
	background: url('../images/nav/nav_what_we_do.gif') top left no-repeat;
}
.nav_what_we_do span {
	display: block;
	margin: 0;
	padding: 0;
}
.nav_what_we_do a:hover {
	background-image: none;
}
.nav_what_we_do a:active {
	color: black;
}
.nav_what_we_do_off {
	padding: 0;
	margin: 0;
	width: 91px;
	height: 38px;
	background: url('../images/nav/nav_what_we_do.gif') 0 -76px no-repeat;
	float: left;
	list-style: none;
}

.nav_gallery {
	padding: 0;
	margin: 0;
	width: 63px;
	height: 38px;
	background: url('../images/nav/nav_gallery.gif') 0 -38px no-repeat;
	float: left;
	list-style: none;
}
.nav_gallery a {
	margin: 0;
	padding: 0;
	display: block;
	width: 63px;
	height: 38px;
	background: url('../images/nav/nav_gallery.gif') top left no-repeat;
}
.nav_gallery span {
	display: block;
	margin: 0;
	padding: 0;
}
.nav_gallery a:hover {
	background-image: none;
}
.nav_gallery a:active {
	color: black;
}
.nav_gallery_off {
	padding: 0;
	margin: 0;
	width: 63px;
	height: 38px;
	background: url('../images/nav/nav_gallery.gif') 0 -76px no-repeat;
	float: left;
	list-style: none;
}

.nav_contact {
	padding: 0;
	margin: 0;
	width: 66px;
	height: 38px;
	background: url('../images/nav/nav_contact.gif') 0 -38px no-repeat;
	float: left;
	list-style: none;
}
.nav_contact a {
	margin: 0;
	padding: 0;
	display: block;
	width: 66px;
	height: 38px;
	background: url('../images/nav/nav_contact.gif') top left no-repeat;
}
.nav_contact span {
	display: block;
	margin: 0;
	padding: 0;
}
.nav_contact a:hover {
	background-image: none;
}
.nav_contact a:active {
	color: black;
}
.nav_contact_off {
	padding: 0;
	margin: 0;
	width: 66px;
	height: 38px;
	background: url('../images/nav/nav_contact.gif') 0 -76px no-repeat;
	float: left;
	list-style: none;
}