/*
NAME:	ID-TEMPLATE Likes to Eat Satay
DESC:	Satay By The Bay
VER:	1 | 090818
AUTHOR: ID
*/

/* -------------------------------- */
/* RESET HTML TAG					*/ 
/* -------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
ol, ul {list-style-image:none;list-style-position:outside;list-style-type:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-family:; font-size:1em; font-weight: bold; line-height: normal; margin: 0 0 1em 0;}
q:before,q:after{content:'';}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
del,ins{text-decoration:none;}
img {-ms-interpolation-mode: bicubic;}

/* -------------------------------- */
/* STANDARD HTML TAG DEFINITION		*/ 

body {
	background: #490000 url(../img/bg.jpg) no-repeat center top;
	color: #361700;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.125em;
	}

h1 {font-size: 2.166em;}	/* 26px */
h2 {font-size: 1.833em;}	/* 22px */
h3 {font-size: 1.583em;}	/* 19px */
h4 {font-size: 1.333em;}	/* 16px */
h5 {font-size: 1.166em}		/* 14px */
h6 {font-size: 1.166em}		/* 14px */

h2 {
	color: #8c0000;	
	font-size: 2em;
	letter-spacing: -0.05em;
	}
	
h3 {
	font-size: 1.5em;
	letter-spacing: -0.05em;
	margin-bottom: 0.5em;
	}
	
h4 {
	color: #bb0000;
	font-size: 1.5em;
	letter-spacing: -0.05em;
	}

	
p {margin-bottom: 1.5em;}	
a {cursor: pointer; text-decoration: none; color: #ffde92;}	
a.alt {color: #0084ff;}
a:hover {/*text-decoration: underline;*/}
a:active, a:focus {outline: none;}

input, textarea {
	border: 1px solid #b4b4b4;
	padding: 2px;
	}
	input:focus, textarea:focus {
		border-color: #666;
		}
		
pre {
	margin: 1em 0 1em 0px;
	padding: 5px 0 5px 10px;
	border: 1px dotted #e8e8e8;
	border-left: 10px solid #b4b4b4;
	background: #fafafa;
	color: #304257;
	font-family: Consolas, "Courier New", Courier, monospace;
	line-height:100%;
	white-space: normal;
	}

hr {display: none;}

/* -------------------------------- */
/* PAGE ELEMENTS					*/ 
/* -------------------------------- */

#whole, #flb_content, #flb2_content {
	font-size: 0.75em; /* 12px */
	overflow: hidden;
	}
	#container {
		width: 960px;
		margin: 30px auto 0;
		}
		#header {
			position: relative;
			height: 144px;
			}
			#header h2 {
				background: url(../img/logo.png) no-repeat;
				
				_background: url(../img/logo.gif) no-repeat;
				height: 124px;
				float: left;
				text-indent: -9999em;
				width: 385px;
				margin: 0 0 20px 50px;
				}
					
			#nav {
				height: 50px;
				font-size: 1.1666em;
				float: right;
				position: absolute;
				right: 0;
				bottom: 0;
				background: url(../img/trans-000-20.png);
				_background: #8c0000;
				
				
				z-index: 10;
				}
				#nav ul {
					}
				#nav li  {
					float: left;
					position: relative;
					z-index: 10;
					}
					#nav a {
						color: ;
						display: block;	
						line-height: 50px;
						height: 50px;
						padding: 0 13px;
						float: left;
						}
					#nav li#currentpage a, #nav a:hover {
						background: url(../img/navO.png) repeat-x;
						color: #5d0000;
						}
						#nav li#currentpage li a:hover, #nav li li a:hover {
							background: #000;
							color: #FFF;
							}
			
			#content {
				background: #FFF url(../img/content-about.jpg) no-repeat; 
				height: 512px;
				position: relative;
				padding: 60px 20px 0 430px;
				}
				#content.home {
					background: #FFF url(../img/content.jpg) no-repeat; 
					}
				
				#content li {
					border-bottom: 1px solid #CCC;	
					margin-top: 1em;
					}
					.orglist {
						height: 450px;
						overflow-y: scroll;
						padding: 0 3px;
						}
				
				
				#sataybythebay {
					margin: 0;
					background: url(../img/sataybythebay.png);
					
					_background: url(../img/sataybythebay.gif);
					position: absolute;
					top: -30px;
					left: -40px;
					width: 424px;
					height: 235px;
					}
				#ans3 {
					display: block;
					position: absolute;
					right: -29px;
					bottom: 50px;
					background: url(../img/btn-1.png) no-repeat;
					
					_background: url(../img/btn-1.gif) no-repeat;
					width: 289px;
					height: 117px;
					}
				#ipod {
					display: block;
					position: absolute;
					right: 280px;
					bottom: 1px;
					background: url(../img/ipod.png) no-repeat;
					_background: url(../img/ipod.gif) no-repeat;
					width: 224px;
					height: 149px;
					}
					
					#ipod.ipod2 {
						right: auto;
						bottom: auto;
						top: -150px;
						right: 0;
						background: url(../img/ipod2.png) no-repeat;

						}
					
					
				#seeyouthere {
					display: block;
					position: absolute;
					left: 120px;
					bottom: 20px;
					width: 200px;
					height: 100px;
					}
					
			#sponsor {
				background: #FFF url(../img/sponsor.jpg) no-repeat center top;
				width: 960px;
				height: 130px;
				display: block;
				margin-top: -1px;
				padding: 0 0 5px;
				}
					
							
			#footer {
				width: 960px;
				margin: 0 auto;
				color: #fcb435;
				text-align: center;
				padding: 10px 0 50px 0;
				}
	
/* -------------------------------- */
/* CUSTOM CLASSES					*/ 
/* -------------------------------- */

.fl				{float: left; margin: 0 1em 1em 0;}
.fr				{float: right; margin: 0 0 1em 1em;}
.fl0			{float: left;}
.fr0			{float: right;}
.mb0			{margin-bottom: 0;}
.mb1em			{margin-bottom: 1em;}
.altcolor		{color: #850005;}
.absolute		{position: absolute;}
body .none		{display: none;}
.ui-tabs-hide	{display: none;}

/* -------------------------------- */
/* LIST CORRECTION					*/ 

blockquote,ul.list,ol.list,dl.list {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
	}
ol.list,ul.list,dl.list {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
	}
	ol.list li {
		/*giving OL's LIs generated numbers*/
		list-style: decimal outside;	
		}
	ul.list li {
		/*giving UL's LIs generated disc markers*/
		list-style: disc outside;
		}
		
inline .li {
	display: inline;	
	}

/*#content ol, #content ul {
	margin-left: 3em;
	margin-bottom: 1em;
	}
	
	#content li ul {
		margin-left: 2em;
		margin-bottom: 0;
		}
	#content ul li {
		list-style-type: disc;
		}
		#content ul li li {
			list-style-type: circle;
			}
			
#content ol {
	list-style-type: decimal;
	}
	#content ol ol {
		list-style-type: lower-alpha;
		margin-left: 2em;
		}
*/		
/* NICELIST */
ul.niceList {
	margin: 0 0 2em 0;
	}		
	ul.niceList li {
		background: url(../img/icon-ar-12.png) no-repeat 0 4px;
		padding-left: 2em;
		margin-bottom: 1em;
		}
		
/* SPECIAL 'CHECKLIST' LIST */
#content ul.checklist, #content ul.checklist li {
	list-style: none;
	}
	#content ul.checklist li {
		background: url(../img/tick.png) no-repeat 0 4px;
		line-height: 2em;
		padding-left: 20px;
		}

/* SPECIAL 'ARROW' ICON */
span.arrow {
	background: url(../img/list-arrow.png) no-repeat 0 3px;
	padding-left: 14px;
	font-variant: normal;
	text-transform: none;
	}

/* -------------------------------- */
/* NOTIFICATIONS					*/ 

/* INFO */
p.info {
    background: #F8FAFC url(../img/info.png) center no-repeat;
    background-position: 15px 50%; /* x-pos y-pos */
    text-align: left;
    padding: 5px 20px 5px 45px;
    border-top: 2px solid #B5D4FE;
    border-bottom: 2px solid #B5D4FE;
	}

/* WARNING */ 
p.warn {
    background: #FFF7C0 url(../img/warn.png) center no-repeat;
    background-position: 15px 50%; /* x-pos y-pos */
    text-align: left;
    padding: 5px 20px 5px 45px;
    border-top: 2px solid #F7D229;
    border-bottom: 2px solid #F7D229;
	}

/* ALERT */ 
p.alert {
    background: #FBEEF1 url(../img/exc.png) center no-repeat;
    background-position: 15px 50%; /* x-pos y-pos */
    text-align: left;
    padding: 5px 20px 5px 45px;
    border-top: 2px solid #FEABB9;
    border-bottom: 2px solid #FEABB9;
	}
		
/* -------------------------------- */
/* BOXES							*/ 

.box {
	margin: 0 0 1.666em 0; /* 12px */
	padding: 20px;
	display: block;
	}	
	
	/* -------------------------------- */
	/* UNITS (IN BOXES)					*/ 
		
		.unit {
			width: 250px;	
			float: left;
			margin: 0 20px 0 0;
			}
			.unit.last {
				margin: 0;	
				}
			.unit h4 {
				font-size: 1.5em;
				font-weight: normal;
				}
	
	
/* -------------------------------- */
/* CONTENT LIST						*/ 

#content .content-list {
	margin: 0;
	}
	#content .content-list li {
		list-style-type: none;
		margin: 0 0 1.666em 0;
		}
		.thumb {
			float: left;
			margin: 0 1.666em 0 0;
			}
			.thumb img {
				width: 90px;	
				}
		.tags {
			margin: 0 0 1em 0;	
			}
		.xtra span {
			float: right;
			margin-left: 1em;
			}	
		

		
/* -------------------------------- */
/* VIDEO LIST						*/ 

/* -------------------------------- */
/* CLEARBITCH						*/ 

.clearfix:after,
.box:after,
.content-list li:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
.clearfix,
.box,
.content-list li {
	display: inline-block;
	}
* html .clearfix,
* html .box,
* html .content-list li {
	height: 1%;
	}
.clearfix,
.box,
.content-list li {
	display: block;
	}
.clear { clear: both; }

/* -------------------------------- */
/* BUTTONS							*/ 

a.btn {
	display: block;
	text-indent: -9999em;
	background-repeat: no-repeat;
	}
	/* BADGE DISCOUNT */
	a#badge {
		width: 175px;
		height: 175px;
		background: url(../img/badge2.png) no-repeat;
		position: absolute;
		top: -45px;
		right: -50px;
		}
			
/* -------------------------------- */
/* ICONLINK							*/ 

a.iconlink {
	padding: 0 0 0 25px;
	background: url(../img/icon-ar.png) no-repeat 0 50%;
	display: block;
	}
	
/* -------------------------------- */
/* SDBTN							*/ 
/* -------------------------------- */

/* -------------------------------- */
/* DEFAULT (SMALL)					*/ 

a.sdbtn {
	background-image: url(../img/sdbtn.png);
	background-repeat: no-repeat;
	background-position: top right;
	display: block;
	float: left;
    height: 20px;
	margin: 0 1em 1em 0;
    padding: 0 10px 0 0; /* sliding doors padding */
	color: #535353;
	text-align: center;
	text-decoration: none;
	}
	a.sdbtn.mr0	{margin-right: 0;}
	a.sdbtn.fr	{float: right; margin: 0 1em 1em 0;}
	a.sdbtn.fr0	{float: right; margin: 0;}
	a.sdbtn.fl	{float: left; margin: 0 0 1em 1em;}
	a.sdbtn.fl0	{float: left; margin: 0;}
	
	a.sdbtn span {
		background-image: url(../img/sdbtn_span.png);
		background-repeat: no-repeat;
		display: block;
		line-height: 12px;
		padding: 4px 0 4px 10px;
		min-width: 60px; /* for standard size adjust here */
		}
		/* The icon | If icon not needed leave out the 'em' tag in the markup */	
		a.sdbtn span em {
			float: left;
			width: 10px;
			height: 10px;
			background: red;
			margin: 1px 5px 0 0;
			}
			a.sdbtn.noicon span em {display: none;}
			
	/* -------------------------------- */
	/* GREEN (SMALL)					*/ 
	
	a.sdbtn.green {
		background-image: url(../img/sdbtn_a_green.png);
		color: #FFF;
		}
		a.sdbtn.green span {
			background-image: url(../img/sdbtn_span_green.png);
			}
			
	/* ICONS */ 
	a.sdbtn.edit span em			{background: url(../img/icon_pencil.png) no-repeat;}
	a.sdbtn.newcollection span em	{background: url(../img/icon_newcollection.png) no-repeat;}
	a.sdbtn.delete span em			{background: url(../img/icon_x.png) no-repeat;}
	a.sdbtn.new span em				{background: url(../img/icon_plus_small.png) no-repeat;}
	
	/* HOVER */ 
	a.sdbtn:hover		{background-position: bottom right; border: none; color: #000; text-decoration: none;}	
	a.sdbtn:hover span	{background-position: bottom left;}	
	
	/* ACTIVE */ 
	a.sdbtn:active		{background-position: bottom right; outline: none;}
	a.sdbtn:active span	{background-position: bottom left; padding: 5px 0 3px 10px;} /* push text down 1px */

/* -------------------------------- */
/* BIG SDBTN						*/ 
	
a.sdbtn.big {
	background-image: url(../img/sdbtn_a_big.png);
	height: 30px;
	/*font-size: 14px;*/
	font-size: 1.166em;
	color: #535353;
	}
	a.sdbtn.big span {
		background-image: url(../img/sdbtn_span_big.png);
		line-height: 14px;
		padding: 8px 0 8px 10px;
		}
		a.sdbtn.big span em {
			margin-top: 2px;
			}
		
	a.sdbtn.big:active span	{padding: 9px 0 7px 10px;} /* push text down 1px */
	
	/* -------------------------------- */
	/* BIG SDBTN GREEN COLOR			*/ 
	
	a.sdbtn.big.green {
		background-image: url(../img/sdbtn_a_big_green.png);
		color: #FFF;
		}
		a.sdbtn.big.green span {
			background-image: url(../img/sdbtn_span_big_green.png);
			}
			
	/* -------------------------------- */
	/* BIG SDBTN GREY COLOR			*/ 
	
	a.sdbtn.big.grey {
		background-image: url(../img/sdbtn_a_big_grey.png);
		color: #FFF;
		}
		a.sdbtn.big.grey span {
			background-image: url(../img/sdbtn_span_big_grey.png);
			}
				
				
/* =flb
----------------------------------------------- */
#flb_overlay, #flb2_overlay {
	display: none;
	/*position: absolute;*/
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 10000px;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:0.8;
	filter: alpha(opacity=80);
	}
	* html #flb_overlay {position: absolute;}
#flb_content, #flb2_content {
	display: none;
	position: absolute;
	/*position: fixed;*/
	/*top: 25%;*/
	top: 15%;
	left: 25%;
	margin-bottom: 20px;
	/*width: 50%;*/
	/*width: 550px;*/
	/*height: 60%;*/
	/*height: 430px;*/
	/*padding: 10px;*/
	z-index:1002;
	}
	* html #flb_content {position: absolute;}
	

#formwrapper {
	width: 300px;
	height: 521px;
	padding-left: 260px;
	padding-right: 20px;
	padding-top: 127px;
	background: url(../img/form.png) no-repeat;
	border: none;
	}
#formwrapper2 {
	width: 300px;
	height: 521px;
	padding-left: 260px;
	padding-right: 20px;
	padding-top: 127px;
	background: url(../img/form2.png) no-repeat;
	border: none;
	
	}
	
	a.flb_close, a.flb2_close {
		position: absolute;
		right: 10px;
		top: 10px;
		color: #8e8e8e;
		font-size: 0.9166em;
		}

.formform {
	margin-bottom: 20px;	
	}
.formform li {
	margin-bottom: 4px;
	width: 300px;
	overflow: hidden;
	}	
	.formform label {
		float: left;
		width: 100px;
		font-weight: bold;
		color: #cc7515;
		}
	.formform input {
		width: 190px;	
		}
		.formform input.radio {
			width: auto;
			}
		.formform select {
			border: 1px solid #B4B4B4;
			padding: 2px;
			margin-right: 10px;
			}
		
		
.qn {
	color: #333;
	}
	.qn li {
		overflow: hidden;	
		width: 300px;
		}
	.qn span {
		display: block;	
		}
	.qn label {
		font-size: 1.0833em;
		font-weight: bold;
		}
		.qn p {
			float: right;
			margin-bottom: 10px;
			}		
		.qn p label {
			float: left;
			margin-left: 10px;
			font-size: 1em;
			font-weight: normal;
			}
		.qn p label input {
			margin-right: 5px;
			}
		.qn li label {
			display: inline;	
			}
			
.radio {
	border: none;	
	}
			
.btnsubmit {
	border: none;
	padding: 0;
	}	
	
	
/* -------------------------------- */
/* TABLE							*/ 
/* -------------------------------- */

table { border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; margin: 0 0 10px 0; }

th {
	padding: 5px;
	border-top: none;
	border-right: 1px solid #ccc;
	text-align: left;
	background: url(../img/tablethBG.gif) repeat-x left top;
	}
td {
	padding: 4px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	vertical-align: top;
	line-height: 1.1em;
	}
	td a {
		color: #8C0000;	
		}
	
	td span {
		font-size: 0.91666em;
		font-style: italic;
		color: #666;
		}
		
/* -------------------------------- */
/* TOOLTIP							*/ 
/* -------------------------------- */

#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;	
	font-size: 0.6875em;
	}	

/* -------------------------------- */
/* GALLERY							*/ 
/* -------------------------------- */

#content .gallery li {
	list-style: none;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	position: relative;
	
	border: none;
	margin: 0 8px 8px 0;
	}
	.gallery a {
		display: block;	
		width: 90px;
		height: 90px;
		}
	.gallery li img {
		max-width: 90px;
		max-height: 90px;
		}
		
/* -------------------------------- */
/* VIDEO							*/ 
/* -------------------------------- */
#watch {
	position: absolute;
	bottom: 40px;
	right: 250px;
	background: url(../img/video.png) no-repeat;
	color: #b80000;
	padding-left: 70px;
	padding-top: 10px;
	width: 150px;
	overflow: hidden;
	height: 70px;
	display: block;
	font-size: 18px;
	font-weight: bold;
	}