body {
	background-color:#000000;
	background-image:url( ../images/background_main.jpg );
	background-position:center top;
	background-repeat:no-repeat;
	color: #999999;
	font-family:verdana, arial, sans-serif;
	font-size:70%;
}

body.map {
	background-image:url( ../images/background_map.jpg );
}
body.menu {
	background-image:url( ../images/background_menu.jpg );
}

h1 { font-size:180%; }
h2 { font-size:160%; }
h3 { font-size:140%; }
h4 { font-size:120%; }
h5 { font-size:110%; }

a { color:#00adef; }

.blue { color:#00adef; }
.pink { color:#ec008b; }
.orange { color:#f7921e; }
.white { color:#ffffff; }
.bold{ font-weight: bold; }

.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }

.break { margin-bottom:15px; display: block; }
.spaced { letter-spacing: 2px; }

.smallprint { font-size:75%; }

.title { font-size:1.5em; font-weight: bold; }


#site_container {
	margin:183px auto 0 auto;
	width:980px;
}

/*
	FOOTER
*/
	#site_footer {
		font-size:85%;
		min-height:50px;
		height:auto !important;
		height:50px;
		padding: 0 0 0 230px;
		position:relative;
		top: 5px;

	}
	
	#site_footer .delivery_area {
		background-image:url( ../images/delivery_area_up.png );
		background-position:2px center;
		background-repeat:no-repeat;
		padding:5px 0 5px 25px;
		position:absolute;
		right:0;
		top:15px;
	}
	
	#site_footer .delivery_area:hover {
		background-image:url( ../images/delivery_area_down.png );
		background-position:0px center;
		color:#ffffff;
	}

/*
	CONTENT CONTAINER
*/
	#site_content_container {
		color:#ffffff;
		min-height:482px;
		height:auto !important;
		height:482px;
		position:relative;
	}

	/*
		NAVIGATION BAR
	*/
		#site_navigation {
		
			height:100%;
			position:absolute;
			left:7px;
			top:0;
			width:225px;
			border: 0;
		}
		
		/*
			MAST
	
			#site_navigation #site_mast a {
				background-image:url( ../images/mast.gif );
				background-position:center center;
				background-repeat:no-repeat;
				display:block;
				height:66px;
				margin:25px 0;
				text-indent:-9000px;
				width:100%;
			}
		*/
		/*
			PRIMARY NAVIGATION
		*/
			#navigation_primary {
				margin:60px 0 0 45px;
				
			}
		
			#navigation_primary li {
				margin:10px 0;
				padding: 0 0 0 35px;
				background: url( '../images/nav_button_off.gif' ) left top no-repeat; 
				line-height: 20px;
			}
			
			#navigation_primary li a {
				color:#ffffff;
				display:block;
			}
			
			#navigation_primary li a:hover {
				
			}

			#image-slider { position: absolute; left: 12px; top: 195px; width: 208px; height: 274px; border: 0 solid #ccc; }
		
			#navigation_primary li.navlinkon{ background: url( '../images/nav_button_on.gif' ) left top no-repeat;  }
			#navigation_primary li.navlinkoff{ background: url( '../images/nav_button_off.gif' ) left top no-repeat;  }
			
			
		/*
			PING PONG SITE LINK
		*/
		#ping_pong_link a {
			background-image:url( ../images/pingpong.gif );
			background-position:center center;
			background-repeat:no-repeat;
			bottom:25px;
			left:0;
			position:absolute;
			text-indent:-9000px;
			width:140px;
		}

		/* OTHER PANEL DIV LINKS */
		
		#link-home{
			width: 180px;
			height: 110px;
			position: relative;
			top: -290px;
			left: 22px;
			
			cursor: pointer;
		}
		
		#link-ordernow{
			width: 180px;
			height: 80px;
			position: relative;
			top: -390px;
			left: 800px;
			
			cursor: pointer;
		}
		
		#link-pingpongcom{
			float:right;
			margin-bottom:10px;
			width: 180px;
			height: 80px;
			cursor: pointer;
		}

	/*
		CONTENT
	*/
		#site_content {
			min-height:405px;
			height:auto !important;
			height:405px;
			
			margin-left:240px;
			padding:15px;
			width:685px;
		}
	
		/*
			PAGE SPECIFIC - HOMEPAGE
		*/
			body.home {
				background-image:none;
			}
			
			body.home #site_content_container {
				background-color:transparent;
				background-image:url( ../images/homepage_backgrounds/0001.gif );
			}
			
			.home #site_navigation {
				background-color:transparent;
				background-image:url( ../images/transparency.png );
			}
			
			.home #site_content {
				text-align:center;
			}
			
			#site_content_inner.index{
				padding: 30px 0 0 30px;
			}
			
			#site_content_inner.index img{
				padding: 0 0 10px 0;
			}
			
			#site_content_inner.index p{
				padding: 0 0 0 158px;
				width: 450px;
			}
	
		/*
			PAGE SPECIFIC - MENU
		*/
		
			.menu #site_content #scroller ul li img{
				float: left;
				padding: 0 15px 0 0;
			}	
			
			.menu #site_content #scroller ul li img.menu-title{
				float: none;
				padding: 15px 0;
			}
			
			.menu #site_content #scroller ul li img.reset{ padding: 0; margin: 0; position: relative; top: 2px;}	
			.menu #site_content #scroller ul li img.nopad{ padding: 0; margin: 0; }		
		
			.menu #site_content #scroller {
				height:420px;
				overflow-x:scroll;
				overflow-y:hidden;
				width:700px;
			}
		
			.menu #site_content #scroller ul {
				height:99%;
				width: 13280px;
			}
			
			.menu #site_content #scroller ul li {
				float:left;
				height:98%;
				margin:0 50px 0 0;
				overflow:hidden;
				width:200px;
			}
			.menu #site_content #scroller ul li table {
				width:98%;
			}
			.menu #site_content #scroller ul li .column {
				float:left;
				
			}
			
			.menu #site_content #scroller ul li.menu_combos {
				width:350px;
				padding-right: 0;
				margin-right: 35px;
			}
			
			.menu #site_content #scroller ul li.menu_intro {
				padding-top: 52px;
				width:300px;
			}
			
			.menu #site_content #scroller ul li.menu_nibbles {
				width:300px;
			}
			.menu #site_content #scroller ul li.menu_soups {
				width:300px;
			}
			
			.menu #site_content #scroller ul li.menu_vegetables {
				width:300px;
			}
			
			.menu #site_content #scroller ul li.menu_salads {
				width:300px;
			}
			
			.menu #site_content #scroller ul li.menu_nonalcoholic {
				width:400px;
			}
			.menu #site_content #scroller ul li.menu_icedteas {
				width:300px;
			}
			
			.menu #site_content #scroller ul li.menu_steamed {
				width:780px;
				padding-right: 0;
				margin-right: 0;
			}
			
			.menu #site_content #scroller ul li.menu_steamed .column {
				width: 200px;
				float: left;
				padding-right: 10px;
			}
			
			.menu #site_content #scroller ul li.menu_baked {
				width:300px;
			}
			.menu #site_content #scroller ul li.menu_fried {
				width:550px;
			}
			
			.menu #site_content #scroller ul li.menu_fried .column {
				width: 200px;
				float: left;
				padding-right: 10px;
			}
			
			.menu #site_content #scroller ul li.menu_signaturedishes {
				width:325px;
			}
			
			.menu #site_content #scroller ul li.menu_steamedbuns {
				width:300px;
			}
			
			.menu #site_content #scroller ul li.menu_stickyrice {
				width:300px;
			}
			.menu #site_content #scroller ul li.menu_sidedishes {
				width:320px;
			}
			
			.menu #site_content #scroller ul li.menu_desserts {
				width:540px;
			}
			
			.menu #site_content #scroller ul li.menu_desserts .column {
				width: 200px;
				float: left;
				padding-right: 10px;
			}
			
			.menu #site_content #scroller ul li.menu_teas{
				width:520px;
			}
			
			.menu #site_content #scroller ul li.menu_teas .column{
				width: 190px;
				float: left;
				padding-right: 10px;
			}
			
			.menu #site_content #scroller ul li.menu_floweringteas {
				width:300px;
			}
			.menu #site_content #scroller ul li.menu_icedteas .menu-img{
				margin-bottom:50px;
			}
			
			.menu .menu_download {
				padding:10px 0 0 0;
			}
			
			/*
				TERMS PAGE
			*/
			
			#site_content #scroller.terms ul {
				height:99%;
				width: 3500px;
			}
		
				
			#site_content #scroller.terms ul li {
				float:left;
				height:98%;
				margin:0 50px 0 0;
				overflow:hidden;
				
			}
			
			#site_content #scroller.terms {
				height:420px;
				overflow-x:hidden;
				overflow-y:hidden;
				width:700px;
				border: 0 solid #f00;
			}
			
			#site_content #scroller.terms ul li.termsandc {
				width:320px;
			}
	
		/*
			PAGE SPECIFIC - MAP
		*/
			
			#site_content_inner.map {
				/*
				background-image:url( '../images/map.gif' );
				background-position: 250px 50px;
				background-repeat:no-repeat;
				*/
				position: relative;
				width:700px;
				height: 450px;
			}
			#site_content_inner.map #map_container{
				height:384px;
				width:384px;
				float:right;
				margin-top:30px;
			}
			#site_content_inner.map #map_buttons h3{
				margin-bottom:5px;
			
			}
			#site_content_inner.map #map_buttons .note{
				float:right; 
				font-size:9px; 
				color:#0AADF0;
				margin-top:5px;
				margin-right:7px;
			}
			
			#site_content_inner.map #map_buttons a{
				background-color:#0AADF0;
				width:83px;
				height:14px;
				margin-right:4px;
				text-align:center;
				font-size:9px;
				float:left;
				margin-bottom:4px;
				display:block;
				color:#FFFFFF;
			}
			
			#site_content_inner.map #map_buttons a:hover{
				background-color:#FFFFFF;
				color:#0AADF0;
				display:block;
			
			}
			
			#site_content_inner.map #map_location_container h3{
				color:#0AADF0;
				font-size:12px;
				margin-bottom:5px;
			}
			
			
			#site_content_inner.map p{
				padding: 0 0 0 0;
				margin: 0;
				width: 260px;
			}
			
			#site_content_inner.map p.title{
				font-size: 1.4em;
				padding: 1em 0 2em 0;
			}
			#site_content_inner.map p.title img{
				padding: 5px;
				
			}
			#site_content_inner.map p.bottom{
				padding: 8em 0 0 0;
			}
			#site_content_inner.map p.bottom img{
				position: relative;
				left: -5px;
			}
			
			#site_content_inner.map p.bold{
				padding: 15px 0;
			}

	}
	
	
/* slider and ui slider overrides*/
#slider
{
    height: 13px;
    width: 700px;
    margin:0px 10px 0px 10px;
    float:left;
}
#scroller
{
    width: 1159px;
    height: 243px;
    overflow:hidden;
}
#content
{
    width: 215px;
}
.ui-widget-content{
	background:#000000;
	border:0px;
}
.ui-corner-all { 
	-moz-border-radius: 0px/*{cornerRadius}*/; 
	-webkit-border-radius: 0px/*{cornerRadius}*/; 
}
.ui-state-default, .ui-widget-content .ui-state-default {
	background:#0195ce;
	border:none;
	color:#555555;
	font-weight:normal;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
}
.ui-slider-horizontal .ui-slider-handle{
	top:0px;
}
.ui-slider .ui-slider-handle{
	height:9px;
	width:10px;
}

.text-space {
margin-right:80px;
}