BODY	{background: #32120f; margin-bottom: 30px;}

* 		{margin: 0; padding: 0;}
img		{border: 0px;}


#CONTAINER	{width: 960px; display: table; padding: 0; margin:0 auto; position: relative;}

/* display: table; should not be used on CONTENT to set an elastic 100% auto-height.
   float: left; is necessary on the CONTENT DIV instead to ensure the RIGHT column does not 
   slide to bottom of LEFT column in FF, something that occurs with random page loads. 
   This will also allow the background to fill the entire CONTENT space */

#CONTENT	{float: left; width: 960px; height: 100%; background: #4d1b0d url("images/evason-ghost-bkg.jpg") no-repeat; padding: 0; margin:0 auto; position: relative;}

#LEFT		{float: left; width: 400px; height: 100%; padding: 0; position: relative;}
#RIGHT		{float: left; width: 560px; height: 100%; padding: 0; position: relative;}

#LOGO		{float: left; width: 400px; height: 335px; background: url("images/evason-ghost-logo.png") no-repeat; padding: 0; margin-bottom: -24px; position: relative;}
#BOTTLE		{float: left; width: 360px; height: 360px; background: url("images/evason-ghost-bottle.png") no-repeat; padding: 40px 40px 0 140px; text-align: center; position: relative;}

#TEXT		{float: left; width: 490px; height: 100%; background:; padding: 6px 50px 0 20px; margin-top: 24px; position: relative;}
#PRICE		{float: left; width: 200px; height: 72px; background:; padding: 0 0 0 20px; position: relative;}
#ORDER		{float: left; width: 280px; height: 60px; background:; padding: 12px 0px 0px 0px; position: relative;}
#VIDEO		{float: left; width: 480px; height: 360px; background: url("images/evason-ghost-video-bkg.png") no-repeat; padding: 0 0 0 20px; margin:0 auto; position: relative;}

#FOOTER		{float: left; width: 960px; height: 80px; background: #542300; padding: 0; position: relative; border-top: 1px solid #764522;}
#copy		{float: left; width: 480px; height: 80px; padding: 0; position: relative;}
#copy P		{color: #faddaf; font: 12px Georgia; text-align: center; padding: 21px 0; line-height: 18px;}
#virgo		{float: left; width: 480px; height: 80px; padding-top: 18px; position: relative;}
#virgo P	{color: #ad7d54; font: 10px Arial; text-align: center; padding: 0 0 0px 0;}


p	{color: #fbeebf; font: 14px Georgia; text-align: left; line-height: 17px; padding: 0 0 6px 0;}
h1	{color: #fec05e; font: bold 32px Georgia; text-align: center; padding: 0 0 9px 0;}
h2 	{color: #fec05e; font: bold 42px Georgia; text-align: center; padding: 0;}
h3	{color: #fec05e; font: 10px Georgia; text-align: center; padding: 0 0 3px 0;}
h4	{color: #faddaf; font: bold 10px Helvetica, Arial; text-align: center; padding: 0;}
h5	{color: #fec05e; font: bold 18px Georgia; text-align: center; padding: 12px 0 0 0;}
.h6	{font: 24px Georgia;}
.h7 	{font: 14px Georgia;}

a	{color: #fec05e; font: bold; text-decoration: underline;}
a:hover	{color: #ffffff; font: bold; text-decoration: underline;}

.year	{font: bold 16px Cooper Black;}