@charset "utf-8";
/* ========================
Spices Catering
CSS by Guy Lillico
02-09-2008 
======================== */

@import url("reset.css");

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

a, a:visited	{
	text-decoration:underline;
	color:#9b131a;
}

a:hover	{
	color:#000;
	text-decoration:underline;
}

h1	{
	padding:0;
	margin:0;
	font-size:1.8em;
	font-family:Arial, Helvetica, sans-serif;
}

h2	{
	padding:0;
	margin:0;
	font-size:1.6em;
	font-family:Arial, Helvetica, sans-serif;	
}

h3	{
	padding:0;
	margin:0;
	font-size:1.2em;
	font-family:Arial, Helvetica, sans-serif;
}

h4	{
	padding:0;
	margin:0;
	font-size:1.2em;
	font-family:Arial, Helvetica, sans-serif;	
}

html,body {
	margin:0;
	padding:0;
	background:url(../images/BG2.gif) #eaeaea repeat;
}

body {
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:62.5%;
	color:#333;
}

p {
	margin:7px 0;
}

.clear	{
	height:0;
	width:0;
	clear:both;
}



.wrapper {
	position:relative; 
	top: 35px;
	margin:0 auto;
	width:828px;
	background:#fff;
	border: 1px solid #dedede;
}

.container	{
	margin:0;
	padding:0;
	margin:0 auto;
	width:800px;
	background:#fff;
}

.nav	{
	background:#9b131a;
	height:32px;
	width:800px;
	border-top:1px solid #c37176;
	border-bottom:1px solid #630105;
	margin-top:12px;
	margin-bottom:7px;
	color:#fff;
	text-transform:uppercase;
	position:relative;
}
	.nav ul	{
		margin:0;
		padding:0;
		position:relative;
		top:12px;
	}
		.nav li	{
			display:inline;
			list-style:none;
			margin:0;
			padding:0;
			position:relative;
		}
		.nav li a, .nav li a:visited	{
			font-family:Arial, Helvetica, sans-serif;
			font-size:1.0em;
			color:#fff;
			text-decoration:none;
			padding:10px 20px 9px 19px;
			height:32px;
			margin:0;
		}
		.nav li a:hover	{
			background:#6c0d12;
			text-decoration:none;
			color:#fff;
		}

		
.main	{
	width:100%;
	overflow:hidden;
	padding:0;
	margin:0;
	margin-bottom:13px;
}
	.image-bg {
		display:block;
		position:absolute;
		width:800px;
		height:486px;
}					
	.content {
		width:100%;
		padding:0; 
		margin:0;
		position:relative;
		display:block;
		top: 0px;
		z-index:2;
		height:516px;
	}
	
		.home_txt	{
			background:url('../images/home_text-bg-trans.png') 0 0 no-repeat;
			_background:#000000;		
			_filter:alpha(opacity=75);
			_opacity:.75;
			margin:10px;
			font-size: 1.0em;
			line-height: 150%;
			position:absolute;
			top:13px;
			left:308px;
			z-index:100;
			color:#fff;
			width:429px;
			height:268px;
			padding:5px 16px 0 20px;
		}
		
				.home_txt p	{
					width: 429px;
			}
				.home_txt a:hover img {
				filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;	
			}			
				.home_txt .content_fp_main a	{
					color:#ccc;
					text-decoration:underline;
				}
				.home_txt a.vid-link {
					width:192px;
					height:31px;
					position:relative;
					top:7px;
				}
				.close_btn {
					width:11px;
					height:11px;
					position: relative;
					left: 417px;
					top: 5px;
					margin-bottom:10px;
				}
		.tab_btm {
			position:absolute;
			top: 456px;
			left:19px;
			width: 99px;
			height:30px;
			cursor:pointer;
		}
			.tab_btm:hover {
				filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;	
			}

		.intro_txt	{
			margin:30px 0 0 15px;
			line-height: 160%;
			position:absolute;
			z-index:100;
			width: 400px;
			color:#333;
			padding:0;
		}
			.intro_txt p	{
				font-size: 1.1em;
			}		
			.intro_txt h1	{
				font-family:Arial, Helvetica, sans-serif;
				font-size: 2.4em;
				margin: 3px 0 16px 0;
				color:#9b131a;
			}
		.flash	{
			position:relative;
			float:right;
			top:40px;
			right:8px;
			_right:18px;
			width:365px;
			height:374px;
			_width:345px;
			_height:344px;			
			padding:0; 
			margin:0;
			background: url('../images/flash_bg-trans.png') 0 0 no-repeat;
			_background: #fff;
			text-align:center;
			padding-top:16px;
			_padding-top:12px;
			overflow:hidden;
		}

.contact_map	{
			position:absolute;
			top:4px;
			left:410px;
			width:365px;
			height:374px;
			_width:345px;
			_height:344px;			
			padding:0; 
			margin:0;
			background: url('../images/flash_bg-trans.png') 0 0 no-repeat;
			_background: #fff;
			text-align:center;
			padding-top:16px;
			_padding-top:12px;
			overflow:hidden;
}

.img_block	{
			position:absolute;
			top:40px;
			left:415px;
			width:375px;
			padding:0; 
			margin:0;
			text-align:center;
			padding-top:18px;
			padding-bottom:22px;
			_padding-top:14px;
			overflow:hidden;
			background:url('../images/img-bg-trans.png') 0 0 no-repeat;
}

.no-bg {
			background:none;
			top:0px;
}


.dir_item_details	{
			position:absolute;
			top:10px;
			left:400px;
			width:345px;
			padding:0;
			padding-left:50px; 
			margin:0;
			padding-top:16px;
			_padding-top:12px;
			overflow:hidden;
}
			
.cat_desc {
	padding-left:2px;
	margin:0;
}
			
.widget_container {
	position:relative;
	top:-12px;
	z-index:200;
	padding-top:12px;
	margin: 0 8px 30px 7px;
	width:814px;
	height:214px;
	background:#fff url('../images/widgets-bg.gif') 0 12px no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
	font-weight:bold;
	color:#646464;
	text-transform:uppercase;
}
	.widget-item, .logo	{
		position:relative;
		left:7px;
		width:193px;
		color:#333;
		float:left;
		padding-top:10px;
		margin-right: 10px;
		text-align:center;
	}
	.logo {
		margin-right: 0;
	}
		.widget-item span a {
			display:block;
			margin-top: 38px;
		}
	.widget-item a:hover img {
		filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;	
	}
	
#dir_item_list	{
	line-height: 120%;
}

#dir_item_list h4 {
	margin-top:15px;
}

#dir_item, .gallery_nav {
	margin-left:3px;
}

ul.sitemap {
	font-size: 1.2em;
	margin-left: 3px;
	line-height:160%;
}

ul.sitemap li {
	font-weight: bold;
	background:url('../images/list-item.gif') 0 4px no-repeat;
	padding-left:20px;
}
ul.venue-list {
	font-size: 1.1em;
	margin-left: 3px;
	line-height:160%;
}

ul.venue-list li {
	background:url('../images/list-item-trans.png') 0 4px no-repeat;
	padding-left:20px;
}

ul.sitemap li ul {
	margin-left: 30px;
	margin-bottom: 7px;
}
ul.sitemap li ul li {
	font-weight: normal;
	background:none;
}

.titan {
	padding: 47px 4px 0 0;
	float:right;
}


	
	/* ==== Roster Calendar experimentation ==== */
div.roster_shift_list {
	font-size: 8pt;
	/*border: 1px solid black;*/
	text-align: center;
	min-height: 60px;
	max-height: 60px;
	overflow-y: auto;
	margin: 0px;
}
	div.roster_shift_list span.time {
		font-size: 7pt;
	}
table.calendar th {
	border: 1px solid #3591A8;
	background-color: #E0E0E0;
}
	table.calendar td.rm_cur_day {
		border: 1px solid black;
		text-align: left;
		text-indent: 0.5em;
		padding: 0px;
		width: 80px;
	}
	table.calendar div.rm_calendar_heading {
		text-align: center;
		font-weight: bold;
		font-size: 15pt;
		color: #505050;
		padding: 5px;
	}
	table.calendar div.rm_calendar_month_nav {
		text-align: center;
		word-spacing: 1.1em;
	}
	table.calendar div.rm_calendar_month_nav a,
	table.calendar div.rm_calendar_month_nav a:active,
	table.calendar div.rm_calendar_month_nav a:visited,
	table.calendar tr.rm_calendar_top_nav a,
	table.calendar tr.rm_calendar_top_nav a:active
	table.calendar tr.rm_calendar_top_nav a,visited {
		color: black;
	}
/* ==== Roster shift detail experminentation ==== */
.shift_key {
	font-weight: bold;
	padding-right: 10px;
}
/* ==== Search experimentation ==== */
div.search_result_item {
	border: 1px dotted black;
	margin-bottom: 15px;
	margin-left: 10px;
}
	div.search_result_item a {
		font-size: 16pt;
	}
	div.search_result_item .search_desc {
		text-indent: 25px;
		color: green;
	}
	
	
	#news_list {
		height:450px;
		overflow:scroll;
		}