/* BEGIN css styles for ThailandWonders.com - VCG*/

html { height:100%; }
body {font-family: Arial, Helvetica, sans-serif; color: #666666;  font-size : 11px; 
margin-top: 10px;  margin-bottom: 0px; padding:0px;
background-color : #FFFFFF; 
 height:100%;  
 scrollbar-face-color:#eaeaea; scrollbar-track-color:#ffffff; scrollbar-arrow-color:#ffffff; 
 scrollbar-shadow-color:#eaeaea; scrollbar-dark-shadow-color:#666666; scrollbar-3dlight-color:#eaeaea; 
 scrollbar-highlight-color:#eaeaea;
  }

/* Begin GENERAL Styles  */

A, A:LINK, A:VISITED, A:ACTIVE, A:FOCUS {
	color: #660000; text-decoration : none;
}
	
A:HOVER {
	color: #333300; text-decoration : underline;
}

h2 {
	color:#923D0B;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
}
	
INPUT,TEXTAREA { font-family: Arial, Helvetica, sans-serif; font-size: 10px;}
	


#logobox {
	left:50%; margin-left:-490px;
    background-image : url(images/mainlogo.gif);
	height:267px; width:186px; max-height:267px; max-width:186px;
	top : 183px; 
	z-index : 1;
	background-repeat : no-repeat;
	position: absolute;
}

#navbox {
	height:267px;
	width:135px;
	max-height:267px;
	max-width:135px;
	top : 185px;
	left:50%; 
	margin-left:327px;
	z-index : 9;
	background-repeat : no-repeat;
	position: absolute;

}

#flashbox{
	background-image : url(images/flashback.gif);
	height:330px;
	width:634px;
	max-height:330px;
	max-width:634px;
	top : 147px;
	left:50%; 
	margin-left:-305px;
	z-index : 2;
	background-repeat : no-repeat;
		position: absolute;
}

#aboutbox{
	background-image : url(images/contentback.gif);
	height:500px;
	width:540px;
	max-height:500px;
	max-width:640px;
    top:50px;
	left:50%; 
	margin-left:-305px;
	z-index : 3;
	padding:10px;
	padding-right:100px;
	position: absolute;
	text-align : left;
	background-repeat : no-repeat;

}

#aboutflash{
	height:498px;
	width:120px;
	max-height:498px;
	max-width:120px;
	left:50%; 
    top:51px;
	margin-left:-285px;
	z-index : 6;
	position: absolute;
	background-repeat : no-repeat;

}

#productbox{
	background-image : url(images/contentback.gif);
	height:500px;
	width:540px;
	max-height:500px;
	max-width:640px;
    top:50px;
	left:50%; 
	margin-left:-305px;
	z-index : 3;
	padding:10px;
	padding-right:100px;
	position: absolute;
	text-align : left;
	background-repeat : no-repeat;

}

#contactbox{
	background-image : url(images/contentback.gif);
	height:460px;
	width:520px;
	max-height:460px;
	max-width:520px;
    top:50px;
	left:50%; 
	margin-left:-305px;
	z-index : 3;
	padding:20px;
	padding-right:100px;
	padding-top:20px;
	position: absolute;
	text-align : left;
	background-repeat : no-repeat;
	
}

#artistbox{
	background-image : url(images/contentback.gif);
	height:500px;
	width:540px;
	max-height:500px;
	max-width:540px;
    top:50px;
	left:50%; 
	margin-left:-305px;
	z-index : 3;
	padding:10px;
	padding-right:100px;
	position: absolute;
	text-align : left;
	background-repeat : no-repeat;

}
#contentblock{
	padding:15px;
}

#scrollblock{
	padding:15px;
	overflow: auto;
	height:400px;
	width:580px;
}

#scrollblock2{
	padding:2px;
	overflow: auto;
	height:420px;
	width:560px;
		left:50%; 
	position: absolute;
top:50px;
margin-left:-295px;
}

#jackets{
	background-image : url(images/contentback.gif);
	background-repeat : no-repeat;
	padding:15px;
	height:470px;
	width:605px;
	visibility : visible;
	z-index : 6;
	top:50px;
	left:50%; 
	margin-left:-305px;
position: absolute;
}

#vests{
	background-image : url(images/contentback.gif);
	background-repeat : no-repeat;
	padding:15px;
	height:470px;
	width:605px;
	visibility : hidden;
	z-index : 6;
	top:50px;
	left:50%; 
	margin-left:-305px;
position: absolute;
}

#buttons{
	background-image : url(images/contentback.gif);
	background-repeat : no-repeat;
	padding:15px;
	height:470px;
	width:605px;
	visibility : hidden;
	z-index : 6;
	top:50px;
	left:50%; 
	margin-left:-305px;
position: absolute;
}

#subnav{
	top:70px;
	position: absolute;
	z-index:6;
	left:50%; 
	margin-left:-280px;

}

#scrollblock_about{
	padding-right:15px;
	overflow: auto;
	height:440px;
	width:430px;
	top:20px;
	left:50%; 
	margin-left:155px;
	z-index : 4;
}

.MainText {
text-align : left; 	font-family: Arial, Helvetica, sans-serif; 	font-size: 11px;	font-style: normal; 	
	font-weight: normal;  font-variant: normal;	 color: #330000; 	line-height : 20px;
	vertical-align : top;
}

.caption{
text-align : left; 	font-family: Arial, Helvetica, sans-serif; 	font-size: 11px;	font-style: normal; 	
	font-weight: normal;  font-variant: normal;	 color: #330000; 	
	vertical-align : top;
}

.MainText_indent {
font-family: Arial, Helvetica, sans-serif; 	font-size: 11px;	font-style: normal; 	
	font-weight: normal;  font-variant: normal;	 color: #330000; 	line-height : 25px;
	vertical-align : top;
	text-indent : 10px;
}

.toplink {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #83a1c5; text-decoration : none; font-weight : bold;
}
 
.toplink:active, visited, link {
	font-family: Verdana,  Arial, Helvetica, sans-serif; font-size: 10px; color: #83a1c5; text-decoration : none; font-weight : bold;
	bottom : 2px;
}

.toplink:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333300; text-decoration : underline; font-weight : bold; 
}

.HeaderText{
	text-align : left; 	font-family: Arial, Helvetica, sans-serif; 	font-size: 11px;	font-style: normal; 	
	font-weight: bold;  font-variant: small-caps;	 color: #333333; 	
	vertical-align : top;
}

#locations {
	float:right; 
	position:relative; 
	background-color:#999; 
	border:2px solid #923D0B; 
	width:176px; 
	padding:10px; 
	height:196px; 
	text-align:center; 
	margin-right:-70px; 
	margin-top:20px;
}

