/*  
Theme Name: Coviello Brothers
Description: The official theme of <a href="http://www.coviellobrothers.com">The Coviello Brothers Garden Center</a>. For WordPress 2.7 and higher.
Theme URI: http://www.coviellobrothers.com
Version: 1.0
Author: Nick DePirro, Dan Remollino
Author URL: http://www.combobreaker.com, http://www.projectstudiosllc.com
Tags: flowers, garden, horticulture
*/

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

/* v----- Tags | Start -----v */

a	{
	color: #000;
	font-style: normal;
	text-decoration: none;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #4e4e4e;
	font-size: 14px;
}

#home-body {
	background-color: #6c7f86;
}

#flower-body {
	background-color: #d4e1e9;
}

#gcenter-body {
	background-color: #719548;
}

#landscape-body {
	background-color: #799364;
}

#about-body {
	background-color: #d7d9d8;
}

#directions-body {
	background-color: #ddd;
}

#holiday-body {
	background-color: #ffea8f;
}

/* ^----- Tags | End -----^ */

/* v----- Global Elements | Start -----v */

div.hrSolid {
	height: 1px;
	border-top: 1px solid #999;
	margin: 10px auto;
}

/* ^----- Global Elements | End -----^ */

.wrapper-site {
	position: relative;
	width: 1440px;
	height: 1350px;
	margin: 0 auto;
}

#bg-home {
	background: url(images/backgrounds/home_bg.jpg) no-repeat;
}

#bg-shop {
	background: url(images/backgrounds/flower_shop_bg.jpg) no-repeat;
}

#bg-gcenter {
	background: url(images/backgrounds/garden_center_bg.jpg) no-repeat;
}

#bg-landscaping {
	background: url(images/backgrounds/landscaping_bg.jpg) no-repeat;
}

#bg-about {
	background: url(images/backgrounds/about_bg.jpg) no-repeat;
}

#bg-directions {
	background: url(images/backgrounds/directions_bg.jpg) no-repeat;
}

#bg-holiday {
	background: url(images/backgrounds/holiday_bg.jpg) no-repeat;
}

#wrapper-content {
	width: 1200px;
	min-height: 1300px; /* background image minus padding */
	margin: 0 auto;
	padding: 50px 0 0 0;
}

/* v----- Site Navigation | Start -----v */

.nav {
	width: 850px;
	height: 17px;
	list-style-type: none;
}

.nav li {
	display: inline;
	float: left;
	margin-right: 20px;
}

.nav li a {
	display: block;
	height: 18px;
	background: url(images/spritesheet_nav.png) no-repeat;
}

.nav li a.shop {
	width: 100px;
}

	.nav li a.shop:hover {
		background-position: 0 -19px;
	}
	
.nav li a.gcenter {
	width: 119px;
	background-position: -101px 0;
}

	.nav li a.gcenter:hover {
		background-position: -101px -19px;
	}
	
.nav li a.landscaping {
	width: 161px;
	background-position: -221px 0;
}

	.nav li a.landscaping:hover {
		background-position: -221px -19px;
	}
	
.nav li a.about {
	width: 159px;
	background-position: -383px 0;
}

	.nav li a.about:hover {
		background-position: -383px -19px;
	}
	
.nav li a.directions {
	width: 79px;
	background-position: -543px 0;
}

	.nav li a.directions:hover {
		background-position: -543px -19px;
	}

.nav li a.holiday {
	width: 62px;
	background-position: -622px 0;
}

	.nav li a.holiday:hover {
		background-position: -622px -19px;
	}

.nav li a span {
	display: none;
}

/* ^----- Site Navigation | End -----^ */

.text-bg {
	width: 446px;
	height: 653px;
	margin: 60px 0 0 -1px;
	padding: 20px;
	line-height: 20px;
	background: url(images/backgrounds/textboxes/garden_center_text_bg.png) no-repeat; /* Catch all text box */
}

#flower-shop-text-bg {
	background: url(images/backgrounds/textboxes/flower_shop_text_bg.png) no-repeat;
}

#garden-center-text-bg {
	background: url(images/backgrounds/textboxes/garden_center_text_bg.png) no-repeat;
}

#landscape-text-bg {
	background: url(images/backgrounds/textboxes/landscaping_text_bg.png) no-repeat;
}

#about-text-bg {
	background: url(images/backgrounds/textboxes/about_text_bg.png) no-repeat;
}

#directions-text-bg {
	width: 336px;
	height: 658px;
	background: url(images/backgrounds/textboxes/directions_text_bg.png) no-repeat;
}

#holiday-text-bg {
	background: url(images/backgrounds/textboxes/holiday_text_bg.png) no-repeat;
}

.directions-map {
	width: 446px;
	height: 658px;
	margin: 60px 0 0 0px;
	padding: 20px;
	background: url(images/backgrounds/textboxes/map_box.png) no-repeat;
}

.map-fix {
	text-align:left;
	text-decoration:none;
	font-weight:normal !important;
}

.mapp-poweredby {
	display: none;
}

.mapp-directions-div	{
	width:400px;
	padding-top:20px;
}

.googledir {
padding-top: 25px;
}

/* v----- Footer Elements | Start -----v */

.footer	{
	clear: both;
	width: 1440px;
	position: absolute;
	bottom: 0px;
	/*background-color: #6c7f86;*/
	font-size: 12px;
	text-align: center;
	font-weight: 100;
	line-height: 5px;
	color: #333;
}

#home-footer {
	background-color: #6c7f86;	
}

#shop-footer {
	background-color: #d4e1e8;	
}

#gcenter-footer {
	background-color: #719548;	
}

#landscaping-footer {
	background-color: #799364;
}

#about-footer {
	background-color: #d7d9d8;
}

#directions-footer {
	background-color: #dedede;
}

#holiday-footer {
	/*background-color: #f7f7f7;*/
}

/* v----- gradient -----v */

.footer-grad {
	position: absolute;
	top: -200px;
	width: 1440px;
	height: 200px;
}

#home-grad-bg {
	background: url(images/backgrounds/shop_grad_bg.png) repeat;
}

#shop-grad-bg {
	background: url(images/backgrounds/shop_grad_bg.png) repeat;
}

#gcenter-grad-bg {
	background: url(images/backgrounds/garden_grad_bg.png) repeat;
}

#landscaping-grad-bg {
	background: url(images/backgrounds/landscaping_grad_bg.png) repeat;
}

#landscaping-grad-bg {
	background: url(images/backgrounds/landscaping_grad_bg.png) repeat;
}

#directions-grad-bg {
	background: url(images/backgrounds/directions_grad_bg.png) repeat;
}

/* ^----- gradient -----^ */

.footer ul {
	margin: 0 auto;
}

.footer p {
	margin: 10px 0 20px 0;
}

/* ^----- Footer Elements | End -----^ */

/* ^----- Page Content Elements | Start -----^ */

.page-content-ul {
	list-style: disc;
	list-style-position: inside;
	padding-bottom: 20px;
	}
	
.page-content-p	{
	padding-bottom: 20px
	}

.page-content-h1	{
	font-weight:bold;
	padding-bottom:20px;
	}	

/* ^----- Page Content Elements | End -----^ */


#carousel-wrapper {
	}


#carousel-background{
	position:relative;
	margin: 50px 0px 60px 200px;
	height:680px;
	width:830px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: url(images/backgrounds/textboxes/carousel_bg_yellow.png) no-repeat;
}

.stepcarousel{
	margin: 0 0 0 6px;
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	height:700px;
	width:814px;
	float:left;
}

.stepcarousel .belt {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}

.stepcarousel .panel {
	float: left; /*leave this value alone*/
	overflow: hidden;
	margin-left:32px;
	margin-right:40px;
	height:700px;
	width:750px;
	margin-top:40px;
}

.carousel-text-p {
	float:left;
	margin-top:10px;
	width:660px;
	clear:none;
	}
.carousel-text-h1 {
	font-size:16px;
	float:left;
	margin-top:20px;
	width:600px;
	clear:none;
	}