/* 
client:		suwana's thai orchid
author:		jarret porter
website:	http://www.jarretporter.com
*/

html, body{
	margin: 0px;
	height: 100%;
	}
body{
	/*background: #000000 url('imgs/bg-tile.jpg') repeat-x 0px 0px;*/
	background: #E6DBCD url('imgs/bg-tile2.jpg') repeat-x 0px 0px;
	color: #27160C;
	font-family: georgia;
	font-size: 1em;
	text-align: center;
	}
img{
	border: 0px;
	}
#container{	
	position: relative;
	width: 800px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -150px; /* the bottom margin is the negative value of the footer's height */
	padding: 0px;
	}
#header{
	position: relative;
	margin: auto;
	width: 800px;
	height: 145px;
	background: url('imgs/orchid.png') no-repeat top center;
	text-indent: -9999px;
	}
#nav-glow{
	margin: auto;
	padding: 0px;
	width: 800px;
	height: 100px;
	background: url('imgs/glow2.png') no-repeat center 5px;
	text-align: center;
	}
#nav{
	margin: 0px auto;
	padding: 0px;
	width: 100%;
	height: 55px;
	text-align: center;
	}
#nav ul{
	margin: 0px auto;
	padding: 0px;	
	width: 600px;
	height: 55px;
	list-style-type: none;
	}
#nav ul li{
	margin: 0px;
	padding: 0px;
	float: left;
	}
#nav ul li a{
	padding: 0px;
	width: 150px;
	height: 50px;
	float: left;
	text-indent: -9999px;
	}

#nav ul li a.home{
	background: url('imgs/menu2.png') no-repeat 0px 0px;
	}
	div#nav ul li a.home:hover{
	background: url('imgs/menu2.png') no-repeat 0px -55px;
	}

#nav ul li a.about{
	background: url('imgs/menu2.png') no-repeat -150px 0px;
	}
	div#nav ul li a.about:hover{
	background: url('imgs/menu2.png') no-repeat -150px -55px;
	}

#nav ul li a.menu{
	background: url('imgs/menu2.png') no-repeat -300px 0px;
	}
	div#nav ul li a.menu:hover{
	background: url('imgs/menu2.png') no-repeat -300px -55px;
	}

#nav ul li a.contact{
	background: url('imgs/menu2.png') no-repeat -450px 0px;
	}
	div#nav ul li a.contact:hover{
	background: url('imgs/menu2.png') no-repeat -450px -55px;
	}

#content{
	margin: auto;
	padding: 0px;
	width: 500px;
	font-family: georgia;
	font-size: 1em;
	color: #000;
	text-align: left;
	line-height: 1.5em;
	/*overflow: hidden;*/
	}

#push{
	height: 150px;
	}
#footer{
	position: relative;
	margin: 0px auto;
	padding: 0px;
	width: 100%;
	height: 150px;
	color: #cdbc8d;
	background: #fff url('imgs/foot-tile.jpg') repeat-x 0px 0px;
	font-family: verdana;
	font-size: .78em;
	text-align: center;
	}
	#footer a, #footer a:active, #footer a:visited{
	color: #97DD10;
	text-decoration: none;
	}
	#footer a:hover{
	color: #BFFF43;
	text-decoration: none;
	text-shadow: 2px 2px 2px #000;
	}
	#footer a.mobile{
	background: url('imgs/phone.gif') no-repeat 0px 0px;
	padding-left: 10px;
	}
	#footer a.mobile:hover{
	background: url('imgs/phone.gif') no-repeat 0px -14px;
	padding-left: 10px;
	}
#footer > p:first-child{
	padding-top: 20px;
	}
#footer span{
	font-family: verdana;
	font-size: .72em;
	color: #cdbc8d;
	}
	
.form, .formb{
	padding: 5px;
	background: transparent;
	color: #000;
	font-family: georgia;
	font-size: 1em;
	border: solid 1px #555;
	-moz-border-radius: .2em;
	-webkit-border-radius: .2em;
	}
.form:focus{
	border: solid 1px #9a9a9a;
	}
.formb{
	color: #000;
	background: #fff url('imgs/formbutton.jpg') repeat-x 0px 0px;
	}
a, a:active, a:visited{
	color: #A70A6A;
	text-decoration: none;
	}
a:hover{
	color: #C71A84;
	text-decoration: underline;
	}

/* MENU SETTINGS */

ul#menu, ul#menu ul {
	list-style-type:none;
	margin: 0px;
	padding: 0px;
	width: 100%;
	}

ul#menu a {
	display: block;
	text-decoration: none;	
	}

ul#menu li {
	margin: 0px;	
	}

ul#menu li a {
	background: transparent;
	color: #33410E;	
	padding: 2px;
	font-size: 1.3em;
	}

ul#menu li a:hover {
	color: #212C04;
	text-indent: .1em;
	}

ul#menu li ul{
	margin: 0px;
	}
ul#menu li ul li{
	margin: 0px;
	margin-left: 1em;
	}

ul#menu li ul li a, ul#menu li ul li a:active, ul#menu li ul li a:visited {
	background: transparent;
	/*color: #c1ee35;*/
	padding: 0px;
	font-size: .78em;
	}

ul#menu li ul li a:hover {
	background: transparent;
	/*color: #E2FF88;*/
	text-indent: 0em;
	}

.item_title{
	color: #420E45;
	font-weight: bold;
	}
.item_description{
	font-family: verdana, arial;
	font-size: .78em;
	font-style: italic;
	}
.category_detail{
	color: #000;
	margin-left: -1em;
	text-shadow: 1px 1px 0px #fff;
	}

/* SLIDESHOW SETTINGS */

#wrap-slideshow{ 
	width: 250px;
	height: 139px;
	overflow: hidden;
	}
#slideshow {
	position: relative;
	/*margin: auto;*/
	width: 250;
    height: 139px;
	overflow: hidden;
}

#slideshow IMG {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 8;
    opacity: 0.0;
}

#slideshow IMG.active {
    z-index: 10;
    opacity: 1.0;
}

#slideshow IMG.last-active {
    z-index: 9;
}