/*
Default Theme Stylesheet
Name:Style.CSS
Author: Haris Baloch
Description: default theme
Date of Start: April 20th 2009
Date of Last Changes: April 24th 2009
*/


/* Body
----------------------------------------------------------------------------------- */

body {
	background:url(../images/site-bg.gif) center top no-repeat fixed;
	font:normal normal normal 12px/1.5 Arial, Helvetica, sans-serif;
}


/* Default Tags - Re-defined
----------------------------------------------------------------------------------- */


body, div, ul, li, select, option, h1, h2, h3, h4, h5, h6, p, input, a, ol, img, span, hr, label, textarea, fieldset, legend, br {
	margin: 0;
	padding: 0;
}

a, a:link, a:visited {
	text-decoration:underline;
	color:#a61f38;
	outline:none;
}

a:hover {
	text-decoration:none;
	outline:none;
}

.clear {
	clear:both;
}

img, div { behavior: url("media/iepngfix.htc") }


h1 {
	clear:left;
	font-size:16px;
	font-weight:bold;
	color:#8a5e1f;
	padding-left:18px;
	padding-top:20px;
}

h2 {
	clear:left;
	font-size:14px;
	font-weight:bold;
	color:#a42325;
	padding:20px 0 25px 18px;
	font-style:italic;
}


/* Site Wrapper
----------------------------------------------------------------------------------- */

#site-wrapper {
	margin:0 auto;
	width:984px;
}

#top-background {
	width:984px;
	float:left;
	background:url(../images/top-bg.gif) no-repeat 263px top;}

#body-background {
	background:url(../images/body-background.gif) repeat-y center top;
	width:984px;
	float:left;
}

/* Logo
----------------------------------------------------------------------------------- */

#logo {
	margin:0 0 0 -497px;
	position:absolute;
	top:-4px;
	left:50%;
	z-index:1;
	width:275px;
	height:239px;
	background:url(../images/logo.png) no-repeat;
}


/* Navigation
----------------------------------------------------------------------------------- */

.navigation ul{
	overflow: hidden;
	width: 511px;
	padding:50px 0 0 270px;
	margin: 0;
	list-style-type: none;
	float:left;
	height:48px;
}

.navigation li{
	float: left;
}

.navigation a{
	display: block;
	padding: 0;
	color: black;
	margin:0;
	text-decoration: none;
	font: bold 13px Arial;
	height:48px;
	text-indent:-9999px;
}

.navigation a:hover, .navigation a.selected{
	background: black;
	color: white;
}

#menu_home a, #menu_home a:visited {
	width:97px;
	background:url(../images/navigation1.gif) no-repeat 0px -48px;
}
#menu_home a:hover{
	background:url(../images/navigation1.gif) no-repeat 0px 0px;
	width:97px;
}
#home_select a{
	background:url(../images/navigation1.gif) no-repeat 0px 0px;
	width:97px;
}



#menu_catering a, #menu_untitled a:visited {
	width:82px;
	background:url(../images/navigation1.gif) no-repeat -97px -48px;
}
#menu_catering a:hover{
	background:url(../images/navigation1.gif) no-repeat -97px 0px;
	width:82px;
}
#catering_select a{
	background:url(../images/navigation1.gif) no-repeat -97px 0px;
	width:82px;
}


#menu_delivery a, #menu_delivery a:visited {
	width:99px;
	background:url(../images/navigation1.gif) no-repeat -179px -48px;
}
#menu_delivery a:hover{
	background:url(../images/navigation1.gif) no-repeat -179px 0px;
	width:99px;
}
#delivery_select a{
	background:url(../images/navigation1.gif) no-repeat -179px 0px;
	width:99px;
}


#menu_menu a, #menu_menu a:visited {
	width:129px;
	background:url(../images/navigation1.gif) no-repeat -278px -48px;
}
#menu_menu a:hover{
	background:url(../images/navigation1.gif) no-repeat -278px 0px;
	width:129px;
}
#menu_select a{
	background:url(../images/navigation1.gif) no-repeat -278px 0px;
	width:129px;
}




#menu_contact a, #menu_contact a:visited {
	width:103px;
	background:url(../images/navigation1.gif) no-repeat -407px -48px;
}
#menu_contact a:hover{
	background:url(../images/navigation1.gif) no-repeat -407px 0px;
	width:103px;
}
#contact_select a{
	background:url(../images/navigation1.gif) no-repeat -407px 0px;
	width:103px;
}


/* Products Images
----------------------------------------------------------------------------------- */

#products {
	width:242px;
	height:595px;
	position:absolute;
	z-index:2;
	top:35px;
	left:50%;
	margin:0 0 0 238px;
}

#arrows {
	width:87px;
	height:163px;
	position:absolute;
	z-index:3;
	top:267px;
	left:50%;
	margin:0 0 0 165px;
	background:url(../images/arrows.gif) no-repeat;
}


/* Content Container
----------------------------------------------------------------------------------- */

#content-container {
	width:588px;
	float:left;
	margin:90px 0 0 135px;
}

#content-container img {
	float:left;
	padding:0 0 2px 22px;
}

#content-container img.bro1 {
	float:left;
	padding:0;
	margin:20px 0 10px 40px;
}

#content-container img.bro2 {
	float:left;
	padding:0;
	margin:20px 0 20px 40px;
}

#content-container img.bro3 {
	float:left;
	padding:0;
	margin:20px 0 30px 40px;
}

#content-container img.new {
	float:left;
	padding:0 0 2px 22px;
}


#content-container p {
	float:left;
	width:570px;
	padding-bottom:15px;
	padding-left:18px;
}

#content-container p.links {
	clear:left;
	width:250px;
	margin:0;
	padding:30px 0 0 40px;
	font-size:14px;
	font-weight:bold;
	color:#b42041;
}


#content-container p.padding {
	padding-top:35px;
}

#content-container p.width {
	width:500px;
}

#content-container ul {
	list-style-type:none;
	width:510px;
	padding-left:18px;
}

#content-container li {
	float:left;
}

#content-container li.left {
	float:left;
	width:282px;
}

#content-container li.right {
	float:left;
	width:168px;
	padding-left:53px;
}

#bands-of-weekends {
	width:588px;
	float:left;
}

#bands-of-weekends img {
	float:left;
	padding:10px 0 0 0;
}

#bands-of-weekends img.read {
	float:right;
	margin-right:87px;
}

#bands-of-weekends p {
	width:249px;
	float:left;
	margin:0;
	padding:55px 0 0 7px;
}

/* Eclub, Facebook & Tacoshop Logo - Bottom
----------------------------------------------------------------------------------- */

#eclub {
	position:absolute;
	top:650px;
	left:50%;
	margin:0 0 0 235px;
	width:144px;
	height:82px;
	z-index:5;
}

#facebook {
	position:absolute;
	top:820px;
	left:50%;
	margin:0 0 0 236px;
	width:144px;
	height:44px;
	z-index:4;
}

#twitter {
	position:absolute;
	top:925px;
	left:50%;
	margin:0 0 0 250px;
	width:144px;
	height:82px;
	z-index:5;
}

#twitter p {
	margin:0;
	padding:0 0 0 23px;
	float:left;
	width:144px;
}

#park {
	position:absolute;
	top:950px;
	left:50%;
	margin:0 0 0 229px;
	width:151px;
	height:44px;
	z-index:6;
}

#park p {
	margin:0;
	padding:0 0 0 23px;
	float:left;
	width:144px;
}

#park4contact {
	position:absolute;
	top:80s0px;
	left:50%;
	margin:0 0 0 229px;
	width:151px;
	height:44px;
	z-index:6;
}

#park4contact p {
	margin:0;
	padding:0 0 0 23px;
	float:left;
	width:144px;
}

#tacoshop {
	position:absolute;
	top:50%;
	left:50%;
	margin:730px 0 0 49px;
	width:340px;
	height:248px;
	background:url(../images/taco-shop.gif) no-repeat left top;
	z-index:5;
}

.taco {
	margin:0;
	padding:0;
	float:right;
	clear:left
}


/* Footer - LogoGuru Credits
----------------------------------------------------------------------------------- */

#footer {
	width:984px;
	float:left;
}

#footer img{
	margin:45px 120px 0 0;
	padding:0;
	float:right;
}

#footer p.click{
	margin:0;
	padding:47px 10px 0 0;
	float:right;
	line-height:14px;
}

#footer p {
	padding:38px 0 16px 116px;
	color:#514023;
}



/* Google Map Container
----------------------------------------------------------------------------------- */

#google {
	margin:20px 0 20px 18px;
	padding:0;
	float:left;
	width:425px;
	height:350px;
	border:solid 2px #e5b879;
	
}

.link {
	margin:0;
	padding:0 0 0 36px;
	float:left;
	width:150px;
}



/* Safari Css
----------------------------------------------------------------------------------- */


@media screen and (-webkit-min-device-pixel-ratio:0) {

#tacoshop {
	position:absolute;
	top:50%;
	left:50%;
	margin:690px 0 0 49px;
	width:340px;
	height:248px;
	background:url(../images/taco-shop.gif) no-repeat left top;
	z-index:5;
}
}