html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 color: #563000;
 background:#F1D99E url(imgs/mainbg.gif);
 font-family: arial, geneva, sans-serif;
} 

* {margin:0;padding:0;}
 
 
 
/*** LAYOUT ****/
 
#pagewidth{ 
 width:930px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
 position:relative;
} 
 
#header{
 position:relative; 
 height:208px; 
 width:725px;
 margin:0 auto;
} 


#bodywrapper {margin:0 auto;background:url(imgs/headerbg.gif) 0 0 repeat-x;}
#navwrapper {postion:relative;width:772px;margin:0 auto;padding:30px 0}
#content, #subcontent {width:845px;margin:0 auto;background:url(imgs/hm-bg-content.gif) repeat-y}
#maincontentwrapper {padding:20px;}

#subcontent {background:url(imgs/sub-bg-content.gif) repeat-y}

#content div.leftmain {width:542px;float:left;height:1%;}
#content div.rightmain {width:278px;float:right;border-top:1px solid #391d0d;}


#subcontent div.leftmain {width:163px;float:left;height:1%;border-top:11px solid #985C3A;}
#subcontent div.rightmain {width:666px;float:right;border-top:1px solid #985C3A;}


#mainheadlinewrapper {background:#F28227;width:664px;border:1px solid #985C3A;border-top:0px;padding:10px 0 0 0;}
#headerborder {display:block;clear:both;width:664px;background:#ac6d32;border:1px solid #985C3A;height:10px;}


div.redbar {display:block;padding-top:15px;background:url(imgs/red-bg.gif);height:1px;width:100%;overflow:hidden;}
img.righthomimg {width:276px;overflow:hidden;height:171px;border:1px solid #391d0d;}
#sidebarcontent {padding:30px;}

#contentfooter {width:845px;margin:0 auto;clear:both;background:url(imgs/hm-bg-content-ftr.gif) no-repeat;height:10px;padding:20px 0 0 0;}
#subcontentfooter {width:845px;margin:0 auto;clear:both;background:url(imgs/sub-bg-content-ftr.gif) no-repeat;height:10px;padding:20px 0 0 0;}


#contentwrapper{
 position:relative;
 width:930px;
 border:1px solid #2d1304;
 background:url(imgs/content-bg.gif);
 }


img.mainimagehome {border:1px solid #985c3a;overflow:hidden;width:540px;height:190px}
#subcontent div.leftmain img, img.subimageleft {border:1px solid #985c3a;padding:0 0 10px 0;background:url(imgs/sub-image-bottom.gif) 0 100% repeat-x;margin:0 0 10px 0;}
img.below {}

div.rightmain p {font-size:22px;line-height:36px;}
div.rightmain p span {font-size:34px;font-weight:bold}


#subcontent div.rightmain p {font-size:15px;line-height:23px;}


div.leftmain a {font-weight:bold;}


div.menuwrapper {width:550px;margin:0 auto 30px auto;position:relative;display:block;}

div.menuwrapper p {padding-left:25px;padding-top:3px}
div.menuwrapper h4 {padding-bottom:2px;border-bottom:1px solid #F1C271;}
div.menuwrapper h4.center {font-size:16px;padding:10px 0;border-top:1px solid #F1C271;margin:10px 0}
 
 
#extras {display:none;}
 
body.jalapenos-de-ybor-menu #extras {display:block;width:161px;border:1px solid #985C3A;border-top:0px;background:#FFE6B9;}
        
#extraswrapper {padding:12px;text-align:center;}

#extras p {padding:2px 0;font-size:13px;line-height:16px;text-align:center;} 

#extras div.happyhour p {font-weight:bold;line-height:22px;}
 
  /*** LINK STYLES ****/
a
{
	outline:none;
	color:#563000;
}


a:visited
{
	color:#563000;
}

a:hover
{
	color:#8a1616;
}


a img
{
	border:0;
}
 
 /*** Headlines and Text ****/

h1, h2, h3, h4, h5, h6, p {
	padding:10px 0;
}

#content h1 {
display:block;
width:3px;
height:3px;
overflow:hidden;
float:right;
padding:0;
margin:0;
}


p, li {
font-size:16px;
line-height:25px;
}

ul, ol {position:relative;}	/* For disappearing bullets in IE 6.0	*/


ul, ol
{
	margin: 10px 40px 20px 80px;
	padding: 0 5px;
	clear:both; /* this is so that the lists don't wrap around images */
}


ul ul, ul ol,  ol ol
{
	margin: 10px 40px 5px 30px;
	padding: 0 5px;	
}

#content ul li, #content ol ul li 
{
	margin: 0;
	list-style-type:none;
	padding: 0 20px 2px 15px;
	background:url(../imgs/bullet.gif) 0% 5px no-repeat;
}

form, input, textarea
{
	font-family: Arial, sans-serif;
}


 
  /******************* LOGO *********************/ 

#logo
{
	position:relative;
	width:460px;
	height:168px;
	display:inline;
	overflow:hidden;
	padding:0;
}


#logowrap{
 position:absolute; 
 height:168px; 
 margin:0 auto;
 width:460px;
 top:18px;
 left:0px;
} 

#logo a
{
	float:left;
	overflow:hidden;
	padding:168px 0 0;
	width:460px;
	height:0 !important;
	background:url(imgs/logo.gif) no-repeat;
}



 
 /* IMAGES */

img.f-right
{
	float:right;
	margin:10px 30px 10px 0px;
}

img.f-left
{
	float:left;
	margin:10px 0px 10px 30px;

}

p img.f-right
{
	float:right;
	margin:5px 0 10px 30px;
}

p img.f-left
{
	float:left;
	margin:5px 30px 10px 0;

}

img.f-left, img.f-right {
border:5px solid #AC6D32;
}


img.img-no-float {
border:5px solid #AC6D32;
}

img.noborder {
border:none;
}


 
 /**** SIFR SETTINGS ****/

h1,h2, h3, h4, h5 {font-weight:bold;}
h3, h4 {font-family:georgia,arial,helvetica, sans-serif;}


h2#mainheader, h1, h2#sidebarhome, h2, h3{
	font-size: 30px;
	padding: 0 0 50px 0!important;
	color:#563000;
	margin:0 0 -50px 0;

}

h3#subheader {
	font-size: 30px;
	padding: 30px 0 30px 0!important;
	color:#563000;
	margin:0 0 -20px 0;


}

h5 {
	font-size: 20px;
	padding: 10px 0 40px 0!important;
	color:#563000;
	margin:0 0 -40px 0;


}

h1 {
margin-left:15px;
	font-size: 40px;
	padding: 0 0 60px 0!important;
	margin:0 0 -60px 15px;

}

h4 {font-size:18px;}
  
 	/********** MAIN MENU ***********/

 #nav {
	list-style: none;
	padding: 0;
	height: 47px;
	display: block;
	overflow: hidden;
	width: 772px;
	
	margin:0 auto;
	position:relative;
	}
	
#nav li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}

#nav a {
	float: left;
	padding: 47px 0 0 0;
	overflow: hidden;
	margin:0 15px;
	height: 0px !important; 
	height /**/:47px; /* for IE5/Win */

		}
#nav a:hover {
	background-position: 0 -47px;
	}
#nav a:active, #nav a.selected {
	background-position: 0 -47px;
	}
	
	
#home a {	width: 87px;background: url(imgs/home.gif) 0 0 no-repeat;}
#menu a {width: 85px;background: url(imgs/menu.gif) 0 0 no-repeat;}
#contact a {width: 167px;background: url(imgs/contactus.gif) 0 0 no-repeat;}
#about a {width: 139px;background: url(imgs/about.gif) 0 0 no-repeat;}
#specials a {width: 129px;background: url(imgs/specials.gif) 0 0 no-repeat;}
#links a {width: 92px;background: url(imgs/links.gif) 0 0 no-repeat;display:none;}

#home {	width: 87px;background: url(imgs/home.gif) 0 0 no-repeat;}
#menu {width: 85px;background: url(imgs/menu.gif) 0 0 no-repeat;}
#contact {width: 167px;background: url(imgs/contactus.gif) 0 0 no-repeat;}
#about {width: 139px;background: url(imgs/about.gif) 0 0 no-repeat;}
#links {width: 92px;background: url(imgs/links.gif) 0 0 no-repeat;display:none;}
#specials {width: 129px;background: url(imgs/specials.gif) 0 0 no-repeat;}


/* Body Classes	*/
body.index a#home {background-position: 0 -47px;}
body.jalapenos-de-ybor-menu a#menu {background-position: 0 -47px;}
body.contact a#contact {background-position: 0 -47px;}
body.about-jalapenos-de-ybor a#about {background-position: 0 -47px;}
body.jalapenos-specials a#specials {background-position: 0 -47px;}
body.links-friends a#links {background-position: 0 -47px;}


/*Image Left=f-left; 
Image Right=f-right; 
Specials HEADER=specials-header;
Specials-SUB-header=specials-sub-header;
Specials BODY Text=specials-body-text;
Events HEADER=events-header;Events SUB header=events-sub-header;
Events BODY text=events-body-text
*/

/* Home Page CSS image map */


div#dropin, #dropin p {color:#2b1003;}
p.events-header,p.specials-header {font-size:32px!important;font-weight:bold;font-family:georgia, arial, sans-serif;}
p.events-supersize, p.specials-supersize {font-size:26px;font-weight:bold;}
#dropin p {padding:5px 0;}
#dropin img {padding:0 0 20px 0;}
p.specials-sub-header, p.events-sub-header {font-size:24px!important;}
p.specials-body-text, p.events-body-text {font-size:20px!important}

.events-header,.specials-header, .events-supersize,.specials-supersize, .specials-sub-header, .events-sub-header, .specials-body-text, events-body-text {line-height:130%;}


#headeraddress {position:absolute; top:15px; left:460px; border-left:1px solid #4C2610; background:url(imgs/header-address.gif) no-repeat; height:168px; width:265px;}

#headeraddress a#titlex {display:block; width:265px; height:1px; overflow:hidden; position:absolute; left:0; top:0; cursor:default;}

* html #headeraddress a#titlex {height:1px; he\ight:0;}

#headeraddress a#titlex:hover {background-position: 0 0;}


a#hours, a#map {
	display:block;
	width:100%;
	height:0;
	padding-top:0;
	overflow:hidden;
	position:absolute;
	left: 0;
	top: 0;
}

a#hours {width:150px;padding-top:30px;}
a#map {
	width:84px;padding-top:30px;
}


* html a#hours, * html a#map {height:150px; he\ight:0;}

a#hours {
	left:18px;
	top:135px;
}
a#map {
	left:171px;
	top:136px;
}


 /*Footer*/
 
 #footer {clear:both;width:930px;margin:10px auto;background:#ac6d32;border:1px solid #000}
 #footer a {color:#FFFDDD; text-decoration:none;}
 #footer p {color:#FFFDDD;font-size:12px;padding:8px 0;}
 
 
 /***POP WINDOW/DIV ***/
 
 div#hourpop {
position:absolute;top:150px;left:200px;z-index:60000;width:400px;height:350px;background:#F28227 url(imgs/orange-bg.gif);border:3px solid #563000;text-align:center;color:#563000;overflow-x: hidden;overflow-y: auto;
}

a.closewindow {
display:block;height:25px;width:auto;color:#FFE6B9!important;background:#8A1616;
font-weight:bold;font-size:12px;text-decoration:none;text-align:left;border-bottom:solid 3px #563000;padding:5px 0 0 15px;
}

div.windowcontent {
display:block;width:320px;height:200px;text-align:left;line-height:18px;padding:30px;
}


div.windowcontent p {font-size:18px;font-weight:bold;}


div.windowcontent img {padding:0 0 15px 0;}
div.windowcontent p {padding:5px 0 5px 5px;}
 
 /* *** Float containers fix:*** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #content{width:100%; float:none;}
}