/* @override http://www.pinkblossomtree.com/css/default.css */

/* Title:	Pink Blossom Tree - master style */
/* Author:	Kalon Edser, http://www.kalonedser.com */
/* Updated:	24 November 2009 */

/* @group Reset */

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* @end */

/* @group Core */

body {
	margin: 0;
	padding: 0;
	font-family: "Times New Roman", Times, Georgia, serif;
	line-height: 1.125em; /* 16x1.125=18 */
	text-align: center;
	color: #000;
	background: #dfdddb url(../img/bg.jpg) 50% 0 repeat;
	}

p, ul, ol {
	margin: .5em 0 1.25em 0;
	/*letter-spacing: -.05em;*/
	font-size: 0.75em /*12*/;
	}

h1, h2, h3, h4, h5, h6 {
	margin: 1.25em 0 .25em 0;
	letter-spacing: -.05em;
	}
	
a:link, a:visited {
	color: #000;
	text-decoration: none;
	}
a:hover, a:active {
	color: #000;
	border-bottom: 1px dashed #000;
	text-decoration: none;
	}


/* @end */
/* @group Master Layout */

#container {
	margin: 0 auto;
	width: 900px;
	text-align: left;
	background: url(../img/bg-main.gif) 50% 100% repeat-y;
	overflow: hidden;
	}
	
.inner-container {
	margin: 0 20px;
	background: #FFF;
	}
	
#header {
	position: relative;
	width: 100%;
	height: 155px;
	background: transparent url(../img/dot.gif) 0 100% repeat-x;
	z-index: 999;
	}
	
#content {
	margin: 15px 0 8px 0;
	/*padding-bottom: 14px;*/
	width: 100%;
	height: 369px /*355 + 14*/;
	background: transparent url(../img/dot.gif) 0 100% repeat-x;
	overflow: hidden;
	}
	
.note {
	position: absolute;
	top: -120px;
	left: 248px;
	width: 252px;
	height: 262px;
	background: transparent url(../img/bg-note.png) 0 0 no-repeat;
	overflow: hidden;
	z-index: 100;
	}
	
.note p {
	margin: 0;
	width: 100%;
	height: 100%;
	text-indent: -9000px;
	overflow: hidden;
	}
	
#footer {
	position: relative;
	top: -1px;
	margin: 0 auto;
	width: 900px;
	padding-top: 18px;
	background: url(../img/bg-footer-full.gif) 0 0 no-repeat;
	/*overflow: hidden;*/
	}
	
#footer p.footer-text {
	margin-bottom: .5em;
	font-size: 0.6875em;
	padding-right: 20px;
	text-align: right;
	}

/* @end */
/* @group Logo/Header */

h1#logo {
	position: absolute;
	top: 22px;
	left: 48px;
	margin: 0;
	/*margin: 22px 0 10px 48px;*/
	width: 285px;
	height: 70px;
	text-indent: -9000px;
	background: transparent url(../img/logo.gif) 0 0 no-repeat;
	overflow: hidden;
	}
	
h1#logo a {
	display: block;
	width: 100%;
	height: 100%;
	}


/* @end */
/* @group Navigation */

ul.nav {
	position: absolute;
	bottom: 20px;
	left: 0;
	margin: 0;
	padding: 0;
	height: 35px;
	width: 100%;
	list-style: none;
	font-size: 1em;
	background: #cecbd8 url(../img/bg-nav.gif) 0 0 repeat-x;
	z-index: 1000;
	}
.nav li ul {
	display: none;
	position: absolute; 
	top: 35px;
	left: -10px;
	margin: 0;
	padding: 10px 0;
	/*width: 100%;*/
	font-size: 0.75em /*12*/;
	text-align: center;
	background: #e4e2ea;
	/*overflow: hidden;*/
	}
	
.nav li:hover ul,
.nav li.over ul { 
	display: block;
	}
	
.nav li {
	position: relative;
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	z-index: 1001;
	}
.nav li li {
	float: none;
	display: block;
	margin: /*1em*/ 0;
	padding: 5px 10px;
	/*width: 100%;*/
	line-height: 1.3em;
	/*overflow: hidden;*/
	}
.nav li li .size {
	display: block;
	font-size: 0.916em /*11*/;
	}
	
.nav a {
	float: left;
	padding: 35px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	}
.nav ul a {
	display: block;
	float: none;
	padding: 0 0 .3em 0;
	height: auto!important;
	background: none;
	}

.nav a:hover, .nav a:active { /*.nav li.selected a*/
	background-position: 0 -35px;
	border: none;
	}
	
.nav ul a:link, .nav ul a:visited {
	border-bottom: 1px dashed #e4e2ea;	
	}
.nav ul a:hover, .nav ul a:active { /*.nav ul li.selected a*/
	color: #000;
	border-bottom: 1px dashed #000;
	}
	
li.n-gift-cards {
	margin-left: 363px!important;
	}
	
.n-gift-cards a {
	width: 92px;
	background: url(../img/nav/n-gift-cards.gif) 0 0 no-repeat;
	}
.n-prints a {
	width: 70px;
	background: url(../img/nav/n-prints.gif) 0 0 no-repeat;
	}
.n-order-forms a {
	width: 106px;
	background: url(../img/nav/n-order-forms.gif) 0 0 no-repeat;
	}
.n-contact a {
	width: 97px;
	background: url(../img/nav/n-contact.gif) 0 0 no-repeat;
	}
.n-blog a {
	width: 114px;
	background: url(../img/nav/n-blog.gif) 0 0 no-repeat;
	}

/* @end */
/* @group Content/Sections */

#information {
	position: relative;
	float: left;
	width: 540px /*860 - 315px - 5*/;
	height: 349px;
	overflow: hidden;
	}
	
#information .inner-content {
	padding: 55px 25px 0 110px;
	}
	
h2#section-title {
	margin-top: 0;
	color: #dfdddb;
	font-size: 3.125em /*50*/;
	line-height: 1em;
	font-weight: normal;
	}
	
#main-image {
	position: relative;
	float: right;
	margin: 1px 0 0 0;
	width: 315px;
	height: 349px;
	overflow: hidden;
	z-index: 1;
	}
	
#thumbnails {
	position: relative;
	float: right;
	margin: 0 8px 0 0;
	width: 284px;
	height: 355px;
	overflow: hidden;
	}
	
.thumbs-overflow #thumbnails {
	width: 301px;
	}
	
#thumbnails .deactivate {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 50;
	}
	
#preface {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	background: #FFF;
	z-index: 50;
	}
	


/* @group Welcome */

#gift-cards .main #information {
	width: 540px /*860 - 315px - 5*/; 
	}

.main h2#section-title {
	padding-left: 80px;
	margin-left: 0!important;
	}

.main #information .inner-content {
	padding: 55px 25px 0 30px!important;
	}

p.para-1 {
	margin-bottom: 1em;
	padding-left: 40px;
	font-size: 1.25em;
	line-height: 1.2em;
	}

p.para-2 {
	padding: 10px 0 0 110px;
	font-size: 1.0625em /*17*/;
	height: 110px;
	line-height: 1.2em;
	background: transparent url(../img/icon-home.gif) 0 0 no-repeat;
	}


/* @end */
/* @group Gift Cards */

#gallery {
	width: 100%;
	overflow: hidden;
	}

#gift-cards #information {
	width: 250px /*860 - 605px - 5*/;
	}
#gift-cards #information .inner-content {
	padding: 0 25px 0 30px;
	}

#gift-cards .thumbs-overflow #information {
	width: 235px;
	}
	
#gift-cards h2#section-title {
	margin-left: 15px;
	}

h3#article-title {
	margin-left: 15px;
	padding-left: 17px;
	font-size: 0.75em /*12*/;
	font-weight: bold;
	background: url(../img/bullet.gif) 0 -4px no-repeat;
	}
	
#gift-cards #information ul {
	margin-left: 15px;
	width: 180px;
	overflow: hidden;
	}
	
#gift-cards #information ul li {
	margin: 0;
	padding-left: 17px;
	background: url(../img/bullet-tick.gif) 0 50% no-repeat;
	overflow: hidden;
	}

#information p.eco-slogan {
	margin: 0;
	padding-left: 32px;
	padding-top: 42px;
	line-height: 1em;
	width: 160px;
	vertical-align: baseline;
	background: url(../img/icon-eco.gif) 0 100% no-repeat;
	overflow: hidden;
	}

/* @group Buttons */

p.button {
	position: absolute;
	bottom: 1px;
	margin: 0;
	width: 100%;
	line-height: 2em;
	/*padding:.4em 0;*/
	/*line-height: 1em;*/
	overflow: hidden;
	}
	
p.button a {
	padding: .4em .75em;
	padding-left: 23px;
	background: #d7d4e1 url(../img/btn-bullet.gif) 0 50% no-repeat;
	}
p.button a#next {
	padding: .4em .75em;
	padding-right: 23px;
	background-position: 100% 50%;
	}
	
p.button a:link,
p.button a:visited {
	color: #000;
	}
p.button a:hover,
p.button a:active {
	color: #FFF;
	background-color: #c6c2d4 /*#e8e6ee*/;
	border: none;
	}

/* @end */
/* @group Slideshow */
	
.slideshow {
	width: 315px;
	height: 315px;
	overflow: hidden;
	}
	
.slide-info {
	width: 100%;
	overflow: hidden;
	}
	
#image-title, #gallery-title {
	float: right;
	}

.thumbnails {
	margin: 0;
	width: 100%;
	height: 350px;
	overflow: hidden;
	}
	
.thumbs-overflow .thumbnails {
	overflow: auto!important;
	}

.thumbnails li {
	float: left;
	margin: 0 5px 5px 0;
	width: 66px;
	height: 66px;
	overflow: hidden;
	}
	
.thumbnails li a {
	display: block;
	width: 64px;
	height: 64px;
	border: 1px solid #FFFFFF;
	}
	
.thumbnails li a:hover {
	border-color: #000;
	border-style: solid;
	}
	
.thumbnails li a.activeSlide {
	border-color: #000;
	border-style: solid;
	} 
	
.thumbnails li img {
	width: 64px;
	height: 64px;
	border: none;
	overflow: hidden;
	}

/* @end */

/* @end */
/* @group Contact */

#order-forms #information .inner-content {
	padding: 55px 25px 0 110px!important;
	}
	
#contact #information .inner-content {
	padding: 50px 70px 0 70px!important;
	}

#contact h2#section-title,
#order-forms h2#section-title {
	padding-left: 0!important;
	}

#contact #information ul {
	margin-top: 1.75em;
	font-size: 1em;
	}
#contact #information ul li {
	margin: 1.3em 0;
	}
#contact #information p {
	font-size: 0.875em /*14*/;
	}
	
/* @end */

/* @end */
/* @group Misc. */

.small {
	font-size: 0.833em /*10*/;
	}

.hide {
	display: none;
	}
	
a.img,
a.img:hover {
	border-bottom: none !important;
	}

a img {
	border: none;
	}

/* @end */