@charset "utf-8";

body {
	background-color: #ccc;
	margin: 0px;
	margin-bottom: 60px;
	padding: 0px;
	text-align: center;
}
.clear {clear:both; display:block; visibility:hidden; height:0; border-width:0; margin:0; padding:0; overflow: hidden;}

#container {
	margin-top: 50px; margin-left: auto; margin-right: auto;
	width: 900px; 
	border: 1px solid #666;
	background-color: #fff;
	font-family: Calibri, Tahoma, Arial; font-size: 12px; color: #fff;
	text-align: left;
	position: relative;
}

	/* Navigation on all pages */
	#nav {
		width: 100%; text-align: center; height: 30px; margin: 35px 0px 20px 0px;
		font-family: Tahoma, Arial; font-size: 12px; color: #000;	
	}
		#nav ul {margin:0px; padding: 0px;}
		#nav ul li {margin: 0px; padding: 0px 9px 0px 9px; list-style:none; display: inline;}
		#nav ul li a {text-decoration: none; color: #000; font-family: Tahoma, Arial; font-size: 11px;}
		#nav ul li a:hover {text-decoration: none; color: #9d1d0e;}
		#nav ul li a.selected {text-decoration: none; color: #9d1d0e; text-decoration: none;}
	
	/* Home Page */
	#home-left {
		float: left; width: 450px; height: 550px; display: inline;
		background-color: #fff;
	}
		#homelogo {width: 450px; height: 225px; margin-top: 60px; background: url(images/homelogo.gif) no-repeat center;}
	#home-right {
		float: left; width: 450px; height: 550px; display: inline;
		background-color: #eee;
	}
		#homeimg {width: 450px; height: 321px; background: url(images/main-home.jpg) no-repeat; border-bottom: 3px solid #fff;}
		
	/* Default Layout */
	#left {
		float: left; width: 400px; height: 550px; display: inline;
		background-color: #fff;
	}
		#leftimg-about {width: 400px; height: 286px; background: url(images/main-about.jpg) no-repeat #fff;}
		#leftimg-notelet {width: 400px; height: 286px; background: url(images/main-notelet.jpg) no-repeat #fff;}
		#leftimg-gifts {width: 400px; height: 286px; background: url(images/main-gifts.jpg) no-repeat;}
		#leftimg-contact {width: 400px; height: 286px; background: url(images/main-contact.jpg) no-repeat;}
		#leftimg-galleries {width: 400px; height: 286px; background: url(images/main-galleries.jpg) no-repeat;}
		#leftimg-privacy {width: 400px; height: 286px; background: url(images/main-privacy.jpg) no-repeat;}
		#leftimg-terms {width: 400px; height: 286px; background: url(images/main-terms.jpg) no-repeat;}
		#leftlogo {width: 400px; height: 175px; background: url(images/logo-general.gif) no-repeat; margin-top: 40px;}
	#right {
		float: left; width: 500px; min-height: 550px; height: auto !important; height: 550px; display: inline;
		background-color: #eee;
	}	
		#pageheader {width: 500px; border-bottom: 3px solid #fff;}
		#pageheader h1 {font-family: Tahoma, Arial; font-size: 15px; font-variant: small-caps; color: #666; margin: 0px; padding: 0px 20px 5px 20px;}
		#divider {width: 460px; margin: 0px 20px 0px 20px; border-top: 2px solid #eee;}
		#pagetext {width: 500px; margin-bottom: 20px;}
		#pagetext p {font-family: Tahoma, Arial; font-size: 12px; color: #000; margin: 0px; padding: 15px 20px 0px 20px;}
		#pagetext p a {font-family: Tahoma, Arial; font-size: 12px; color: #999; text-decoration: underline;}
		#pagetext p a:hover {font-family: Tahoma, Arial; font-size: 12px; color: #999; text-decoration: underline;}
		#pagetext p .highlight {font-family: Tahoma, Arial; font-size: 12px; color: #999; text-decoration: none;}
		#pagetext ul {padding: 5px; margin: 15px 0px 0px 50px;}
		#pagetext ul li {padding: 5px; margin: 0px;}
		#pagetext .proddesc {display: block; width: 300px; float: left;}
		#pagetext .prodprice {display: block; width: 125px; float: left;}
		#pagetext .orderlinkimg {float: left; height: 200px; width: 200px; display: inline; margin: 0px 0px 0px 33px;}

	/* ========== */
	/* CONTACT US */
	/* ========== */
	.contactbox {
		float: left; padding: 0px 0px 0px 20px; margin: 0px; width: 460px; display: inline;
	}
	.contactbox p {
		font-family: Tahoma, Verdana, sans-serif;
		font-size: 12px; line-height: 20px;
		color: #000;
		text-align: left;
		margin: 0px; padding: 0px;
	}
	.contactbox p a {
		font-family: Tahoma, Verdana, sans-serif;
		font-size: 12px; line-height: 20px;
		color: #999; text-decoration: none;
	}


/* Wrapper */
#container-wrapper {
	margin: 50px auto 20px auto;
	width: 900px; min-height: 585px; height: auto !important; height: 585px;
	border: 1px solid #666;
	font-family: Calibri, Tahoma, Arial; font-size: 12px; color: #000;
	text-align: left;
	position: relative;
	background-color: #fff;
}	
	#right-wrapper {
		float: right; width: 500px; height: 53px; display: inline;
		background-color: #fff;
	}
	#wrapper {
		margin: 20px 20px 0px 20px;
		width: 860px; min-height: 460px; height: auto !important; height: 460px;
		background-color: #fff; border: 1px solid #666; text-align: left; color: #000;
	}
	#wrapper a {font-family: Tahoma, Arial; font-size: 12px; color: #fff; text-decoration: none;}
	#wrapper a:hover {font-family: Tahoma, Arial; font-size: 12px; color: #999; text-decoration: none;}
	#logo-wrapper {
		float: left;
		margin-top: 8px; margin-bottom: 8px;
		height: 175px; width: 400px;
		background: url(images/logo-general.gif) no-repeat;
	}	

/* Copyright Box and Text */
#copy {
	margin-left: auto; margin-right: auto; margin-top: 20px;
	width: 900px; height: auto; text-align: center;
	font-family: Tahoma, Arial; font-size: 11px; font-variant: small-caps; color: #333;
}
#copy a {font-family: Tahoma, Arial; font-size: 11px; font-variant: small-caps; color: #333; text-decoration: none;}
#copy a:hover {font-family: Tahoma, Arial; font-size: 11px; font-variant: small-caps; color: #111; text-decoration: underline;}

	
/* Footer Keywords Container */
#footerkeywords {
	margin-left: auto; margin-right: auto; margin-top: 40px;
	width: 900px;
	font-family: Tahoma, Arial; font-size: 10px; color: #444444;
}
