/* CSS Document */
html, body {
	font: 76% "Trebuchet MS", Arial, sans-serif;
	color: #002F23;
	background: #DFEAE9;
    }
span {
    display: none;
    }

p {
	font-size: 1.1em;
	line-height: 1.4em;
}	
a {
	text-decoration: none;
	color: #002F23;
	}
	
a:hover {
	text-decoration: underline;
}
h1, h2, h3, h4{
	color: #FFFFFF;
	font-weight: normal;
}
h2{
	font-size: 1.6em;
	line-height: 2.2em;
}
h3{
	font-size: 1.3em;
	line-height: 2em;
	color:#73AC38;
}
h4 {
	font-size: 1.6em;
	line-height: 1.8em;
}

ul.bullets {
	margin-left: 1.5em;
	font-size: 1.2em;
}
ul.bullets li {
	padding-bottom: 0.3em;
}
/* ------ Global ------*/
			
label{
	font-size: 1.2em;
	line-height: 1.2em;
}
/* -------------------------- Header --------------------------  */
#padding{
	background: #FFF;
	font-size:1.2em;
}	

#headerHome{
	background: url(../images/home/banner.jpg) no-repeat left top;
	height: auto;
	width: 100%;
}
#headerFamily{
	background: url(../images/about/family-header.jpg) no-repeat left top;
	height: auto;
	width: 100%;
}
#header{
	height: 260px;
	width: 100%;
}
#headerTrees{
	background: url(../images/trees/italian-header.jpg) no-repeat left top;
	height: auto;
	width: 100%;
}
#headerBedding{
	background: url(../images/bedding/bedding-header.jpg) no-repeat left top;
	height: auto;
	width: 100%;
}
#headerShop{
	background: url(../images/shop/shop-header.jpg) no-repeat left top;
	height: auto;
	width: 100%;
}
#headerCoffee{
	background: url(../images/coffee/coffee-header.jpg) no-repeat left top;
	height: auto;
	width: 100%;
}
#headerPet{
	background: url(../images/pet/pet-header.jpg) no-repeat left top;
	height: auto;
	width: 100%;
}
#headerLocation{
	background: url(../images/location/location-header.jpg) no-repeat left top;
	height: auto;
	width: 100%;
}
#headerContact{
	background: url(../images/contact/contact-header.jpg) no-repeat left top;
	height: auto;
	width: 100%;
}

h1{
	display: block;
	color: #FFFFFF;
}

/* -------------------------- Footer --------------------------  */

#footer{
	background-color: #B2C1BD;
}
#footer p{
	font-size:1em;
}
#footer a:hover{
	color:#144F3E;
	text-decoration: none;
}
.bullet{
	display: inline;
	padding : 0 3px 0 12px;
	background: url(../images/global/bullet.gif) no-repeat left center;
}
#breadcrumbs{
	color:#FFFFFF;
	font-size:1em;
}
#breadcrumbs a{
	color: #FFF;
	text-decoration: none;
}
#breadcrumbs ul li b{
	font-weight: normal;	
}
#copyright{
	float:right;
	padding-top:4px;
	font-size:1em;
}
/* -------------------------- Menu --------------------------  */
#nav{
	float:left;
	width: 185px;
	margin-bottom:40px;
}
#nav ul{
	list-style-type: none;
	display: block;
}
#nav ul li{
	list-style-type: none;
	display: block;
	padding:2px 0 0;
}
#nav ul li a{
	display: block;
	height: 20px;
	width: 100%;
}
#nav a.home {
	background: url(../images/nav/home-off.gif) no-repeat center center;
}
#nav a:hover.home  {
	background: url(../images/nav/home-over.gif) no-repeat center center;
}
#nav b a.home, #nav b a:hover.home {
	background: url(../images/nav/home-on.gif) no-repeat center center;
}

#nav a.about  {
	background: url(../images/nav/about-off.gif) no-repeat center center;
}
#nav a:hover.about  {
	background: url(../images/nav/about-over.gif) no-repeat center center;
}
#nav b a.about, #nav b a:hover.about {
	background: url(../images/nav/about-off.gif) no-repeat center center;
}

#nav a.trees  {
	background: url(../images/nav/trees-off.gif) no-repeat center center;
}
#nav a:hover.trees  {
	background: url(../images/nav/trees-over.gif) no-repeat center center;
}
#nav b a.trees, #nav b a:hover.trees {
	background: url(../images/nav/trees-on.gif) no-repeat center center;
}

#nav a.bedding  {
	background: url(../images/nav/bedding-off.gif) no-repeat center center;
}
#nav a:hover.bedding  {
	background: url(../images/nav/bedding-over.gif) no-repeat center center;
}
#nav b a.bedding, #nav b a:hover.bedding {
	background: url(../images/nav/bedding-on.gif) no-repeat center center;
}

#nav a.shop  {
	background: url(../images/nav/shop-off.gif) no-repeat center center;
}
#nav a:hover.shop  {
	background: url(../images/nav/shop-over.gif) no-repeat center center;
}
#nav b a.shop, #nav b a:hover.shop {
	background: url(../images/nav/shop-on.gif) no-repeat center center;
}

#nav a.pet  {
	background: url(../images/nav/pet-off.gif) no-repeat center center;
}
#nav a:hover.pet  {
	background: url(../images/nav/pet-over.gif) no-repeat center center;
}
#nav b a.pet, #nav b a:hover.pet {
	background: url(../images/nav/pet-on.gif) no-repeat center center;
}

#nav a.coffee  {
	background: url(../images/nav/coffee-off.gif) no-repeat center center;
}
#nav a:hover.coffee {
	background: url(../images/nav/coffee-over.gif) no-repeat center center;
}
#nav b a.coffee, #nav b a:hover.coffee {
	background: url(../images/nav/coffee-on.gif) no-repeat center center;
}

#nav a.location  {
	background: url(../images/nav/location-off.gif) no-repeat center center;
}
#nav a:hover.location  {
	background: url(../images/nav/location-over.gif) no-repeat center center;
}
#nav b a.location, #nav b a:hover.location {
	background: url(../images/nav/location-on.gif) no-repeat center center;
}

#nav a.contact  {
	background: url(../images/nav/contact-off.gif) no-repeat center center;
}
#nav a:hover.contact  {
	background: url(../images/nav/contact-over.gif) no-repeat center center;
}
#nav b a.contact, #nav b a:hover.contact {
	background: url(../images/nav/contact-on.gif) no-repeat center center;
}

#nav ul ul {
	width:100%;
	text-align:center;
}
#nav ul ul li{
	padding:3px 0;
	font-size:1.15em;
}
#nav ul ul li a{
	display:inline;
	color:#73AC38;
	padding:0;
}
#nav ul ul b{
	background: url(../images/nav/on1.gif) no-repeat left center;
	padding-left:17px;
	display:inline;
}
#nav ul ul b a{
	background: url(../images/nav/on2.gif) no-repeat right center;
	padding-right:17px;
	font-weight: normal;
}
#nav ul ul a:hover{
	color: #669734;
	text-decoration: none;
}
/* -------------------------- Content --------------------------  */
.content{
	float:left;
	width:510px;
	background-color: #fff;
	padding:5px 0 20px 20px;
}
.content p{
	padding-bottom:0.7em;
}
.content ul{
	margin:0 0 0.7em 1em;
	font-size: 1.1em;
	line-height: 1.4em;
	
}
h2.home{
	background: url(../images/home/home-header.gif) no-repeat;
	height: 25px;
	width: 411px;
	padding-bottom:8px;
}
h2.about{
	background: url(../images/about/about-header.gif) no-repeat;
	height: 25px;
	width: 411px;
	padding-bottom:8px;
}
h2.trees{
	background: url(../images/trees/trees-header.gif) no-repeat;
	height: 25px;
	width: 411px;
	padding-bottom:8px;
}
h2.bedding{
	background: url(../images/bedding/bedding-header.gif) no-repeat;
	height: 25px;
	width: 411px;
	padding-bottom:8px;
}
h2.shop{
	background: url(../images/shop/shop-header.gif) no-repeat;
	height: 25px;
	width: 411px;
	padding-bottom:8px;
}
h2.pet{
	background: url(../images/pet/pet-header.gif) no-repeat;
	height: 25px;
	width: 411px;
	padding-bottom:8px;
}
h2.coffee{
	background: url(../images/coffee/coffee-header.gif) no-repeat;
	height: 25px;
	width: 411px;
	padding-bottom:8px;
}
h2.location{
	background: url(../images/location/location-header.gif) no-repeat;
	height: 25px;
	width: 411px;
	padding-bottom:8px;
}
h2.contact{
	background: url(../images/contact/contact-header.gif) no-repeat;
	height: 25px;
	width: 411px;
	padding-bottom:8px;
}
h2.find-us{
	background: url(../images/find-us/find-us-header.gif) no-repeat;
	height: 25px;
	width: 411px;
	padding-bottom:8px;
}