/*  
Theme Name: GPI ASIA
Theme URI: http://www.gpiasia.net/
Description: design by mhee - [mhee.co.th]
Version: 1.0
Author: Viriya Reungwai
Author URI: http://www.mhee.co.th
Created: 21:21 15/7/2551 (press F5 in notepad to enter the date, yay!)
*/

body
{
	background-image: url('images/gpi_bg.jpg');
	background-repeat:no-repeat;
	background-position: top center;
	background-color:#ffffff;
	font-size:13px;
	font-family:arial;
}
.floatleft
{
	float:left;
}
.floatright
{
	float:right;
}
.clearboth
{
	clear:both;
	margin:0;
	padding:0;
}
.alignright
{
	float:right;
}
.alignleft
{
	float:left;
}
.wp-caption
{
	padding:0px 0px 0px 0px;
	/*border:solid 1px #EEEEEE;
	background-color:#F8F8F8;*/
	text-align:center;
	/*margin:5px 5px 0px 5px;*/
}
.wp-caption-text
{
	font-size:0.85em;
	color:#888888;
	float:right;
	margin-top:-10px;
	margin-right:10px;
}
img
{
	border:0px;
	behavior: url("http://www.gpiasia.net/pngbehavior.htc");
	/*behavior: url("http://localhost/wordpress/pngbehavior.htc"); */
}
.box
{
	width:300px;
	padding-bottom:50px;
}
img.post-image
{
	padding:19px 0px 0px 11px;
}
img.imgborder
{
	border:1px soild #9A9A9A;
}
form
{
	margin:0;
	padding:0;
}
strong,h1,h2,h3,h4,h5,h6,h7
{
	color:#000000;
}

#menubarwrap
{
	background-image: url('images/gpi_menubar.png');
	background-repeat:repeat-x;
	background-position: top left;
	height:20px;
	text-align: center;
}
	#menubar
	{
		margin: auto; 
		width:960px;
	}
		#navigation
		{
			margin:0px 70px 0px 0px;
			padding:0px 0px 5px 0px;
			clear:both;
			font-size:12px;
			float:right;
		}
			#navigation, #navigation ul
			{
				list-style: none;
				margin-left: 5px; /*Left offset of entire tab menu relative to page*/
				padding:0;
			}
			#navigation li.headlink
			{
				 float: left; margin-left: -1px; 
				 padding-bottom:10px;
			}
			#navigation li.headlink a.hreflink
			{
				margin:0;
				margin-right: 0px; /*spacing between each tab*/
				padding:0px 0px 4px 10px;
				text-decoration:none;
				color:#000000;
				font-weight:bold;
			}
			#navigation li.headlink a.hreflink span
			{
				margin:0;
				padding: 0px 10px 5px 0px;
			}
			/* Commented Backslash Hack hides rule from IE5-Mac \*/
			#navigation li.headlink a.hreflink span {float:none;}
			/* End IE5-Mac hack */
			#navigation li.headlink a.hreflink:hover
			{
				background:url('images/gpi_current_menu1.gif') no-repeat left top;
			}
			#navigation li.headlink a.hreflink:hover span 
			{
				background:url('images/gpi_current_menu2.gif') no-repeat right top;
			}
			#navigation #current a.hreflink{ /*Selected Tab style*/
				background:url('images/gpi_current_menu1.gif') no-repeat left top;
			
			}
			#navigation #current a.hreflink span{ /*Selected Tab style*/
				background:url('images/gpi_current_menu2.gif') no-repeat right top;
			}
			#navigation li.headlink ul.childlist 
			{ 
				display: none; 
				text-align: left; 
				float:left;
				position:absolute;
				margin-top:5px;
				padding:5px 8px 7px 0px;
				background-color: #ebf4f8;
				border-left:solid 1px #a8c7ec;
				border-right:solid 1px #a8c7ec;
				border-bottom:solid 1px #a8c7ec;
			}
			#navigation li.headlink:hover ul.childlist { display: block; margin-left:1px;}
			#navigation li.headlink ul.childlist li { padding-top:5px;padding-left:15px;width:135px;}
			#navigation li.headlink ul.childlist li a { padding-top: 5px;padding-bottom: 5px;color:#044074;text-decoration:none;}
			#navigation li.headlink ul.childlist li a:hover { text-decoration:underline;}
			
			/*######Hack using Service menu when hover submenu ########*/
			#navigation li.headlink a.hreflink2
			{
				margin:0;
				margin-right: 0px; /*spacing between each tab*/
				padding:0px 0px 4px 10px;
				text-decoration:none;
				color:#000000;
				font-weight:bold;
			}
			#navigation li.headlink a.hreflink2 span
			{
				margin:0;
				padding: 0px 10px 5px 0px;
			}
			/* Commented Backslash Hack hides rule from IE5-Mac \*/
			#navigation li.headlink a.hreflink2 span {float:none;}
			#navigation li.headlink a.hreflink2
			{
				background:url('images/gpi_current_menu1.gif') no-repeat left top;
			}
			#navigation li.headlink a.hreflink2 span 
			{
				background:url('images/gpi_current_menu2.gif') no-repeat right top;
			}
			/*#####Hack using Service menu when hover submenu #######*/

#mainwrap
{
	margin:45px 0px 0px 0px;
}
	#logoandqoute
	{
		margin: auto; 
		text-align:left;
		width:960px;
	}
		span.logo
		{
			margin-left:40px;
		}
		span.quote
		{
			margin-right:40px;
		}
	#mainservicewrap
	{
		margin: auto; 
		padding-top:25px;
		position:relative;
		text-align:center;
		width:960px;
	}
		#mainservice
		{
			position:absolute;
			top:55px;
			left:35px;
			font-size:13px;
		}
			#mainservice a.mainservice
			{
				color:#000000;
				text-decoration:none;
			}
			#mainservicewrap span img.bigpic
			{
				margin:0px 18px 0px 0px;
				float:left;
			}
				#mainservicewrap span p
				{
					margin:0;
					float:left;
					text-align:left;
					font-family:Times New Roman;
					font-size:1.1em;
					width:151px;
					line-height: 12pt;
					padding-right:25px;
				}
				#mainservicewrap span img.title
				{
					padding:0;
					margin:0px 0px 10px 0px;
				}
				#mainservicewrap span img.learnmore
				{
					float:right;
					margin:13px 0px 0px 0px;
					padding:0;
				}
				#mainservicewrap span img.serviceseperate1
				{
					position:absolute;
					top:-13px;
					left:310px;
				}
				#mainservicewrap span img.serviceseperate2
				{
					position:absolute;
					top:-13px;
					left:603px;
				}
	#contentandshortcut
	{
		margin: auto; 
		text-align:left;
		width:960px;
		color:#4c4c4c;
	}
		#contentwrap
		{
			margin:35px 0px 0px 0px;
			padding:0;
			padding-left:40px;
			width:630px;
		}
			#spotlight
			{
				padding:0px 0px 0px 0px;
			}
			h1
			{
				margin:0;
				margin-top:-5px;
				padding:0;
				font-size:2.25em;
				font-weight:bold;
				color:#1F1F1F;
				letter-spacing:-2px;
				color:#1A92B5;
			}
			#spotlight img.spotlightimg
			{
				padding:19px 0px 0px 11px;
			}
			#spotlight h3.spotheader
			{
				margin:0;
				padding:0px 0px 0px 0px;
				font-size:18px;
				font-weight:normal;
				color:#000000;
			}
			#spotlight span
			{
				margin:0;
				padding:0px 0px 0px 15px;
			}
			#spotlight p
			{
				padding:0px 0px 0px 7px;
			}
			#spotlight  div.spotlightwrap
			{
				margin:0;
				padding:15px 0px 0px 10px;
			}
			#spotlight h3.spotheader a
			{
				margin:0;
				padding:0;
				text-decoration:none;
				color:#1A92B5;
			}
			#spotlight h3.spotheader a:hover
			{
				color:#f16122;
			}
			#spotlight a
			{
				margin:0;
				padding:0;
			}
			
			.event
			{
				margin:0;
				padding:8px 0px 0px 18px;
			}
			.event ul
			{
				margin:0;
				padding:0;
			}
			.event li
			{
				list-style-type: none;
				display:block;
				margin:0;
				padding:5px 0px 10px 0px;
				clear:both;
			}
			.event a
			{
				margin:0;
				margin-right: 0px; /*spacing between each tab*/
				padding:0px 0px 0px 0px;
				text-decoration:none;
				color:#000000;
				font-size:11px;
			}
			.event a p
			{
				margin:0;
				padding: 1px 0px 0px 12px;
				text-decoration:underline;
				color:#4c4c4c;
				font-size:12px;
				float:left;
				cursor: pointer; /* hand-shaped cursor */
				cursor: hand; /* for IE 5.x */
			}
			.event a:hover p
			{
				color:#f16122;
			}
			.popload li{
				margin-left:22px;
				list-style:none;
				background-position: top left;
				background-repeat: no-repeat;
				background-image: url('images/pop_bullet.png');
				background-position: top left;
				padding:0px 0px 5px 15px;
				background-position: 0px 3px;
			}
			.popload li.last{
				background-image: url('images/lastpop_bullet.png');
			}
			.popload a{
				font-size:12px;
				color:#1A92B5;
				text-decoration:underline;
			}
			.popload a:hover{
				color:#f16122;
			}
			span.popular{
				background:transparent url('images/popular_bullet_orange_01.gif') no-repeat scroll left top;
				float:left;
				clear:left;
				margin:1px 2px 0px 0px;
				padding:0px 0px 3px 1px;
				text-decoration:underline;
				font-size:11px;
				color:#FFFFFF;
				cursor: pointer; /* hand-shaped cursor */
				cursor: hand; /* for IE 5.x */
			}
			span.popular span {
				background:transparent url('images/popular_bullet_orange_02.gif') no-repeat scroll right top;
				display:block;
				float:left;
				padding:0px 5px 2px 3px;
			}
			span.new{
				background:transparent url('images/popular_bullet_blue_01.gif') no-repeat scroll left top;
				float:left;
				margin:1px 5px 0px 0px;
				padding:0px 0px 3px 1px;
				text-decoration:underline;
				font-size:11px;
				color:#FFFFFF;
				cursor: pointer; /* hand-shaped cursor */
				cursor: hand; /* for IE 5.x */
			}
			span.new span {
				background:transparent url('images/popular_bullet_blue_02.gif') no-repeat scroll right top;
				display:block;
				float:left;
				padding:0px 5px 2px 3px;
			}
			a:hover.allmore
			{
				color:#f16122;
			}
			a.allmore
			{
				margin:0;
				padding: 10px 0px 0px 0px;
				text-decoration:underline;
				color:#4c4c4c;
				font-size:12px;
			}
			.faqheader
			{
				margin:0;
				padding:0;
				font-size:1.5em;
				font-weight:bold;
				color:#1A92B5;
				padding-top:10px;
			}
				.faqheader a{
					color:#1A92B5;
					text-decoration:none;
				}
				.faqheader a:hover{
					color:#1A92B5;
					text-decoration:none;
				}
				#actionnavigation
				{
					margin:0px 0px 0px 6px;
					padding:5px 0px 5px 0px;
					float:left;
					background-color:#EEEEEE;
					border:solid 1px  #A2A2A2;
				}
				#actionnavigation ul{
					list-style-type: none;
					margin:0;
					margin-left: 5px; /*Left offset of entire tab menu relative to page*/
					padding:0;
					font-size:0.95em;
				}
					#actionnavigation li{
						display:inline;
						margin:0;
						padding:5px 20px 6px 18px;
						background-position: 1px;
						background-repeat: no-repeat;
					}	
					#actionnavigation li.livedemo{
						background-image: url('images/icon_live.gif');
					}
					#actionnavigation li.download{
						background-image: url('images/icon_download.gif');
					}
					#actionnavigation li.faq{
						background-image: url('images/icon_faq.gif');
					}
					#actionnavigation li.feedback{
						background-image: url('images/bullet.gif');
					}
					#actionnavigation li.quotation{
						background-image: url('images/icon_buy.gif');
					}
						#actionnavigation li a{
							color:#000000;
							text-decoration:underline;
							font-weight:bold;
						}
						#actionnavigation li a:hover{
							text-decoration:underline;
							color:#00a9cd;
						}
		#shortcutwrap
		{
			margin:35px 0px 0px 0px;
			padding:0;
			padding-left:20px;
		}
			#search
			{
				padding-top:8px;
				width:235px;
			}
				#search input.searchbutt
				{
					width: 29px;
					height: 20px;
					margin: 0;
					padding:0px 0px 5px 0px ;
					border: 0;
					text-align: center;
					cursor: pointer; /* hand-shaped cursor */
					cursor: hand; /* for IE 5.x */
					background: transparent url('images/gpi_searchbutt.jpg') no-repeat center top;
				}
				#search input.seachtxt
				{
					width: 182px;
					height:18px;
					margin:0;
					padding:0;
					padding-left:3px;
					border:solid 1px #1A92B5;
					font-size:13px;
				}
			#quicklink
			{
				padding-top:26px;
				width:235px;
			}
			#askme
			{
				padding-top:26px;
				width:235px;
			}
			#feedbackwrap p{
				padding:0;
				margin:0;
				margin-top:5px;
			}
			#feedbackwrap label{
				float:left;
				width:140px;
			}
			#feedbackwrap .header{
				font-size:1.25em;
			}
			#feedbackwrap .warningmsg{
				padding:0;
				margin-left:180px;
			}
			#feedbackwrap .required{
				color:red;
				font-size:0.7em;
			}
			#askwrap{
				margin-left:17px;
			}
				#askme input.askbutt
				{
					margin: 1px 0px 0px 0px;
					padding:0px 0px 0px 0px ;
					border: 0;
					border:solid 1px #6D6D6D;
					color:#000000;
					background-color:#F0F0F0;
					text-align: center;
					cursor: pointer; /* hand-shaped cursor */
					cursor: hand; /* for IE 5.x */
					width:38px;
					height:20px;
					vertical-align:top;
				}
				#askme input.asktxt
				{
					width: 164px;
					margin:0;
					padding:2px 0px 2px 0px ;
					padding-left:3px;
					border:solid 1px #CDCDCD;
					color:#4c4c4c;
					font-size:13px;
				}
				#askme select.asksubject
				{
					width: 214px;
					margin:0;
					margin-top:3px;
					padding-left:1px;
					border:solid 1px #CDCDCD;
					color:#4c4c4c;
					font-size:13px;
				}
				#askme textarea
				{
					width: 209px;
					height:100px;
					margin:5px 0px 0px 0px;
					padding:0px 0px 0px 0px ;
					padding-left:3px;
					border:solid 1px #CDCDCD;
					color:#4c4c4c;
					font-size:13px;
					overflow:auto;
					font-family:arial;
				}
				.askMsg{
					padding:0;
					padding-left:4px;
					margin:0;
					margin-top:10px;
					margin-bottom:5px;
					color:#000000;
					font-size:11px;
				}
				div.error
				{
					font-size: 11px; 
					background: #fbfcda url('images/cancel.png') no-repeat left;
					border:1px solid #dbdbd3;
					width:210px;
					padding:3px 0px 3px 20px;
					margin-top:1px;
					width:267px;
					margin-left:140px;
				}
				div.error2
				{
					font-size: 11px; 
					background: #fbfcda url('images/cancel.png') no-repeat left;
					border:1px solid #dbdbd3;
					width:192px;
					padding:3px 0px 3px 20px;
					margin-top:1px;
				}

	#singlecontent
	{
	
	}
		#singlecontent h3.singlenav
		{
			padding:0px 0px 2px 0px;
			margin:0;
			font-size:1.0em;
			color:#383838;
			font-weight:normal;
		}
		#singlecontent h2
		{
			margin:0;
			padding:0px 0px 5px 0px;
			font-size:1.35em;
			font-weight:bold;
			color:#000000;
			letter-spacing:-1px;
			border-bottom:1px dotted #cfcfcf;
			padding-left:20px;
			background:url('images/bullet.gif') no-repeat  top left ;
			background-position: 0px 0px;
		}
		#singlecontent p
		{
			padding:0px 0px 0px 7px;
		}
			#singlecontent h2 a
			{
				margin:0;
				padding:0;
				text-decoration:none;
				color:#000000;
			}
			#singlecontent h2 a:hover
			{
				color:#1A92B5;
				text-decoration:underline;
			}
			#singlecontent a
			{
				margin:0;
				padding:0;
				color:#1A92B5;
			}
			#singlecontent a:hover
			{
				color:#f16122;
			}
			#singlecontent a.more
			{
				float:left;
				background:url('images/more_bar_01.gif') no-repeat left top;
				margin:0;
				margin-right: 2px; /*spacing between each tab*/
				padding:0 0 0 5px;
				text-decoration:none;
			}
			#singlecontent a.more span{
				float:left;
				display:block;
				background:url('images/more_bar_02.gif') no-repeat right top;
				padding: 2px 25px 4px 5px;
				color:#2F2F2F;
			}
			#singlecontent a.more:hover
			{
				color:#000000;
				cursor: hand;
			}
			
			#spotlight a.more
			{
				float:left;
				background:url('images/more_bar_01.gif') no-repeat left top;
				margin:0;
				margin-right: 2px; /*spacing between each tab*/
				padding:0 0 0 5px;
				text-decoration:none;
			}
			#spotlight a.more span{
				float:left;
				display:block;
				background:url('images/more_bar_02.gif') no-repeat right top;
				padding: 2px 25px 4px 5px;
				color:#2F2F2F;
			}
			#spotlight a.more:hover
			{
				color:#f16122;
				cursor: hand;
			}
			#spotlight a.more:hover span{
				color:#f16122;
			}
		#singlecontent a.back
		{
			float:right;
			padding:0px 25px 0px 0px;
			margin: 0;
		}
		ul.downloadheaderwrap{
			margin:0;
			margin-top:15px;
			padding:0px 20px 6px 18px;
			background-position: top left;
			background-repeat: no-repeat;
			background-image: url('images/download_bullet.gif');
		}	
		ul.downloadheaderwrap li.downloadheader{
			margin:0;
			/*padding:5px 20px 6px 18px;*/
			list-style:none;
			background-position: top left;
			background-repeat: no-repeat;
		}	
		ul.downloadheaderwrap li.downloadheader.desc{
			font-size:0.85em;
		}
		ul.downloadheaderwrap li.downloadheader ul{
			/*padding:5px 20px 6px 18px;*/
			list-style:disc;
			font-size:13px;
			margin-top:8px;
		}	
	#footer
	{
		margin: auto; 
		text-align:center;
		width:960px;
		color:#999999;
	}
		#footerwrap
		{
			margin:0;
			padding:30px 0px 50px 0px;
		}
		#footerwrap p
		{
			font-size:11px;
			margin:0;
			padding:10px 0px 0px 50px;
			text-align:left;
		}
ul.pagesitemap{
	
}
ul.pagesitemap li{
	margin-bottom:3px;
}
#floatMenu {
		position:absolute;
		top:350px;
		right:0%;
		margin-right:0px;
}