/*
Copyright 2007 epixStudios. All materials contained on this site are protected by International copyright law and may not be reproduced, distributed, transmitted, displayed, published without the prior written permission of epixStudios and the Top Table Restaurant Group.
*/

/* Start Reset */
* { margin: 0; padding: 0; }

html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, address, code, em, img, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}

body { line-height: 1;}

/* ordered lists intentionally left witih numbered bullets */
ul {list-style: none;}

/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left; font-weight: normal;}

/* End Reset */
/* Set up commonly used classes */
.clear {clear: both;}
.right {float: right;}
.left {float: left;}
strong {font-weight: bold;}
em {font-style: italic;}

/* Start Site Specific CSS Information */

body { 
	font-size: 62.5%;
	font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
	background-image: url('../images/westinterior_bg.jpg');
	background-color: black;
	background-repeat: repeat-x;

}

#wrapper { 
	margin: 0 auto;
	background-color: #fff;
	width: 801px;
	border-left: 2px solid #bebebe;
	border-right: 2px solid #bebebe;
	border-bottom: 2px solid #bebebe;
}

#sidebar { 
	width: 150px;
	height: 500px;
	float: left; 
	display: inline;
	background-color: #fff;
}


#main_col { 
	width: 650px; 
	float: right;
	display: inline;
	background-color: #e7e7e7;	
	border-left: 1px solid #ccc;
}

#header { 
	height: 92px;  
	padding-top: 8px;
    text-align: right;
    background: url('../images/header_bg.jpg');
}

/* Old Header Style with Flash Music Player
#header { 
	height: 92px;  
	padding-top: 8px;
    text-align: right;
   
}
*/

#navigation {
	background: url('../images/nav_bg.gif');
	height: 60px;
}

.home #masthead {
	background: url('http://www.westrestaurant.com/css/images/slides/01.jpg') no-repeat scroll top left;
	width: 650px;
	height: 250px;
}

.profile #masthead {
	background: url('../images/banners/interior/West_29redo.jpg') no-repeat scroll top left;
	width: 650px;
	height: 250px;
}

.profile-bar #masthead {
	background: url('../images/banners/cocktails/3.jpg') no-repeat scroll top left;
	width: 650px;
	height: 250px;
}

.bar #masthead {
	background: url('../images/banners/cocktails/3.jpg') no-repeat scroll top left;
	width: 650px;
	height: 250px;
}

.wine #masthead {
	background: url('../images/banners/wine/_img9472.jpg') no-repeat scroll top left;
	width: 650px;
	height: 250px;
}

.groups #masthead {
	background: url('../images/banners/details/01.jpg') no-repeat scroll top left;
	width: 650px;
	height: 250px;
}

.group-menus #masthead {
	background: url('../images/banners/food/first-main/West_Food_4.jpg') no-repeat scroll top left;
	width: 650px;
	height: 250px;
}

.contact #masthead {
	background: url('../images/banners/food/first-main/Scallops2.jpg') no-repeat scroll top left;
	width: 650px;
	height: 250px;
}

.reservations #masthead {
	background: url('../images/banners/exterior/exterior_3.jpg') no-repeat scroll top left;
	width: 650px;
	height: 250px;
}

.menu #masthead {
	background: url('../images/banners/food/first-main/West_Food_1.jpg') no-repeat scroll top left;
	width: 650px;
	height: 250px;
}

.lunch-menu #masthead {
	background: url('../images/banners/food/first-main/West_Food_1.jpg') no-repeat scroll top left;
	width: 650px;
	height: 250px;
}

.tasting-menu #masthead {
	background: url('../images/banners/food/first-main/West_Food_3.jpg') no-repeat scroll top left;
	width: 650px;
	height: 250px;
}

.cocktails #masthead {
	background: url('../images/banners/cocktails/3.jpg') no-repeat scroll top left;
	width: 650px;
	height: 250px;
}

.mains #masthead {
	background: url('../images/banners/food/first-main/West_Food_4.jpg') no-repeat scroll top left;
	width: 650px;
	height: 250px;
}

.desserts #masthead {
	background: url('../images/banners/food/desserts/west_256_final.jpg') no-repeat scroll top left;
	width: 650px;
	height: 250px;
}

#content { 
	width: 622px; 
	margin: 20px auto;
	color: #333;
}

#footer { 
	height: 41px;
	background-color: #8e958a;

}

#footer img.alignright { 
	float:right;
	margin-right: 7px;
	margin-top: 9px;
	height: 24px;
	width: 24px; 
	
	}
	
#footer img { 
	float:right;
	margin-right: 10px;
	margin-top: 14px;

}



/* ---------------------------- Typographic Information ---------------------------- */

h1 span {display: none;}

h1 a {
	background: url('../images/h1_bg.gif') no-repeat scroll top left;
	width: 103px;
	height: 41px;
	display: block;
	margin: 110px 0 0 20px;
}

h2 { 
	font-size: 2.0em;
	font-style: none;
	margin-bottom: 23px; 
}

h3 { 
	font-size: 1.4em;
	text-transform: uppercase;
	color: #333;
	font-weight: bold;
	margin-bottom: 5px; 
}

h4 { 
	font-size: 1.2em;
	color: #333;
	margin-bottom: 1.5em;
	
}


#content p { 
	font-size: 1.1em;
	line-height: 1.5em;
	margin-bottom: 1.5em;
}

#footer p { 
	margin-left: 13px;
	position: relative; 
	top: 17px;
	color: #fff;
	float: left; 
}


/* -------------------------- Main Content Area  --------------------------*/
	

table { 
	font-size: 1.2em;
	color: #333;
	margin-bottom: 1.5em;
	}

table td { 
	width: 150px; 
	padding: 3px;

	}

.profilepic { 
	float: right;
	margin-left: 10px; 
	}
	
.awardspic { 
	float: left;
	margin-right: 10px; 
	}

.gallery { width: 450px;}
.gallery li {display: inline;}

	/* For the menu pages - centering the content */
	#menu_content {text-align: center;
	}
	
	/* width of reso form dropdowns */
	#pg_reservations select {width: 10%;} 
	
/*------------------------------------------------- Group Menus -------------------- */

#groupmenu_nav { 
	margin-bottom: 1.4em;

}
	
#groupmenu_nav li { 
	display: inline;
	margin: 0 10px;
	font-size: 1.5em;
	color: #300;
	font-weight: bold;
	
	
}	

	
/*------------------------------------------------- Contact Form  -------------------- */
#contactform textarea { 
	width: 400px; 
	height: 100px; 
	}
	
#contactform .text {width: 200px;} 	

#contactform {
	margin: 30px 10px 20px 0px;
	color: #666;
	font-size: 1.2em;
	}
	
.left_form { width: 13em;} 	  

	/* styling for 'message sent' msg */
h7 { 
	font-size: 1.3em; 
	margin-left: 30px; 
	font-style: bold; 
	margin-bottom: 1.5em;
	color: #666;
}

/* width of reso form dropdowns */
#pg_reservations select {width: 10%;}


/* ------------------------------- Links -------------------------------*/

#content a:link, #content a:visited, #a:active {color: #666; text-decoration: underline;}
#content a:hover {color: #666; text-decoration: none;}