*{
	margin:0; padding:0;
	}
/*--------------
	Tags
----------------*/
body,html{
	background:url(images/bg.jpg) left top;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#524e4e;
	background-attachment:fixed;
	}
h1,h2,h3,h4,h5,h6{
	margin:0; padding:0;
	}
a{
	outline:none;
	}
strong{
	color:#f6921e;
	font-weight:normal;
	font-size:18px;
	}
ul{
	list-style:none;
	}
img{
	border:0;
	}
/*--------------
	IDs
----------------*/
#main-container{
	width:905px; 
	margin:10px auto;
	height:auto;
	}
/*--------------
	Classes
----------------*/
.clear{
	clear:both;
	}
.red{
	color:#ff0000;
	}
.top-curve{
	width:911px;
	height:630px;
	float:left;
	background:url(images/top-curve.png) no-repeat center top;
	}
.logo{
	width:377px; 
	height:129px;
	float:left;
	margin:56px 0 0 40px;
	}
.cart{
	width:85px; 
	height:27px;
	float:right;
	margin:42px 44px 0 0;
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-size:18px;
	color:#1d439f;
	}
.phone-number{
	width:434px; 
	height:116px; 
	float:right;
	margin:0 31px 0 0;
	}
.navigation{
	width:850px;
	margin:5px 0 0 45px;
	height:53px;
	float:left;
	}
.navigation ul{
	margin:0;
	padding:0;
	list-style:none; 
	}
.navigation li{
	width:auto;
	float:left;
	}

.discover{
	width:845px;
	height:43px; 
	margin:0 0 0 40px;
	float:left;
	clear:both;
	}
.home{
	width:118px;
	height:53px;
	float:left;
	margin-right:5px;
	}
.home a{
	width:118px;
	height:53px;
	display:block;	
	background:url(images/home.jpg) no-repeat left top;
	text-indent:-99999px;
	}
.home a:hover {
	background:url(images/home.jpg) no-repeat left -53px;
	}

.about{
	width:105px;
	height:53px;
	float:left;
	margin-right:20px;
	}
.about a{
	width:105px;
	height:53px;
	display:block;
	background:url(images/aboutus.jpg) no-repeat left top;
	text-indent:-99999px;
	}
.about a:hover{
	background:url(images/aboutus.jpg) no-repeat left -53px;
	}
.product{
	width:110px;
	height:53px;
	float:left;
	margin-right:5px;
	}
.product a{
	width:110px;
	height:53px;
	display:block;
	background:url(images/products.jpg) no-repeat left top;
	text-indent:-99999px;
	}
.product a:hover{
	background:url(images/products.jpg) no-repeat left -53px;
	}

.delivery{
	width:153px;
	height:53px;
	float:left;
	margin-right:10px;
	}
.delivery a{
	width:153px;
	height:53px;
	display:block;
	background:url(images/deliveryandprices.jpg) no-repeat left top;
	text-indent:-99999px;
	}
.delivery a:hover{
	background:url(images/deliveryandprices.jpg) no-repeat left -53px;
	}

.policies{
	width:125px;
	height:53px;
	float:left;
	margin-right:10px;
	}
.policies a{
	width:125px;
	height:53px;
	background:url(images/policiesandfaq.jpg) no-repeat left top;
	display:block;
	text-indent:-99999px;
	}
.policies a:hover{
	background:url(images/policiesandfaq.jpg) no-repeat left -53px;
	}
.reserve{
	width:120px;
	height:53px;
	float:left;
	margin-right:10px;
	}
.reserve a{ 
	width:120px;
	height:53px;
	background:url(images/reserveform.jpg) no-repeat left top;
	text-indent:-99999px;
	display:block;
	}
.reserve a:hover{
	width:120px;
	height:53px;
	display:block;
	background:url(images/reserveform.jpg) no-repeat left -53px;
	}
.shopping{
	width:118px;
	height:53px;
	float:left;	
	}
.shopping a{
	width:111px;
	height:53px;
	display:block;
	background:url(images/photogallery.jpg) no-repeat left top;
	text-indent:-99999px;
	}
.shopping a:hover{
	width:118px;
	height:53px;
	display:block;
	background:url(images/photogallery.jpg) no-repeat left -53px;
	}

.birthday-graduation{
	width:845px;
	height:auto;
	float:left;
	margin:5px 0 0 39px ;
	clear:both;
	}
.birthday{
	width:280px;
	float:left;
	height:207px;
	}
.graduation{
	width:277px;
	float:left;
	height:207px;
	margin:0 0 0 3px;
	}
.greetings{
	width:280px;
	float:left;
	height:207px;
	margin:0 0 0 3px;
	background:url(images/misc-greeting.jpg) no-repeat left top;
	}
.everyone{
	width:684px;
	float:left;
	clear:both;
	margin:11px 0 0 105px;
	}
.yard-box{
	width:871px;
	
	height:auto;
	clear:both;
	margin:8px 0 0 40px;float:left;
	}
.yard-top{
	width:868px;
	float:left;
	height:30px;
	background:url(images/yard-top.png) no-repeat left top;
	}
.yard-middle{
	width:868px;
	float:left;
	background:#fff;
	height:auto;
	}
.yard-middle-left{
	width:618px;
	float:left;
	height:auto;
	margin:0 0 0 20px;
	}
.yard-middle-delivery{
	width:608px;
	float:left;
	height:auto;
	margin:0 0 0 20px;
	font-size:18px;
	color:#524e4e;
	padding:0 0 0 10px;
	}
.yard-middle-delivery ul{
	margin:0;
	padding:0;
	}
.yard-middle-delivery ul li{
	display:block;
	margin:0 0 10px 0;
	padding:0 0 0 20px;
	list-style:none;
	text-align:left;
	background:url(images/li-bg.jpg) no-repeat left top;
	}
.yard-middle-delivery ul li a{
	color:#43b5e6;
	font-size:20px;
	text-decoration:none;
	}
.yard-middle-delivery ul li a:hover{
	color:#43b5e6;
	font-size:20px;
	text-decoration:underline;
	}

.policies-middle-left{
	width:800px;
	float:left;
	height:auto;
	margin:0 0 0 20px;
	font-size:18px;
	color:#524e4e;
}	
.policies-middle-left span{
	color:#43b5e6;
}	
.policies-middle-left ul{
	margin:0;
	padding:0;
	float:right;
	width:750px;
	}
.policies-middle-left ul li{
	margin:0 0 10px 0 ;
	padding:0;
	list-style:inside;
	}
.dashed-border{
	width:100%;
	height:40px;
	background:url(images/dashed-border.jpg) repeat-x left bottom;
	float:left;
	font-size:22px;
	color:#009cdf;
	}

.dashed-border-about{
	width:100%;
	height:35px;
	background:url(images/dashed-border.jpg) repeat-x left bottom;
	float:left;
	font-size:22px;
	color:#047904;
	}

.yard-detail-box{
	width:637px;
	float:left;
	height:auto;
	font-size:18px;
	color:#524e4e;
	margin:5px 0 0 0;
	}
.yard-detail-box label{
	display:block;
	}
.fieldvalue{
	border:#999999 2px solid;
	padding:5px;
	font-size:16px;
	font-family:Georgia;
	color:#666666;
	}
.yard-detail-box strong{
	color:#f6921e;
	}
.yard-detail-box a{
	color:#43b5e6;
	text-decoration:none;
	}
.yard-detail-box a:hover{
	color:#43b5e6;
	text-decoration:underline;
	}
.photo-gallery{
	width:611px;
	height:auto;
	float:left;
	margin:30px 0 20px 0;
	}
.yard-middle-right{
	width:168px;
	float:right;
	height:auto;
	margin:20px 20px 0 0;
	}
.yard-middle-right ul{
	margin:0;
	padding:0;
	}
.yard-middle-right ul li{
	list-style:none;
	background:url(images/banana-bg.png) no-repeat center top;
	height:46px;
	display:block;
	padding:35px 0 0 0;
	margin:-20px 0 0 ;
	}
/* birthday-text*/
.birthday-text{
	width:156px;
	height:56px;
	margin:0 auto;

	}
.birthday-text a{
	text-decoration:none;
	background:url(images/birthday-text.png) no-repeat center top;
	display:block;
	width:156px;
	height:27px;
	text-indent:-99999px;
	}
.birthday-text a:hover{
	text-decoration:none;
	background:url(images/birthday-text.png) no-repeat center -27px;
	display:block;
	width:156px;
	height:27px;
	}
/* birthday-text-end*/
/* graduation-text*/
.graduation-text{
	width:156px;
	height:24px;
	margin:0 auto;
	}
.graduation-text a{
	text-decoration:none;
	background:url(images/graduation-text.png) no-repeat center top;
	display:block;
	width:156px;
	height:24px;
	text-indent:-99999px;
	}
.graduation-text a:hover{
	text-decoration:none;
	background:url(images/graduation-text.png) no-repeat center -24px;
	display:block;
	width:156px;
	height:24px;
	}
/* graduation-text-end*/
/* birthday-announcement-text*/
.birthday-announcement-text{
	width:156px;
	height:47px;
	margin:0 auto;
	}
.birthday-announcement-text a{
	text-decoration:none;
	background:url(images/birth-announcement-text.png) no-repeat center top;
	display:block;
	width:156px;
	height:47px;
	text-indent:-99999px;
	}
.birthday-announcement-text a:hover{
	text-decoration:none;
	background:url(images/birth-announcement-text.png) no-repeat center -47px;
	display:block;
	width:156px;
	height:47px;
	}
/* birthday-announcement-text-end*/
/* mother-day-text*/
.mother-day-text{
	width:156px;
	height:26px;
	margin:0 auto;
	}
.mother-day-text a{
	text-decoration:none;
	background:url(images/mother-day-text.png) no-repeat center top;
	display:block;
	width:156px;
	height:26px;
	text-indent:-99999px;
	}
.mother-day-text a:hover{
	text-decoration:none;
	background:url(images/mother-day-text.png) no-repeat center -26px;
	display:block;
	width:156px;
	height:26px;
	}
/* mother-day-text-end*/
/* anniversary-text*/
.anniversary-text{
	width:156px;
	height:24px;
	margin:0 auto;
	}
.anniversary-text a{
	text-decoration:none;
	background:url(images/anniversary.png) no-repeat center top;
	display:block;
	width:156px;
	height:24px;
	text-indent:-99999px;
	}
.anniversary-text a:hover{
	text-decoration:none;
	background:url(images/anniversary.png) no-repeat center -24px;
	display:block;
	width:156px;
	height:24px;
	}
/* anniversary-text-end*/
/* armed-text*/
.armed-text{
	width:156px;
	height:25px;
	margin:0 auto;
	}
.armed-text a{
	text-decoration:none;
	background:url(images/armed-text.png) no-repeat center top;
	display:block;
	width:156px;
	height:25px;
	text-indent:-99999px;
	}
.armed-text a:hover{
	text-decoration:none;
	background:url(images/armed-text.png) no-repeat center -25px;
	display:block;
	width:156px;
	height:25px;
	}
/* armed-text-end*/
/* father-day-text*/
.father-day-text{
	width:156px;
	height:27px;
	margin:0 auto;
	}
.father-day-text a{
	text-decoration:none;
	background:url(images/father-day.png) no-repeat center top;
	display:block;
	width:156px;
	height:25px;
	text-indent:-99999px;
	}
.father-day-text a:hover{
	text-decoration:none;
	background:url(images/father-day.png) no-repeat center -25px;
	display:block;
	width:156px;
	height:25px;
	}
/* father-day-text-end*/
/* wedding-text*/
.wedding-text{
	width:156px;
	height:47px;
	margin:0 auto;
	}
.wedding-text a{
	text-decoration:none;
	background:url(images/wedding-text.png) no-repeat center top;
	display:block;
	width:156px;
	height:45px;
	text-indent:-99999px;
	}
.wedding-text a:hover{
	text-decoration:none;
	background:url(images/wedding-text.png) no-repeat center -48px;
	display:block;
	width:156px;
	height:45px;
	}
	
.minisign-text{
	width:156px;
	height:47px;
	margin:0 auto;
	}
.minisign-text a{
	text-decoration:none;
	background:url(images/minisign.png) no-repeat center top;
	display:block;
	width:156px;
	height:27px;
	text-indent:-99999px;
	}
.minisign-text a:hover{
	background:url(images/minisign.png) no-repeat center -27px;
	}
/* father-day-text-end*/

.yard-bottom{
	width:868px;
	float:left;
	clear:both;
	height:30px;
	background:url(images/yard-bottom.png) no-repeat left top;
	}


.footer{
	width:871px;
	float:left;
	height:55px;
	margin:20px 0 0 40px;
	}
.footer-left{
	width:27px;
	float:left;
	height:55px;
	}
.footer-mid{
	width:817px;
	float:left;
	height:55px;
	background:url(images/footer-mid.png) repeat-x left top;
	color:#000;
	font-size:18px;
	text-align:center;
	line-height:50px;
	}
.footer-right{
	width:27px;
	float:right;
	height:55px;
	}





/*-------------
	About
---------------*/
.about-detail-main{
	width:824px;
	margin:40px auto;
	height:auto;
	}
.about-detail{
	width:520px;
	height:auto;
	float:left;
	}

.about-detail-box{
	width:520px;
	height:auto;
	float:left;
	margin:5px 0 0 0;
	font-size:18px;
	}
.policies-detail-box{
	width:613px;
	height:auto;
	float:left;
	margin:5px 0 0 0;
	font-size:18px;
	
	}
.policies-detail{
	width:100%;
	height:auto;
	float:left;
	color:#524e4e;
	background:url(images/owl.jpg) no-repeat left top;
	font-weight:normal;
	margin:20px 0 0 0;
	}
.policies-detail-left{
	width:550px;
	height:224px;
	float:right;
	color:#524e4e;
	font-weight:normal;
	font-size:18px;
	}
.text-policies{
	color:#524e4e;
	margin:10px 0 0 0;
	font-size:18px;
	}
.text-policies span{
	color:#009cdf;
	}
.policies-detail-box span{
	color:#009cdf;
	}
.policies-boy-bg{
	width:100%;
	height:auto;
	font-size:18px;
	clear:both;
	background:url(images/policies-boy.jpg) no-repeat right 20px;
	}
.only-width{
	width:570px;
	}
.only-width2{
	width:100%;
	}
.only-width3{
	width:670px;
	}
.policies-boy-bg ul{
	margin:0;
	padding:0;
	}
.policies-boy-bg ul li{
	list-style:none;
	background:url(images/li-bg.jpg) no-repeat left top;
	display:block;
	padding:0 0 0 20px;
	}
.about-detail-box span{
	color:#009cdf;
	}

.about-top-right{
	width:290px;
	height:auto;
	float:right;
	}
.delivery-top-right{
	width:303px;
	height:auto;
	float:left;
	text-align:right;
	margin-left:20px;
	}
.policies-top-right{
	width:156px;
	height:auto;
	float:right;
	text-align:right;
	}
.contact{
	width:652px;
	height:278px;
	background:url(images/contact-bg.jpg) left top;
	clear:both;
	float:left;
	margin:43px 0 0 0;
	}
.contact-heading{
	width:189px;
	height:auto;
	text-align:center;
	margin:29px auto;
	}
.contact-text{
	width:302px;
	height:auto;
	text-align:center;
	margin:0 auto;
	clear:both;
	font-size:16px;
	}
/*-----------------
	Slide
-------------------*/
/*<index>*/
.stepcarousel {
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 211px; /*Width of Carousel Viewer itself*/
	height: 135px;
	margin:60px 0 0 40px;
	padding:8px 0 0 0;
	background:url(images/greeting-slide-bg.jpg) no-repeat left top;
	 /*Height should enough to fit largest content's height*/
}
.stepcarousel .belt {
	position: absolute; /*leave this value alone*/
	left:0px;
	width:211px;
	height:135px;
}
.stepcarousel .panel {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	width: 211px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	height:135px;
	text-align:center;
	color:#009cdf;
	font-size:14px;
}
/*</index>*/
/*<birthday>*/
.birthday-slide-main{
	width:618px;
	height:661px;
	float:left;
	margin:0 0 0 10px;
	background:url(images/birthday-slide-bg.jpg) no-repeat left top;
	}
.birthday-slide-text{
	padding:10px 0 0 0;
	text-align:left;
	color:#524e4e;
	font-size:18px;
	}
.birthday-slide-text h1{
	color:#009cdf;
	font-size:24px;
	text-align:left;
	font-weight:normal;
	}
.graduation-slide-main{
	width:618px;
	height:661px;
	float:left;
	margin:0 0 0 10px;
	background:url(images/graduation-slide-bg.jpg) no-repeat left top;
	}
.birth-announcement-slide-main{
	width:618px;
	height:661px;
	float:left;
	margin:0 0 0 10px;
	background:url(images/birth-announcement-slide-bg.jpg) no-repeat left top;
	}
.armed-forces-slide-main{
	width:618px;
	height:661px;
	float:left;
	margin:0 0 0 10px;
	background:url(images/armed-forces-slide-bg.jpg) no-repeat left top;
	}
.wedding-slide-main{
	width:618px;
	height:661px;
	float:left;
	margin:0 0 0 10px;
	background:url(images/wedding-just-slide-bg.jpg) no-repeat left top;
	}
.anniversary-slide-main{
	width:618px;
	height:661px;
	float:left;
	margin:0 0 0 10px;
	background:url(images/anniversary-slide-bg.jpg) no-repeat left top;
	}
.father-day-slide-main{
	width:618px;
	height:661px;
	float:left;
	margin:0 0 0 10px;
	background:url(images/father-day-slide-bg.jpg) no-repeat left top;
	}
.mother-day-slide-main{
	width:618px;
	height:661px;
	float:left;
	margin:0 0 0 10px;
	background:url(images/mother-day-slide-bg.jpg) no-repeat left top;
	}
.minisign-slide-main{
	width:567px;
	height:561px;
	float:left;
	margin:0 0 0 10px;
	padding:75px 18px 25px 33px;
	background:url(images/minisign-slide-bg.jpg) no-repeat left top;
	}
.mini{
	width:180px;
	height:138px;
	margin:4px;
	float:left;
	}
.next{width:50%; float:right; text-align:right; margin:15px 0;}
.next a{font-size:20px; font-weight:normal; text-decoration:underline; color:#0898e1;}
.next a:hover{text-decoration:none;}

.prev{width:50%; float:left; text-align:left; margin:15px 0;}
.prev a{font-size:20px; font-weight:normal; text-decoration:underline; color:#0898e1;}
.prev a:hover{text-decoration:none;}

.stepcarousel2 {
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 490px; /*Width of Carousel Viewer itself*/
	height: 475px;
	margin:80px 0 0 70px;
	padding:8px 0 0 0;
	background:url(images/birthday-slide-bg-small.jpg) no-repeat left top;
	 /*Height should enough to fit largest content's height*/
}
.stepcarousel2 .belt2 {
	position: absolute; /*leave this value alone*/
	left:0px;
	width:490px;
	height:475px;
}
.stepcarousel2 .panel2 {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	width: 490px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	height:475px;
	text-align:center;
	color:#009cdf;
	font-size:14px;
}
.order-now{	
	width:155px;
	height:79px;
	float:left;
	margin:0 0 0 70px;
	}
/*<birthday>*/
.orange-text{	
	font-size:20px;	
	color:#f6921e;
	font-family:Georgia, "Times New Roman", Times, serif;
	}
.blue-text{
	color:#43b5e6;
	font-size:18px;
	font-family:Georgia, "Times New Roman", Times, serif;
	}
.blue-bg{
	width:611px;
	height:auto;
	background:#43b5e6;
	}
.blue-box{
	width:530px;
	margin:0 auto;
	height:auto;
	}
.blue-box-dashed{
	border-bottom:2px dashed #000;
	color:#fff;
	height:30px;
	clear:both;
	margin:0 0 5px 0;
	}
.blue-box-dashed span{ 
	color:#000;
	}
.blue-box-no-dashed{
	color:#fff;
	height:30px;
	clear:both;
	margin:0 0 5px 0;
	}
.blue-box-no-dashed span{ 
	color:#000;
	}
.delivery-text{
	width:660px;
	height:181px;
	background:url(images/delivery-van.jpg) no-repeat left top;
	margin:20px 0 0 0;
	font-size:18px;
	
	}
.delivery-text-left{
	width:450px;
	float:right;
	font-size:16px;
	}
.dashed-border-policies{
	width:100%;
	background:url(images/dashed-border.jpg) repeat-x left bottom;
	height:50px;
	}
.strike{
	text-decoration: line-through;
	}
.thumb{width:112px; height:112px; margin:5px; float:left;}
