body{
background-color: #02171d;
width:732px;
height: 100%;
margin: 0 auto;
}

#container{
position: relative;
background-color:#414642;
width: 880px;
height:900px;
margin: 0 auto;
border-left: 3px #f5edd6 solid;
border-right: 3px #f5edd6 solid;
border-bottom: 3px #f5edd6 solid;
}

#header{
width: 880px;
height: 153px;
background-image: url(images/fullheader.jpg);
margin: 0 auto;
border-top: 3px #f5edd6 solid;
border-left: 3px #f5edd6 solid;
border-right: 3px #f5edd6 solid;
}

#navbar Ul{
width: 880px;
height: 23px;
background-color: #b62660;
border-left: 3px #f5edd6 solid;
border-right: 3px #f5edd6 solid;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;
}

#navbar  ul li { display: inline; }

#navbar ul li a{
text-decoration: none;
padding: .3em 1em;
color: #fff;
background-color: #b62660;
}

#navbar ul li a:hover{
color: #fff;
background-color: #ae103f;
}

#bottomnavborderlt{
width:471px;
height: 16px;
position: absolute;
background-image: url(images/lowerborder-logo_06.gif);
background-repeat:repeat-x;
position: absolute;
left: 0px;
top: 0px;
}

#flagthai{
width:16px;
height: 11px;
float: left;
padding: 3px 0px 0px 11px;
}

#flagusa{
width:16px;
height: 11px;
float: left;
padding: 3px 0px 0px 11px;
}

#addthis{
width:16px;
height: 11px;
float: left;
padding: 0px 0px 0px 15px;
}

#twitthis{
width:16px;
height: 11px;
float: left;
padding: 0px 0px 0px 10px;
}

#fbthis{
width:16px;
height: 11px;
float: left;
padding: 0px 0px 0px 10px;
}

#bottomborderrt{
width: 409px;
height: 16px;
background-image: url(images/upper-rendered-pic-border_10.jpg);
position: absolute;
left: 471px;
top: 0px;
}

#Rtgraphicmainindex{
width: 409px;
height: 317px;
background-image: url(images/renderedpic_13.jpg);
position: absolute;
left: 471px;
top: 16px;
}

#Rtgraphicmain{
width: 409px;
height: 317px;
background-image: url(images/na-rong.jpg);
position: absolute;
left: 471px;
top: 16px;
}

#Rtgraphicmain-about{
width: 409px;
height: 222px;
background-image:url(images/build-design.jpg);
position: absolute;
left: 471px;
top: 16px;
}

#ltcontentmain{
	width:430px;
	height:800px;
	position: absolute;
	left: 15px;
	top: 17px;
	color:#f5edd6;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	text-align: justify;
	overflow:hidden;
	text-decoration: none;
	padding: 11px;
	line-height: 130%;
}

#bottomright{
	width:385px;
	height:615px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	padding: 8px;
	text-align: justify;
	overflow:hidden;
	line-height: 110%;
	position:absolute;
	left:471px;
	top:250px;
	color:#ffffff;
	border-left: 1px #f5edd6 solid;
	border-right: 1px #f5edd6 solid;
	border-bottom: 1px #f5edd6 solid;
	border-top: 1px #f5edd6 solid;
	}

#bottomrightindex{
	width:380px;
	height:518px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	padding: 8px;
	text-align: justify;
	line-height: 110%;
	position:absolute;
	left:471px;
	top:350px;
	color:#ffffff;
	border-left: 1px #f5edd6 solid;
	border-right: 1px #f5edd6 solid;
	border-bottom: 1px #f5edd6 solid;
	border-top: 1px #f5edd6 solid;
}

#rtresource{
	width:325px;
	height:705px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	padding: 30px;
	text-align: center;
	line-height: 110%;
	position:absolute;
	left:483px;
	top:25px;
	color:#ffffff;
	border-left: 1px #f5edd6 solid;
	border-right: 1px #f5edd6 solid;
	border-bottom: 1px #f5edd6 solid;
	border-top: 1px #f5edd6 solid;
}

#bottomproject{
	width:800px;
	height:470px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	padding: 15px;
	text-align: justify;
	line-height: 110%;
	position:absolute;
	left:25px;
	top:365px;
	color:#ffffff;
	border-left: 1px #f5edd6 solid;
	border-right: 1px #f5edd6 solid;
	border-bottom: 1px #f5edd6 solid;
	border-top: 1px #f5edd6 solid;
}

#validation{
width:200px;
height:41px;
position:absolute;
top:300px;
left:20px;
}

#valhtml{
width: 88px;
height: 31px;
float: left;
padding: 5px 8px 5px 8px;	
}

#valcss{
width: 88px;
height: 31px;
float: left;
padding: 5px 8px 5px 8px;
}

#followustweet{
width:142px;
height:48px;
float: left;
padding: 5px 8px 5px 8px;
}

#tweeterfeed{
	position:absolute;
	top:4px;
	left:578px;
	width:250px;
	height:413px;
}

#productcontent{
	width:537px;
	height:464px;
	position: absolute;
	left: 4px;
	top: 5px;
	color:#f5edd6;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	text-decoration: none;
	padding: 11px;
	text-align: justify;
	line-height: 120%;
	}
#contentmain{
width:860px;
height:890px;
position: relative;
left: 0px;
top: 16px;
color:#f5edd6;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
text-decoration: none;
overflow:hidden;
padding: 10px;
text-align: justify;
line-height: 120%;
}

#pictop1{
width:163px;
height:101px;
position:absolute;
top: 95px;
left:36px;
border: 2px #f3f3f3 double;
}

#pictop2{
width:163px;
height:101px;
position:absolute;
top:95px;
left:251px;
border: 2px #f3f3f3 double;
}

#pictop3{
width:163px;
height:101px;
position: absolute;
border: 2px #f3f3f3 double;
top:95px;
left:466px;
}

#pictop4{
width:163px;
height:101px;
position: absolute;
border: 2px #f3f3f3 double;
top:95px;
left:681px;
}

#picbottom1{
width:163px;
height:101px;
position:absolute;
left: 36px;
top: 235px;
border: 2px #f3f3f3 double;
}

#picbottom2{
width:163px;
height:101px;
position:absolute;
top: 235px;
left: 251px;
border: 2px #f3f3f3 double;
}

#picbottom3{
width:163px;
height:101px;
position: absolute;
border: 2px #f3f3f3 double;
top: 235px;
left: 466px;
}

#picbottom4{
width:163px;
height:101px;
position: absolute;
border: 2px #f3f3f3 double;
top: 235px;
left: 681px;
}
a:link {color: #f2f202; text-decoration: none; }
a:active {color: #fb88ff; text-decoration: none; }
a:visited {color: #02ffee; text-decoration: none; }
a:hover {color: #8dff03; text-decoration: none; }

#footer{
width: 880px;
height: 30px;
background-color: #02171d;
color: #f5edd6;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-decoration: none;
font-size: 11px;
padding-top: 5px;
} 

#footer  ul li { display: inline; }

#footer ul li a
{
text-decoration: none;
padding: 8px 10px;
color: #f5edd6;
} 

#footer ul li a:link {color:#f5edd6;}

#footer ul li a:hover{color: #07f0f0;}
 
#footer ul l a:active {color: #fff60a;}
 

