/*
--------------------------------------
Heart of England Pet Cremation Service
Author: Bright Fox Solutions
--------------------------------------
*/

*
{
	margin: 0px;
	padding: 0px;
}

body
{
	text-align: center;
	background: #54bae9 url(../images/body-bg.jpg) repeat-x top left;
}

div#container
{
	text-align: left;
	margin: auto;
	width: 780px;
}

div#header
{
	float: left;
	display: inline;
	width: 780px;
	height: 388px;
	background: url(../images/shadow.jpg) no-repeat 0px 288px;
	position: relative;
}

div#header h1
{
	float: left;
	display: inline;
	background: url(../images/logo.gif) no-repeat top left;
	overflow: hidden;
	text-indent: -8000px;
	margin: 8px 0px 28px 136px;
}

div#header h1 a
{
	display: block;
	width: 505px;
	height: 246px;
}

div#header p#contact-numbers
{
	position: absolute;
	top: 270px;
	left: 225px;
	font-family: Arial, Helvetica, sans-serif;
	color: #3c3c3c;
}

div#header p#contact-numbers span
{
	float: left;
	display: inline;
	margin-right: 15px;
}

div#content
{
	float: left;
	display: inline;
	width: 780px;
	background: #ffffff url(../images/house.jpg) no-repeat 0px -17px;
	position: relative;
	padding-bottom: 30px;
}

div#content h2
{
	float: left;
	display: inline;
	margin: 309px 0px 16px 54px;
	font: normal 1.125em arial;
	color: #54bae9;
	width: 418px;
}

div#content h3
{
	float: left;
	display: inline;
	width: 418px;
	color: #7e929b;
	margin: 13px 0px -13px 54px;
	font: bold 0.9em arial;
}

div#content p
{
	float: left;
	display: inline;
	width: 418px;
	margin: 13px 0px 13px 54px;
	font: normal 0.9em arial;
	color: #7e929b;
}

div#content div#products
{
	float: left;
	display: inline;
	width: 740px;
	margin: 33px 0px 0px 39px;
}

div#products div
{
	float: left;
	display: inline;
	border: 1px solid #e2e2e2;
	width: 152px;
	min-height: 300px;
	margin: 0px 25px 25px 0px;
	padding-bottom: 10px;
	background: #e2e2e2 repeat top left;
}

div#products div img
{
	float: left;
	display: inline;
}

div#products div p.title
{
	margin: 10px 10px 30px 10px;
	font: bold 0.8em arial;
	float: left;
	display: inline;
}

div#products div p
{
	margin: -20px 10px 0px 10px;
	width: 132px;
	font: normal 0.8em arial;
	float: left;
	display: inline;
}

div#products div.large-product
{
	width: 336px;
}

div#products div.large-product p
{
	width: 316px;
}

div#products object
{
	float: left;
	display: inline;
	width: 152px;
	height: 328px;
	margin: 0px 25px 25px 0px;
}

div#products object.large-product
{
	width: 336px;
	height: 328px;
}

div#content img#product-bg
{
	position: absolute;
	top: 46px;
	right: 13px;
	width: 277px;
}

div#footer
{
	clear: both;
	background: #54bae9 repeat top left;
}

div#footer ul
{
	float: left;
	display: inline;
	margin: 19px 0px 0px 118px;
	width: 300px;
	text-align: center;
	position: relative;
}

div#footer ul li
{
	float: left;
	display: inline;
	background: url(../images/point.gif) no-repeat center left;
	padding: 0px 6px 0px 16px;
}

div#footer ul li#subnavhome
{
	background: none;
	padding-left: 22px;
}

div#footer ul li#subnavscatter
{
	background: none;
	padding-left: 0px;
}

div#footer li a
{
	float: left;
	display: inline;
	color: #ffffff;
	text-decoration: none;
	font: normal 0.75em arial;
}

div#footer p#licence
{
	float: right;
	width: 236px;
	height: 78px;
	display: inline;
	overflow: hidden;
	text-indent: -8000px;
	margin: 8px 33px 7px 0px;
	background: url(../images/membership.gif) no-repeat bottom right;
}

div#footer p#copyright
{
	float: left;
	display: inline;
	color: #1c92c8;
	font: normal 0.625em arial;
	margin: 20px 0px 11px 119px;
}

/*
------------------------
End of Consistent Styles
------------------------
*/

/*
----------
Navigation
----------
*/

div#cmsnav
{
	float: left;
	display: inline;
	width: 780px;
	background: #ffffff url(../images/nav-bg.gif) no-repeat center 13px;
	margin-top: 26px;
}

div#cmsnav ul
{
	width: 780px;
	float: left;
	display: inline;
	list-style: none;
	margin-top: 11px;
}

div#cmsnav ul li
{
	float: left;
	display: inline;
	
}

div#cmsnav ul li a
{
	float: left;
	display: inline;
	height: 20px;
	text-indent: -8000px;
	overflow: hidden;
}

div#cmsnav ul li#navhome a {background: url(../images/bttn-off-home.gif) no-repeat top left; width: 65px; margin: 0px 138px 0px 105px;}
div#cmsnav ul li#navcasket a {background: url(../images/bttn-off-casket.gif) no-repeat top left; width: 164px; margin-right: 97px;}
div#cmsnav ul li#navcontact a {background: url(../images/bttn-off-contact.gif) no-repeat top left; width: 128px;}
div#cmsnav ul li#navscatter a {background: url(../images/bttn-off-scatter.gif) no-repeat top left; width: 116px; margin: 29px 29px 0px 75px;}
div#cmsnav ul li#navjewellery a {background: url(../images/bttn-off-jewellery.gif) no-repeat top left; width: 181px; margin: 29px 36px 0px 0px;}
div#cmsnav ul li#navcats a {background: url(../images/bttn-off-cats.gif) no-repeat top left; width: 41px; margin-top: 29px;}
div#cmsnav ul li#navframes a {background: url(../images/bttn-off-frames.gif) no-repeat top left; width: 206px; margin: 29px 0px 0px 36px;}

body.homepg div#cmsnav ul li#navhome a {background: url(../images/bttn-on-home.gif) no-repeat top left; width: 65px;;}
body.casketpg div#cmsnav ul li#navcasket a {background: url(../images/bttn-on-casket.gif) no-repeat top left; width: 164px;}
body.contactpg div#cmsnav ul li#navcontact a {background: url(../images/bttn-on-contact.gif) no-repeat top left; width: 128px;}
body.scatterpg div#cmsnav ul li#navscatter a {background: url(../images/bttn-on-scatter.gif) no-repeat top left; width: 116px;}
body.jewellerypg div#cmsnav ul li#navjewellery a {background: url(../images/bttn-on-jewellery.gif) no-repeat top left; width: 181px;}
body.catspg div#cmsnav ul li#navcats a {background: url(../images/bttn-on-cats.gif) no-repeat top left; width: 41px;}
body.framespg div#cmsnav ul li#navframes a {background: url(../images/bttn-on-frames.gif) no-repeat top left;}

/*
-----------------
End of Navigation
-----------------
*/

/*
----
Home
----
*/

body.homepg div#content img#product-bg
{
	background: url(../images/photos.jpg) no-repeat top left;
	width: 292px;
	height: 343px;
}

div#content img#home-cat
{
	float: right;
	display: inline;
	width: 206px;
	height: 110px;
	background: url(../images/cat.jpg) no-repeat top left;
	margin-right: 13px;
}

/*
--------
End Home
--------
*/

/*
---------------
Casket and Urns
---------------
*/

body.casketpg div#content img#product-bg
{
	background: url(../images/urn-bg.jpg) no-repeat top left;
	height: 269px;
}

/*
----------------------
End of Casket and Urns
----------------------
*/

/*
-------------
Scatter Tubes
-------------
*/

body.scatterpg div#content img#product-bg
{
	background: url(../images/scatter-tubes-bg.jpg) no-repeat top left;
	height: 290px;
}


/*
--------------------
End of Scatter Tubes
--------------------
*/

/*
-----------------------
Jewellery and Keepsakes
-----------------------
*/

body.jewellerypg div#content img#product-bg
{
	background: url(../images/jewellery-bg.jpg) no-repeat top left;
	height: 242px;
}

/*
------------------------------
End of Jewellery and Keepsakes
------------------------------
*/

/*
----
Cats
----
*/

body.catspg div#content img#product-bg
{
	background: url(../images/cats-bg.jpg) no-repeat top left;
	height: 263px;
}

/*
-----------
End of Cats
-----------
*/

/* Tribute Frames and Boxes */

body.framespg div#content img#product-bg
{
	background: url(../images/tribute-frames.jpg) no-repeat top left;
	height: 317px;
}

body.framespg div#products div
{
	min-height: 365px;
}

/* End Tribute Frames and Boxes */

/*
----------
Contact Us
----------
*/

div#content img#map
{
	float: left;
	display: inline;
	margin: 14px 0px 0px 16px;
}

body.contactpg div#content p
{
	float: right;
	display: inline;
	width: 302px;
	margin: 11px 15px 0px 0px;
	font: normal 1.25em arial;
}

/*
-----------------
End of Contact Us
-----------------
*/