/* Use this area for global styles. */

/* Image Replacement Sample

h1 {
	width:					500px;
	height:					250px;
	background:				url("image.jpg");
}

h1 a {
	display:				block;
	overflow:				hidden;
	width:					0px;
	height:					0px;
	padding:				250px 0px 0px 500px;
}

*/

html {
	color:					#6a5438;
	background:				#bccfa5;
	font-family:			"garamond", serif;
}

body {
	position:				relative;
	width:					990px;
	margin:					auto;
	background:				#fcf6e3;
}

h1 {
	float:					left;
	width:					534px;
	height:					138px;
	margin:					0px;
	background:				url("/framework/images/aGiftWrappedLife.jpg") -3px 1px no-repeat;
}

h1 a {
	display:				block;
	overflow:				hidden;
	width:					0px;
	height:					0px;
	padding:				136px 0px 0px 552px;
}

a {
	color:					#9db67e; /*#bccfa5*/
	text-decoration:		none;
}

a:hover {
	text-decoration:		underline;
}

h2#orderOnline {
	display:				inline;
	float:					right;
	width:					272px;
	height:					32px;
	margin:					32px 31px 32px 0px;
	background:				url("/framework/images/orderOnline.jpg");
}

h2#orderOnline span {
	display:				block;
	overflow:				hidden;
	width:					0px;
	height:					0px;
	padding:				32px 0px 0px 272px;
}

p#cartOverview {
	display:				inline;
	float:					right;
	clear:					right;
	height:					16px;
	margin:					0px 31px 30px 0px;
	padding-right:			38px;
	background:				url("/framework/images/shoppingCart.jpg") right center  no-repeat;
	font:					0.84em "arial", sans-serif;
	text-align:				right;
	white-space:			nowrap;
}

ul#topMenu {
	clear:					both;
	margin:					0px auto 32px auto;
	width:					928px;
	height:					18px;
	padding:				0px;
	font:					bold 0.91em serif;
	list-style:				none;
}

ul#topMenu li {
	float:					left;
	height:					18px;
	padding:				0px 0px 0px 24px;
	background:				url("/framework/images/bullet.jpg") 7px 7px no-repeat;
}

ul#topMenu li.firstItem {
	padding:				0px;
	background:				none;
}

ul#topMenu li a {
	color:					#796d5b;
}

ul#topMenu li a:hover {
	border-bottom:			1px solid #796d5b;
	text-decoration:		none;
}

img.header {
	display:				block;
	margin:					31px auto;
}

p.overview {
	margin:					32px;
	line-height:			1.67em;
}

p.overview em {
	font-family:			"times new roman", serif;
}

h2#tagline {
	width:					248px;
	height:					16px;
	margin:					4px auto 0px auto;
	background:				url("/framework/images/thePleasureOfBeautifulGifting.jpg");
}

h2#tagline span {
	display:				block;
	overflow:				hidden;
	width:					0px;
	height:					0px;
	padding:				16px 0px 0px 248px;
}

p#copyright {
	width:					224px;
	height:					24px;
	margin:					4px auto 0px auto;
	background:				url("/framework/images/2009Copyright.jpg");
}

p#copyright span {
	display:				block;
	overflow:				hidden;
	width:					0px;
	height:					0px;
	padding:				24px 0px 0px 224px;
}

p#standards {
	margin:					0px;
	padding:				1em 0px;
	color:					#e2ddcc;
	font:					x-small "arial", sans-serif;
	text-align:				center;
}

p#blogFooter {
	position:				absolute;
	bottom:					32px;
	left:					32px;
	margin:					0px;
	font-size:				small;
	width:					256px;
	line-height:			1.5em;
}

p#blogFooter img {
	float:					left;
	margin-right:			16px;
}

p#blogFooter em {
font:						bold italic medium "times new roman", serif;
}

p#spry {
	position:				absolute;
	bottom:					32px;
	right:					32px;
	width:					48px;
	height:					48px;
	margin:					0px;
	background:				url("/framework/images/spry.jpg");
}

p#spry a {
	display:				block;
	overflow:				hidden;
	width:					0px;
	height:					0px;
	padding:				48px 0px 0px 48px;
}

div.separator {
	clear:					both;
	height:					16px;
	margin:					0px;
	background:				url("/framework/images/separator.jpg") center no-repeat;
}

div.clearBoth {
	clear:					both;
	height:					0px;
	font-size:				0px;
	line-height:			0px;
}

.alignRight {
	text-align:				right;
}

.alignCenter {
	text-align:				center;
}

.justify {
	text-align:				justify;
}