/* 
Theme Name: ElPolloRegio - Blue
Author: Bryan Castles
Author URI: http://www.bryancastles.com
Version: 1.0

*/
/*  The following CSS Reset was written by Dejan Cancarevic
http://stylizedweb.com/2008/02/14/10-best-css-hacks/         */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
* {margin:0;padding:0;}

/**********/
/* Global */
/**********/

	/***********************/
    /*   PNG Fix for IE5+   */
    /***********************/

    .imgPNG {
        behavior: url(/scripts/iepngfix.htc);
        border:none;
    }
    .divPNG {
        behavior: url(/scripts/iepngfix.htc);
        border:none;
    }
	
	/*img, div, a, input {
		behavior: url(/scripts/iepngfix.htc);
		border: none;
	}*/
    /****************/
	/*  End IE Fix  */
	/****************/

html {
   font-size: 62.5%;
}
body {
	padding: 0px;
	margin: 0px;
	background: #063485 url(images/bg-bluepage.jpg);
	width: 100%;
}
#wrapper {
	width: 960px;
	min-height: 650px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
	background-image: url(images/bg-contentwrapper.jpg);
	background-repeat: no-repeat;
}
h2 {
	font-size: 1.6em;
	color: #039;
	font-weight: bold;
}
h3 {
	font-size: 1.2em;
	color: #039;
	font-weight: bold;
	margin-bottom: 6px;
}
p {
	margin-bottom: 1.4em;
}
.clear {
	clear: both;
}


/**********/
/* Layout */
/**********/
#pageHeader {
	width: 100%;
	height: 88px;
}
#indexpanel {
	width: 904px;
	height: 584px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(images/bg-indexpanel.png);
	background-repeat: no-repeat;
}
#bodypanel {
	width: 904px;
	min-height: 200px;
	margin-top: 40px;
	margin-bottom: 40px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(images/bg-bodypanel-center.png);
	background-repeat: repeat-y;
}
#bodypanelTop {
	position: absolute;
	margin-top: -40px;
}
#bodypanelBottom {
	position: absolute;
	margin-top: -40px;
}
#bodypanelContent {
	position: relative;
	width: 864px;
	min-height: 240px;
	padding: 20px;
	padding-bottom: 40px;
	z-index: 2;
}
#logo {
	position: absolute;
	margin-left: 24px;
	z-index: 10;
}
#logoBuffer {
}
#facebook {
	position: absolute;
	margin-left: 294px;
	margin-top: 138px;
	z-index: 5;
}
.navItem  {
	float: right;
	margin-top: 40px;
	margin-left: 12px;
	margin-right: 10px;
	z-index: 5;
}
.navItemOne {
	float: right;
	margin-top: 40px;
	margin-right: 10px;
	z-index: 5;
}
.navItemLast  {
	float: right;
	margin-top: 40px;
	margin-left: 18px;
	margin-right: 30px;
	z-index: 5;
}
.navLanguage {
	position: absolute;
	margin-left: 666px;
	width: 260px;
	height: 12px;
	margin-top: 4px;
	margin-right: 34px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 10px;
	text-align: right;
}
.navLanguage a {
	color: #FFF;
	text-decoration: none;
}
.navLanguage a:hover {
	color: #FF0;
	text-decoration: underline;
}
#colSpecials {
	position: relative;
	margin-top: 30px;
	margin-left: 40px;
	width: 410px;
	float: left;
}
#colSpecialsRt {
	position: relative;
	margin-top: 30px;
	width: 410px;
	float: right;
}
.boxSpecials {
	position: relative;
	width: 400px;
	height: 195px;
	margin-top: 0px;
	background: url(images/bg-specialsbox.png);
	background-repeat: no-repeat;
}
.boxSpecialsContent {
	margin-left: 18px;
}
.boxSpecialsContent img {
	margin-top: 8px;
}

/**********/
/* Splash */
/**********/
#splashTop {
	width: 904px;
	height: 28px;
	background: url(images/splashTop.png);
	background-repeat: no-repeat;
}
#splashLeft {
	float: left;
	width: 22px;
	height: 521px;
	background: url(images/splashLeft.png);
	background-repeat: no-repeat;
}
#splashCenter {
	float: left;
	width: 867px;
	height: 521px;
	background: url(images/splashCenter.jpg);
	background-repeat: no-repeat;
}
#splashRight {
	float: left;
	width: 15px;
	height: 521px;
	background: url(images/splashRight.png);
	background-repeat: no-repeat;
	z-index: 0;
}
#splashBottom {
	clear: both;
	width: 904px;
	height: 35px;
	background: url(images/splashBottom.png);
	background-repeat: no-repeat;
}
#splashFindNearest {
	position: absolute;
	width: 264px;
	height: 522px;
	background: url(images/bg-findnearest-index.png);
	background-repeat: no-repeat;
	margin-left: 602px;
}
#splashWelcomeText {
	padding: 16px;
	color: #FFF;
	font-size: 1.64em;
	line-height: 1.1em;
	text-align: left;
}
#splashWelcomeText-ES {
	padding: 16px;
	color: #FFF;
	font-size: 1.5em;
	line-height: 1.1em;
	text-align: left;
}
#featuredSpecial {
	position: absolute;
	width: 400px;
	height: 195px;
	background: url(images/bg-specialsbox-menu.png);
	background-repeat: no-repeat;
	margin-top: -180px;
	margin-left: -20px;
	z-index: 10;
}
#specialContent {
	position: relative;
	margin-left: 18px;
	margin-top: 8px;
}
#specialsBtn {
	position: absolute;
	top: 0;
	left: 0;
	width: 400px;
	height: 195px;
	z-index: 5;
}
#splashFlash {
	position: absolute;
	margin-top: -1px;
	margin-left: -8px;
	z-index: 1;
}

/*************/
/* Menu Page */
/*************/
#menuPageBG {
	position: absolute;
	top: 0px;
	left: 0px;
	margin-left: 18px;
	width: 866px;
	height: 795px;
	background: url(images/bg-menupage.jpg);
	background-repeat: no-repeat;
}
#menuLeftCol {
	position: relative;
	float: left;
	width: 560px;
	margin-left: 12px;
	margin-top: 60px;
}
#menuRightCol {
	position: relative;
	float: right;
	margin-right: 14px;
	width: 234px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 1.4em;
	text-align: justify;
}
#menuRightCol li {
	text-align: right;
	list-style: none;
}
#titleSides {
	margin-left: 50px;
	margin-right: 40px;
	margin-bottom: 8px;
}
#titleDesserts {
	margin-top: 26px;
	margin-left: 42px;
	margin-right: 32px;
	margin-bottom: 8px;
}
#titleDrinks {
	margin-top: 26px;
	margin-left: 56px;
	margin-right: 36px;
	margin-bottom: 8px;
}
#drinkLogos {
	margin-top: 22px;
	margin-left: 26px;
}
.menuTitle {
	margin-top: 12px;
}

/******************/
/* Locations Page */
/******************/
#locationsBG {
	position: absolute;
	top: 0px;
	left: 0px;
	margin-left: 18px;
	width: 866px;
	height: 795px;
	background: url(images/bg-locationspage.jpg);
	background-repeat: no-repeat;
}
#locationsMain {
	position: relative;
	margin-left: 60px;
	margin-top: -8px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 1.4em;
	text-align: justify;
}
#locationResults {
	position: relative;
	width: 784px;
	margin-top: 18px;
	margin-left: -42px;
}
#locationResultsTop {
	width: 784px;
	height: 36px;
	background: url(images/bg-top-locationresults.png);
	background-repeat: no-repeat;
}
#locationResultsMid {
	width: 784px;
	background: url(images/bg-mid-locationresults.png);
	background-repeat: repeat-y;
}
#locationResultsBottom {
	width: 784px;
	height: 50px;
	background: url(images/bg-bottom-locationresults.png);
	background-repeat: no-repeat;
}

/*****************/
/* About Page */
/*****************/

#aboutBG {
	position: absolute;
	top: 0px;
	left: 0px;
	margin-left: 18px;
	margin-top: 0px;
	width: 866px;
	height: 610px;
	background: url(images/bg-aboutuspage.jpg);
	background-repeat: no-repeat;
}
#aboutBodyRT {
	position: relative;
	float: right;
	margin-right: 48px;
	margin-top: 12px;
	width: 280px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 1.4em;
	text-align: left;
	line-height: 1.4em;
	z-index: 10;
}
#aboutBodyRT h2 {
	font-size: 1.6em;
	color: #FFF;
	font-weight: bold;
	margin-bottom: 22px;
	margin-left: 0px;
	text-align: left;
}
#aboutBodyRT a {
	text-decoration: none;
	color: #FF0;
	font-weight: bold;
}
#aboutBodyRT p {
	margin-bottom: 16px;
}

/*****************/
/* Catering Page */
/*****************/

#cateringBG {
	position: absolute;
	top: 0px;
	left: 0px;
	margin-left: 18px;
	margin-top: 0px;
	width: 866px;
	height: 795px;
	background: url(images/bg-cateringsearchpage.jpg);
	background-repeat: no-repeat;
}
#cateringWrapper {
	position: relative;
	top: 0px;
	left: 0px;
	margin-left: 18px;
	margin-top: 0px;
	width: 866px;
	height: 690px;
}
#cateringBodyCopy {
	position: relative;
	float: left;
	margin-left: 50px;
	margin-top: 0px;
	width: 720px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 1.4em;
	text-align: left;
	line-height: 1.2em;
	#line-height: 1.1em;
}
#cateringBodyCopy a {
	text-decoration: none;
	color: #FF0;
	font-weight: bold;
}
#cateringBodyCopy h2 {
	font-size: 1.6em;
	color: #FFF;
	font-weight: bold;
	margin-left: 0px;
	margin-bottom: 8px;
	text-align: left;
}
#cateringBodyCopy ul {
	margin-top: 22px;
	margin-bottom: 22px;
	list-style: none;
}
#cateringBodyCopy li {
	margin-top: 12px;
	margin-left: 32px;
	text-decoration: none;
}
#cateringLeftCol {
	position: relative;
	float: left;
	width: 174px;
	margin-left: 20px;
	text-align: right;
}
#cateringLeftColForm {
	position: relative;
	float: left;
	margin-top: 30px;
	width: 220px;
	margin-left: 20px;
	text-align: right;
}
#cateringRightColForm {
	position: relative;
	float: right;
	margin-top: 30px;
	width: 280px;
	margin-right: 20px;
	text-align: left;
}
.caterSearch {
	margin-bottom: .3em;
}

/*****************/
/* Franchises Page */
/*****************/

#franchisesBG {
	position: absolute;
	top: 0px;
	left: 0px;
	margin-left: 18px;
	margin-top: 28px;
	width: 866px;
	height: 610px;
	background: url(images/bg-franchisepage.jpg);
	background-repeat: no-repeat;
}
#franchisesBodyLT {
	position: relative;
	float: left;
	margin-left: 48px;
	margin-top: 122px;
	width: 280px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 1.4em;
	text-align: left;
	line-height: 1.4em;
}
#franchisesBodyLT h2 {
	font-size: 1.6em;
	color: #FFF;
	font-weight: bold;
	margin-bottom: 22px;
	margin-left: 0px;
	text-align: left;
}
#franchisesBodyLT a {
	text-decoration: none;
	color: #FF0;
	font-weight: bold;
}
#franchisesBodyLT p {
	margin-bottom: 16px;
}

/****************/
/* Contact Page */
/****************/
.cf-ol li {
	list-style-type:none;
}

/**********/
/* Footer */
/**********/
#footerLeft {
	width: 270px;
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 34px;
	color: #FFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.6em;
}
#footerRight {
	float: right;
	width: 560px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: 34px;
	color: #FFF;
	text-align: right;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.6em;
}
#footerRight a {
	color: #FFF;
	text-decoration: none;
}
#footerRight a:hover {
	color: #FF0;
	text-decoration: underline;
}