@charset "UTF-8";
/* CSS Document */

body {
background: #8cdef4;
font: 100% Geneva, Arial, Helvetica, sans-serif;
color:#fff;
}

html>body {
font-size: 16px;
}

#page {
margin: 1px auto;
width: 900px;
}

div.socialMedia {float:right;padding-right: 64px;font: .75em Geneva, Arial, Helvetica, sans-serif;
text-transform: uppercase;
letter-spacing: .1em;
}
div.socialMedia li {display: inline; padding-right: 4px}
div.socialMedia li.fb {padding-right:0}
#fb-root {}


div.header {
background: #8cdef4 url(../images/header.gif) no-repeat 0 0; 
width: 875px;
height: 180px;
overflow: hidden;
margin: 0 0 5px 20px;
padding:0;
clear: left;
}

.header h1{
	margin: 98px 0 0 40px;
	padding:0;
	float:left;
	font-size: 1.75em;
}

.header h1 a{
	display:block;
	height:120px;
	outline:none;
	overflow:hidden;
	padding: 30px 60px;
	color: #8cdef4;
}

.header h1 a:hover, .header h1 a:visited {
text-decoration: none;
color: #8cdef4;
}


 
h1 {
text-indent: ;}

#footer {
background: #8cdef4;
width: 900px;
}


div.nav {
float: right;
width: 530px;
list-style: none;
margin-top: 9.2em;
}

.nav ul {
color:#fff;
padding:0;
margin:0;
}

div.nav ul li {
display: inline;
font: .75em Geneva, Arial, Helvetica, sans-serif;
text-transform: uppercase;
letter-spacing: .1em;
}



div.nav ul li a {
text-decoration: none;
}


 a {
text-decoration: none;
color: #fff;
}

a:hover {
color: #39a8d1;
}

#sub_nav {
width: 900px;
list-style: none;
text-align: center;
margin-top: -.5em;
}

#sub_nav ul {
color:#fff;
padding:0;
margin:0;
}


#sub_nav ul li {
display: inline;
padding-right: 1em;
font: .6em Geneva, Arial, Helvetica, sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
}

#sub_nav ul li.last a{
font-size: .9em;
color: #39a8d1;
letter-spacing: normal;
}

#sub_nav ul li.last a:hover {
color: #fff;}


div.ArticleBody ul {
color: #333;
list-style: none;
line-height: 2em;
font: .7em Geneva, Arial, Helvetica, sans-serif;
}

div.ArticleBody ul li {
padding-bottom: 5px;
}

div.ArticleBody ul li a {
color: #666;
letter-spacing: .1em;
padding-left: 10px;
}

div.ArticleBody ul li a:hover {
color: #39a8d1;
}

div.ArticleBody a {
color: #39a8d1;	
}

div.ArticleBody a:hover {
color: #666;	
}


#flashcontent {
padding-left: 10px;
float: left;
}

div.text {
float: right;
width: 410px;
padding-right: 30px;
color: #000;
}

div.text_left {
float:left;
width: 500px;
padding-left: 40px;
color: #000;
}

div.text_left p {
color: #333;
line-height: 2em;
}

div.Article {
  background: url(../images/shadow_top-left.gif)
  top left no-repeat;
  width:900px;
  padding: 0;
  margin-top: -.75em;
  }
  
div.Article h2 {
  background: url(../images/shadow_top-right.gif)
  top right no-repeat;
  padding:15px;
  margin:0;
  }
div.ArticleBody {
  background: #fff url(../images/shadow_center.gif)
  top right repeat-y;
  margin:0;
  margin-top:-2em;
  padding:15px;
  width:865px;
  margin-left: 2px;
  overflow: hidden;
  }
  
div.ArticleFooter {
  background: #fff url(../images/shadow_bottom_left.gif)
  bottom left no-repeat;
  }
  
div.ArticleFooter p {
  background: url(../images/shadow_bottom_right.gif)
  bottom right no-repeat;
  display:block;
  padding:14px;
  margin: -1em 0 0 0;
  }
  
div.mailing_list {
margin-left: 100px;
}
  
.img_designer {
float: left;
padding: 0 20px 10px 100px;
}

.img_soon {
float: right;
}
.img_logo {
float: left;
padding-left: 10px;
} 
.img_loot {
padding: 0 10px 0 10px;
}
.img_wine {
}

h2 {
color: #333;
padding: 0;
margin:0;
}

h3 {
font-variant:small-caps;
letter-spacing: .2em;
color: #39a8d1;
font-family: Arial, Helvetica, sans-serif;
padding: 20px 0 0 100px;
}

.p_faq, .p_address {
color: #333;
line-height: 2em;
font: .7em Geneva, Arial, Helvetica, sans-serif;
padding: 0 100px;
}

.p_link{
color: #999;
font: Geneva, Arial, Helvetica, sans-serif;
padding: 0 120px;
font-size: .5em;
}

.p_address {
padding: 0 0 5px 0;
text-align: center;
}

 .p_link a {
 color: #999;
 }
 
.p_1, .p_2, .p_1center {
color: #666;
line-height: 2em;
font: .7em Geneva, Arial, Helvetica, sans-serif;
padding-top: 20px;
margin: 0;
}

.p_1center {
text-align: center;	
	}

.p_2 {
padding:30px 0 0 50px;
}

* html .p_2 {
font-size: 90%;
padding:30px 0 0 50px;
}

*+ html .p_2 {
font-size: 90%;
padding:30px 0 0 50px;
}


 /* 
  div.Article {
  border: 1px solid red; }
div.Article h2 {
  border: 1px solid blue; }
div.ArticleBody {
  border: 1px solid black; }
div.ArticleFooter {
  border: 1px solid blue; } 
div.ArticleFooter p {
  border: 1px solid magenta; }