﻿body {margin: 0; padding: 0; background: #000 url("../img/common/bkgrnd.jpg") repeat-x; background-position: top center; font-family: Times, Times New Roman, Georga, Serif; font-size: 95%; color: #fff; line-height: 16px;}
img, img a, a img {border: 0; display: block;}
.clearBoth {clear: both;}

/*----common----*/

#wrapper {width: 1100px; margin: auto;}
.baseWidth {width: 1100px; padding: 0; margin: 0px;}
#header {margin: auto; width: 1100px; height: 177px;}
#logo-container {width: 268px; height: 177px; float: left; margin: 0; padding: 0px; position: relative;}
#header-home {width: 832px; height: 177px; background: #000 url("../img/home-header.jpg") no-repeat; float: right; margin: 0px; padding: 0px; position: relative;}
#footer {margin: auto; position: relative; z-index: 2; height: 150px;}


/*----HOME page----*/

#content-left {width: 268; height: 476px; float: left;}
#content-home {padding: 25px; width: 218px;}
#home-slider {width: 832px; height: 476px; float: right;}

.slideshow {width: 832px; height: 476px; position: absolute; z-index: 2;}
.slideshow img {margin: 0px; padding: 0px;}

#disclaimer {padding: 25px 25px 25px 15px; width: 744px; float: left; text-align: left; line-height: 16px;}
#pop-up {width: 306px; height: 413px; float: right; z-index: 100; position: absolute; bottom: 0; right: 0px;}
#details {padding: 25px 0; width: 800px; float: left; text-align: left;}
#sound {width: 144px; float: left; margin: 0 8px 0 0;}
#subscribe {width: 325px; float: left;  font-size: 12px; line-height: 15px;}
#address {width: 600px; float: left; font-family: Times, Times New Roman, Georga, Serif; font-size: 12px; line-height: 15px;}
#navBox ul {width: 130px; position: relative; top: 60px; left: 25px; position: relative; margin: 0px; padding: 0px;}
#navBox2 ul {width: 130px; position: relative; top: -15px; left: 300px; position: relative; margin: 0px; padding: 0px;}
#navBox3 ul {width: 130px; position: relative; top: -90px; left: 570px; position: relative; margin: 0px; padding: 0px;}

#bug {
	float: left;
	padding: 12px 0 0 0;
	}

/*----internal----*/

#left-side {width: 297px; float: left; min-height: 775px; background: url("../img/common/background-left.jpg") repeat-x; position: relative; }

	#left-side h2 {
		text-align: center;
		font-size: 24px;
		padding-top: 8px;
	}
	#left-side p {
		font-size: 14px;
		line-height: 18px;
		padding: 5px;
		text-align: center;
	}
		#left-side p:first-child {
	padding: 0;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
		}
	#left-side p a {
		font-size: 14px;
		color: #E3D9A7;
		font-weight: bold;
		margin: 0;
	}
	#left-side p span{
		font-size: 14px;
		color: #E3D9A7;
		font-weight: bold;
		margin: 0;
	}
	#left-side img {
		margin: 0 auto;
		padding: 0px 0px;
	}
	
#left-side .right-fix{
	text-align: right;
	padding-right: 20px;		
}
#left-side img.address-image{
	padding: 10px;
	width: 170px;
}
#left-side .tadich-grillmaster {
	position: absolute; 
	left: 0; 
	bottom: 0; 
	max-width: 59%;
}
#left-side .inner-padding {
	padding: 0px 10px;
}
#right-side {width: 803px; float: right; min-height: 750px; padding: 0 0 35px 0;}
	#right-side img.tadich-street{
		padding: 20px;
		max-width: 95%;
	}
	#right-side h1 {
		text-align: center;
		font-size: 32px;
		line-height: 32px;
		color: #fff;	
	}
	#right-side h3{
		font-size: 24px;
		text-align: center;
		line-height: 24px;
	}
	#right-side h4 {
		font-size: 18px;
		line-height: 18px;
		text-align: center;
		padding: 10px;
	}

#right-side img, ima a, a img {display: inline; top: 2px; position: relative;}
#internal-logo {padding: 40px 0 0 20px;}
#left-image {position: relative; bottom: 0px; left: 0px; margin: 10px 0 0 0;}
#internal-nav ul {width: 140px; position: relative; left: 80px; position: relative; margin: 0px; padding: 0px;}
#content {padding: 50px 15px 0px 25px; font-family: Arial, Helvetica, Sans Serif; font-size: 12px; color: #fff;}
#footer-internal {margin: auto; position: relative; z-index: 2; height: 65px;}
.footer-right {width: 778px; float: right; margin: 10px 0 0 25px;}
#link {float: right; font-size: 12px; padding: 45px 20px 0 0; height: 12px;}
.shim {display: inline; padding: 0 4px 2px 0; position: relative;}


#timeline {
	width: 587px;
	height: 375px;
	padding: 0px;
	margin: 0px;
	}
	
#legend {
	float: left;
	width: 111px;
	height: 657px;
	padding: 0px;
	margin: 0px;
	}


/*----MENU page----*/

#splitLeft {width: 345px; float: left;}
#splitRight {width: 380px; float: right;}

/*----FAVORITES page----*/

#gallery {width: 760px; font-size: 11px; font-family: Times, Times New Roman, Georga, Serif;}

/*--REVIEWS page--*/

#videoContainer {float: right; padding: 0 0 0 8px;}

/*----LOCATION page---*/

#right-location {width: 775px; float: right; padding: 0 0 25px 25px; font-family: Arial, Helvetica, Sans Serif; font-size: 12px; color: #fff;}
#inset-location {float: right;}
#splitLeft-location {width: 225px; float: left; padding: 10px 0 0 0;}
#splitRight-location {width: 525px; float: right;}


/*----HISTORY page----*/

#splitLeft-history {padding: 50px 15px 0 25px; font-family: Arial, Helvetica, Sans Serif; font-size: 12px; color: #fff; width: 600px; float: left;}
#splitRight-history {padding: 50px 0 0 0; font-family: Arial, Helvetica, Sans Serif; font-style: italic; font-size: 11px; color: #fff; width: 150px; float: right;}
.historyLeft {float: left; padding: 0 5px 5px 0;}
.historyRight {float: right; padding: 0 0 5px 5px;}

/*----STAFF page---*/

#splitLeft-staff {padding: 50px 15px 0 25px; font-family: Arial, Helvetica, Sans Serif; font-size: 12px; color: #fff; width: 600px; float: left;}
#splitRight-staff {padding: 50px 0 0 0; width: 150px; float: right;}
#splitRight-staff img {margin: 0 0 13px 0;}

/*----GIFT CARD page---*/

#splitLeft-giftcard {padding: 0px font-family: Arial, Helvetica, Sans Serif; font-size: 12px; color: #fff; width: 350px; float: left;}
#splitRight-giftcard {padding: 0px; width: 350px; float: left; padding: 0 0 0 10px;}


/*----form----*/    

form {width: 300px; padding: 0px; margin: 0px;}
input {background-color: #E1D7CB; border: 0px; padding: 6px; margin-top: 4px;}
label {display: block; margin-top: 20px;  color: #fff; background-repeat: no-repeat;}
.formtext {font-family: Arial, Helvetica, Sans Serif; font-size: 10px; color: #fff;}
.textarea  {font-family: Arial, Helvetica, Sans Serif; font-size: 10px; color: #000;}
.go {font-family: Arial, Helvetica, Sans Serif; font-size: 10px; color: #fff; background-color: #9E7C59;}


/*----text----*/

h1 {
	font-family: Times, Times New Roman, Georga, Serif;
	font-weight: normal;
	font-size: 20px;
	color: #E3D9A7;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: center;
}
h2 {font-family: Helvetica, Arial, Sans serif; font-weight: normal; font-size: 14px; color: #E3D9A7; font-weight: bold; margin: 0; padding: 0 0 3px 0;}
h3 {font-family: Helvetica, Arial, Sans serif; font-weight: normal; font-size: 13px; color: #E3D9A7; font-weight: bold; margin: 0; padding: 0 0 3px 0; text-transform: uppercase;}

p {margin: 0px; padding: 0px;}

.nav {list-style: none; display: block; text-transform: uppercase; text-align: center; font-weight: normal; line-height: 24px; font-size: 16px;}

.nav a:link {font-size: 14px; color: #fff; text-decoration: none;}
.nav a:active {font-size: 14px; color: #fff; text-decoration: none;}
.nav a:visited {font-size: 14px; color: #fff; text-decoration: none;}
.nav a:hover {font-size: 14px; color: #E3D9A7; text-decoration: none;}

.nav-tan a:link {font-size: 16px; color: #E3D9A7; text-decoration: none;}
.nav-tan a:active {font-size: 16px; color: #E3D9A7; text-decoration: none;}
.nav-tan a:visited {font-size: 16px; color: #E3D9A7; text-decoration: none;}
.nav-tan a:hover {font-size: 16px; color: #fff; text-decoration: none;}

.navOn {font-size: 18px; color: #fff; font-weight: bold; text-decoration: none;}

#right-side a:link {color: #fff; text-decoration: none;}
#right-side a:visited {color: #fff; text-decoration: none;}
#right-side a:active {color: #fff; text-decoration: none;}
#right-side a:hover {color: #E3D9A7; text-decoration: none;}

#splitRight-location a:link {color: #E3D9A7; text-decoration: underline;}
#splitRight-location a:visited {color: #E3D9A7; text-decoration: underline;}
#splitRight-location a:active {color: #E3D9A7; text-decoration: underline;}
#splitRight-location a:hover {color: #fff; text-decoration: underline;}

a:link, a:visited, a:active {color: #fff; text-decoration: none;}
a:hover {color: #fff; text-decoration: underline;}

.home-white {text-align: center; color: #fff; line-height: 18px;}
.home {text-align: left; color: #C4B383; line-height: 18px;}
.smaller {text-align: right; font-size: 80%;}

.smaller a:link, a:active, a:visited {color: #fff; text-decoration: underline;}
.smaller a:hover {color: #C4B383; text-decoration: none;}

#address a {line-height: 15px; text-decoration: underline; color: #fff;}
.subhead {font-style:italic; line-height: 17px; font-family: Times, Times New Roman, Georga, Serif; font-size: 14px;}
.subhead-sans {font-style:italic; font-size: 11px;}
.small {font-family: Times, Times New Roman, Georga, Serif; font-size: 11px;}
.yellow {color: #fff200; font-size: 11px;}
.brown {color: #653E17; font-size: 11px; font-family: Arial, Helvetica, Sans Serif; line-height: 19px;}
.tan {color: #F7EA8C; font-size: 11px;} 

.pop {font-family: Helvetica, Verdana, Sans Serif; font-size: 12px; color: #fff; line-height: 15px; text-align: left; margin: auto;}

#content .special-link {font-style: italic; color: #E3D9A7; text-decoration: underline;} 
#content .special-link a:link, #content .special-link a:visited, #content .special-link a:active {color: #E3D9A7; text-decoration: underline;}



/*-------OPEN TABLE OVERRIDES------*/

#OT_form {
padding: 0;
margin: 0 0 0 50px !important;
width: 200px !important;
}

.OT_wrapper {
border: 2px solid #42382c;
border-radius: 7px;
background-color: #f6f6f3;
font-family: verdana, arial, helvetica, sans-serif;
width: 200px !important;
margin: 0;
padding: 0;
}

.OT_list {
list-style: none;
margin: 0;
padding: 0 0 0 12px !important;
width: 165px;
}

#left-side h2 {
text-align: center;
font-size: 10px;
padding: 8px 0 0 20px !important;
}

.OT_title {
margin: 0;
padding: 10px 0 0 20px !important;
font-size: 14px;
color: #0f0f0f;
font-weight: normal;
text-align: center;
width: 165px;
}
#content .special-link a:hover {color: #fff; text-decoration: underline;}
