/* -- default style sheet*/
html, body
{
	margin:				0;
	padding:			0;

}
body
{
	font-weight:		400;
	font-size:			12px;
	font-family:		arial, helvetica, arial, sans-serif;
	font-variant:		normal;
	font-style:			normal;
	text-align:			left;
	margin-bottom:		0px;
	min-width:			740px;
}
h1
{
	font-weight:		600;
	font-size:			18px;
	border-bottom:		2px dotted #2b2b2b;
	font-variant:		normal;
	text-align:			left;
	color:				#2b2b2b;
	background-color:	transparent;
	margin:				5px 0px 10px 0px;
	padding-bottom:		2px;
}
h2
{
	font-size:			14px;
	font-weight:		600;
	font-variant:		normal;
	font-style:			normal;
	text-align:			left;
	color: 				#2b2b2b;
	background-color:	transparent;
	margin:				8px 0px;
}
h3
{
	display:			inline block;
	font-size:			12px;
	font-weight:		600;
	font-variant:		normal;
	font-style:			normal;
	text-align:			left;
	color: 				#2b2b2b;
	background-color:	transparent;
	margin:				0px;
	margin-top:			10px;
	border-bottom:		2px dotted #2b2b2b;
}

h4
{
	display:			inline;
	font-size:			12px;
	font-weight:		600;
	font-variant:		normal;
	font-style:			normal;
	text-align:			left;
	color: 				#2b2b2b;
	background-color:	transparent;
}
img
{
	border:				0;
}
ul
{
	margin:				0;
	padding:			0;
	height:				20px;
	list-style:			none;
	width:				140px;

}
ul li
{
	position:			relative;
	z-index:			4;
	height:				20px;
	margin:				0;
	padding:			0;
}
li ul
{
	position:			absolute;
	top:				0px;
	left:				140px;
	margin:				0;
	padding:			0;
	display:			none;
	z-index:			4;
}
/* -- Positioning  elements */
#pg_wrap
{
	padding-left:		140px;
	overflow:			hidden;
	clear:				right;
}
#main-body
{
	background-image:	url('/graphics/seamless-bg.jpg');
	background-repeat:	repeat-y;
	padding-bottom:		3072px;
	margin-bottom:		-3072px;
}
#menu-col
{
	float:				left;
	width:				140px;
	margin-left:		-140px;
	z-index:			4;
	background-image:	url('/graphics/lanna_border-left.gif');
	background-repeat:	repeat-y;
	padding-top:		0px;
	margin-top:			0px;
	padding-bottom:		3072px;
	margin-bottom:		-3072px;
}
@media all and (min-width: 0px) {
#main-body, *#menu-col
	{
	padding-bottom:		0;
	margin-bottom:		0;
	}
#main-body:after, #menu-col:after
	{
	content:			'.';
	display:			block;
	background:			inherit;
	padding-top:		32767px;
	margin-bottom:		-32767px;
	height:				0;
	}
}
/*
end positions
Begin special formats
*/
#heading
{
	height:				90px;
	white-space:		nowrap;
	color:				#2b2b2b;
	background-image:	url('/graphics/lanna-header.jpg');
	background-repeat:	no-repeat;

}
#footer
{
	padding:			10px 30px;
	clear:				both;
	font-size:			8pt;
	z-index: 			15;
	background-image:	url('/graphics/lanna_footer.gif');
	background-repeat:	repeat-y;
}
#sitemap_text
{
	height:				13px;
}
.sitemap_img
{
	margin-bottom:		-3px;
}
#info-bar
{
	padding:			3px 10px 0 0;
	height:				23px;
	vertical-align:		middle;
	color:				#2b2b2b;
	z-index:			4;
	background-image:	url('/graphics/lanna-info-bar.jpg');
	background-repeat:	no-repeat;
	padding-left:		170px;
	white-space:		nowrap;
}
#date_time
{
	display:			block;
	padding:			0 32px;
	height:				20px;
	float:				right;
	margin:				4px 0;

}
.favPage
{
	padding:			.5em 0;
}
.body-text
{
	padding:			18px 32px 10px 30px;
	color:				#2b2b2b;
	min-height:			400px;
	text-align:			justify;
	z-index:			2;
}
#search
{
	height:				20px;
	margin:				0;
	padding:			0 20px 0 10px;
	display:			inline;
	float:				right;
	white-space:		nowrap;
}
#search-box
{
	font-size:			10px;
}
#search input
{
	font-size:			10px;
}
#fav_links
{
	height:				16px;
}
#favorites
{
	display:			inline;
	float:				right;
	width:				90px;
	font-size:			10px;
	line-height:		10px;
	height:				13px;
	text-align:			center;
	background-color:	#ffffff;
	color:				#3e3d3d;
	border:				1px solid #2b2b2b;
	margin:				0;
	padding:			3px 0 0 0;
}
#add_fav
{
	display:			inline;
	float:				right;
	width:				58px;
	font-size:			10px;
	line-height:		10px;
	height:				13px;
	text-align:			center;
	background-color:	#b1b1b1;
	color:				#ffffff;
	border:				1px solid #2b2b2b;
	border-left:		0;
	margin:				0;
	padding:			3px 0 0 0;
}
fieldset
{
	border:				0;
	margin:				0;
	padding:			0;
}
#nav
{
	clear:				left;
	display:			block;
	vertical-align:		middle;
	padding:			10px 20px 10px 30px;
	height:				24px;
	margin-bottom:		0px;
}
#crumbs
{
	display:			inline;
	color:				#0000ff;
	font-size:			12px;
	height:				26px;
	margin:				0;
	padding:			6px 0px;
	line-height:		2.2em;
	white-space:		nowrap;
}
#curr_file
{
	font-size:			12px;
}
.link-img
{
	margin-bottom:		0px;
}
.fea_text
{
	line-height:		12px;
}
#contactForm
{
	background-color:	#ffffff;
	padding:			10px 10px;
	line-height:		12px;
	margin:				20px;
}
.thumbNail
{
	background-color:	#ffffff;
	width:				150px;
	height:				160px;
	border:				0;
	float:				left;
	padding-top:		.3em;
	padding-right:		1.2em;
	padding-bottom:		1em;
	font-size:			10px;
	text-align:			left;
}
.top_img_left
{
	background-color:	#ffffff;
	border:				0;
	float:				left;
	padding-top:		.3em;
	padding-right:		1.2em;
	padding-bottom:		1em;
	font-size:			10px;
	text-align:			left;
}
.top_img_right
{
	background-color:	#ffffff;
	border:				0;
	float:				right;
	padding-top:		.3em;
	margin-top:			-7px;
	padding-left:		1.2em;
	padding:			1em;
	font-size:			10px;
	text-align:			left;
}
.img_left
{
	background-color:	#ffffff;
	border:				0;
	float:				left;
	padding-top:		1em;
	padding-right:		1.2em;
	padding-bottom:		1em;
	font-size:			10px;
	text-align:			left;
}
.img_right
{
	background-color:	#ffffff;
	border:				0;
	float:				right;
	padding-top:		1em;
	padding-left:		1.2em;
	padding:			1em;
	font-size:			10px;
	text-align:			left;
}
.img_right img
{
	border:				1px solid #2b2b2b;
}
.top_img_right img
{
	border:				1px solid #2b2b2b;
}
.img_left img
{
	border:				1px solid #2b2b2b;
}
.top_img_left img
{
	border:				1px solid #2b2b2b;
}	
.borderImg
{
	border:				1px solid #2b2b2b;
}
/*
-- links
*/
a:link
{
	color:				#2b2b2b;
	text-decoration:	none;
	white-space:		normal;
}
a:visited
{
	color:				#2b2b2b;
	text-decoration:	none;
}
a:active
{
	color:				#2b2b2b;
	text-decoration:	none;
}
a:hover
{
	color:				#2b2b2b;
	text-decoration:	underline;
}
a#fav_light
{
	color:				#ffffff;
}
a#fav_dark
{
	color:				#2b2b2b;
}
.fav_links
{
	padding:			0px;
	margin:				0px;
}
a.crumb:link
{
	color:				#0000ff;
	text-decoration:	underline;
	font-size:			12px;
	height:				14px;
	padding:			0;
}
a.crumb:visited
{
	color:				#0000ff;
	font-size:			12px;
	height:				14px;
	padding:			0;
	text-decoration:	underline;
}
a.crumb:active
{
	color:				#0000ff;
	height:				14px;
	padding:			0;
	text-decoration:	underline;
}
a.crumb:hover
{
	color:				#0000ff;
	font-size:			12px;
	height:				14px;
	padding:			0;
	text-decoration:	underline;
}
a.bread_crumb:link
{
	color:				#0000ff;
	text-decoration:	underline;
	font-size:			12px;
	height:				14px;
	padding:			6px 0;
}
a.bread_crumb:visited
{
	color:				#0000ff;
	font-size:			12px;
	height:				14px;
	padding:			6px 0;
	text-decoration:	underline;
}
a.bread_crumb:active
{
	color:				#0000ff;
	font-size:			12px;
	height:				14px;
	padding:			6px 0;
	text-decoration:	underline;
}
a.bread_crumb:hover
{
	color:				#0000ff;
	font-size:			12px;
	height:				14px;
	padding:			6px 0;
	text-decoration:	underline;
}
a.inline:link
{
	color:				#0000ff;
	text-decoration:	underline;
}
a.inline:visited
{
	color:				#800080;
	text-decoration:	underline;
}
a.inline:active
{
	color:				#0000ff;
	text-decoration:	underline;
}
a.inline:hover
{
	text-decoration:	underline;
}
a.rem_fav:link
{
	font-size:			10px;
	color:				#c41342;
}
a.rem_fav:visited
{
	font-size:			10px;
	color:				#c41342;
}
a.rem_fav:active
{
	font-size:			10px;
	color:				#c41342;
}
a.rem_fav:hover
{
	font-size:			10px;
	color:				#c41342;
}
a.menu_bar:link
{
	color:				#0000ff;
}
a.menu_bar:visited
{
	color:				#800080;
	text-decoration:	none;
}
a.menu_bar:active
{
	color:				#0000ff;
	text-decoration:	none;
}
a.menu_bar:hover
{
	text-decoration:	none;
}
a.feature:link
{
	display:			inline;
	background-color:	#ffffff;
	color:				#2b2b2b;
	font-size:			10px;
	height:				23px;
	margin-bottom:		4px;
	padding:			7px 0;
	text-decoration:	none;
	white-space:		normal;
}
a.feature:visited
{
	color:				#2b2b2b;
	text-decoration:	none;
}
a.feature:active
{
	color:				#2b2b2b;
	text-decoration:	none;
}
a.feature:hover
{
	color:				#2b2b2b;
	text-decoration:	none;
}
/*end of links*/
#preload-list
{
	background-image:	url('/graphics/graphic_design_thailand.gif');
	background-repeat:	no-repeat;
}
#preload-file
{
	background-image:	url('/graphics/design_phuket.gif');
	background-repeat:	no-repeat;
}
a.menu-list
{
	display:			block;
	text-decoration:	none;
	color:				#2b2b2b;
	line-height:		20px;
	padding-bottom:		0px;
	padding-left:		1em;
	background-image:	url('/graphics/website_design.gif');
	background-repeat:	no-repeat;
}
a.menu-list:hover
{
	text-decoration:	none;
	color:				#2b2b2b;
	line-height:		20px;
	padding-bottom:		0px;
	padding-left:		1em;
	background-image:	url('/graphics/graphic_design_thailand.gif');
	background-repeat:	no-repeat;
}
a.menu-file
{
	display:			block;
	text-decoration:	none;
	color:				#2b2b2b;
	line-height:		20px;
	padding-bottom:		0px;
	padding-left:		1em;
	background-image:	url('/graphics/web_design.gif');
	background-repeat:	no-repeat;
}
a.menu-file:hover
{
	text-decoration:	none;
	background-image:	url('/graphics/design_phuket.gif');
	background-repeat:	no-repeat;
}
a.menu-contact
{
	display:			block;
	text-decoration:	none;
	color:				#2b2b2b;
	line-height:		20px;
	padding-bottom:		0px;
	padding-left:		1em;
	text-decoration:	none;
	background-image:	url('/graphics/phuket_design_contact.gif');
	background-repeat:	no-repeat;
}
a.resourceLink:link
{
	font-size:			12px;
	display:			block;
	font-weight:		600;
	color: 				#2b2b2b;
	background-color:	transparent;
	text-decoration:	none;
}
a.resourceLink:active
{
	font-size:			12px;
	display:			block;
	font-weight:		600;
	color: 				#2b2b2b;
	background-color:	transparent;
	text-decoration:	none;
}
a.resourceLink:visited
{
	font-size:			12px;
	display:			block;
	font-weight:		600;
	color: 				#2b2b2b;
	background-color:	transparent;
	text-decoration:	none;
}
a.resourceLink:hover
{
	font-size:			12px;
	display:			block;
	font-weight:		600;
	color: 				#2b2b2b;
	background-color:	transparent;
	text-decoration:	none;
}
li.list_1:hover ul.menu_1
{
	display:			block;
}
li.list_2:hover ul.menu_2
{
	display:			block;
}
li.list_3:hover ul.menu_3
{
	display:			block;
}
li.list_4:hover ul.menu_4
{
	display:			block;
}

/*
-- Lytebox
*/
#lbOverlay
{
	position:			fixed; 
	top:				0; 
	left:				0; 
	z-index:			99998; 
	width:				100%; 
	height:				500px; 
	background-color:	#000000;
}
#lbMain
{
	position:			absolute;
 	left:				0;
	width:				100%;
	z-index:			99999;
	text-align:			center;
 	line-height:		0;
}
#lbMain a img
{
	border:				none;
}

#lbOuterContainer
{
	position:			relative;
	background-color:	#fff;
	width:				200px;
	height:				200px;
	margin:				0 auto;
	border:				3px solid #ffcc33;
}
#lbDetailsContainer
{
	font:				10px Verdana, Helvetica, sans-serif;
	background-color:	#fff;
	width:				100%;
	line-height:		1.4em;
	overflow:			auto;
 	margin:				0 auto; 
	border:				3px solid #ffcc33;
	border-top: none;
}
#lbImageContainer, #lbIframeContainer
{
	padding:			10px;
}
#lbLoading
{
	position:			absolute;
	top:				45%;
	left:				0%;
	height:				32px;
	width:				100%;
	text-align:			center;
	line-height:		0;
	background:			url('/graphics/loading.gif') center no-repeat;
}

#lbHoverNav
{
	position:			absolute;
	top:				0; 
	left:				0;
	height:				100%;
	width:				100%;
 	z-index:			10;
}
#lbImageContainer>#lbHoverNav
{
	left:				0;
}
#lbHoverNav a
{
	outline:			none;
}
#lbPrev
{
	width:				49%;
	height:				100%;
 	background:			transparent url('/graphics/blank.gif') no-repeat; 
	display:			block;
	left:				0;
	float:				left;
}
#lbPrev.grey:hover, #lbPrev.grey:visited:hover 
{
	background:			url('/graphics/prev_grey.gif') left 15% no-repeat; 
}
#lbNext
{
	width:				49%;
	height:				100%;
	background:			transparent url('/graphics/blank.gif') no-repeat;
	display:			block;
	right:				0;
 	float:				right; 
}
#lbNext.grey:hover, #lbNext.grey:visited:hover
{
	background:			url('/graphics/next_grey.gif') right 15% no-repeat; 
}
#lbPrev2, #lbNext2 
{
	text-decoration:	none;
	font-weight:		bold; 
}
#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey
{
	color:				#333333;
}
#lbPrev2_Off, #lbNext2_Off 
{
	font-weight:		bold;
	color:				#CCCCCC;
}
#lbDetailsData
{
	padding:			0 10px;
	color:				#333333;
}
#lbDetails
{
	width:				60%;
	float:				left;
	text-align:			left; 
}
#lbCaption
{
	display:			block;
	font-weight:		bold;
}
#lbNumberDisplay
{
	float:				left;
	display:			block;
	padding-bottom:		1.0em;
}
#lbNavDisplay
{
	float:				left;
	display:			block;
 	padding-bottom:		1.0em;
}
#lbClose{
	width:				64px;
	height:				28px;
	float:				right;
	margin-bottom:		1px; 
	background:			url('/graphics/close_grey.png') no-repeat; 
}
#lbPlay
{
	width:				64px;
	height:				28px;
	float:				right;
	margin-bottom:		1px; 
	background:			url('/graphics/play_grey.png') no-repeat; 
}
#lbPause
{
	width:				64px;
	height:				28px;
	float:				right;
 	margin-bottom:		1px;
	background:			url('/graphics/pause_grey.png') no-repeat; 
}
/* -- end of file -- */