/* GENERAL PAGE LAYOUT */

body {
	background-color: #E0E8CC;
	color: #e4deb6;
	font-family: "Verdana", trebuchet, lucida grande, arial, sans-serif;
	font-size: 11px;
	line-height: 15px;
}

#header {
	background: url('../images/glow_top.jpg') no-repeat top center;
	border: 0px solid blue;
	padding: 53px 0 15px 0;
}

#middle {
	background: url('../images/glow_middle.jpg') repeat-y top center;
}

#footer {
	background: url('../images/glow_bottom.jpg') no-repeat top center;
	height: 200px;
}

.content-container {
	border: 0px solid blue;
	margin: 0 auto;
	padding: 0 0px;
	position: relative;
	width: 862px;
}

#logo {
	float: left;
	padding-right: 15px;	
}

#body-text {
	/*height: 312px;*/	
	position: absolute;
	top: 25px;
	width: 440px;
	padding: 18px 0 0 3px;
}


/* PAGE SPECIFIC LAYOUT */

#home-movie {
	background: url('../images/homeMovieBkgd.jpg') no-repeat top center;
	height: 469px;
	width: 860px;
}

#about #middle .content-container {
	background: url('../images/aboutBkgd.jpg') no-repeat top center;
	height: 523px;
}

#about #body-text {
	/*background: url('../images/aboutText.gif') no-repeat;*/
	left: 325px; /* make sure to add content-container padding */
	width: 450px;
}

#products #middle .content-container {
	background: url('../images/products/toothFairyKit/bkgd.gif') no-repeat top center;
	height: 523px;
}

#products #body-text {
	border: 0px solid blue;
	left: 0;
	top: 0;
}

#products #howtobuy {
	border: 0px solid red;
	left: 605px;
	position: absolute;
	top: 271px;
	width: 250px;
}


#contact #middle .content-container {
	background: url('../images/contactBkgd.jpg') no-repeat top center;
	height: 523px;
}

#contact #body-text {
	/*background: url('../images/contactText.gif') no-repeat;*/
	left: 444px; /* make sure to add content-container padding */
}

/* GENERAL TYPOGRAPHY */

/* hide these text items */
h1, h2, h3 {
	/*display: none;*/
	text-indent: -9999px;
}

h1 {
	height: 80px;
	left: 140px; /* make sure to add content-container padding */
	position: absolute;
	top: 71px;	
	width: 180px;
}

p {
	padding-bottom: 1.2em;
}

h3 {
/*	background-color: #ff0;
	opacity: .5;*/
}

/* PAGE SPECIFIC TYPOGRAPHY */

#about h1 {
	background: url('../images/aboutHeader.gif') no-repeat;
}

#about h2 {
	background: url('../images/h2seed.gif') no-repeat;
	height: 9px;
	padding-bottom: 1.5em;
	width: 117px;
}

#products #body-text {
	text-indent: -9999px;
}

#products #howtobuy {
	color: #2d382d;
	font-size: 10px;
	line-height: 12px;
	text-indent: 0;
}

#products h4 {
	font-weight: bold;
}

#products p {
	padding-bottom: 1.2em;
}
#contact h1 {
	background: url('../images/contactHeader.gif') no-repeat;
}

#contact #h3-official-address {
	background: url('../images/h3-official-address.gif') no-repeat;
}

#contact #h3-mailing-address {
	background: url('../images/h3-mailing-address.gif') no-repeat;
	margin-top: 13px;
}

#contact #h3-contacts {
	background: url('../images/h3-contacts.gif') no-repeat;
	margin-top: 26px;
}

#contact p {
	color: #c9d5a6;
	font-size: 10px;
	line-height: 14px;
	padding-top: 2px;
}

/* IMAGES */

#bigImage {
	left: 39px;
	position: absolute;
	top: 24px;
}

#thumb1, #thumb2, #thumb3, #thumb4 {
	left: 481px;
	position: absolute;
}

#thumb1 {
	top: 24px;
}

#thumb2 {
	top: 95px;
}

#thumb3 {
	top: 166px;
}

#thumb4 {
	top: 237px;
}

/* LINKS */

a {
	color: #e4deb6;
}

a:hover {
	color: #fff;
}

#products p a {
	color: #2d382d;
}

#products p a:hover {
	color: #dd5f44;
}

#contact p a {
	color: #f78e1e;
	text-decoration: none;
}

#contact p a:hover {
	color: #fff;
}

#links a {
/*	background-color: #ff0;
	opacity: .3;*/
}

/* NAV */

#nav-container {
	background: url('../images/navTextBkgd4.gif') no-repeat top right;
	border: 0px solid blue;
	height: 172px;
	margin-left: 98px;
	position: relative;
}

#nav {
	border: 0px solid blue;
	position: absolute;
	bottom: 0px;
	left: 0px;
	
}

#nav li {
	border: 0px solid blue;
	display: inline;
	float: left;
}

#nav li a {
	border: 0px solid red;
	bottom: 0;
	display: block;
	height: 50px;
	position: absolute;
	text-indent: -9999px;
}

#nav-about {
	left: 20px;
	width: 90px;
}

#nav-products {
	left: 116px;
	width: 90px;
}

#nav-germinate {
	left: 198px;
	width: 100px;
}

#nav-buy {
	left: 208px;
	width: 112px;
}

#nav-contact {
	left: 325px;
	width: 154px;
}

#nav-about:hover, #about #nav-about {
	background: url('../images/overAbout.gif') no-repeat bottom center;	
}

#nav-products:hover, #products #nav-products {
	background: url('../images/overProducts.gif') no-repeat bottom center;	
}

#nav-germinate:hover, #germinate #nav-germinate {
	background: url('../images/overGerminate.gif') no-repeat bottom center;	
}

#nav-buy:hover, #buy #nav-buy {
	background: url('../images/overBuy.gif') no-repeat bottom center;	
}

#nav-contact:hover, #contact #nav-contact {
	background: url('../images/overContact.gif') no-repeat bottom center;	
}

/* ===============================
         Where to Buy Redone
   =============================== */
/* start legacy styles */
#buy #middle .content-container {
	background: url('../images/buyBkgd2.png') no-repeat top center;
	height: 523px;
}
#buy #body-text {
	/*background: url('../images/buyText.gif') no-repeat;*/
	left: 308px; /* make sure to add content-container padding */
	padding-top: 0;
	width: 529px;
}
#buy h1 {
	background: url('../images/buyHeader.gif') no-repeat;
	left: 130px;
}
#buy h2 {
	color: #2d382d;
	font-family: Georgia, serif;
	font-size: 14px;
	font-style: italic;
	margin-bottom: 5px;
	text-indent: 0;
}
#tooth_blurb {
	background: url('../images/tooth2.png') 0 0 no-repeat;
	height: 90px;
	left: 80px;
	top: 125px; 
	position: absolute;
	width: 182px; 
}
#tooth_blurb a {
	display: block;
	height: 14px;
	margin: 28px 0 0 20px;
	text-indent: -999em;
	width: 160px;
}
/* end legacy styles */
body#buy.buy-new #middle .content-container {
	background: url('../images/buyBkgd3.jpg') no-repeat bottom center;
	height: auto;
}
body.buy-new h2 { color: #2d382d; }
body.buy-new .column {
	display: inline;
	margin-top: 25px;
	float: left;
	width: 174px;
}
body.buy-new .column p,
body.buy-new .column p a { color: #fff; }
body.buy-new .one {
	margin-right: 51px;
	position: relative;
	width: 260px;
}
body.buy-new .one h1 { position: relative; top: 46px; }
body.buy-new .one h2,
body.buy-new .one p { margin-left: 86px; }
body.buy-new strong { font-weight: bold; }
body.buy-new #tooth_blurb {
	background: url('../images/tooth2.png') 0 0 no-repeat;
	height: 90px;
	margin-bottom: 20px;
	right: 0;
	top: -8px; 
	position: relative;
	width: 182px; 
}
body.buy-new #tooth_blurb a {
	display: block;
	height: 14px;
	margin: 28px 0 0 20px;
	text-indent: -999em;
	width: 160px;
}
body.buy-new .clear {
	clear: both;
	display: block;
	width: 100%;
}