/*------------------------------------*\
	IPHONE
\*------------------------------------*/
@media only screen and (max-width: 320px) {


/*-----------------------------------------------------------*/

body {
	font-family: Arial, Sans-serif;s
	background-color:#000; 
	background:#000000 none;
}

#constrain {
	width: 320px !important;
	padding:3px;
}

img, table {    max-width: 320px;} 
.mobile_hidden {    display: none;}
.web_hidden {display:inline;}

#logo_top {
	width: 320px;
	height:250px;
}

#page_container {
	margin-left:-20px;
	width: 320px;
	background:#000;
}
#constrain img.header-img {
  display:block;
  vertical-align: baseline;	
}

#footer {
	border-top: 1px solid #FFF;
	width:100%;
}
#footer p{
	font-size:10px;
	color:#999;
	text-align:center;
}
.middle{text-align:left;}
.right{text-align:left;}

.slider_container{ clear:both; background:url(../images/shadow_top.png) no-repeat top center; padding:30px 0 0 0;}


/**************styles***************/

h1 {
	color: #FFF;
	font-variant:small-caps;
	font-family: sexsmith, Times, "Times New Roman", serif;
  	font-weight:700;
    letter-spacing:3px;
	font-size: 2em;
	line-height:2em;
}
h2 {
	position: relative;
	margin: 0 0 20px 0;
	font-size:1.1em;
	letter-spacing: 3px;
	color: #FFF;
	font-variant:small-caps;
	font-family: sexsmith, Times, "Times New Roman", serif;
	padding-top: 25px;
}
h3 {
	font-size:100%;
	padding-bottom: 6px;
	padding-left:5px;
	color:#ecbd5b;
	padding-top: 25px;
	line-height:22px;
}
h4 {
	font-size:90%;
	color:#ecbd5b;
	line-height:22px;
	border-bottom:#ecbd5b 1px solid;
}
p {
	font-family: Arial, sans-serf;
	color:#FFFFFF;
	font-size:0.9em;
}

/******** Force table to not be like tables anymore ************/

table, thead, tbody, th, td, tr { 
	display: block; 
	margin-bottom: 0;

}

td { 
	border: none;
	border-bottom: 1px solid #eee; 
	position: relative;
	white-space: nowrap; 
	overflow: hidden;
	width: 100% !important;
}
/*td:before { 
	position: absolute;
	top: 2px;
	left: 2px;
	width: 45%; 
	padding-right: 2px; 
	white-space: normal;
	display: inline-block;
	overflow: hidden;
}*/
table {
	margin-left: auto;
	margin-right: auto;
}
th, tr, td {
	border: #000;
	color:#FFF;
	white-space: normal;
	
}
table.cell_border tr, table.cell_border td{
	border: none;
}

#wine td{
	width:99%;
}

/*------------------css menu-------------*/
#cssmenu {
	background-color:ecbd5b;
}
#cssmenu a {
  font-size: 120%;
  color: #333333;
  height:20px;
  display: block;
  background: #ecbd5b;
  padding: 5px;
  width:320px
}
#cssmenu:after,
#cssmenu ul:after {
  display: block;
  clear: both;

}
#cssmenu ul {
  list-style: none;
  display:block;
  margin-left:0px;
  padding-left:0px;
}
/*#cssmenu > ul {
  float: left;
}*/
#cssmenu > ul > li {
  float: none;
}
#cssmenu > ul > li > a {
  color: #000;
  font-size: 1.2em;
  line-height:1.3em;
  font-family: sexsmith, Times, "Times New Roman", serif;
  text-decoration:none;
  background: #eca935;
  border-bottom: 2px dotted #f5d192;
  height: 30px;
  margin-left:-20px;
  width:320px;
}

#cssmenu > ul > li:hover:after {
  display: block;
  height:20px;
  position: absolute;
  left: 100%;
  bottom: 0;
  font-size: 1.2em;
  line-height:1.2em;
}
#cssmenu > ul > li.active > a {
  color:#FFF;
}
#cssmenu > ul > li>  ul > li.active > a {
  color:#FFF;
  background:#333;
}

#cssmenu > ul > li.active:after {
  display: block;
  height:20px;
  position: absolute;
  left: 20%;
  bottom: 0;
  text-decoration:none;
}
#cssmenu > ul > li.active > a {
  color:#FFF;
}
#cssmenu > ul > li:hover > a {
	background: none;
 	font-size: 1.2em;
 	line-height:1.2em;
	color: #ecbd5b;
	padding: 10px;
}

#cssmenu .has-sub {
 z-index: 0;
}
#cssmenu .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub ul {
  display: block;
  position: relative;
}
#cssmenu .has-sub > ul > li > a {
  color: #000;
  font-size: 1.2em;
  line-height:1.2em;
  text-decoration:none;
  font-family: sexsmith, Times, "Times New Roman", serif;
  background: #ecbd5b;
  border-bottom: 2px dotted #f5d192;
  height:20px;
  width:310px;
  margin-left:-20px;
}
/******has-sub**********/

#cssmenu .has-sub ul li {
  margin-bottom: -1px;
}

#cssmenu .has-sub ul li:hover a {
	background: #333;
	color: #f5d192;
}
#cssmenu .has-sub .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub .has-sub ul {
  display: static;
  position: absolute;
  left: 0;
  top: 0;
}
#cssmenu .has-sub .has-sub ul li a {
  background: #f5d192;
  border-bottom: 1px dotted #f5d192;
}
#cssmenu .has-sub .has-sub ul li a:hover {
  background: #f5d192;
}
}