*{margin: 0;padding: 0;}

html {height: 100%;}
body
{
	font: 62.5%/1.8em Arial, sans-serif;
	color:#fff;
	text-align: center;
	height: 100%;
	background: #900 url(images/bg-body.jpg) no-repeat 0 0;
}
h1, h2, h3, h4, h5, h6 {font-size:100%}
a{outline: none;}
a:link {color: #fff;}
a:visited {color: #fff;}
a:hover {color: #ffc; text-decoration:none}
a:active{outline: none;}
fieldset, img {border:0;}
ol, ul {list-style: none;}

#wrap
{
	width: 100%;
	margin: 0 auto;
	min-height: 100%;
	background: transparent url(images/bg-wrap.png) repeat-x top;
}
* html #wrap {height: 100%;}

#container {
	position: relative;
	min-height: 100%;
	width:900px;
	margin:auto;
	text-align:right;
}
* html #container {height: 100%;}
#container h1 {font-size:2.2em; margin-bottom:10px;}
#header
{
	height: 250px;
	position:relative;
}
#content {
	padding-bottom:270px;
}
#footer {
	width:100%; margin: -270px auto 0 auto; text-align:right;
	background: url(images/bg-footer.gif) repeat-x bottom;
	
}
#footer-content {
	position: relative;
	height:270px; width:900px; margin:auto; 
	background:  url(images/bg-footer-content.gif) no-repeat center bottom;
}

* html #footer {margin-top: -270px;}
.block {display:block}
.center {text-align:center}
.fl{float:left}
.fr{float:right}
.hide {display:none}
.clearer
{
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}

a#logo {
	width:221px; height:177px;
	position:absolute; right:0; top:60px; z-index:2;
	border:none;
}
a#logo span {display:none}
#nav {width:550px; height:170px; position:absolute; left:0px; top:56px; display:block; line-height:normal;
	background: transparent url(images/bg-main-navigation.png) no-repeat right top;
}
#nav ul {position:relative; top:77px; right:60px; display:block; width:550px}
#nav ul li {
	display:inline;
}
#nav ul li a {
	color:#fff;
	float:right;
	text-decoration:none;
	font-size:1.4em;
	text-align:center;
	white-space:nowrap;
	height:30px;
	line-height:30px;
	padding:0 10px;
	display:block;
	margin:0 5px;
}
#nav ul li a.current {background-color:#900;color:yellow; border-top:2px solid yellow; border-bottom:2px solid yellow; height:26px; line-height:26px;}
#nav ul li a:hover {background-color:#900; color:yellow;}

#sub_nav {font-size:1.2em; font-weight:bold; margin-top:15px}

#branding {
	width:898px; height:270px;
	margin:0 auto;
	overflow:hidden;
	text-align:left;
}
#branding #company {float:right; text-align:right; width:300px; padding:10px 23px 10px 10px; direction:rtl}
#branding #company p {font-size:2em; line-height:normal;}
ul#imagesContainer {position:relative; width: 550px; height:230px; list-style: none; float:left}
ul#imagesContainer li {position:absolute;visibility:hidden}
ul#imagesContainer li.show {visibility:visible}
ul#imagesContainer li em {position:absolute; z-index:10; width:100px; text-align:center; bottom:10px; right:205px; font-style:normal; font-size:12px; font-weight:bold; background-color:#7a1214; padding:5px 20px; color:#ff0;
border-top-left-radius: 50px 10px; border-top-right-radius: 50px 10px;
}
ul#imagesContainer img {border:8px solid #7a1214; border-radius:5px; box-shadow:2px 2px 5px rgba(0,0,0,.5)}


#content {display:block; width:900px;}

#content #content_sub {float:right; width:350px; margin-right:20px; direction:rtl}
#content #content_sub h2 {font-size:1.7em; padding:2px 0 10px 30px;}
#content #content_sub h4 {font-size:1.6em; color:#ffc; padding:2px 0 10px 30px;}
#content #content_sub h5 {font-size:1.3em;}
#content #content_sub p {font-size:1.3em; padding:0 0 10px 30px}
#content #content_sub strong { color:#cf9}

#content #content_sub ol { margin:15px 0 10px 30px; font-size:1.2em; padding-bottom:130px; background: url(images/funfood-vegetables.gif) no-repeat center bottom; }
#content #content_sub ol li {padding:5px 35px 20px 20px; line-height:1.3em;}
#content #content_sub ol li.num1 {background: url(images/num1.gif) no-repeat right top}
#content #content_sub ol li.num2 {background: url(images/num2.gif) no-repeat right top}
#content #content_sub ol li.num3 {background: url(images/num3.gif) no-repeat right top}
#content #content_sub ol li.num4 {background: url(images/num4.gif) no-repeat right top}
#content #content_sub ol li.num5 {background: url(images/num5.gif) no-repeat right top}

#content #content_main {float:left; width:500px; direction:rtl;}
#content #content_main h2 {font-size:1.7em; padding:2px 0 10px;}
#content #content_main p {font-size:1.2em; padding:0 0 15px 0;}

#content #content_main .product {width:100%; margin-bottom:25px}
#content #content_main .product h1 {border-bottom:2px dotted #7a1214; padding-bottom:5px; margin-bottom:15px;}
#content #content_main .product-image {float:right;}
#content #content_main .product-details {float:left; width:310px}
#content #content_main .product-details strong {color:#ffc}
#content #content_main .product div.hr {
  height: 10px; display:block; clear:both; padding-top:10px;
  background: transparent url(images/bg-hr.gif) no-repeat scroll center;
}
#content #content_main .product div.hr hr {display: none;}

#content #content_main .product-details #details {padding:10px; border:2px dotted #7a1214; margin-bottom:10px;}
#content #content_main .product-details #details strong {color:#ff9}
#content #content_main .product-details p span.highlight {display:block; text-align:center; background-color:#99CC00; color:#000; font-size:1em; padding:10px; border:3px #CCFF99 double; margin:5px 0; line-height:normal;}
#content #content_main .product-details table { border-collapse:collapse; border:1px solid #7a1214; font-size:1.1em; direction:rtl; text-align:right; margin-bottom:20px;}
#content #content_main .product-details table th {border-bottom-width:2px}
#content #content_main .product-details table th,
#content #content_main .product-details table td {border:1px solid #7a1214; padding:4px; text-align:center;}

/* PROFILE */

.g-img img {
  border: 3px solid #B53013;
  padding: 2px;
	margin:5px 0 5px 5px;
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
}
.g-img:hover img {
  border-color:#fff;
	box-shadow: none;
}

/* PRODUCTS */
#products ol {margin-right:20px;}
#products ol li {float:right;}
#products ol li a {
	display:block;
	position:relative;
	width:200px;
	height:8em;
	font-size:1.3em;
	border:3px solid #b31a1a;
	background-color:#900;
	background-position:center top;
	background-repeat:no-repeat;
	padding:5px;
	margin:5px;
	text-decoration:none;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
#products ol li a span {
	display:block;
	position:absolute;
	bottom:5px;
	right:0;
	left:0;
	margin:0 4px;
	text-align:center;
	background-color:#b31a1a;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#products ol li a:hover {border-color:#FF6600}

#p-nachos {background-image: url(images/ff-nachos_22x200g.jpg)}
#p-taco {background-image: url(images/ff-taco.jpg)}
#p-tortillas {background-image: url(images/FF-Tortillas.jpg)}
#p-cheddar {background-image: url(images/ff-cheddar-cheese.jpg)}
#p-jalapeno {background-image: url(images/ff-peppers-jalapeno.jpg)}
#p-chipotle {background-image: url(images/ff-chipotle-peppers.jpg)}
#p-salsa {background-image: url(images/ff-salsa.jpg)}
#p-guacamole {background-image: url(images/ff-guacamole.jpg)}



/* PRODUCTS NAVIGATION*/
#products-navigation ol {margin-right:40px;}
#products-navigation ol li {float:right;}
#products-navigation ol li a {
	display:block;
	width:80px;
	height:2.8em;
	font-size:1.3em;
	border:3px solid #b31a1a;
	background-color:#8d0101;
	padding:5px;
	margin:5px;
	text-align:center;
	text-decoration:none;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
#products-navigation ol li a:hover {background-color:#900; border-color:#CC0000}


/* GALLERY */
#imagegallery {list-style:none; text-align:center; padding-top:20px; background: url(images/gallery/gallery-bg-img.gif) no-repeat center top}
#imagegallery #placeholder {background: url(images/gallery/image-loader.gif) no-repeat center center}
#imagegallery #placeholder img {border:5px double #600; margin:auto}
#imagegallery p#info {padding:0 0 5px 0}
#imagegallery ul {width:240px; margin:auto; padding-bottom:70px; background: url(images/gallery/gallery-bg-footer.gif) no-repeat center bottom }
#imagegallery li {display:inline; float:right}
#imagegallery li a {margin:3px; display:block; max-height:68px;}
#imagegallery li a img {border:3px solid #b53013; padding:2px}
#imagegallery li a:hover {background-color:#fc0}
#imagegallery li a:hover img {border-color:#c00}


/* PACKAGE */
#package #content {background:url(images/bg-package.jpg) no-repeat left 100px}
#content #content_main h3.title {font-size:1.6em; clear:both; display:block; width:100%; margin-top:20px; color:#FFFF66}
#content #content_main ul.device {width:46%; font-size:1.2em; margin-bottom:30px;}
#content #content_main ul.device li { padding-bottom:5px; text-align:justify; text-align:right}
#content #content_main ul.device h4 {font-size:1.3em;}
#content #content_sub ol#NachosFacts { background:none}

/* CONTACT US */
#contactForm p {clear:both}
#contactForm p#service {position:relative}
#contactForm p#service span {position:absolute; top:-32px; right:100px; font-size:1.6em; background:#8D0101; padding:4px 10px; display:inline-block; text-shadow:0 1px 1px #000; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;}
#contactForm label {display:block; width:8em; float:right}
#contactForm em {color:red; font-style:normal; font-family:Verdana}
#contactForm input, #content textarea  {
	background-color:#8d0101; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#fff;
	border:3px double #b31a1a; border-top-color:#7e0101; border-left-color:#7e0101;
}
#contactForm input {padding:4px; width:20em}
#content textarea {width:27em; overflow:auto; padding:2px 4px; direction:rtl;}
#content_main #contactForm p.formButtons {padding-right:8em}
#contactForm p.formButtons input {
	float:right; cursor:pointer; padding:0; font-family:Arial; color:#900; font-weight:bold; margin-left:4px; background: transparent url(images/s-button.png) no-repeat 0 0; width:57px; height:29px; display:block; border:none;
}
#contactForm p.formButtons input:hover { background-position:0 -47px; position:relative; top:1px;}
#contactForm legend {display: none;}
#contactForm span.cursor {cursor: pointer;}
#content_main #contactForm #Error_msg {margin-right:8em; padding:3px 10px; line-height:normal; border:1px solid #CC0000; background-color:#FF9900; display:block; float:right; margin-bottom:10px;}


#pdf #content #content_main  ul {font-size:1.2em; font-weight:bold; margin-top:12px;}
#pdf #content #content_main  ul li a, #pdf #content #content_main  ul li a:visited , #pdf #content #content_main  ul li a:active {padding:5px 28px 5px 5px; color:#fff; display:block; float:right;}
#pdf #content #content_main  ul li a:hover {background-color:#fff; color:#900}
.pdf {background: url(images/ico-pdf.png) no-repeat right center}

/* SITE MAP */
ul#sitemap {font-size:1.3em; margin-right:20px; line-height:2em; list-style: square;}
ul#sitemap  ul {font-size:0.9em; margin-right:20px;line-height:1.8em; list-style: disc;}

/* FOOTER */
#footer-content p {position:absolute; bottom:15px; font-size:1.2em;}
#footer-content #sitemap {left:0;}
#footer-content #contact {right:0;}
#google-button {position:absolute; bottom:10px; right:19em;}