@charset "UTF-8";
/* CSS Document */

body {background: #644425 url(../graphics/back-indian-food-pasadena.jpg) repeat-x; margin: 0px; font: 13px "Lucida Grande", Arial, sans-serif;}




#container {margin-left: auto; margin-right: auto; width: 750px; background-color: #000000; }
	#black-back {position: absolute; width: 750px; height: 100%; background-color: #000000; }


	#header {background: url(../graphics/header-indian-food.jpg) no-repeat;  height: 93px;margin: 0px 50px; position: relative;}
		#header-logo { position: absolute; left: 290px; top: 13px;}
		#header-logo a img {border: none;}


	#nav{ position: relative;background: url(../graphics/menu-indian-food.gif) no-repeat; height: 37px; color: #FFFFFF; z-index: 1000;}
		#nav #links{position: relative; margin: 0px; padding: 0px; list-style: none; height: 26px; left: 50px; top: 6px;}
		#nav a {float: left; 	overflow: hidden; position: relative; height: 26; z-index: 9999;}
		#nav h2{ display: none; }
		#nav a.nav-home {position: relative; top: -15px; background:url(../images/new-delhi-pasadena-california.gif) no-repeat; width: 243px; height: 55px; z-index: 10000; }
		#nav a.nav-menu {position: relative; background:url(../graphics/nav-menu-indian-food.gif) no-repeat; width: 89px; height: 26px; }
			#nav a.nav-menu:hover {background:url(../graphics/nav-menu-indian-food-over.gif) no-repeat; }
			 #nav a.nav-menu-current{ cursor: default; position: relative; background:url(../graphics/nav-menu-indian-food-over.gif) no-repeat; width: 89px; height: 26px;}
		#nav a.nav-directions {position: relative; background:url(../graphics/nav-directions-indian-food.gif) no-repeat; width: 115px; height: 26px; }
			#nav a.nav-directions:hover {background:url(../graphics/nav-directions-indian-food-over.gif) no-repeat;}
			#nav a.nav-directions-current {cursor: default; position: relative; background:url(../graphics/nav-directions-indian-food-over.gif) no-repeat; width: 115px; height: 26px;}
		#nav a.nav-reviews {position: relative; background:url(../graphics/nav-reviews-indian-food.gif) no-repeat; width: 105px; height: 26px; }
			#nav a.nav-reviews:hover { background:url(../graphics/nav-reviews-indian-food-over.gif) no-repeat; }
			#nav a.nav-reviews-current {cursor: default; position: relative; background:url(../graphics/nav-reviews-indian-food-over.gif) no-repeat; width: 105px; height: 26px;}
		#nav a.nav-contact {position: relative; background:url(../graphics/nav-contact-indian-food.gif) no-repeat; width: 98px; height: 26px; }
			#nav a.nav-contact:hover { background:url(../graphics/nav-contact-indian-food-over.gif) no-repeat; }
			#nav a.nav-contact-current {cursor: default; position: relative; background:url(../graphics/nav-contact-indian-food-over.gif) no-repeat; width: 98px; height: 26px; }


		
	#main-content {position: relative;margin: 0px 50px;}
		#home-content {position: relative; top: -15px; width: 650px; }
			#home-image {z-index: 500; position: relative; width: 650px; top:0px; left: 0px;}
			#quote-flash {position: absolute; right: 0px; top: 23px; z-index: 1001;}
			#bottom-flash {position: absolute; bottom: 0px; z-index: 1000; height: 80px;}
		#interior-content {position: relative; top: 0px; background-color: #f7f3c9; padding: 43px 0px 0px 0px;}
			#title-description {font-size:17px;  color: #cc6600; padding: 30px 40px 40px 40px; line-height: 20px;}
			#sub-content { margin: 10px 0px 0px 30px;}
				#right-bar {float: right; position: relative;}
				#left-bar {}
				#menu-list {margin: 5px 16px 30px 16px; width: 220px;}
					h1 { color: #cc6600; font-size: 15px; font-weight: bold; margin: 0px; padding: 3px 0px;}
					#menu-list ul {list-style:none; color: #ff9900; font-size: 13px; font-weight: bold; margin: 0px; padding: 0px;}
					#menu-list li {
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

#menu-list .description {
	font-size: 10px;
	font-style: italic;
	color: #644425;
}
				#menu-img {background-color: #cc6600; padding: 4px 0px 4px 4px; margin: 0px 0px 30px 0px; }
			#interior-bottom-line {position: relative; margin: 0px 0px 10px 0px; clear: both;}
			
			#map {position: relative; width: 560px; height: 300px; left: 10px; border: 4px solid #cc6600;}
			#map-bubble {width: 150px; padding-right: 10px; font-size: 13px;}
			#map-bubble h2 {position: relative; font-size: 14px; margin: 0 0px 8px 0px;; padding: 0px;}
			#map-bubble h3 { padding: 0px; margin: 8px 0px 5px 0px;}
			#map-bubble h4 {font-size: 13px; padding: 0px; margin: 8px 0px 0px 0px;}
			#map-bubble a {position: relative; text-decoration: underline; color: #ff9900; font-size: 18px; }
			#map-bubble a:hover { background-color:#ff9900; color: #fffbd0}
		
		#contact-form {display:none; position: relative;width: 400px; float: left;}
			fieldset {padding: 18px 0px 0px 20px; background:url(../graphics/back-contact-indian-restaurant.gif) no-repeat; width: 392px; height: 294px; border: none;}	
			label {color: #fffbd0; font-size: 12px; }
			input {width: 295px; height: 18px; border: none; background-color: #fffbd0; margin: 2px 0px 4px 0px; padding: 2px 0px 0px 2px;}
			textarea {width: 340px; height: 95px; border: none; background-color: #fffbd0;padding: 3px 4px 0px 4px; overflow: hidden;}
		#contact-info {position: relative;float: left; color: #ff9900; /*width: 200px; border-left: 1px dashed #ff9900;*/ padding: 5px 0px 0px 15px;}
			#contact-info h2 {color: #c13100; font-size: 13px; font-weight: bold; margin: 0px; padding: 0px; }
			#contact-info h1 {color: #cc6600; font-size: 12px; font-weight: normal;  margin: 0px; padding: 0px;}
			#contact-info a {color: #cc6600; text-decoration: none;}
			#contact-info a:hover { text-decoration: underline;}
			input[type="submit"] {position: relative;background-color: #cc6600; color: #fffbd0; width: 60px; cursor: pointer; font-size: 11px; margin: 5px 44px 2px 0px; float: right; padding: 0px 0px 3px 0px;}
		
		#quote-1 {font-size: 14px; color: #cc6600; padding: 20px 20px;}
		#quote-2 {font-size: 14px; color: #ff9900; padding: 10px 20px;}
		#quote-1 span a, #quote-2 span a {font-size: 11px; color: #7f4408; text-decoration: none;}  #quote-1 span a:hover, #quote-2 span a:hover{color: #c13100;}






	#footer {position: relative; color: #cc6600; height: 35px; font: 12px "Lucida Grande", Arial, sans-serif; left: 245px; width: 400px; padding: 0px 0px 0px 0px;}
		#footer-nav a {color: #cc6600; text-decoration: none;padding: 5px 7px }
		#footer-nav a:hover { text-decoration: none; background-color: #cc6600; color: #000000}
		#footer-nav ul {margin: 0px; padding: 0px; list-style:none; }
		#footer-nav li { float: left; }
		
	#copyright { color: #351d05; text-align: center; font: 11px "Lucida Grande", Arial, sans-serif; padding: 15px 0px; }
	#copyright a{	color: #351d05	; text-decoration: none;}
		#copyright a:hover{
	color: #cc6600;
	text-decoration: underline;
}
