/* 
------------------
: Stylesheet CSS WebDesign 
: W3C CSS Document Validates as CSS level 2.1 ! 
------------------
Web SEA Thai Bistro
CSS all2html.com
Created: 9/09/2009 
------------------
*/
* {
	margin: 0;
	padding: 0;
}
html, body {
	height: 100%; /*needed for container min-height*/ 
	width: 100%;
}
body {
	background: url(../images/bg.png);
	font: .75em/1.2 Tahoma, Arial, sans-serif, "Lucida Grand", Verdana,  Georgia;
	padding: 0;
	margin: 0;
	/*color: #757575;*/
	color: #646464;
}
/* -------- Control All Page --------- */
a {
	color: #ef984d; /* a link color */
	text-decoration: none;
	outline: none;
}
a:hover {color: #8ca740 !important;}/* a link hover color */
img, fieldset {border: 0;}
.clear {clear: both}
.hide {display: none;visibility: hidden;}
address {font-style: normal;margin-bottom: 15px}
h1, h2, h3, h4, h5, h6 {font-size: 110%}
fieldset legend {display: none}
.setleft {float: left}
.setright {float: right}
img.setleft {margin: 0 10px 0 0}
img.setright {margin: 0 0 0 10px}
.textcenter {text-align: center}
p, ul, ol {margin-bottom: 18px}
ul {padding-left: 20px}
li {padding-bottom: 3px}
ol {list-style-position: inside}
.txtline {text-decoration: underline}
button {cursor: pointer;}
/* ------- End -------- */
/**********************************
	 control width page 
**********************************/
#frame {
	width: 928px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}
#top {
	height: 69px;
	position: relative;
	/*border-bottom: 1px solid #760000;*/
}
#top .topbg {
	background: url(../images/top_trans.png);
	width: 286px;
	height:  199px;
	position: absolute;
	left: -40px;
}
.topwood {
	background: url(../images/bg_top.png) no-repeat;
	width: 395px;
	height: 177px;
	position: absolute;
	top: 0;
	right: -25px;
}
#sea {
	position: absolute;
	z-index: 999;
	top: 15px;
	left: 8px;
}
#nav {
	background: url(../images/line2.png) no-repeat top left;
	padding: 2px 0 0 0;
	margin: 0 0 5px 0;
	width: 100%;
	overflow: hidden;
	position: relative;
	z-index: 5;
}
#nav * {
	display: block;
	float: left;
}
#nav li {
	padding: 0;
	margin-right: 24px;
	height: 25px;
}
* #nav li.m1 {display: inline}
#nav li.m1 {width: 34px;margin-left: 67px;}
#nav li.m2 {width: 55px}
#nav li.m3 {width: 90px}
#nav li.m4 {width: 60px}
#nav li.m5 {width: 41px}
#nav li.m6 {width: 80px}
#nav li.m7 {width: 65px}
#nav li.m2 a {margin-left: 0}
#nav li.m2 a {margin-left: -58px}
#nav li.m3 a {margin-left: -136px}
#nav li.m4 a {margin-left: -250px}
#nav li.m5 a {margin-left: -333px}
#nav li.m6 a {margin-left: -398px}
#nav li.m7 a {margin-left: -502px}

#nav li strong {
	position: relative;
	overflow: hidden;
	height: 23px;
	width: 100%;
}
#nav li a {
	background: url(../images/bg_menu.png) no-repeat;
	width: 567px;
	height: 30px;
	text-indent: -999em;
	cursor: pointer;
}
#nav li:hover strong, #nav li.on strong {
	border-bottom: 2px solid #28ace2;
}
.s-top, .s-bottom {
	height: 9px;
	position: relative;
	overflow: hidden;
}
.s-top {background: url(../images/shadow_top.png) no-repeat;}
.s-bottom {background: url(../images/shadow_bottom.png) no-repeat;}
.c-wrap {
	background: url(../images/shadow_center.png) repeat-y;
	padding: 0 9px;
	width: 910px;/* max 928-padding */
}
.content {
	position: relative;
	z-index: 4;
	margin-bottom: 3px;
	font-family: Verdana, Verdana, Geneva, sans-serif;
	font-size: 11px;
}
.headimg {
	position: relative;
}
.headimg p {
	margin: 0;
	height: 111px;
	position: relative;
	z-index: 1;
}
.headhome .mainimg {
	height: 313px;
}
.headimg h1 {
	background: #28ace2 url(../images/bg_all.png) no-repeat 175px -396px;
	position: absolute;
	width: 302px;
	top: 27px;
	right: -13px;
	z-index: 2;
	overflow: hidden;
	height: 55px;
	line-height: 19px;
}
.headimg h1 span {
	/*background: url(../images/bg_txthead.png) no-repeat;*/
	display: block;
	/*text-indent: -999em;*/
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 19px;
	font-weight: normal;
	color: #fff;
	padding: 7px 0 0 30px;
	word-spacing: -1px;
}
.headhome h1 {background-position: 300px -396px}
/*.headhome h1 span {background-position: 26px 8px}
.headabout h1 span {background-position: 26px -89px}*/


.homegraphic {
	background: url(../images/bg_graphic.jpg) no-repeat;
	padding: 10px 0;
	height: 95px;
	width: 100%;
	overflow: hidden;
	font-size: 90%;
	color: #a1a1a1;
}
.homegraphic h2 {
	display: none;
}

.homeemail {
	background: url(../images/bg_all.png) no-repeat 0 -8px;
	width: 180px;
	padding-top: 47px;
	margin-left: 38px;
	float: left;
	height: 90px;
	display: inline;
}
.homeemail input {
	padding: 2px 3px;
	border: 0;
	background-color: #fff;
	color: #9e9d9d;
	width: 130px;
	margin-bottom: 6px;
	font-size: 90%;
}
.homeemail button, .btnenter {
	background: url(../images/bg_all.png) no-repeat 0 -333px;
	width: 41px;
	height: 14px;
	border: 0;
	display: block;
}
.homeemail button span, .btnenter span {display:none}
.homenews {
	background: url(../images/bg_all.png) no-repeat 0 -117px;
	padding: 0 0 0 100px;
	margin: 0 0 0 32px;
	width: 240px;
	float: left;
	height: 90px;
	line-height: 13px;
	display: inline;
	font-family: Verdana, Verdana, Geneva, sans-serif;
	font-size: 10px;
}
.homenews dt {
	font-weight: bold;
	color: #28ace2;
}
.homenews dt a {
	color: #28ace2;
}
.homenews dt strong {
	color: #211813;
}
.homenews dd {
	padding: 0 0 4px 0;
	font-size: 9px;
}
.homewins {
	background: url(../images/bg_all.png) no-repeat 0 -223px;
	padding-left: 98px;
	width: 170px;
	float: left;
	margin-left: 22px;
	height: 90px;
	display: inline;
	font-size: 9px;
}
.homenews dd.viewall a {
	color: #999999;
	font-size: 10px;
}
.homenews dd.viewall {
	padding-bottom: 0 !important;
}

#footer {
	border-top: 1px solid #760000;
	position: relative;
	padding-top: 38px;
	height: 50px;
	font-size: 12px;
	color: #bab9b9;
	margin-top: 10px;
}
#footer p {
	margin: 0;
	text-indent: 300px;
	color: #960101;
	font-family: Verdana, Verdana, Geneva, sans-serif;
	font-size: 10px;
}
#footer address {
	margin: 0 0 5px 0;
	font-family: arial;
}
#footer address span {
	font-size: 11px;
}
#footer .call img {
	vertical-align: middle;
}
* html #footer .call img {
	margin-bottom: -3px;
}
#footer address strong {
	color: #28ace2;
}
#footer .call {
	color: #e0c48e;
	font-size: 15px;
	/*word-spacing: -1px;*/
}
#footer .call em {
	font-size: 11px;
	font-weight: normal;
}
.address1, .address2 {
	height: 57px;
	top: 15px;
}
.address1 {
	background: url(../images/c1.png) no-repeat;
	/*width: 278px;*/
	width: 230px;
	padding: 0 20px 0 28px;
	position: absolute;
	left: 0;
}
.address2 {
	background: url(../images/c2.png) no-repeat;
	/*width: 345px;*/
	width: 300px;
	padding: 0 20px 0 25px;
	position: absolute;
	right: 0;
}
.txtcontent {
	background: #f2f2f2 url(../images/bg_content.jpg) repeat-x bottom;	
	width: 100%;
	/*overflow: hidden;*/
	display: block;
	display: inline-block;
}

.txtabout {
	background: url(../images/imgcontent/bg1.jpg) no-repeat bottom right;
	width: 100%;
	overflow: hidden;
	padding: 39px 0 130px;
}
.txtabout .img {
	float: left;
	width: 238px;
	margin-left: 100px;	
	display: inline;
}
.txtabout .txtabout-wrap {
	margin: 0 130px 0 385px;
}
.txtabout  h2 {
	/*background: url(../images/bg_all.png) no-repeat 0 -528px;*/
	/*text-indent: -999em;*/
	position: relative;
	overflow: hidden;
	height: 97px;
	font-size: 22px;
	font-weight: normal;
	font-family: Georgia;
	letter-spacing: -1px;
}
.green {color: #598527}

.txtrestaurant {
	width: 100%;
	overflow: hidden;
	padding: 30px 0;
}
.txtrestaurant .left {
	width: 150px;
	float: left;
	margin-left: 35px;
	display: inline;
}
.txtrestaurant .left ul {
	padding: 0;
	margin: 0;
	margin-bottom: 160px;
	list-style: none;
}
.txtrestaurant .left li {
	width: 100%;
	overflow: hidden;
}
.txtrestaurant .left li a {
	display: block;
	color: #598527;
	padding: 1px 0 0 15px;
	font-size: 120%;
}
.txtrestaurant .left li a.on {
	background: url(../images/arrow.png) no-repeat 0 3px;
	color: #4a4a4a;
}
.txtrestaurant .left p {
	font-size: 20px;
	color: #00b5ff;
	font-family: Georgia;
}
.txtrestaurant .right {
	width: 669px;
	float: right;
	margin-right: 35px;
	display: inline;
}

.txtourmenu {	
	width: 100%;
	overflow: hidden;
	background: url(../images/imgcontent/bg2.jpg) no-repeat 0 400px;
	padding-bottom: 20px;
}
.txtwine {	
	background: url(../images/imgcontent/bg5.jpg) no-repeat 0 167px;
}
.txtourmenu .left {
	width: 194px;
	float: left;
	padding-bottom: 15px;
}
.txtourmenu .left ul {
	background: url(../images/bg_leftmenu.png) no-repeat left bottom;
	width: 113px;
	padding: 58px 0 20px;
	margin: 0 auto;
	list-style: none;
	margin-bottom: 15px;
}
.txtourmenu .left ul a {
	color: #4a4a4a;
	display: block;
	padding: 1px 3px 0 13px;
	font-size: 13px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
}
.txtourmenu .left li a.on {
	color: #eb6e02;
}
.txtourmenu .left li a.on4 {
	color: #6c0303;
}
.txtourmenu .left li {
	padding: 0;
	width: 100%;
}
.txtourmenu .right {
	width: 678px;
	float: left;
	padding-top: 30px;
}
.headline {
	background: url(../images/line2.gif) repeat-x bottom;
	font-size: 21px;
	padding: 3px 0;
	font-weight: normal;
	margin-bottom: 8px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	color: #333 !important;
}
.greentxt {
	background: url(../images/line3.gif) repeat-x bottom;
	color: #8ca740;
	padding-bottom: 10px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 12px;
}
.listmenu {
	padding: 0;
	margin: 0 0 15px 0;
	width: 100%;
	overflow: hidden;
	list-style: none;
	position: relative;
}
.listmenu li {
	display: inline;
	padding: 0;
	border-left: 1px solid #ef984d;
	position: relative;
	left: -6px;
}
.listmenu a {
	padding: 0 6px;
	font-size: 10px;
	color: #4a4a4a;
}
.headmenu {
	background: url(../images/line2.gif) repeat-x bottom;
	width: 100%;
	overflow: hidden;
	padding-bottom: 5px;
	margin-bottom: 7px;
}
.headmenu h3 {
	font-family: "Times New Roman", Times, serif;
	float: left;
	font-weight: normal;
	font-size: 18px;
	text-transform: uppercase;
	color: #333 !important;
}
.headmenu p {
	margin: 0;
	float: right;
	font-size: 9px;
	padding-top: 3px;
}
.headmenu p * {
	float: left;
}

.imgphoto {
	background: url(../images/bg_icon.png) no-repeat 0 0;
	display: block;
	width: 68px;
	height: 17px;
	line-height: 13px;
	text-indent: 25px;
}
.imgtop {
	background: url(../images/bg_icon.png) no-repeat 0 -35px;
	width: 30px;
	height: 17px;
	line-height: 13px;
	text-indent: 11px;
	font-size: 10px;
}
.download {
	background: url(../images/bg_download.png) no-repeat top left;
	width: 95px;
	margin: 0 auto;
	font-size: 9px;
	word-spacing: -2px;
}
.download-wrap {
	background: url(../images/bg_download.png) no-repeat bottom left;
	padding: 34px 0 15px 30px;
}
.download a {
	color: #8d8d8d;
	font-family: Arial;
	font-size: 11px;
}
.listdetail {
	padding: 0;
	margin: 0 0 20px 0;
	list-style: none;
	font-family: "Time new roman", Times, serif;
	font-size: 14px;
}
.listdetail li {
	width: 100%;
	overflow: hidden;
	padding-bottom: 14px;
}
.listdetail li .n {
	float: right;
	font-family: Verdana, Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
.listdetail li .h {
	color: #4a4a4a;
	font-size: 110%;
	display: block;
	margin-bottom: 3px;
}
.listdetail li .h a {
	font-family: Verdana, Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #4a4a4a;
}
.listdetail li em {
	color: #ed7811;
	float: left;
	font-family: "Time new roman", Times, serif;
	font-size: 14px;
}
.gray {
	display: block;
	color: #7e7878;
}
.alltable {
	width: 100%;
}
.alltable td, alltable th {
	padding: 2px 0;
}
.bgbottom {
	background: url(../images/bg_bottom.gif) no-repeat center;
	height: 40px;
}
.bottomload a {
	color: #8d8d8d;
}
.bottomload strong {
	color: #e38928;
	font-weight: normal;	
}
.txt2col {
	width: 100%;
	overflow: hidden;
}
.txt2col .left {
	width: 191px;
	float: left;
}
.txt2col .right {
	width: 678px;
	float: left;
	padding-top: 30px;
	padding-bottom: 20px;
}
.txtreview {
	background: url(../images/imgcontent/bg3.jpg) no-repeat left top;
}
.imgtxt {
	width: 100%;
	overflow: hidden;
	padding-bottom: 10px;
}
.imgtxt img {
	background: url(../images/bg_img.png) no-repeat;
	padding: 4px;
	float: left;
}
.imgtxt .txt {
	margin-left: 218px;
}
.imgtxt .txt h3 {
	font-family: Georgia;
	font-weight: normal;
	font-size: 160%;
}
.skyblue {
	color: #28ace2;
	word-spacing: -1px;
}
.imgtxt .txt .txtright {
	font-size: 90%;
	text-align: right;
	margin: 0;
	color: #9b9898;
}
.more {
	text-align: right;
	margin: 0;
}
.listreview {
	list-style: none;
	padding: 0;
	margin: 0;
}
.listreview h3 em {
	font-style: normal;
	color: #211813;
}
.listreview h3 a {
	color: #28ace2;
}
.listreview li .more a {
	color: #a1a1a1;
	text-decoration: underline;
}
.listreview h3 {
	margin-bottom: 5px;
}
.listreview li {
	width: 100%;
	overflow: hidden;
	padding-bottom: 17px;
}
.listreview .img {
	background: url(../images/bg_img2.png) no-repeat;
	float: left;
	padding: 4px;
}
.listreview .txt {
	margin-left: 114px;
}
.listreview p {
	margin-bottom: 7px;
	/*font-size: 90%;*/
}
.nextpage {
	text-align: center;
	margin: 0;
	font-size: 90%;
}
.nextpage a {
	color: #4a0000;
}

.nextpage .next {
	font-size: 130%;
}
.toppagebox {
	width: 100%;
	overflow: hidden;
	margin: 0;
}
.toppagebox a {
	float: right;
}
.txtnews {
	background: url(../images/imgcontent/bg4.jpg) no-repeat left top;
}
.txtnews .imgtxt .txt {
	color: #598527;
}
.txtnews  .listreview h3 a,.txtnews  .listreview h3 strong {
	 color: #b88b00;
}
.subscribe {
	text-align: center;
	/*padding-top: 368px;*/
	
	border: 1px solid #ddbe64;
	width: 123px;
	margin: 0 auto;
	padding: 3px 1px 3px 1px;
	margin-top: 368px;
	background-color: #fff;
}
.subscribe-wrap {
	border: 1px solid #ddbe64;
	padding: 7px;
}
.subscribe h3 {
	background: url(../images/bg_subscribe.png) no-repeat center bottom;
	font-size: 16px;
	font-weight: normal;
	color: #2caedf;
	font-family: Georgia;
	padding-bottom: 58px;
	margin-bottom: 5px;
}
.subscribe input {
	background: url(../images/bg_all.png) no-repeat 0px -711px;	
	width: 109px;
	height: 16px;
	font-size: 11px;
	color: #757575;
	border: 0;
	margin-bottom: 7px;
}
.subscribe button {margin: 0 auto}
.txtcontact {
	width: 100%;
	overflow: hidden;
	padding: 30px 0;
	/*font-size: 90%;*/
}
.txtcontact .left {
	width: 315px;
	float: left;
	margin-left: 100px;
	display: inline;
	font-family: Arial;
}
.txtcontact address img {
	/*margin-left: -45px;
	vertical-align: middle;*/
	position: absolute;
	right: 105%;
	top: -10px;
}
.txtcontact address {
	/*margin-bottom: 20px;*/
	line-height: 17px;
}
.txtcontact address strong {
	font-size: 110%;
	color: #28ace2;
	position: relative;
}
.txtcontact .open{
	margin-bottom: 20px;
	color: #8F8F8F;
}
.txtcontact span{
	float: left;
	display:block;
	width: 50px;
}
.txtcontact .right {
	background: url(../images/line4.gif) no-repeat 0 42px;
	width: 405px;
	float: left;
	padding: 40px 0 0 35px;
	display: inline;
}
.allform {
	list-style: none;
	padding: 0;
	margin: 0;
	position: relative;
}
.allform li {
	width: 100%;
	display: table;
	display: inline-block;
	padding-bottom: 8px;
}
.allform label {
	background: url(../images/point.gif) no-repeat 100% 5px;
	width: 78px;
	font-weight: bold;
	float: left;
	color: #8d1919;
}
.allform .txt {
	margin-left: 85px;
}
.allform li input, 
.allform li textarea {
	width: 308px;
	padding: 2px 3px;
	background-color: #fff;
	border: 1px solid #fff;
	border-bottom: 1px solid #e1e1e1;
}
.allform li input:focus, 
.allform li textarea:focus {
	background-color: #F8FFBF;
}
.allform li textarea {
	height: 260px;
}
.sendmail {
	background: url(../images/bg_all.png) no-repeat 0 -534px;
	border: 0;
	width: 97px;
	height: 29px;
}
.sendmail span {display: none}
.bottomform {
	margin: 0;
	padding-left: 83px;
}
* html .bottomform {padding-left: 85px;}
.winelist {
	padding: 0;
	list-style: none;
	margin-bottom: 20px;
	width: 100%;
	overflow: hidden;
}
.winelist li {
	position: relative;
	overflow: hidden;
	float: left;
	margin-bottom: 3px;
}
.winelist li a {
	text-transform: uppercase;
	color: #4a4a4a;
	font-size: 10px;
	display: block;
	width: 197px;
	height: 7px;
}
.winelist li a:hover {
	color: #28ace2 !important;
}
.winedetail {
	padding-bottom: 15px;
}
.winedetail table {
	width: 100%;
	margin-bottom: 10px;
}
.winedetail table strong {
	font-weight: normal;
	color: #6c0303;
}
.winedetail table td {
	padding: 2px 0;
}

.headpop {
	background: #28ace2 url(../images/bg_all.png) no-repeat 0 -622px;
	width: 364px;
	padding-left: 74px;
	height: 37px;
	font-size: 20px;
	font-weight: normal;
	color: #fff;
	line-height: 36px;
	position: relative;
	top: 10px;
	left: -7px;
}
.closepop {
	margin: 0;
	text-align: right;
	padding: 10px 20px 10px 0;
}
.closepop a {
	color: #28ace2;
}


.popupbox {
	background: url(../images/popbg.png) no-repeat;
	width: 550px;
	top: 15%;
	left: 50%;
	z-index: 999;
	padding-top: 65px;
}

.popupbox .c-wrap {
	width: 522px !important;
	padding: 0 4px;
}
.popupbox .content {
	width: 530px;
	margin: 0 auto;
}
.popupbox .s-top {background: url(../images/shadow_top2.png) no-repeat;}
.popupbox .s-bottom {background: url(../images/shadow_bottom2.png) no-repeat;}
.popupbox .poptxt {
	width: 405px;
	margin: 0 auto;
	overflow: hidden;
	padding: 35px 0;
}
.popupbox .c-wrap {
	background: url(../images/shadow_center2.png) repeat-y;
	padding: 0 4px;
	width: 530px; 
}

.popfooter {
	width: 98%;
	padding: 0 1%;
	font-size: 90%;
	overflow: hidden;
	padding-bottom: 5px;
}
.popfooter .copyright {
	color: #960101;
	font-size: 90%;
	border-bottom: 1px solid #760000;
	padding: 2px 0 4px;
	margin-bottom: 4px;
}
.popfooter .setleft, 
.popfooter .setright {
	margin: 0;
	color: #28ace2;
	font-size: 10px;
	word-spacing: -1px;
}
.popfooter p strong {
	color: #e0c48e;
	font-size: 110%;
}
.popfooter p strong img {
	vertical-align: middle;
}
div.pagination {
	padding: 3px;
	margin: 3px;
	text-align:center;
}
div.pagination a {
	margin-right:3px;
	padding:2px 6px;
	background-position:bottom;
	text-decoration: none;
	color: #99210B;
	font-size: 90%;
}
div.pagination a:hover, div.pagination a:active {
	color: #8CA740;
}
div.pagination span.current {
	margin-right:3px;
	padding:2px 6px;
	font-weight: bold;
	color: #8CA740;
}
div.pagination span.disabled {
	margin-right:3px;
	padding:2px 6px;
	color: #adaaad;
}
/*---- Err Msg ----*/
.err-msg {
	position: absolute;
	width: 424px;
	z-index: 1999;
	/*left: 50%;*/
	margin-left: -212px;
	/*top: 140px;*/
	background-color: #3d3937;
}
.err-msg span {
	display: block;
	padding: 30px 15px 30px 55px;
	font-weight: bold;
}
.cas-err span {
	background: url(../images/msg_err.gif) no-repeat 15px 25px;
	border: 1px solid #9d1e1e;
	color: #9d1e1e;
}
.cas-finlish span {
	background: url(../images/msg_finlish.gif) no-repeat 15px 25px;
	border: 1px solid #45984f;
	color: #45984f;
}
.cas-saving span {
	background: url(../images/ajax-loader.gif) no-repeat 15px 25px;
	border: 1px solid #d4bb16;
	color: #d4bb16;
}
/*---- End Err Msg ----*/
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ui-widget-overlay { background: #000; opacity: .50;filter:Alpha(Opacity=50); }
.ui-dialog { position: relative; width: 300px; }
.resultgreen{
	background-color:#E7FFDF;color:#308F11; text-align: center;padding: 10px;border-bottom: 1px solid #308F11;
}
.resultred{
	background-color:#FFE1DF;color:#FF2F1F; text-align: center;padding: 10px;border-bottom: 1px solid #FF2F1F;
}
.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */
.caption{font-style:italic;color:#887;}
.demo{position:relative;margin-top:2em;}
.gallery_demo{width:702px;margin:0 auto;}
.gallery_demo li{width:68px;height:50px;border:3px double #111;margin: 0 2px;background:#000;padding: 5px;margin: 5px;}
.gallery_demo li div{left:240px}
.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}

#main_image{margin:0 auto 70px auto;height:300px;width:700px;}
.nav{padding-top:15px;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}

.info{text-align:left;width:700px;margin:30px auto;border-top:1px dotted #221;padding-top:30px;}
.info p{margin-top:1.6em;}
#slideshow {position:relative;}
#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}
#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}
#slideshow IMG.last-active {
    z-index:9;
}