/*   CSS code by David Guy, Pioneer Design Group http://www.pioneerdesign.net. All rights reserved 2009.   */


   /* global elements
----------------------------------------------------------------------------*/

* { margin: 0; padding: 0; }

body {
	font-size: 62.5%;  
	font-family: 'lucida grande',tahoma, sans-serif;
	background: #624B21 url('img/background-adobe.jpg') repeat-x;
}   

 
a img {
	border: none;
	border:0;
	}	

 
	
.clear { 
	height: 1px;
	line-height: 1px;
	clear: both;
	overflow: hidden;
}
 
.float-r { float:right; }
	.float-r img { margin: 0 6px 10px; }
.float-l { float:left; }
 
.sprinkles { float:right; margin: 0 -10px 0 0; }

.sprinkles2 img { border: 1px solid #CECECE; padding: 5px; background: #FFF; }
 
h1 {font: 1.8em Georgia, "Times New Roman", serif; color: #000; margin-bottom:4px; font-weight: normal;}
h2 {font: 1.1em 'lucida grande',tahoma,sans-serif; color: #007D5D; margin: 4px 0; text-transform: uppercase; font-weight: bold;}
h3 {font: 1em Georgia, "Times New Roman", serif; font-weight: bold; color: #7A0008; }
h4 {font: bold 1.1em 'lucida grande',tahoma,sans-serif; color: #FFF; text-transform: uppercase;}

.right-title p {font: bold 1.5em  Georgia, "Times New Roman", serif;  color: #4B799B;}

ul {list-style: none;}

.links a {
	color:#AE2B33;
	text-decoration: none;
	}	

.links a:hover {
	color: #740403;
	text-decoration: underline; 
	}

.quoter {
	font: .75em/1em 'lucida grande',tahoma,sans-serif; 
	margin: 0; padding: 0;
	text-align: right;
	  }

#special-wrap {
	position: relative;
	width: 100%;
	min-height: 660px;
}
#special-wrap h2 { text-align: center;} 
#special-l {
	position: absolute;
	top: 10px;
	left: 40px;
}
#special-r {
	position: absolute;
	top: 10px;
	left: 480px;
}

#special-l, #special-r {
	font: 1.6em/1.7em Helvetica, Arial, sans-serif;
	color: #3A2C13;
	width: 350px;
	height: 614px;
	background: url(/img/menu-sign-back.jpg) no-repeat 0 35px;
	color: #FFF;
}
.specialbox {
	margin-top: 105px;
	padding: 35px;
}
 
#left-wrap {	
	width: 640px;
	min-height: 475px;
}	 
#left, #admin-wrap {	
	width: 550px;
	padding: 25px 35px;
	color: #3A2C13;
	min-height: 600px;
} 
	#left {font: 1.5em/1.5em Georgia, Times, serif; }

	#left p { padding-bottom: .5em;}

#menu-content p {
	font-family: 'trebuchet MS', sans-serif;
	font-size: 90%;
}

#right-wrap { 
	position: absolute;
	top: 185px;
	right: 20px;
	width: 215px;
	padding: 25px 30px 0 0; 
}

#right {
	font: 1.2em/1.5em 'lucida grande',tahoma,sans-serif;
}
.right-serif {
	font: 1.5em/1.5em Georgia, Times, serif;
	color: #60513E;
}

.right-info {
	color: #60513E;
	border: 1px solid #C3B5A1;
}
 
	.right-pad {
		margin: 5px;
		padding: 15px;
		background: #FFF;
		font: 1.1em/1.6em 'lucida grande',tahoma,sans-serif;
	}
	
.right-title {
	padding: 7px;
	color: #60513E;
	border-bottom: 1px solid #C3B5A1;
 
}
	.right-title h2 {
	color: 60513E;
	font: bold 1.5em Georgia, Times, serif;  
	}
 
 

 
.quote-title { 	
	font: 1em/2.2em 'lucida grande', sans-serif;
	margin-top: .5em;
}
.home-quote {
	font: 1.1em/1.4em Georgia, Times, serif;
	font-style: italic;
	color: #666;
	
}

.side-quote {
	font: .8em/1.4em Georgia, Times, serif;
	font-style: italic;
	color: #666;
}

 
 
  /* header and footer elements
----------------------------------------------------------------------------*/
#universal-wrap {
	margin: 0 auto;  		 
 	width: 930px; 
 	position: relative;   
}
 
#top-wrap  { 
	margin: 0 auto;  		 
 	width: 930px;  
 	position: relative;   
 	height: 180px;
	}	
 
#global-inner { 
	margin-left: 31px;   
 	width: 871px; 
  	background: #F5EDD2;
	}	

#back-shadow { 
 	width: 871px; 
  	background: transparent url('/img/back-copy.gif') 608px 0px no-repeat;
	}	

#head-logo {
	position: absolute;
	top: 25px;
	left: 35px;
	width: 235px;
	height: 104px;
	z-index: 100;
	background: transparent url('/img/cafedelrio-logo.png') no-repeat;
}
	#head-logo em { visibility: hidden; }
	
	#head-logo a {
		position: absolute;
		width: 295px;
		height: 69px;
		top: 0; 
		left: 0;
		text-decoration: none;
	}

#motto { 
	position: absolute;
	top: 75px;
	left: 285px;
	width: 167px;
	height: 31px;
	background: transparent url('/img/true-tex-mex.png') no-repeat;	
}
	#motto em { visibility: hidden; }

#music {
	position: absolute;
	top: 28px;
	left: 750px;
	width: 96px;
	height: 32px;	
}

#intro {
	margin:0 26px;
	padding: 10px;
	font: 1.4em/1.6em Georgia, Times, serif;
	color: #624B21;
	text-shadow: #B0B0B0 0px 1px 1px; /* for modern browsers */
}

#intro strong { color: #650810; }

#top-feature {
	width: 825px;
	height: 260px;
	background: transparent url('/img/feature-back.gif') no-repeat;	
	margin: 20px 0 0 20px;
	border: 1px solid #F5EDD2;
	position: relative; 
}

#top-photo {
	/*
width: 800px;
	height: 234px;
*/
	position: absolute;
	top: 12px;
	left: 12px;
}

#survey-box {
	background: transparent url('/img/survey-back.jpg') no-repeat;	
	width: 289px;
	height: 137px;
	margin-top: 20px;
}

#mexiCAN {
	position: absolute;
	top: 35px;
	left: 831px;
	width: 89px;
	height: 98px;	
	background: transparent url('img/mexiCAN.png') no-repeat;
}

 
#home-intro {
	margin: 0 30px 15px;
 	font: 1.2em/1.6em 'lucida grande', sans-serif;
 	color: #FFF;
 	background: #624B21;
 	padding: 10px;
}

#home-feature {
	width: 825px;
	height: 340px;
	margin: 10px 0 0 20px;
	padding: 12px;
}
#home-info {
	padding: 0 0 0 30px;
	height: 368px;
} 
 

.fav-menu {
	height: 140px;
 	font: 1.1em/1.6em 'lucida grande', sans-serif;
}
.fav-menu strong { text-transform: uppercase; }

#survey-box {
	background: transparent url('img/survey-back.jpg') no-repeat;	
	width: 289px; 
	height:137px;
	padding: 18px 0 0 16px;
 	font: 1.2em/1.4em 'lucida grande', sans-serif;
}
#survey-box p { width: 168px; margin-top: 3px; }

#foot {   
	margin: 12px auto;  		 
 	width: 871px; 
 	color: #FFFBDC;
	font-size: 9px;
	text-align:left;
 	font: bold .9em/1em 'lucida grande', sans-serif;
}
	#foot a { margin: 0; color:#FFFBDC; }
	#foot ul {	
		list-style: none;
		margin: 0; padding: 0; 
	}
#foot ul li {
	padding-right: 5px;
 	display: inline;
	}
 

#foot-right {
	float:right;
 	font-weight: normal;
 	text-align: right;
	line-height: 1.4em;
	}
 

 
#designcredit { 
	font-size: 9px;
	color: #FFF;
	margin-bottom: 24px;
	}
#designcredit a { 	color: #FFF; }
	 
 
  /* inside page elements
----------------------------------------------------------------------------*/

.menu-fav {
	background: url('img/favorite-hat.gif') no-repeat 0 0;
	padding-left: 51px;
	height: 24px;
	padding-top: 3px;
}
.menu-hot {
	background: url('img/favorite-hot.gif') no-repeat 0 0;
	padding-left: 36px;
	height: 24px;
	padding-top: 3px;
}

.dropcap {
	float:left;
	color:#63080F;
	font-size:55px;
	line-height:30px;
	padding-top:9px;
}

.home-feature-div {
	width: 30%; 
	float: left;
 	margin-right: 6px;
}

#favorites { font: 1.2em/1.5em Lucida Grande, Arial, sans-serif; }
 
#home-feature-left ul li {
	padding: 0 0 4px 14px;
	line-height: 1.4em;
	background: url('/img/home-arrow.gif') no-repeat 0 2px;
} 
.arrows ul {
	list-style: none;
	margin: .5em 0 .5em 0;
	padding-left: 10px;
	}
.arrows ul li {
	padding: 0 0 4px 15px;
	line-height: 1.3em;
	background: url('/img/arrow.gif') no-repeat 0 2px;
	}
.arrows li ul { list-style: disc; padding-left: 20px; }  
.arrows li ul li { background: none;  padding: 0; }  

.line {
	line-height: 1px;
	width: 100%;
	border-bottom: 1px solid #C3B5A1;
	margin-bottom: .8em;
}

#side-wings {
	background: transparent url('img/side-wing.png') no-repeat;
	width: 933px;
	height: 8px;
	position: absolute;
	top: 125px;
	left: 0px;	
}


#maps { height: 200px; }
#maps p { font: .75em/1.2em Lucida Grande, Arial, sans-serif; }
.mappies { float: left; width: 45%; }

 
 /* nav menu
----------------------------------------------------------------------------*/
#nav {
	height: 55px;
	width: 871px;
	background: #000;
	position: absolute; 
	z-index: 1;
	top: 125px;
	left: 31px;
	background: #61533f url(img/nav-back.gif) repeat-x;
}

#navigation-primary {
 
	}

	#navigation-primary ul {
		width: 871px;
		list-style: none;
		}

	#navigation-primary li {
		float: left;
		height: 54px;
		position: relative;
		}

	#navigation-primary a {
		display: block;
		height: 54px;
		text-indent: -3000px; 
		overflow: hidden;		
		color: #60513E; /* for Firefox highlight */ 
		}

	#navigation-primary a:hover {
		background-position: 0 -54px;		 
		}

		#nav-home a {
			width: 94px;
			background: transparent url('img/nav_home.gif') no-repeat;
			}
		#nav-locations a {
			width: 139px;
			background: transparent url('img/nav_locations.gif') no-repeat;
			}
		#nav-menu a {
			width: 100px;
			background: transparent url('img/nav_menu.gif') no-repeat;
			}
  		#nav-specials a {
			width: 127px;
			background: transparent url('img/nav_specials.gif') no-repeat;
			}
  		#nav-survey a {
			width: 111px;
			background: transparent url('img/nav_survey.gif') no-repeat;
			}
  		#nav-contact a {
			width: 126px;
			background: transparent url('img/nav_contact.gif') no-repeat;
			}

 
body#home #nav-home	a,
body#locations #nav-locations a,
body#menus #nav-menu a,
body#specials #nav-specials a,
body#survey #nav-survey a,
body#contact #nav-contact a
{background-position: 0 -54px;}


 

 



 
 

/* contact form  
----------------------------------------------------------------------------*/
#contactInfo {list-style:none; margin-left:0;}

 
.contactForm  {margin:15px 0;border:none; background:transparent; padding:10px;  	font: 12px/15px 'lucida grande', sans-serif;
}
.contactForm fieldset { border: none; }
.contactForm legend { padding:0 10px; margin-left:20px; color:#b4de73;}
.contactForm ul { margin:0;  list-style:none;}
.contactForm ul li {clear:both; border-top: 1px solid #D8D1B9; padding: 3px 0;}
.contactForm ul label { display:block; float:left; width:245px; padding:3px 0;}
.contactForm .txtField  {display:block; float:left; padding:3px; width:260px; margin:5px 0 7px 0;font: 1em "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;color:#666;border:2px solid #CCCCCC; outline:none;}
.contactForm .txtField:hover, .txtField:focus, .txtField:active { border-color:#787878; background:#FFF9E6;}
.contactForm em {font-size:0.9em; color:#666; font-style:normal;}
.contactForm .send { width:174px; height:32px; background:url('/img/send-button.gif') no-repeat; padding-bottom:5px; text-align:center; border:none; margin:15px 0 0px 0; border:none;color: #c2f671;font: .85em "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; font-weight:bold; margin-left:210px; color:#FFFFFF;   }

.contactForm .send:hover {cursor:pointer; color:#D8AE71;}
.contactForm.request fieldset {border:1px #5b8a10 solid; padding:5px;}
.contactForm fieldset.extra {margin-top:15px;}

.contactForm .file {display:block; float:left; padding:3px; width:260px; margin:5px 0 7px 0;font: 1em "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;}
.contactForm .radio {display: inline; }

/*form errors*/
.error {border-top:#7dce01 1px solid; border-bottom:#7dce01 1px solid; background:#6bb000; padding:10px; margin-bottom:10px; text-align:center; color:#f1ffdb; }

/*captcha */
.captcha { float:left; margin-top:5px;}
.captcha img {border:#7dce01 2px solid; margint-top:0; float:left;}
.captcha input { margin:0 auto 12px 12px;font: 1em "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;color:#666;border:2px solid #CCCCCC; outline:none;padding:3px; width:108px;}


 
#slides {
	margin: 0 auto;
	text-align: center;
}

#port-spacer { height: 0; } 

.sublinks { font-size: .85em; border-bototm: 1px solid #cecece; position: absolute; top: 50px; right: 20px; width: 120px; line-height: 1.2em; }





a.button, span.button, del.button{
	
	display:-moz-inline-box;
	display:inline-block;
	cursor:pointer;
	border:none;
    font-size:0;
    line-height:0;
    
	/*
	for Safari, read this first
	http://creativebits.org/webdev/safari_background_repeat_bug_fix
	*/
	background-position:0 0;
	background-repeat:no-repeat;
	height:31px;
	text-decoration:none;
	color:#2e523b;
	font-style:normal;
	margin:0 6px 0px 0;
	padding:0 10px 0 0;	
	vertical-align:middle;	
	
    padding-top:-2px;
	_position:relative;
	_width:10px;	
	_overflow-y:hidden;
}



a.button, span.button, del.button,
a.button span, span.button button, span.button input, del.button span{
    background-image:url(/img/btn0.png);
    _background-image:url(/img/btn0.gif);
}


a.button span, span.button button, span.button input, del.button span{
	
	white-space:nowrap;
	cursor:pointer;
    color:#FFF;
	display:-moz-inline-box;
	display:inline-block;
	line-height:1;
    letter-spacing:0 !important;
    font-family:"Arial" !important;
    font-size:11px !important;
    font-style:normal;    
    background-color:transparent;
	background-position:100% 0;
	background-repeat:no-repeat;
	height:31px;
	padding:10px 20px 0 8px;
	margin:0 -16px 0 10px;
	border:none;
	vertical-align:text-top;
	zoom:1;
	_position:relative;
    _padding-left:0px;
	_padding-right:12px;
	_margin-right:-10px;	
	_display:block;
	_top:0;
	_right:-5px;
	
}


span.button button{
   line-height:2.5;/*Opera need this*/
}

html.safari a.button span, 
html.safari del.button span{line-height:1.3;}

html.safari span.button button{line-height:2.6;}

html.safari a.button:focus,
html.safari span.button button:focus{outline:none;}



del.button{
	/* cursor:not-allowed;	*/
	background-position:0 -120px;
	
}

del.button span{
	cursor:default;
    color:#aaa !important;
	background-position:100% -120px;
}


span.button button, span.button input{
	padding-top:0px;
	line-height:2.5;/*Opera need this*/
}


/** optional **/
/*
a.button:visited{color:#aaa;}
*/

/*Hover Style*/

a.button:hover, 
span.button:hover,
a.button:focus, 

a.dom-button-focus, 
span.button-behavior-hover{
	background-position:0 -60px;
	color:#222;
	text-decoration:none;
}

a.button:hover span, 
span.button:hover button, 
a.button:focus span, 

span.button-behavior-hover button, 
span.button-behavior-hover input{
	background-position:100% -60px;
}

a.button:active, a.button:focus span{color:#444;}

del.button-behavior-hover, del.button:hover{
	background-position:0 -180px;
	/* cursor:not-allowed; */
}

del.button-behavior-hover span, del.button:hover span{
	background-position:100% -180px;
	/* cursor:not-allowed; */
}