/* css document for www.preets.com :: created by www.lookatlao.com */

/* BEGIN CSS RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* END CSS RESET */


/*----------------------------------*/
/* TEXT FORMATTING*/
/*----------------------------------*/

h1, h2, h3, h4, h5, h6, p, li, dt, dd {
	font-family: "Lucida Grande", Tahoma, Arial, sans-serif;
	color: #fff;
}

h1 {
	color: #ed145b;
	font-size: 26px;
	font-weight: normal;
	margin: 0 0 10px 0;
}

 
body#menus h1 {
	color: #94b35a;
	font-size: 18px;
}


h1 strong {
	color: #fff;
	font-weight: normal;
}

h2, h2 a:link, h2 a:visited {
	color: #d13429;
	font-size: 18px;
	font-weight: normal;
	margin: 25px 0 5px 0;
}

body#menus h2, body#menus h2 a:link, body#menus h2 a:visited {
	font-size: 16px;
}

body#menus h2#thaliheader a:link, body#menus h2#thaliheader a:visited {
	font-size: 16px;
	color: #94b35a;
}

h2 a:hover {
	color: #fff;
}

h3 {

	color: #d13429;
	font-size: 18px;
	font-weight: normal;
	margin: 25px 0 5px 0;
}

p {
	font-size: 12px;
	line-height: 19px;
	margin: 0 0 15px 0;
}

#side-column p {
	font-size: 11px;
	line-height: 18px;
}

li {
	font-size: 12px;
	line-height: 19px;
	margin: 5px 0 5px 0;
}

li span {
	margin: 0 0 0 15px;
}

dl {
	margin: 0 0 10px 0;
}

dt {
 	font-size: 12px;
 	line-height: 16px;
 	font-weight: bold;
 	margin: 0 0 2px 0;
 	color: #94b35a;
}

dd {
	font-size: 11px;
	line-height: 14px;
	margin: 0 0 15px 0;
}

li span, dt span {
	margin: 0 0 0 15px;
	color: #fff;
}


blockquote {
	font-family: Georgia, Times, serif;
	font-size: 14px;
	color: #fff;
	line-height: 22px;
	margin: 20px 0 0 0;
	padding: 0 0 0 6px;
	background: url(../image/quote.gif) no-repeat 0px 0px;
}
blockquote span {
	color: #535353;
}
p.quote {
	text-align: right;
	margin: 5px 0 20px 0;
}

/*----------------------------------*/
/* LINKAGE */
/*----------------------------------*/

a { text-decoration: none; }
a img { border: none; }

a:link { color: #94b35a; }
a:visited { color: #94b35a; }
a:hover { color: #ed145b; }


/*----------------------------------*/
/* LAYOUTS */
/*----------------------------------*/

body {
	background: #0f0101 url(../image/bg-main.jpg) no-repeat left top;
}

#container {
	width: 762px;
	height: 540px;
	position: absolute;
	top: 50px;
	left: 275px;
	background: #fff;
	z-index: 10;
}

#photo-frame {
	width: 742px;
	height: 520px;
	position: absolute;
	top: 10px;
	left: 10px;
	background: #fff;
	z-index: 20;
}

#content {
	width: 742px;
	height: 520px;
	position: absolute;
	top: 10px;
	left: 10px;
	background: url(../image/bg-overlay.png) repeat;
	z-index: 30;
}

body#about #main-column,
body#site-info #main-column,
body#privacy #main-column,
body#order #main-column,
body#page-not-found #main-column {
	position: absolute;
	top: 50px;
	left: 50px;
	width: 320px;
}


body#reviews #main-column {
	position: absolute;
	top: 50px;
	left: 50px;
	width: 640px;
}

body#about #side-column,
body#reviews #side-column {
	position: absolute;
	top: 50px;
	left: 480px;
	width: 210px;
}

body#menus #main-column,
body#info #main-column {
	position: absolute;
	top: 50px;
	left: 380px;
	width: 320px;
}

body#menus #side-column,
body#info #side-column {
	position: absolute;
	top: 50px;
	left: 50px;
	width: 210px;
}

#thali {
	position: absolute;
	top: 20px;
	left: 275px;
	width: 762px;
	text-align: right;
}

#logo {
	width: 181px;
	height: 140px;
	position: absolute;
	top: 100px;
	left: 50px;
}

/*----------------------------------*/
/* GALLERY */
/*----------------------------------*/
#thumb-1,
#thumb-2,
#thumb-3,
#thumb-4,
#thumb-5,
#thumb-6,
#thumb-7,
#thumb-8,
#thumb-9,
#thumb-10,
#thumb-11,
#thumb-12,
#thumb-13,
#thumb-14,
#thumb-15,
#thumb-16 {
	width: 160px;
	height: 104px;
	border: 3px solid #fff;
}


#thumb-1 { position: absolute; top: 16px; left: 16px; }
#thumb-2 { position: absolute; top: 16px; left: 198px; }
#thumb-3 { position: absolute; top: 16px; left: 379px; }
#thumb-4 { position: absolute; top: 16px; left: 560px; }

#thumb-5 { position: absolute; top: 142px; left: 16px; }
#thumb-6 { position: absolute; top: 142px; left: 198px; }
#thumb-7 { position: absolute; top: 142px; left: 379px; }
#thumb-8 { position: absolute; top: 142px; left: 560px; }

#thumb-9 { position: absolute; top: 268px; left: 16px; }
#thumb-10 { position: absolute; top: 268px; left: 198px; }
#thumb-11 { position: absolute; top: 268px; left: 379px; }
#thumb-12 { position: absolute; top: 268px; left: 560px; }

#thumb-13 { position: absolute; top: 395px; left: 16px; }
#thumb-14 { position: absolute; top: 395px; left: 198px; }
#thumb-15 { position: absolute; top: 395px; left: 379px; }
#thumb-16 { position: absolute; top: 395px; left: 560px; }


/*----------------------------------*/
/* NAVIGATION */
/*----------------------------------*/

#navigation {
	width: 181px;
	position: absolute;
	top: 325px;
	left: 50px;
	border-top: 1px solid #624747;
	text-align: center;
}

#navigation ul {
	list-style: none;
}

#navigation ul li {
	margin: 0;
	padding: 0;
	font-size: 10px;
	line-height: 14px;
	letter-spacing: 1px;
	color: #d5ac92;
	text-transform: uppercase;
	border-bottom: 1px solid #624747;
}

#navigation ul li a {
	display: block;
	margin: 0;
	padding: 10px 0;
	text-decoration: none;
}

#navigation ul li a:link {
	color: #d5ac92;
}

#navigation ul li a:visited {
	color: #d5ac92;
}

#navigation ul li a:hover,
#navigation ul li a.current {
	color: #fff;
	background: url(../image/nav-rollover.png) repeat-y center;
}

/*YOU ARE HERE

body#about #navigation ul li#nav-about a:link,
body#gallery #navigation ul li#nav-gallery a:link,
body#info #navigation ul li#nav-info a:link,
body#menus #navigation ul li#nav-menus a:link,
body#reviews #navigation ul li#nav-reviews a:link {
	color: #fff;
	background: url(../image/nav-rollover.png) repeat-y center;
}
*/

 
/*----------------------------------*/
/* FOOTER */
/*----------------------------------*/

#footer {
	position: absolute;
	top: 606px;
	width: 762px;
	left: 275px;
}

#footer p {
	font-size: 10px;
	text-align: right;
	letter-spacing: 1px;
	color: #571212;
	margin: 0 10px 0 0;
}

#footer p span {
	margin: 0 10px;
	color: #2e0909;
}

#footer p a:link, #footer p a:visited  {
	color: #571212;
	text-decoration: none;
}

#footer p a:hover  {
	color: #fff;
	text-decoration: none;
}

/*----------------------------------*/
/* SPECIAL TYPE */
/*----------------------------------*/

#thali h3 {
	font-size: 9px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin: 0 10px 0 0;
}

#thali h3 a:link,
#thali h3 a:visited {
	border: 1px solid #624747;
	padding: 4px 8px;
	color: #d5ac92;
	text-decoration: none;
}

#thali h3 a:hover {
	border: 1px solid #624747;
	background: url(../image/nav-rollover.png) repeat-y center;
	padding: 4px 8px;
	color: #fff;
	text-decoration: none;
}

.direction-text {
	width: 250px;
	padding: 4px;
	margin: 5px 0 8px 0;
	color: #666;
}



#menu-scroll h2 {
	margin-top: 0;
}

#menu-scroll ul {
	margin-bottom: 25px;
}