/*  
Theme Name: Sals Radford
Theme URI: http://www.salsrestaurants.com/radford
Description: Restaurant Theme
Version: 1.0
Author: PDXDesigner
Author URI: http://pdxdesigner.com 	
*/


body{
font: normal 14px Arial, Helvetica, sans-serif;
line-height:1.7em;
}

/* -- Background images -- */
body{
	background:#edd089 url(images/bg_body.gif) repeat-x;
}
#header{
	background:transparent url(images/bg_header.gif) no-repeat;
}
#logo {
	background: transparent url(images/logo.gif);
}
#blacksburg {
	background: transparent url(images/nav_blacksburg.gif);
}
#blacksburg a:hover{
	background: transparent url(images/nav_blacksburg_hover.gif);
}
#radford {
	background: transparent url(images/nav_radford_active.gif);
}
#radford a:hover{
	background: transparent url(images/nav_radford_hover.gif);
}
#salsjr {
	background: transparent url(images/nav_salsjr.gif);
}
#salsjr a:hover{
	background: transparent url(images/nav_salsjr_hover.gif);
}
#tagline {
	background: transparent url(images/tagline.gif);
}
.download {
	background: transparent url(images/download_menu.gif);
}
.download a:hover{
	background: transparent url(images/download_menu_hover.gif);
}


/* -- Containers -- */
#container{
	position:relative;	
}
#wrapper{
	width:950px;
	margin:0 auto;
	background-position:top;
	position:relative;
	padding:0;
}
#middle{
	margin: 50px 0 0 0; 
	width: 960px; 
	overflow: hidden; 
}
#left { 
	width: 625px; 
	overflow: hidden; 
	float: left; 
	display: inline; 
}
#right { 
	width: 310px; 
	float: right; 
	margin-top: 30px;
	display: inline; 
}


/* --- Header --- */
#header{
	width:950px;
	height:480px;
	margin:0 auto;
	padding:0;
	position:relative;
}
	
#header_top{
	width:950px;
	height:155px;
	margin:0 auto;
	padding:0;
	position:relative;
}

#header_top #logo{
	width:220px;
	height:155px;
	position:absolute;
	margin:0 auto;
	padding:0;
}
#header_top #logo a{
	width:220px;
	height:155px;
	display:block;
	text-indent:-9999px;
}

#header_top #blacksburg{
	width:123px;
	height:44px;
	position:absolute;
	margin:0 auto;
	padding:0;
	top: 37px;
	right:153px;
}
#header_top #blacksburg a{
	width:123px;
	height:44px;
	display:block;
	text-indent:-9999px;
}

#header_top #radford{
	width:88px;
	height:44px;
	position:absolute;
	margin:0 auto;
	padding:0;
	top: 37px;
	right:0;
}
#header_top #radford a{
	width:88px;
	height:44px;
	display:block;
	text-indent:-9999px;
}	

#header_top #salsjr{
	width:95px;
	height:44px;
	position:absolute;
	margin:0 auto;
	padding:0;
	top: 37px;
	right:0;
}
#header_top #salsjr a{
	width:95px;
	height:44px;
	display:block;
	text-indent:-9999px;
}

#header_top #tagline{
	width:437px;
	height:21px;
	position:absolute;
	margin:0 auto;
	padding:0;
	top: 105px;
	right:0;
}
#header_top #tagline a{
	width:437px;
	height:21px;
	display:block;
	text-indent:-9999px;
}


/* --- Banner --- */	
#banner{
	width:950px;
	height:325px;
	margin:0 auto;
	padding:0;
	position:relative;
}

.banner_image{
	width:616px;
	height:300px;
	margin:0 auto;
	padding:0;
	border: none;
	top: 5px;
	left: 5px;
	position:absolute;
}
.banner_image img{
	border: none;
}

.banner_info{
	width:305px;
	margin:0 auto;
	margin:0 auto;
	padding:0;
	border: none;
	top: 5px;
	right: 0;
	position:absolute;
	text-align:left;
}
.banner_info h1{
	font: bold 28px "Verdana", Tahoma, Arial;
	color: #fdf3e4;
	margin-bottom: 8px;
	padding:0;
}
.banner_info h3.address{
	font: bold 13px "Verdana", Tahoma, Arial;
	color: #fcc779;
	margin-bottom: 15px;
}
.banner_info h2{
	font: bold 20px "Verdana", Tahoma, Arial;
	color: #fdf3e4;
	padding:0;
	margin-bottom: 3px;
}
.banner_info h3.maplink{
	font: bold 15px "Verdana", Tahoma, Arial;
	color: #fcc779;
	margin-bottom: 15px;
	padding:0;
}
.banner_info h3.maplink a{
	font: bold 15px "Verdana", Tahoma, Arial;
	color: #fcc779;
	text-decoration:none;
}
.banner_info h3.maplink a:hover{
	text-decoration: underline;
}
.banner_info h3.hours{
	font: bold 15px "Verdana", Tahoma, Arial;
	color: #fcc779;
	margin-bottom: 3px;
	padding:0;
}	

.download{
	width:219px;
	height:19px;
	position:absolute;
	margin:0 auto;
	padding:0;
	top: 258px;
	right:85px;
}
.download a{
	width:219px;
	height:19px;
	display:block;
	text-indent:-9999px;
}
	
/* -- Main Navigation -- */
#nav{
	width:625px;
	margin:0;
	padding:0;
}
#nav li{
	display: inline;
	font: bold 16px/30px Arial, Helvetica, sans-serif;
}
#nav li a {
	border:1px solid #a14d30;
	background-color:#a14d30;
	color:#f4e9bd;
	text-decoration:none;
	padding:8px 8px 4px 8px;
}
#nav li a:hover {
	border-top:1px solid #613605;
	border-left:1px solid #613605;
	border-right:1px solid #613605;
	border-bottom:1px solid #613605;
	background-color:#613605;
	color:#f4e9bd;
	text-decoration:none;
}
#nav li.active a {
	border-top:1px solid #e1bd93;
	border-left:1px solid #e1bd93;
	border-right:1px solid #e1bd93;
	border-bottom:2px solid #f4e9bd;
	background-color:#f4e9bd;
	color:#391c09;
	text-decoration:none;
	padding:8px 8px 4px 8px;
}
#nav li.active a:hover {
	border-top:1px solid #e1bd93;
	border-left:1px solid #e1bd93;
	border-right:1px solid #e1bd93;
	border-bottom:1px solid #f4e9bd;
	background-color:#f4e9bd;
	color:#a14d30;
	text-decoration:none;
}

/* -- Content -- */
.content{
	width:595px;
	background-color:#f4e9bd;
	border-left:1px solid #e1bd93;
	border-right:1px solid #e1bd93;
	border-bottom:1px solid #e1bd93;
	padding: 15px;
	margin: -1px 0 0 0;
	}
.content h2{
	font: bold 24px "Verdana", Tahoma, Arial;
	color: #a14d30;
	padding: 20px 0 20px 0;
	margin:0;
}
.content h3{
	font: bold 20px "Verdana", Tahoma, Arial;
	color: #a14d30;
	margin-bottom: 18px;
	margin-top: 20px;
	padding:0;
}
.content h4{
	font: bold 15px "Verdana", Tahoma, Arial;
	color: #a14d30;
	margin-bottom: 20px;
	padding:0;
}
.content h5{
	font: bold 13px "Verdana", Tahoma, Arial;
	color: #a14d30;
	margin-bottom: 5px;
	padding:0;
}
.content p{
	font: bold 13px "Verdana", Tahoma, Arial;
	color: #613605;
	margin-bottom: 10px;
	padding:0;
}
.content p a{
	font: bold 13px "Verdana", Tahoma, Arial;
	color: #a14d30;
	text-decoration:none;
}
.content p a:hover{
	text-decoration: underline;
}

/* -- Sidebar -- */	
.sidebar{
	width:310px; 
	margin:0 auto;
	padding:0;
	list-style:none;
}	
.sidebar img{
	border: none;
	padding:0;
	margin-bottom:15px;
}	
.sidebar h3{
	text-indent:-9999px;
}



/* -- Footer -- */
#footer{
	clear: both; 
	width: 100%; 
	background:#613605;
	margin-top:50px;
}
.bottom {
	width: 950px;
	height: 50px;
	margin: 0 auto;
	padding: 0;
}
p.copyright_text { 
	color: #c5a148;
	font: bold 11px "Verdana", Tahoma, Arial;	float: left; 
	display: inline;
	text-align: left;
	margin: 20px auto;
}
p.copyright_text a { 
	font: bold 11px 'Verdana', Arial, Sans-Serif; 
	color: #c5a148;
	text-decoration: none;
}
p.copyright_text a:hover {
	text-decoration: underline;
}

p.top_page { 
	font: bold 11px 'Verdana', Arial, Sans-Serif; 
	color: #c5a148; 
	float: left;
	margin: 20px 0 0 120px; 
	display: inline;
	text-align: left;
}
p.top_page a { 
	font: bold 11px 'Verdana', Arial, Sans-Serif; 
	color: #c5a148;
	text-decoration: none;
}
p.top_page a:hover {
	text-decoration: underline;
}

p.pdxdesigner { 
	font: bold 11px 'Verdana', Arial, Sans-Serif; 
	color: #c5a148; 
	float: right; 
	display: inline;
	text-align: right;
	margin: 20px auto;  
}
p.pdxdesigner a	{ 
	font: bold 11px 'Verdana', Arial, Sans-Serif; 
	color: #c5a148;
	text-decoration: none; 
}
p.pdxdesigner a:hover { 
	text-decoration: underline;
}



/* Menu Page CSS */
p.menu_subnav { 
	font: bold 11px Verdana, Helvetica, sans-serif;
	color: #613605; 
	text-align: left;
}
p.menu_subnav a { 
	font: bold 11px Verdana, Helvetica, sans-serif;
	color: #a14d30; 
	text-decoration: none; 
}
p.menu_subnav a:hover { 
	color: #613605; 
	text-decoration: none; 
}

.menu_header {
width: 585px;
height: 32px;
margin: 30px 0 10px 0;
display: block;
background-color:#613605;
font: bold 15px Verdana, Helvetica, sans-serif;
color: #edd089 !important;
text-decoration: none;
}

h4.menuheader {
font: bold 15px Verdana, Helvetica, sans-serif;
color: #edd089;
float:left;
padding: 6px 0 0 10px;
height:15px;
}

p.menutop{
	font: bold 11px "Verdana", Tahoma, Arial;
	color: #edd089;
	float: right;
padding: 9px 10px 0 0;
height:15px;
}
p.menutop a{
	font: bold 11px "Verdana", Tahoma, Arial;
	color: #edd089;
	text-decoration:none;
}
p.menutop a:hover{
	text-decoration:underline;
}


.menu_item{
	font: bold 13px "Verdana", Tahoma, Arial;
	color: #a14d30;
	padding-right: 5px;
}

.menu_box {
width: 595px;
}
.menu_box p{
	font: bold 13px "Verdana", Tahoma, Arial;
	color: #613605;
	padding-bottom: 5px;
	margin: 0;
}

.menu_info_box {
width: 595px;
margin-bottom: 15px;
}
.menu_info_box p{
	font: bold 13px "Verdana", Tahoma, Arial;
	color: #613605;
	padding-bottom: 5px;
	margin: 0;
}










/* ######### Location and Directions Google Map ######### */
.directions{
	margin: 10px 0 0 0;
	width:595px;
	height: 80px;
}

form.directions .submit{
	border: none;
	height: 22px;
	width: 105px;
	background: url(images/button_directions.gif) no-repeat;
	cursor: pointer;
	text-indent:-9999px;
}
form.directions input{
	color: #613605;
	font: bold 12px "Verdana", Tahoma, Arial, sans-serif;
	width: 470px;
	padding:3px;
	float:left;
	margin-right:5px;
	border: 1px solid #613605;
	background-color:#ffffff;
}

.map {
	border:2px solid #a14d30;
	height:354px;
	width: 595px;
}