/* GLOBAL STYLES */

body { background:url(../images/bg-header.gif) repeat-x #07a59f; font-family:arial, helvetica, sans-serif; font-size:12px; color:#8e8d8d; line-height:18px; margin:0; }
blockquote { display:block; margin:0 0 15px 66px; padding:7px 0 0 0; clear:left; }
ul, li { list-style:none; list-style-position:outside; margin:0; padding:0; }
input, textarea { border:1px solid #c6c6c6; background:#fff; padding:3px; font-family:arial, helvetica, sans-serif; font-size:12px; color:#8e8d8d; }
input { margin:0 0 1px 0; }
textarea { height:97px; }
input.submit { border:0; background:url(../images/btn-send.png) no-repeat top left; display:block; padding:0; width:46px; height:46px; cursor:pointer; }
small { font-size:11px; letter-spacing:-.3px; }
b { color:#08b0a4; font-weight:bold; }
td { padding:0 15px 0 0; }
strong { color:#c9067b; font-weight:normal; }
a { color:#07a1a1; font-weight:bold; text-decoration:underline; }
a:hover { color:#8e8d8d; }


/* LAYOUT */

#header {
	width:985px;
	margin:0px auto;
	height:135px;
	z-index:10;
	position:relative;
}

.hidden {
	display:none;
}

#header img {
	float:left;
}

#wrapper {
	margin:-80px 0 0 0;
	z-index:1;
	position:relative;
	background:url(../images/bg-flowers.png) no-repeat top center #fff;
	width:100%;
	height:570px;
}

#content {
	width:920px;
	margin:0 auto;
	height:315px;
	display:block;
	overflow:visible;
	padding:125px 0 0 15px;
}

.toptentips {
	position:absolute;
	margin: 255px 0 0 800px;
	width:111px;
	height:108px;
	display:block;
}

.weddings a {
	position:absolute;
	margin:150px 0 0 -85px;
	width:122px;
	height:126px;
	display:block;
        background-image: url('../images/weddings_icon.png');
        background-position: 0 0;
}

.weddings a:hover {
        background-image: url('../images/weddings_rollover.png');
        background-position: 0 1px;
}

#weddings-popup {
        position: absolute;
        top: 20%;
        left: 50%;
        margin-left: -200px;
        z-index: 99;
}

#weddings-popup a.close {
    position: absolute;
    display: block;
    right: 6px;
    top: 15px;
    width: 45px;
    height: 13px;
    z-index: 100;
    background-image: url('../images/weddings_close.png');
    background-repeat: no-repeat;
}

#content img {
	border:0;
}

#left {
	float:left;
	width:595px;
	height:100%;
	position:relative;
	top:-25px;
}

#right {
	float:right;
	width:260px;
	position:relative;
	z-index:15;
	margin:-100px 0 0 0;
	height:100%;
}

#footer-contact {
	clear:both;
	width:100%;
	height:20px;
	padding:5px 0;
	border-top:1px solid #6bdcdb;
	border-bottom:1px solid #6bdcdb;
	display:block;
	text-align:center;
	font-size:11px;
	background:#fff;
	letter-spacing:.5px;
}

#footer-contact img,
img.contact {
	margin:0 0 -6px 0;
	display:inline;
	border:0;
}

#footer-contact a {
	color:#8e8d8d;
	font-weight:normal;
	text-decoration:none;
}

#footer-contact a:hover {
	color:#07a8a1;
}

#footer-copyright {
	margin:5px auto;
	width:920px;
	color:#9ce6e5;
	font-size:10px;
	clear:both;
	display:block;
	text-align:left;
}

#footer-copyright a {
	color:#9ce6e5;
	text-decoration:underline;
	font-weight:normal;
}

#footer-copyright a:hover {
	color:#fff;
}

.clear {
	clear:both;
}

/* HOME */

.home-left {
	width:350px;
	display:block;
	float:left;
}

.themes-cta {
	display:block;
	width:530px;
	height:415px;
	margin:-50px 0 0 20px;
	float:left;
	background:url(../images/bg-themes.png) no-repeat top center;
	overflow:hidden;
}

.razzledazzle {
	width:180px;
	height:180px;
	display:block;
	position:relative;
	top:0px;
	left:120px;
}

.razzledazzle:hover {
	background:url(../images/btn-razzledazzle.png) no-repeat center center;
}

.strikeapose {
	width:180px;
	height:180px;
	display:block;
	position:relative;
	top:-160px;
	left:235px;
}

.strikeapose:hover {
	background:url(../images/btn-strikeapose.png) no-repeat center center;
}

.ahoymatey {
	width:180px;
	height:230px;
	display:block;
	position:relative;
	top:-290px;
	left:370px;
}

.ahoymatey:hover {
	background:url(../images/btn-ahoymatey.png) no-repeat top center;
}

.teatime {
	width:230px;
	height:170px;
	display:block;
	position:relative;
	top:-320px;
	left:230px;
}

.teatime:hover {
	background:url(../images/btn-teatime.png) no-repeat right center;
}

.sparkle {
	width:240px;
	height:170px;
	display:block;
	position:relative;
	top:-490px;
	left:15px;
}

.sparkle:hover {
	background:url(../images/btn-sparkle.png) no-repeat center center;
}

.tastytreats {
	width:180px;
	height:180px;
	display:block;
	position:relative;
	top:-840px;
	left:-25px;
}

.tastytreats:hover {
	background:url(../images/btn-tastytreats.png) no-repeat bottom center;
}


/* SUBPAGES */

ul.tabs {
	display:block;
	width:100%;
	height:60px;
	margin:0 0 25px 0;
	background:url(../images/bg-subpage.png) repeat-x;
}

ul.tabs img {
	float:left;
	display:block;
	margin:0 65px 0 0;
}

ul.tabs li img {
	float:none;
	display:inline;
	margin:0 auto;
}

ul.tabs li {
	display:block;
	float:left;
	width:96px;
	height:60px;
	margin:30px 0 0 3px;
	text-align:center;
}

ul.tabs li a {
	display:block;
	width:94px;
	height:20px;
	background:url(../images/service-tab.gif) no-repeat top left;
	padding:10px 0 0 0;
	text-align:center;
}

ul.tabs li a:hover,
ul.tabs li a.active {
	background-position:0 -32px;
}

.column-spacer {
	width:80px;
	float:left;
	display:block;
}

.price-column {
	display:block;
	float:left;
	width:125px;
}

blockquote.services-page {
	position:relative;
	top:-10px;
	padding:0;
}

blockquote.services-page a:hover img {
	border-bottom:1px solid #ddd;
}

.about-heading {
	padding:0 100px 0 0;
}

#gallery {
	margin:0 auto;
	width:840px;
	height:80px;
	clear:both;
	display:block;
}

/* BUTTONS */

.nav-btn {
	display:block;
	width:75px;
	height:38px;
	float:right;
	margin:0 2px;
}

a.nav-btn:hover {
	background-position:0 -38px;
}

.active-page {
	background-position:0 -76px !important;
}

.services {
	background:url(../images/btn-services.png) no-repeat top left;
}

.about {
	background:url(../images/btn-about.png) no-repeat top left;
}

.contact {
	background:url(../images/btn-contact.png) no-repeat top left;
}

.btn-home {
	display:block;
	float:left;
	width:214px;
	height:160px;
	background:url(../images/btn-home.png) no-repeat top left;
}

a.btn-home:hover {
	background-position:0 -160px;
}

/*---------------------------- CONTENT SLIDER ---------------------------*/

div.item {
	width: 520px;
}

div.item p {
	float: left;
	width: 500px;
	display:inline;
	padding:0 0 10px 0;
	margin:0;
}

div.example1_container {

}

div.example1_container a.slider_prev, div.example1_container a.slider_next {
	margin-top: 10px;
	display:block;
}


