body{
    background:url(../images/body_bg_fade.gif) 0 0 repeat-x;
    background-color:#1d1d1d;
	margin:0;
	padding:0;
	font-family:arial, helvetica, "trebuchet ms", verdana, sanserif;
	font-size:62.5%;
}

/*rid firefox link outlines*/
a:active,
a:visited
{
  outline: none;
}

#bg
{
    background:url(../images/body_bg.jpg) 50% 0 no-repeat;
    height:540px;
}

#container
{   
    width:960px;
    margin:0 auto;
    text-align:left;
}

#container #head
{
    height:170px;
    overflow:hidden;
}

img.logo
{
	float:left;
	display:inline;
	width:380px;
}



/* Main Nav
-----------------------------*/

#mainnavi {
	margin: 130px 0px 0 0; 
	height:40px;
	padding:0;
    overflow:hidden;
	display:inline;
	width:570px;
	float:left;
}

#mainnavi ul {
    margin:0; 
    padding:0; 
    list-style-type:none;
}

#mainnavi li {
    float:left; 
    margin:0;
}

#mainnavi li.home, 
#mainnavi li.activehome,
#mainnavi a.home
{
	background: url(http://www.redsevengrill.com/images/nav/home.gif) 0 0;
	width:87px;
}


#mainnavi li.menu, 
#mainnavi li.activemenu,
#mainnavi a.menu 
{
    background: url(http://www.redsevengrill.com/images/nav/menu.gif) 0 0;
	width:89px;
}

#mainnavi li.gallery,
#mainnavi li.activegallery,
#mainnavi a.gallery
{
    background: url(http://www.redsevengrill.com/images/nav/gallery.gif) 0 0;
	width:112px;
}


#mainnavi li.location,
#mainnavi li.activelocation,
#mainnavi a.location
{
    background: url(http://www.redsevengrill.com/images/nav/location.gif) 0 0;
	width:126px;
}
#mainnavi li.contact,
#mainnavi li.activecontact,
#mainnavi a.contact
{
    background: url(http://www.redsevengrill.com/images/nav/contact.gif) 0 0;
	width:150px;
}

#mainnavi a {
    display:block; 
    height:0px; 
    padding-top:40px; 
    color:#000; 
    overflow:hidden;
}

/* hack for older versions of IE with incorrect box model */
* html #mainnavi a:link, * html #mainnavi a:visited {height:40px; he\ight:0;}

#mainnavi a.home:hover, 
#mainnavi a.menu:hover,
#mainnavi a.gallery:hover,
#mainnavi a.location:hover,
#mainnavi a.contact:hover,
#mainnavi li.activehome,
#mainnavi li.activemenu,
#mainnavi li.activegallery,
#mainnavi li.activelocation,
#mainnavi li.activecontact
{
	background-position:0 -40px;
}

* html #mainnavi a:hover {height:40px; he\ight:0;
 }

/* End Main mainnav
-----------------------------*/






#container #bodyhome,
#container #body
{
    min-height:400px;
    height:auto !important;
    height:400px;
    background:#fff;
}

#container #body
{
    border-bottom:13px solid #AF1117;
    background:#fff;
}

#container #bodyshadow
{
    height:20px;
    background:#212121 url(../images/body_bg_shadow.gif) 50% 0% no-repeat;
}


#container #yellow
{
    height:160px;
    background:#FFB12B url(../images/yellow/yellow_fade.png) 0 0 repeat-x;
}

#footer_bg
{
    height:220px;
    background:#000;
    overflow:hidden;
    /*border-top:12px solid #AF1117;*/
}

#footer
{
    width:960px;
    margin:0 auto;
    padding:0;
}



/*Slideshow*/

#slideshow-container
{
	position:relative;
	padding:10px;
	background: #fff; 
	overflow:hidden;
	width: 940px; 
	height: 380px; 
}


.slideshowpics { 
	width: 940px; 
	height: 380px;
	padding:0; 
	margin:0; 
	overflow: hidden;	
}
.slideshowpics img { 
	width: 940px; 
	height: 380px; 
	padding: 0px; 
	top:10px; 
	left:10px;
	position:absolute;
}

#slideshow
{
	
	overflow:hidden;
	position:absolute;
}

#slideshownav { 
	position:absolute;
	z-index:999;
	top:360px;
	left:20px;
}

#slideshownav a{ 
	margin: 0 3px; 
	padding: 3px 7px; 
	line-height:2;
	border: 1px solid #1e1e1e; 
	background: #3c3c3c; 
	text-decoration: none ;
	color:#fff;
	font-size:11px;
	font-weight:bold;
}

#slideshownav a:hover,
#slideshownav a.activeSlide { 
	background: #ffb92f;
	border: 1px solid #3c3c3c; 
	color:#a4151d;
	color:#fff;
}

#slideshownav a:focus { 
	outline: none; 
}
#slideshownav { 
	text-align: left 
}

/*End Slideshow*/









/* Yellow Area
-----------------------------*/
#yellow img, #yellow div img
{
    margin:15px 0px 0 48px;
    padding:0;
    border:0;
    float:left;
}


/* Footer Nav
-----------------------------*/
#footernav img{
	text-align:left;
}


#footermenu {
	height: 16px;
	margin:20px 0 0 0; 
	padding:0;
    overflow:hidden;
	display:block;
	width:45%;
	float:left;
}

#footermenu ul {
    margin:0; 
    padding:0; 
    list-style-type:none;
}

#footermenu li {
    float:left; 
    margin:0;
}

#footermenu li.home, 
#footermenu li.activehome,
#footermenu a.home 
{
    background: url(../images/footermenu/home.gif) 0 0;
	width:52px;
}
#footermenu li.menu,
#footermenu li.activemenu,
#footermenu a.menu
{
    background: url(../images/footermenu/menu.gif) 0 0;
	width:64px;
}
#footermenu li.location,
#footermenu li.activelocation,
#footermenu a.location
{
    background: url(../images/footermenu/location.gif) 0 0;
	width:96px;
}
#footermenu li.gallery,
#footermenu li.activegallery,
#footermenu a.gallery
{
    background: url(../images/footermenu/gallery.gif) 0 0;
	width:86px;
}

#footermenu li.contact,
#footermenu li.activecontact,
#footermenu a.contact
{
    background: url(../images/footermenu/contact.gif) 0 0;
	width:82px;
} 


#footermenu a {
    display:block; 
    height:0; 
    padding-top:16px; 
    color:#000; 
    overflow:hidden;
}

/* hack for older versions of IE with incorrect box model */
* html #footermenu a:link, * html #footermenu a:visited {height:16px; he\ight:0;}

#footermenu a.home:hover, 
#footermenu a.menu:hover,
#footermenu a.location:hover,
#footermenu a.gallery:hover,
#footermenu a.contact:hover,
#footermenu li.activehome,
#footermenu li.activemenu,
#footermenu li.activelocation,
#footermenu li.activegallery,
#footermenu li.activecontact
{
	background-position:0 -16px;
}

* html #footermenu a:hover {height:16px; he\ight:0;}

/* End Footer Nav
-----------------------------*/

/* Footer Nav Right
-----------------------------*/
#footernavright img{
	text-align:right;
	float:right;
}


#footermenuright {
	height: 16px;
	margin:20px 0 0 0; 
	padding:0;
    overflow:hidden;
	display:block;
	float:right;
	width:45%;
}

#footermenuright ul {
    margin:0; 
    padding:0; 
    list-style-type:none;
    float:right; 
}

#footermenuright li {
    float:right; 
    margin:0;
}

#footermenuright li.join, 
#footermenuright li.activejoin,
#footermenuright .join a 
{
    background: url(../images/footermenu/rightjoin.gif) 0 0;
	width:149px;
}
#footermenuright li.giftcards,
#footermenuright li.activegiftcards,
#footermenuright .giftcards a
{
    background: url(../images/footermenu/rightgiftcards.gif) 0 0;
	width:105px;
}
#footermenuright li.plan,
#footermenuright li.activeplan,
#footermenuright .plan a
{
    background: url(../images/footermenu/rightplan.gif) 0 0;
	width:130px;
}
 


#footermenuright a {
    display:block; 
    height:0; 
    padding-top:16px; 
    color:#000; 
    overflow:hidden;
}

/* hack for older versions of IE with incorrect box model */
* html #footermenuright a:link, * html #footermenuright a:visited {height:16px; he\ight:0;}

#footermenuright .join a:hover, 
#footermenuright .giftcards a:hover,
#footermenuright .plan a:hover,
#footermenuright li.activejoin,
#footermenuright li.activegiftcards,
#footermenuright li.activeplan
{
	background-position:0 -16px;
}

* html #footermenuright a:hover {height:16px; he\ight:0;}

/* End Footer Nav Right
-----------------------------*/




/* Footer Links
-----------------------------*/
#footer .footerlinks
{
    /*margin:40px auto 0 auto;
    padding:0;
    text-align:center;*/
    margin:40px 0 0;
    text-align:center;
    width:50%;
    float:left;
    display:inline;
}
#footer .footerlinks img,
#footer .footerlinks a img
{
    margin:5px;
    padding:0;
    border:0;
}
#footer .footerlinks a
{
    text-decoration:none;
}
#footer .footerlinks img.footerlogo
{
    margin-top:5px;
}



/* Flash Slideshow
-----------------------------*/
#flashslideshow
{
    width:960px;
    padding:0;
    margin:0;
}
#flashgallery
{
    width:940;
    height:500px;
    
    padding:10px;
    background:#fff;
}

    
.clear
{
    clear:both;
}


/* Location Map
-----------------------------*/

div#mapwrapper
{
    height:inherit;
    margin:0;
    padding:10px;
    background:url(../images/locationgears.jpg) no-repeat 100% 100%;
}

div#map
{
    width:500px;
    height:500px;
    border:3px solid #666;
    float:left;
    display:inline;
}


div#location
{
    width:360px;
    float:left;
    display:inline;
    padding:40px 0 0 30px;
    margin:0;
    text-align:center;
}
div#location img
{
    margin:0 auto;
    padding:0;   
    display:block; 
}

div#location p
{
    margin:15px 0;
    padding:0;
    font-size:1.4em;
    line-height:1.2;
}



/* Lightbox forms
--------------------------------*/
#redsevenform
{
    background:#fff;
    margin:0 auto;
    padding:20px;
    width:460px;
    height:360px;
    
}

#redsevenform ul
{
    list-style-type:none;
}

#redsevenform a,
#redsevenform a button
{
    text-decoration:none;
}


/* Menu Page
------------------------------*/

div#menuwrapper
{
    margin:0;
    padding:0;
    background:url(../images/menu/bgpaper/middle.gif) repeat-y 175px 0;    
    
}

div#menu
{   
    width:100%;
    margin: 0 auto;
    padding:0;
    font-family:Arial, arial, "Trebuchet MS", sans-serif;
    text-align:left;
    float:left;
    display:inline;
    background:url(../images/menu/bgpaper/top.gif) no-repeat 175px 0;
}


div#menuleft
{
    margin:15px 30px 0 20px;
    width:150px;
    float:left;
    display:inline;
}
div#menuright
{
    margin:20px 0 0 10px;
    padding:0;
    width:550px;
    float:left;
    display:inline;
    min-height:500px;
    height:auto !important;
    height:500px;
    
}

div#menubottom
{
    margin:0 0 0 175px;
    padding:0;
    height:125px;
    background:url(../images/menu/bgpaper/bottom.gif) no-repeat 0 100%;
}

div#menurighttext
{
    width:525px;
    margin:0 0 0 60px;
    padding:0;
}

.menucat
{
    padding-bottom:0px;
}

div#menuleft img.loading
{
    margin-left:20px !important;
}


    


div#menurighttext h2
{
    margin: 1.6em 0 1em 0;
    color: #B7272D;
    font-size: 1.8em;
    text-align:left;
    font-style:italic;
    font-weight:normal;
    font-family:Arial, Verdana, Sans-Serif;
}
div#menuleft h2
{
    font-size: 1.6em;
    text-decoration:none;
    color: #B7272D;
}
div#menuleft img
{
    margin:20px 0 10px 0;
    padding:0;
}

div#menuleft ul
{
    margin:0 0 0 20px;
    padding:0;
}

div#menuleft li
{
    font-size: 1.4em;
    text-decoration:none;
    color: #B7272D;
    list-style-type:none;
    margin:0 0 10px 0;
    padding:0;
    text-indent:0;
    
}
div#menuleft li a
{
    text-decoration:none;
    color: #231F20;
    text-transform:uppercase;
}
div#menuleft li a:hover,
div#menuleft li a.active
{
    color:#aaa;
}



div#menu dl,
div#menu dl.dots
{
    width: 100%;
    overflow: auto;
    margin: 0 0 10px 5px;
}

div#menu dl.dots
{
    background: url(../images/menu/dot.gif) repeat-x 0 1.2em;
}


div#menu dt,
div#menu dd.price
{
    background: #f6f5f1;
    font-size: 1.4em;
    font-weight: bold;
    color:#000;
    }
div#menu dt
{
    float: left;
    padding-right: 3px;
    color: #000;
    text-transform:uppercase;
}
div#menu dd
{
    margin:0;
}
div#menu dd.price
{
    float: right;
    padding-left: 3px;
    color: #B7272D;
}
div#menu dd.ingredients
{
    float: left;
    width: 100%;
    padding: 3px 0;
    font: 1.2em arial, "Trebuchet MS", verdana ,sans-serif;
    color: #555;
}




/* Modal Popup
   ------------------------------------------*/
.modalBackground {
	background-color:Black;
	filter:alpha(opacity=80);
	opacity:0.8;
}


.modalPopup
{
    padding:0px;
    margin:0px;
    border:2px solid #fff;
    background:#fff;
}

.modalHeader
{
    background: #A81117 url(../images/common/header_bg.jpg) repeat-x 0 0;
    padding-right:4px;
    margin:0px;
}
 
.modalHeader h2
{
	margin: 0;
	padding: 6px 0px 6px 10px;
	font-weight: bold; 
	font-size: 1.3em;
	color:#fff;
}

.modalContent,
.modalContentjoin
{ 
    padding:10px;
    border-left:solid 1px #c3c4c4; 
    border-bottom:solid 1px #c3c4c4; 
    border-right:solid 1px #c3c4c4;
    line-height:1.5;
    font-size:1.1em;
    text-align:left;
}
.modalContent
{ 
    background:#fff url(../images/common/event_bg.jpg) no-repeat 370px 55px ;
}
.modalContentjoin
{ 
    background:#fff url(../images/common/join_bg.jpg) no-repeat 100% 100% ;
}

.modalContent a,
.modalContentjoin a
{
    color:#000;
    margin:0;
    padding:0;
}
.modalContent textarea,
.modalContentjoin textarea,
.modalContent label,
.modalContentjoin label
{
    margin:0;
    padding:0;
}

.modalContent p,
.modalContentjoin p
{
    margin:1em 0 .5em;
    padding:0;
}

.modalClose a
{
    float:right;
    margin-top:-15px;
    padding-right:4px;
    color:#fff;
}
    
.modalContent p.disc,
.modalContentjoin p.disc
{
    color:#A81117;
    font-weight:bold;
    margin-top:2em;
}
    

/* forms 
--------------------------------------------- */

div#contactright
{
    width:300px;
    background:tan;
    height:200px;
    float:left;
}


div.contactform img
{
    margin:0 0 1em 0;
    padding:0;
}


div.contactform {
	padding: 4em;
	margin: 0;
	width:400px;
	background:#fff;
	float:left;
	}
div.contactform fieldset {
	margin: 0 0 .5em 0;
	padding: 0 0 .5em 0;
	border: none;
	border-bottom: 0px dashed #e3e3e3;
	}
div.contactform fieldset label {
	float: left;
	width: 11em;
	margin: 0 1em 0 0;
	font-weight: bold;
	line-height: 1.5em;
	font-size:1.1em;
	}
div.contactform fieldset h4 {
	float: right;
	width: 11em;
	margin: 0;
	padding: 0;
	font-size: 1em;
	line-height: 1.5em;
	color: #8b8074;
	}
div.contactform fieldset div.field {
	float: left;
	width: 23em;
	margin: 0 1em 0 0;
	}
div.contactform fieldset div.field label {
	float: none;
	width: auto;
	font-weight: normal;
	font-size:1.2em;
	margin:.5em 1em;
	}
div.contactform fieldset span
{
    margin-top:1em;
    line-height:2;
}
div.contactform fieldset div.field input.input-text {
	width: 20em;
	padding: .3em;
	font-size: 1.1em;
	color: #444;
	}
div.contactform fieldset div.field textarea {
	width: 20em;
	padding: .3em;
	font-size: 1.2em;
	color: #444;
	}
div.contactform fieldset div.field select {
	width: 19.2em;
	font-size: 1.2em;
	color: #646870;
	}
div.contactform fieldset div.field option {
	padding:.2em;
	}
div.contactform div.submit {
	padding-left: 13em;
	padding-top:2em;
	}
div.contactform h2
{
    color:#A81117;
    margin:0 0 .5em 0;
    padding:0;
}

/* Credits
-----------------------*/
p.credits
{
    font-size:9px;
    color:#444;
}

p.credits a
{
    color:#666;
}
p.credits a:hover
{
    border-bottom:1px dotted #fff;
    color:#aaa;
}