@import 'reset.css';
@import 'employment_form.css';
@import 'order_form.css';
@import 'admin.css';

body {
	background-image: url(../media/bg/bg_red.jpg);
	background-repeat: repeat;
	background-position: center top;
	background-attachment: scroll;
	background-color: #990000;
	font-family: "Arial Narrow", Arial, Verdana, sans-serif;
	font-size: 12px;
}
#container {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
}
/* ===================== */
/* Header Section Styles */
/* ===================== */
	#header {
		background-image: url(../media/bg/header_bg.jpg);
		width: 800px;
		height: 104px;
		margin: 0px;
		padding: 0px;
	}
	/* ================ */
	/* Home Link Styles */
	/* ================ */
		#header #homeLink {
		float: left;
		width: 255px;
		}
		#header #homeLink a{
			display: block;
			width: 216px;
			height: 104px;
			margin: 0;
			margin-left: 25px;
			text-decoration: none;
		}
	/* ==================== */
	/* END Home Link Styles */
	/* ==================== */
	
	/* ========================== */
	/* Title & Nav Section Styles */
	/* ========================== */
		#header #otherStuff {
			float: left;
			width: 545px;
			margin: 0;
		}
		#header #otherStuff img.header {
			margin-top: 29px;
		}
		/* ===================== */
		/* Header Nav Bar Styles */
		/* ===================== */
			#header #nav {
				margin-left: 5px;
			}
			#header #nav a {
				position: relative;
			}
			#header #nav ul {
				display: table;
				margin: 0;
				border-left: 1px solid white;
				border-right: 1px solid white;
			}
			#header #nav ul li {
				float: left;
				height: 16px;
				margin: 0;
				padding-left: 5px;
				padding-right: 5px;
				border-left: 1px solid white;
				border-right: 1px solid white;
			}
			#header #nav ul li a {
				display: block;
				float: left;
				height: 16px;
				text-align: center;
				text-decoration: none;
			}
			#header #nav ul li a.FoodGallery {
				background-image: url(../media/header/foodgallery.gif);
				width: 78px;
			}
			#header #nav ul li a.DrinkGallery {
				background-image: url(../media/header/drinkgallery.gif);
				width: 83px;
			}
			#header #nav ul li a.FiestaToGo {
				background-image: url(../media/header/fiestatogo.gif);
				width: 72px;
			}
			#header #nav ul li a.VisitUs {
				background-image: url(../media/header/visitus.gif);
				width: 46px;
			}
			#header #nav ul li a.WorkWithUs {
				background-image: url(../media/header/workwithus.gif);
				width: 82px;
			}
			#header #nav ul li a:hover {
				background-position: 0px -16px;
				text-decoration: underline;
			}
		/* ========================= */
		/* END Header Nav Bar Styles */
		/* ========================= */
	/* ============================== */
	/* END Title & Nav Section Styles */
	/* ============================== */
/* ========================= */
/* END Header Section Styles */
/* ========================= */

/* ======================== */
/* Main Content Area Styles */
/* ======================== */
	#mainContent {
		font-family: Arial, Verdana, sans-serif;
		font-size: 12px;
		font-weight: normal;
		background-image: url(../media/bg/body_bg.jpg);
		margin-top: 5px;
		padding-left: 25px;
		padding-top: 15px;
		padding-right: 25px;
		padding-bottom: 15px;
		width: 750px;
		border: 0;
	}
	#mainContent .smaller {
		font-size: 10px;
	}
	#mainContent a {
		font-weight: bold;
		color: #B01510;
		text-decoration: none;
		cursor: pointer;
	}
	#mainContent a:hover {
		color: #D99827;
	}
	/* ========================= */
	/* Main Content Area Nav Bar */
	/* ========================= */
		#mainContent #Nav {
			margin: 0;
		}
		#mainContent #Nav ul {
			margin: auto;
			margin-top: 0;
			margin-bottom: 10px;
			display: table;
			clear: both;
			text-align: center;
		}
		#mainContent #Nav ul li {
			margin-left: 5px;
			margin-right: 5px;
			float: left;
			display: inline;
		}
		#mainContent #Nav ul li a {
			display: block;
			float: left;
			height: 11px;
			font-family: "Arial Narrow", Arial, Verdana, sans-serif;
			text-transform: uppercase;
		}
	/* ============================= */
	/* END Main Content Area Nav Bar */
	/* ============================= */
	
	/* ====================== */
	/* Main Content - Style 1 */
	/* ====================== */
		#mainContent #mainContentWrapper {
			background-image: url(../media/bg/body_wrapper_bg.gif);
			border: 1px solid #FFFFFF;
			width: 748px;
			margin: 0;
			padding: 0;
			clear: both;
		}
		#mainContent #mainContentWrapper.noBG {
			background-image: none;
		}
		#mainContent #mainContentWrapper div{
			margin: 0;
			padding: 0;
		}
		#mainContent #mainContentWrapper .Left {
			float: left;
			width: 344px;
		}
		#mainContent #mainContentWrapper .Right {
			float: left;
			width: 400px;
		}
		#mainContent #mainContentWrapper .LeftSmall {
			float: left;
			width: 304px;
		}
		#mainContent #mainContentWrapper .RightSmall {
			float: left;
			width: 360px;
		}
		#mainContent #mainContentWrapper #homeImages {
			float: left;
			width: 346px;
		}
		#mainContent #mainContentWrapper #homeFlash {
			float: left;
			width: 400px;
		}
		/* ==================== */
		/* Scrollable DIV Style */
		/* ==================== */
			#mainContent #mainContentWrapper .Full, #mainContent #mainContentWrapper .Scroll{
				margin: 0;
				padding-left: 20px;
				padding-top: 15px;
				padding-right: 20px;
				padding-bottom: 10px;
			}
			#mainContent #mainContentWrapper .Scroll {
				height: 314px;
				overflow: auto;
			}
			#mainContent #mainContentWrapper .Scroll h2, #mainContent #mainContentWrapper .Full h2 {
				font-family: "Arial Narrow", Arial, Verdana, sans-serif;
				font-weight: bold;
				font-size: 14px;
				text-transform: uppercase;
				color: #CC2126;
				margin-left: 3px;
				margin-right: 3px;
				margin-top: 10px;
				margin-bottom: 0;
			}
			#mainContent #mainContentWrapper .Scroll h3, #mainContent #mainContentWrapper .Full h3 {
				font-family: "Arial Narrow", Arial, Verdana, sans-serif;
				font-size: 12px;
				font-weight: bold;
				text-transform: uppercase;
				color: #000000;
				margin-left: 10px;
				margin-top: 0;
				margin-right: 10px;
				margin-bottom: 0;
			}
			#mainContent #mainContentWrapper .Scroll p, #mainContent #mainContentWrapper .Full p {
				margin-left: 3px;
				margin-top: 15px;
				margin-right: 3px;
				line-height: 200%;
			}
			#mainContent #mainContentWrapper #OrderAdmin table tr td p {
				line-height: 130%;
			}
			#mainContent #mainContentWrapper .Scroll p.longLoadWarning, #mainContent #mainContentWrapper .Full p.longLoadWarning {
				text-align: center;
			}
			#mainContent #mainContentWrapper .Scroll p.orderCopy, #mainContent #mainContentWrapper .Full p.orderCopy {
				line-height: 130%;
				font-weight: normal;
				margin: 5px 3px 5px 3px;
			}
			#mainContent #mainContentWrapper .Scroll #SecureSiteSeal, #mainContent #mainContentWrapper .Full #SecureSiteSeal {
				width: 112px;
				float: left;
				margin-top: 7px;
			}
			#mainContent #mainContentWrapper .Scroll #CardDisclaimer, #mainContent #mainContentWrapper .Full #CardDisclaimer {
				float: left;
				width: 593px;
				border-left: 1px solid #000000
			}
			#mainContent #mainContentWrapper .Scroll p.disclaimer, #mainContent #mainContentWrapper .Full p.disclaimer {
				line-height: 130%;
				font-size: 10px;
				margin: 3px 5px 3px 5px;
			}
			#mainContent #mainContentWrapper .Scroll #order_form #ShippingDisclaimer, #mainContent #mainContentWrapper .Full #order_form #ShippingDisclaimer {
				line-height: 130%;
				font-weight: normal;
			}
			#mainContent #mainContentWrapper .Scroll p.Intro, #mainContent #mainContentWrapper .Full p.Intro {
				line-height: 130%;
				margin-bottom: 20px;
			}
			#mainContent #mainContentWrapper .Scroll p.menu, #mainContent #mainContentWrapper .Full p.menu {
				line-height: 130%;
				margin-left: 10px;
				margin-top: 0;
				margin-right: 10px;
				margin-bottom: 15px;
			}
			#mainContent #mainContentWrapper .Scroll p.menu2, #mainContent #mainContentWrapper .Full p.menu2 {
				font-size: 10px;
				line-height: 130%;
				margin-left: 20px;
				margin-top: -10px;
				margin-right: 20px;
				text-transform: uppercase;
			}
			#mainContent #mainContentWrapper .Scroll p.Notice, #mainContent #mainContentWrapper .Full p.Notice {
				line-height: 130%;
				text-align: center;
			}
			#mainContent #mainContentWrapper .Scroll hr, #mainContent #mainContentWrapper .Full hr {
				margin-left: auto;
				margin-right: auto;
				width: 60%;
				border: 1px inset #CC2126;
			}
			#mainContent #mainContentWrapper .Scroll ul, #mainContent #mainContentWrapper .Full ul {
				line-height: 130%;
				margin-left: 35px;
				margin-right: 35px;
			}
			#mainContent #mainContentWrapper .Scroll ul li, #mainContent #mainContentWrapper .Full ul li {
				list-style-type: disc;
			}
			#mainContent #mainContentWrapper .Scroll h2 a, #mainContent #mainContentWrapper .Full h2 a {
				background-image: url(../media/camera_icon.gif);
				background-repeat: no-repeat;
				/*margin-left: -18px;*/
				padding-left: 18px;
				text-decoration: none;
				color: #CC2126;
			}
			#mainContent #mainContentWrapper .Scroll h2 a:hover, #mainContent #mainContentWrapper .Full h2 a:hover {
				background-position: 0px -14px;
				color: #D99827;
			}
			#mainContent #mainContentWrapper .Scroll .Nutrition, #mainContent #mainContentWrapper .Full .Nutrition {
				border-top: 1px solid black;
				margin: 0;
				margin-top: 10px;
				padding: 0;
				padding: 3px;
				padding-right: 5px;
				text-align: right;
				text-transform: uppercase;
			}
			#mainContent #mainContentWrapper .Scroll .Nutrition a, #mainContent #mainContentWrapper .Full .Nutrition a {
				font-size: 9px;
				font-weight: normal;
			}
			#mainContent .center {
				text-align: center;
			}
		/* ======================== */
		/* END Scrollable DIV Style */
		/* ======================== */
	/* ========================== */
	/* END Main Content - Style 1 */
	/* ========================== */
	
	/* ====================== */
	/* Main Content - Style 2 */
	/* ====================== */
		#mainContent #mainContentWrapper2 {
			border: 2px solid #FFFFFF;
			background-repeat: no-repeat;
			width: 746px;
			margin: 0;
			padding-left: 25px;
			padding-right: 25px;
			padding-bottom: 25px;
			clear: both;
		}
		#mainContent #mainContentWrapper2 p {
			margin-left: 3px;
			margin-top: 5px;
			margin-right: 3px;
		}
	/* ========================== */
	/* END Main Content - Style 2 */
	/* ========================== */
	
	/* =============== */
	/* Visit Us Styles */
	/* =============== */
		#mainContent #mainContentWrapper .Full.VisitUs {
			background-image: url(../media/visitus/bg/haciendaField.jpg);
			background-repeat: no-repeat;
			padding-top: 265px;
		}
		#mainContent #mainContentWrapper ul#Locations {
			margin: auto;
			margin-bottom: 10px;
			display: table;
		}
		#mainContent #mainContentWrapper ul#Locations li {
			text-align: left;
			margin-top: 20px;
			margin-left: 5px;
			margin-right: 5px;
			float: left;
			width: 200px;
			list-style-type: none;
			height: 130px;
		}
		#mainContent #mainContentWrapper ul#Locations li p {
			color: #000000;
			font-weight: normal;
			font-size: 12px;
			line-height: 14px;
			margin-top: 3px;
		}
		#mainContent #mainContentWrapper ul#Locations h2 {
			font-family: "Arial Narrow", Arial, Verdana, sans-serif;
			font-weight: bold;
			font-size: 16px;
			text-transform: uppercase;
			color: #CC2126;
			margin-left: 3px;
			margin-right: 3px;
			margin-top: 0;
			margin-bottom: 0;
		}
		#mainContent #mainContentWrapper ul#Locations h3{
			margin-top: 0;
			margin-left: 3px;
			margin-right: 3px;
			font-family: "Arial Narrow", Arial, Verdana, sans-serif;
			font-weight: bold;
			font-size: 12px;
			line-height: 12px;
			text-transform: uppercase;
			color: #000000;
		}
	/* =================== */
	/* END Visit Us Styles */
	/* =================== */
	
	/* ================= */
	/* Party Card Styles */
	/* ================= */
		#mainContent #mainContentWrapper p#card_links {
			padding-left: 225px !important;
			padding-left: 226px;
		}
		#mainContent #mainContentWrapper a#order_card,
		#mainContent #mainContentWrapper a#card_balance {
			display: block;
			float: left;
			height: 22px;
		}
		#mainContent #mainContentWrapper a#order_card {
			background: url(/media/partycards/order.gif) no-repeat top left;
			width: 112px;
			margin-right: 16px;
		}
		#mainContent #mainContentWrapper a#card_balance {
			background: url(/media/partycards/balance.gif) no-repeat top left;
			width: 133px;
		}
		#mainContent #mainContentWrapper a#order_card:hover,
		#mainContent #mainContentWrapper a#card_balance:hover {
			background-position: 0px -22px;
		}
	/* ===================== */
	/* END Party Card Styles */
	/* ===================== */
	
	/* ====================== */
	/* Invite A Friend Styles */
	/* ====================== */
		#mainContent #mainContentWrapper table#Invite {
			margin: auto;
			border-width: 0px;
			border-spacing: 0px;
			border-style: none none none none;
			border-collapse: separate;
		}
		#mainContent #mainContentWrapper table#Invite tr td img {
			margin: 3px;
		}
		#mainContent #mainContentWrapper h2.InviteSectionHeader {
			text-align: center;
			font-size: 18px;
			text-transform: uppercase;
			color: #CC2126;
		}
		
		/* ======================= */
		/* Invite A Friend Preview */
		/* ======================= */
			#mainContent #mainContentWrapper #InvitePreview{
				border: 1px solid white;
				width: 698px;
			}
		/* =========================== */
		/* END Invite A Friend Preview */
		/* =========================== */
		
		/* ============================ */
		/* Large Invite A Friend Images */
		/* ============================ */
			#mainContent #mainContentWrapper #InviteForm div.InviteFormBG {
				width: 698px;
				height: 316px;
				border: 1px solid white;
			}
			#mainContent #mainContentWrapper #InviteForm #Invite_hunkaburninlove {
				background-image: url(../media/inviteafriend/hunkaburninlove_large.jpg);
			}
			#mainContent #mainContentWrapper #InviteForm #Invite_lovemetender {
				background-image: url(../media/inviteafriend/lovemetender_large.jpg);
			}
			#mainContent #mainContentWrapper #InviteForm #Invite_mexicanlovehandles {
				background-image: url(../media/inviteafriend/mexicanlovehandles_large.jpg);
			}
			#mainContent #mainContentWrapper #InviteForm #Invite_mexicanlovepotion {
				background-image: url(../media/inviteafriend/mexicanlovepotion_large.jpg);
			}
			#mainContent #mainContentWrapper #InviteForm #Invite_mexicanlovetriangle {
				background-image: url(../media/inviteafriend/mexicanlovetriangle_large.jpg);
			}
			#mainContent #mainContentWrapper #InviteForm #Invite_sharethelove {
				background-image: url(../media/inviteafriend/sharethelove_large.jpg);
			}
		/* ================================ */
		/* END Large Invite A Friend Images */
		/* ================================ */
		
		/* ==================== */
		/* Invite A Friend Form */
		/* ==================== */
			#mainContent #mainContentWrapper #InviteForm p {
				width: 698px;
				margin: auto;
				margin-top: 270px;
				background-image: url(../media/bg/body_wrapper_bg.gif);
			}
			#mainContent #mainContentWrapper #InviteForm p span{
				display: block;
				width: 640px;
				padding: 0;
				margin-left: 29px;
				margin-right: 29px;
				font-weight: bold;
				font-size: 18px;
			}
			#mainContent #mainContentWrapper #InviteForm .InviteFormMessage input.text {
				display: block;
				margin-left: 29px;
				margin-right: 29px;
				border: 1px solid black;
				width: 640px;
				height: 18px;
				font-size: 18px;
			}#mainContent #mainContentWrapper fieldset.InviteFormButtons input.button {
				width: 6em;
				height: 2em;
				margin: 0;
				font-size: 12px;
				font-weight: bold;
				text-align: center;
			}
			#mainContent #mainContentWrapper fieldset.InviteFormButtons {
				width: 13em;
				margin-left: auto;
				margin-right: auto;
				text-align: center;
				padding: 1em;
			}
			#mainContent #mainContentWrapper #InviteFormDetails {
				margin: auto;
			}
			#mainContent #mainContentWrapper #InviteFormDetails fieldset {
				float: left;
				width: 335px;
				margin: 5px;
				border: 1px solid black;
				padding-top: 5px;
			}
			#mainContent #mainContentWrapper #InviteFormDetails fieldset legend{
				margin-left: 15px;
				font-size: 14px;
				font-weight: bold;
				font-family: "Arial Narrow", Arial, Verdana, sans-serif;
				text-transform: uppercase;
			}
			#mainContent #mainContentWrapper #InviteFormDetails label {
				display: block;
				float: left;
				width: 50px;
				margin-left: 15px;
				margin-right: 5px;
				margin-bottom: 10px;
				font-size: 14px;
				text-align: right;
			}
			#mainContent #mainContentWrapper #InviteFormDetails input.text {
				display: block;
				float: left;
				width: 200px;
				margin-bottom: 10px;
				font-size: 14px;
				border: 1px solid black;
			}
			#mainContent #mainContentWrapper #InviteFormDetails br {
				clear: both;
			}
			#mainContent #mainContentWrapper #InviteFormErrors {
				padding-left: 15px;
			}
			#mainContent #mainContentWrapper #InviteFormErrors p {
				margin-top: 5px;
				margin-bottom: 5px;
				background-image: none;
				font-weight: bold;
				color: #CC2126;
			}
		/* ======================== */
		/* END Invite A Friend Form */
		/* ======================== */
	/* ========================== */
	/* END Invite A Friend Styles */
	/* ========================== */
	
	/* =================================== */
	/* Special Paragraph styles and colors */
	/* =================================== */
	.red {
		color: #CC2126;
	}
	.Uppercase {
		text-transform: uppercase;
	}
	/* ======================================= */
	/* END Special Paragraph styles and colors */
	/* ======================================= */
/* ============================ */
/* END Main Content Area Styles */
/* ============================ */

/* ================== */
/* Page Footer Styles */
/* ================== */
	#footer {
		background-image: url(../media/bg/footer_bg.jpg);
		margin-top: 5px;
		width: 800px;
		height: 91px;
	}
	#footer ul {
		margin: auto;
		margin-top: 3px;
		display: table;
	}
	#footer ul li {
		float: left;
	}
	#footer ul li a {
		text-decoration: none;
		display: block;
		background-repeat: no-repeat;
		width: 239px;
		height: 82px;
	}
	#footer ul li a.Catering {
		background-image: url(../media/footer/catering.gif);
	}
	#footer ul li a.PartyCards {
		background-image: url(../media/footer/partycards.gif);
	}
	#footer ul li a.TalkToUs {
		background-image: url(../media/footer/talktous.gif);
	}
	
	#footer ul li a:hover {
		background-position: 0px -89px;
	}
/* ====================== */
/* END Page Footer Styles */
/* ====================== */

/* ===================== */
/* Copyright Line Styles */
/* ===================== */
	#copyright {
		text-align: right;
	}
	
	#copyright img {
		margin: 3px;
	}
/* ========================= */
/* END Copyright Line Styles */
/* ========================= */

/* ============== */
/* Special Styles */
/* ============== */
	.bordered {
		border: 1px solid white;
		margin: 0px;
		padding: 0px;
	}
	.clear {
		clear: both;
	}
	.hidden {
		display: none;
	}
	.invisible {
		visibility: hidden;
	}
	form {
		display: inline;
		margin: 0;
	}
	.floatLeft {
		float: left;
	}
	.nomargin {
		margin: 0;
	}
	.nopadding {
		padding: 0;
	}
	.spacer {
		height: 1px;
		border-top: 1px solid #CC2126;
	}
	.warning {
		color: #CC2126;
		font-weight: bold;
	}
/* ================== */
/* END Special Styles */
/* ================== */