aside, header, footer, figure, article {
	display: block !important;
}


/* Typography
---------------------------------------------------------- */


body{
    background-color:#050505;
	font: normal 62.5% Helvetica neue, Arial, sans-serif;
}

@font-face {font-family: joyce; src: url("/lib/fonts/joyce.eot") /* EOT file for IE */}
@font-face {font-family: joyce;src: url('/lib/fonts/joyce.ttf');}



h1 { 
	font: 2em/140% normal normal Arial, Helvetica, sans-serif; 
	color:#999; 
	margin-bottom: 5px;
}

h2 { 
	font: 1.1em/140% normal normal Arial, Helvetica, sans-serif; 
	color:#666;
}
	
p {
   font: 1.1em/140% normal normal Arial, Helvetica, sans-serif; 
   color:#666; 
   opacity: 100%; 
   opacity:1.0; 
}

/* contact form*/

#contact-sidebar {
    text-align: right;
	margin-top: 70px;
	border:none;
}

label {
   font-family:Arial, Helvetica, sans-serif;
   color: #999999;
   font-size: 14px;
}

.contact-summary {
    font: 2em/140% normal normal Arial, Helvetica, sans-serif;
	color: #CCCCCC;   
	padding-bottom: 25px;
	opacity: 70%;
    opacity:0.70;
    filter:alpha(opacity=70);
}

#address, #telephone, #follow {
	font: 1.2em/140% normal normal Arial, Helvetica, sans-serif;
	padding-bottom:15px;
	opacity: 70%;
    opacity:0.70;
    filter:alpha(opacity=70);
}
	
.form-input {
    height:60px;
}
.form-item {
	1.8em/140% normal normal Arial, Helvetica, sans-serif;
	color: white;   
	opacity: 70%;
    opacity:0.70;
    filter:alpha(opacity=90);
}

space { 
    line-height: 20px;
}

.required-input {
    margin: 0;
    padding: 0;
    float: right;
    position: relative;
    left: -95px;
    top: 7px;
    *top: -30px;
}

.required-textarea {
    position: relative;
    left: -65px;
    top: -85px;
}


input[type=text] {

    font: 1.2em/140% normal bold Arial, Helvetica, sans-serif;
    background:url(images/input.png) no-repeat;
    border: 0px solid #FFF;
    width: 195px;
    height:30px;
    max-length: 20px;
    margin-top: 4px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 90px;
    color: #999999;
}

input[type=text]:focus, input[type=text]:active {
	outline:none;
	background:url(images/input.png) no-repeat;
    border-top: none;
    border-left: none;
    color: #666666;
    border-bottom: none;
    border-right: none;
}


.left-label {
    width: 150px;
}





textarea {
	resize: none;
    font: 1.2em/130% normal bold Arial, Helvetica, sans-serif;
    border: 0px solid #666666;
    margin-top: 5px;
    width: 195px;
    height: 111px;
    color: #999999;
    overflow: hidden;
    padding-top: 0px;
    padding-left: 10px;
    padding-right: 90px;
	margin-bottom: 6px;
	background:none;
}
 
.textarea {
width:202px;
height:111px;
background:url(images/textarea.png) no-repeat;
}




/*textarea, textarea:focus, textarea:active {
	background:url(images/textarea.png) no-repeat;
}

textarea:focus, textarea:active {
	border-top: none;
    border-left: none;
    color: #666666;
}
	

textarea {
    resize: none;
    font: 1.2em/130% normal bold Arial, Helvetica, sans-serif;
    border: 0px solid #666666;
    margin-top: 5px;
    width: 195px;
    height: 111px;
    color: #999999;
    overflow: hidden;
    padding-top: 0px;
    padding-left: 10px;
    padding-right: 90px;
    overflow: hidden;
	margin-bottom: 6px;
}

textarea:focus {
    outline: None;
    overflow: auto;
    border-bottom: none;
    border-right: none;
}

textarea:active {
    overflow: auto;
}
*/
img {
	border-style:none;
}

input,select,textarea{
    outline:none;	
}



/* Misc
---------------------------------------------------------- */

#ie6-upgrade {
	padding: 5px 10px;
}

#ie6-upgrade h4 {
	color: #000;
	font-weight: bold;
}

#ie6-upgrade a {
	color: #000;
	text-decoration: underline;
	border: none;
}

	#ie6-upgrade a:hover {
	border: none;
	color: #444;
	}
	
	

/* style.css */

#list-articles {
    margin-top: 15px;
}

#content-area, header, footer {
	background: #000000;
}

#content-area {
    opacity: 95%;
    opacity:0.95;
    filter:alpha(opacity=95);
}

header{
    opacity:0.8;
    filter:alpha(opacity=80);
}

footer {
    background-repeat:repeat-x;
}

.left-border, .right-border, button {
	float: left;
	height: 28px;
	opacity: 70%;
    opacity:0.70;
    filter:alpha(opacity=70);
}

.left-border {
    width: 8px;
    background:url(images/button_left.png) no-repeat;
}

.right-border {
    width: 8px;
    background:url(images/button_right.png) no-repeat;
}


button {
    border: 0;
    margin: 0;
	outline:none;
    background: transparent url(images/button_mid.png) repeat;
    color: #CCCCCC;
    border-width: 0px;
    margin-top: 0px;
    line-height: 24px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:14px;
}

button:visited, button:hover, button:active {
	border: none;
    margin: 0;
	outline:none;
    background: transparent url(images/button_mid.png) repeat;
    color:#000;
	line-height: 24px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:14px;
}

button::-moz-focus-inner { border: 0; }
	
	

/*layout.css*/

* {
    margin: 0;
    padding: 0;
}

header, footer, aside, nav, article {
	display: block;
 }

html, body, #bg, #bg table, #bg td {
    height:100%;
    width:100%;
    overflow:hidden;
}

#bg {
    position: fixed;
}

#bg div {
    height:200%;
    left:-50%;
    position:absolute;
    top:-50%;
    width:200%;
}

#bg td {
    text-align:center;
    vertical-align:middle;
}

#bg img {
    margin:0 auto;
    min-height:50%;
    min-width:50%;
}

/*
Everything above this comment relates to the background image, don't touch

*/

#true-page {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 70;
    overflow: auto;
    height: 100%;
    width: 100%;
}

#content {
    position: absolute;
    top: 180px;
    width: 100%;
    right: 0;

}

#content-area {
    margin: 0 auto;
    margin-right: 100px;
    width: 520px;
    padding: 40px;
    min-height: 250px;
}

header {
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    height: 100px;
}


footer {
    margin-top: 40px;
	margin-bottom: 10px;
    width: 100%;
    height: 50px;
}

.logo_20Thirty {
    position: absolute;
	padding: 10px;
    right: 90px;
    border: 0;
	opacity: 80%;
    opacity:0.80;
    filter:alpha(opacity=80);
}

#logo {
    position: absolute;
    left: 100px;
    top: 7px;
}

#contact-sidebar{
    float: right;
}

#contact-form{
    padding-bottom: 40px;
    width: 380px;
}


/* navigation
---------------------------------------------------------- */


nav {
    position: absolute;
    right: 75px;
    line-height: 150px;
}

header li
{
    display: inline;
    list-style-type: none;
    padding-right: 30px;
}

a:link, a:visited {
	text-transform: uppercase;
    font-size:14px; 
	font-family:Arial, Helvetica, sans-serif; 
	color: white;
	opacity: 70%;
    opacity:0.70;
    filter:alpha(opacity=70);
	text-decoration:none;
	outline:none;
}

a:hover, a:active  {
	text-transform: uppercase;
	color:#666666;
	text-decoration:underline;
	outline:none;
}


/* food menu */


.menu-heading, .menu-subhead {
	font:2em/120% normal normal Arial, Helvetica, sans-serif;
	width:400px;
}

.menu-heading {
	color:#999999;
    opacity: 100%;
    opacity:1.00;
    filter:alpha(opacity=100);
}


.menu-subhead {
	color: #666666;
	padding-bottom:30px;
	width:400px;
}

.divider {
   margin-top:-20px;
   margin-bottom:15px;
   border: 0;
   background-image:url(images/divider.png);
   width: 349px;
   height: 1px;
   text-align: left;
}


.menu-item-title {
	font:1.2em/140% normal normal Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	padding-bottom:0px;
	width:400px;
	opacity: 100%;
    opacity:1.0;
    filter:alpha(opacity=100);
}



.menu-item-summary {
    font:1.1em/140% normal normal Arial, Helvetica, sans-serif;
	color: #666666;
    width:400px;
	padding-bottom:20px;
}

.menu-item-price {
	font:1.2em/140% normal normal Arial, Helvetica, sans-serif;
	color:#CCCCCC;
}
