body{margin:0px; padding:0px; background:#fffde4 url(images/bodyBg.jpg) repeat-x}
#mainWrap{width:100%; margin:0px; padding:0px; float:left; background:url(images/headBg.jpg) no-repeat}
#mainPanel{width:990px; margin:0px; padding:0px; float:left}
#logoWrap{width:100%; margin:0px; padding:0px; float:left}
h1{width:223px; height:418px; margin:0px 0 0 0; padding:0 110px; float:right; line-height:10px; text-indent:-9999px;}
#loginPanel{width:397px; margin:28px 0 0 0; padding:0 0 0 546px; float:left}
#loginPanel h2{width:397px; margin:0px; padding:0px; float:left; font-family:Arial,sans-serif; font-size:27px; color:#497f35; line-height:31px; font-weight:normal}
#loginPanel input{width:175px; height:18px; margin:9px 0 0 0; padding:3px 0 0 5px; float:left; font-family:Arial,sans-serif; font-size:10px; color:#bb9d59; line-height:14px; border:0px; background:#f9f6d4}
#loginPanel .blank{width:25px; height:21px; margin:0px; padding:0px; float:left}
#loginPanel p{width:253px; margin:10px 0 0 0; padding:0px; float:left; font-family:Arial,sans-serif; font-size:16px; color:#ab8e4e; line-height:20px}
#loginPanel p a{color:#943415; text-decoration:none}
#loginPanel .login{width:66px; height:20px; margin:10px 0 0 0; padding:0px; float:left; font-family:Arial,sans-serif; font-size:11px; color:#943415; line-height:20px; text-align:center; text-decoration:none; background:url(images/loginBg.jpg) no-repeat}
#quots{width:990px; margin:145px 0 0 0; padding:0px; float:left}
#quots p{margin:0px; font-family:Arial,sans-serif; font-size:28px; color:#497f35; line-height:32px; text-align:center; text-indent:50px}
#leftPanel{width:637px; height:auto; margin:0 0 0 0; padding:0 0 0 35px; float:left}

#leftPanel .about .date{width:600px; height:29px; margin:30px 0 0 0; padding:0px; float:left; background:#f9f6d4}
#leftPanel .about .date .left{width:139px; height:29px; margin:0px; padding:0 0 0 35px; float:left; font-family:Arial,sans-serif; font-size:11px; color:#bb9d59; line-height:30px; font-weight:bold; background:url(images/cal.jpg) no-repeat 11px 0}
#leftPanel .about .date .right{width:65px; height:29px; margin:0px; padding:0 0 0 38px; float:left; background:url(images/read.jpg) no-repeat 12px 0}
#leftPanel .about .date .right a{font-family:Arial,sans-serif; font-size:11px; color:#943415; line-height:30px; font-weight:bold; text-decoration:none}
#leftPanel .services{width:604px; margin:34px 0 0 0; padding:0px; float:left}
#leftPanel .services h2{width:604px; margin:0px; padding:0px; float:left; font-family:Arial,sans-serif; font-size:24px; color:#2c787b; line-height:28px; font-weight:normal}
#leftPanel .services .pic{width:163px; height:202px; margin:15px 0 0 0; padding:0 0 0 28px; float:left; background:url(images/pic0.jpg) no-repeat}
#leftPanel .services .pic a{font-family:Arial,sans-serif; font-size:10px; color:#943415; line-height:14px; margin:146px 0 0 0; padding:0px; float:left; width:123px}
#leftPanel .services p span{width:363px; margin:13px 0 0 0; padding:0px; float:left; font-family:Arial,sans-serif; font-size:12px; color:#bb9d59; line-height:16px; text-indent:12px; background:url(images/quo.jpg) no-repeat}

#leftPanel .services p{width:390px; margin:14px 0 0 0; padding:0 0 0 20px; float:left; font-family:Arial,sans-serif; font-size:12px; color:#bb9d59; line-height:16px}
#leftPanel .services p span{font-weight:bold}
#leftPanel .services h3{width:600px; margin:13px 0 0 0; padding:0 0 0 20px; float:left; font-family:Arial,sans-serif; font-size:18px; color:#5c4527; line-height:22px; font-weight:normal}
#leftPanel .services h3 span{width:600px; height:17px; margin:6px 0 0 0; padding:0 0 12px 28px; float:left; font-family:Arial,sans-serif; font-size:11px; color:#943415; font-weight:bold; background:url(images/testimIco.jpg) no-repeat}
#leftPanel .services h2 a{width:600px; height:17px; margin:6px 0 0 0; padding:0 0 5px 25px; float:left; font-family:Arial,sans-serif; font-size:14px; color:#943415; font-weight:bold; background:url(images/testimIco.jpg) no-repeat}

#leftPanel .services ul{width:390px; margin:5px 0 0 0; padding:0 0 0 20px; float:left; display:block}
#leftPanel .services ul li{width:390px; margin:0px; padding:0px; float:left; display:block}
#leftPanel .services ul li a{width:372px; height:22px; margin:0px; padding:0 0 0 18px; float:left; font-family:Arial,sans-serif; font-size:11px; color:#943415; line-height:20px; font-weight:bold; text-decoration:none; border-bottom:#d8cd2f dashed 1px; background:url(images/listStyle.jpg) no-repeat 2px 6px}
#leftPanel .services ul li a.bottom{width:372px; height:22px; margin:0px; padding:0 0 0 18px; float:left; font-family:Arial,sans-serif; font-size:11px; color:#943415; line-height:20px; text-decoration:none; border-bottom:0px; background:url(images/listStyle.jpg) no-repeat 2px 6px}

#leftPanel .notification_error{color:#CC0000; font-weight:bold; border: 1px solid #A25965; height: auto; width: 90%; padding: 4px; background: #F8F0F1; text-align: left; margin: 12px 5px 2px 5px; -moz-border-radius: 5px; }
#leftPanel .detailContent {width:590px; float:left; }
#leftPanel .info_fieldset {width:590px; -moz-border-radius: 7px; border: 1px #dddddd solid; padding:5px; margin:15px 0 15px 0; float: left;}
#leftPanel .info_fieldset legend{border: 1px #dddddd solid; color: black; font: 13px sans-serif; padding: 2px 5px 2px 5px; -moz-border-radius: 3px;}
#leftPanel .info_fieldset .pic{width:150px; height:100px; margin:15px 15px 15px 0; padding:0px; float:left;}
#leftPanel .info_fieldset p {width:350px; margin:0 0 10px 0; padding:0px; float:left; font-family:Arial,sans-serif; font-size:11px; color:#bb9d59;}
#leftPanel .info_fieldset p span{width:350px; margin:15px 0 10px 0; padding:0px; float:left; font-family:Arial,sans-serif; font-size:11px; color:#bb9d59; line-height:16px; text-indent:12px; background:url(images/listStyle.jpg) no-repeat}
#leftPanel .info_fieldset p map{width:350px; margin:0 0 10px 0; padding:0px; float:left; font-family:Arial,sans-serif; font-size:11px; color:#660000; line-height:26px; text-indent:16px; background:url(images/thailand-map.gif) no-repeat}

#leftPanel .contacts{width:350px; margin:18px 0 0 0; padding:0px; float:left}
#leftPanel .contacts h2{padding:0 0 2px 0}
#leftPanel .contacts p{width:142px; height:19px; margin:12px 0 0 0; padding:0px; float:left; font-family:Arial,sans-serif; font-size:12px; font-weight:bold; color:#bb9d59; line-height:18px}
#leftPanel .contacts input , input .idleField{width:180px; height:16px; margin:12px 0 0 0; padding:2px 0 0 9px; float:left; font-family:Arial,sans-serif; font-size:11px; background:#EEE; color: #6F6F6F; border: solid 2px #DFDFDF;}
#leftPanel .contacts input .focusField{border:solid 2px #73A6FF; background:#EFF5FF; color:#000;}

#leftPanel .contacts select{width:180px; height:25px; margin:12px 0 0 0; padding:2px 0 0 9px; float:left; font-family:Arial,sans-serif; font-size:12px; background:#EEE; color: #6F6F6F; border: solid 2px #DFDFDF;}

#leftPanel .contacts br { clear: left; }


#leftPanel .contacts a{width:93px; height:19px; margin:12px 0 0 0; padding:0px; float:left; font-family:Arial,sans-serif; font-size:11px; color:#943415; line-height:18px; text-align:center; text-decoration:none; background:url(images/contactsBg.jpg) no-repeat}
#leftPanel .contacts .inputbutton{width:100px; height:25px; margin:12px 0 0 0; padding:0px; float:left; font-family:Arial,sans-serif; font-size:11px; color:#943415; line-height:18px; text-align:center; text-decoration:none; background:url(images/contactsBg.jpg) no-repeat}

#leftPanel .contacts .blank{width:10px; height:19px; margin:0px; padding:0px; float:left}
#leftPanel .contacts .blank2{width:42px; height:19px; margin:12px 0 0 0; padding:0px; float:left}

#leftPanel #pic{width:150px; height:100px; margin:13px 50px 0 0; padding:5px; float:left;}
#leftPanel #leftpic{width:40px; height:43px; margin:53px 0 0 0; padding:10px; float:left;background:url(images/left.gif) no-repeat}
#leftPanel #rightpic{width:42px; height:43px; margin:53px 0 0 0; padding:10px; float:left;background:url(images/right.gif) no-repeat}

#leftPanel #card{width:150px; height:100px; margin:13px 50px 0 0; padding:5px; float:left;}
#leftPanel #leftcard{width:40px; height:43px; margin:53px 0 0 0; padding:10px; float:left;background:url(images/left.gif) no-repeat}
#leftPanel #rightcard{width:42px; height:43px; margin:53px 0 0 0; padding:10px; float:left;background:url(images/right.gif) no-repeat}
#leftPanel .container{width:220px; margin:18px 0 0 0; padding:0px; float:left}
#leftPanel .container h2{padding:0 0 2px 0}


#leftPanel .main_image {width: 500px; height: 333px; float: left; margin: 20px 0 5px; background: #333; position: relative; color: #fff; overflow: hidden;}/*--Overflow hidden allows the description to toggle/tuck away as it slides down--*/
#leftPanel .main_image h2 { font-family:Arial,sans-serif; font-size:10px; font-weight: normal; margin: 0 0 5px; padding: 10px;}
#leftPanel .main_image p { font-family:Arial,sans-serif; font-size:10px; line-height: 1.6em; padding: 10px; margin: 0;}
#leftPanel .block small { font-family:Arial,sans-serif; font-size:11px; padding: 0 0 0 20px; background: url(images/thailand-map.gif) no-repeat;}/*--We'll be using this same style on our thumbnail list--*/
#leftPanel .main_image .block small {margin-left: 10px;}

#leftPanel .main_image .desc{position: absolute; bottom: 0; left: 0; /*--Stick the desc class to the bottom of our main image container--*/
width: 100%; display: none; /*--Hide description by default, if js is enabled, we will show this--*/
}
.main_image .block{ font-family:Arial,sans-serif; font-size:14px; width: 500px; background: #111; border-top: 1px solid #000;}
.main_image a.collapse {background: url(images/moveupbtn.png) no-repeat left top;  height: 21px; width: 46px; text-indent: -99999px; position: absolute; top: -27px; right:10px;}
.main_image a.show {background-position: left bottom;} /*--This is our hide/show tab--*/

#image_thumb_frame {position: relative}   
#image_thumb_previous {float: left; margin-top: 45px; background: #f0f0f0;}   
#image_thumb_next {float: right; margin-top: 45px; background: #f0f0f0;}   
#image_thumb_content {position: absolute; top: 0; margin-left: 40px;}   

.image_thumb { position: relative; overflow: hidden;  width: 623px;  height: 130px; margin: 10px 0 0 0; float: left; background: #f0f0f0; border-right: 1px solid #fff; border-top: 1px solid #ccc;}
/*.image_thumb {float: left; width: 150px; background: #f0f0f0; border-right: 1px solid #fff; border-top: 1px solid #ccc;}*/
.image_thumb img {border: 0px solid #ccc; padding: 5px; background: #fff; float: left;}
.image_thumb ul {margin: 0; padding: 0; list-style: none;}
.image_thumb ul li{margin: 0; padding: 12px 10px; background: #f0f0f0 url(nav_a.gif) repeat-x; width: 160px; float: left; border-bottom: 1px solid #ccc; border-top: 1px solid #fff; border-right: 1px solid #ccc;}
.image_thumb ul li.hover {  background: #ddd; cursor: pointer;}/*--Hover State--*/
.image_thumb ul li.active { background: #fff; cursor: default;} /*--Active State--*/
html .image_thumb ul li h2 { font-family:Arial,sans-serif; font-size:10px; margin: 5px 0; padding: 0;}
.image_thumb ul li .block {float: left; margin-left: 10px; padding: 0; width: 160px;}
.image_thumb ul li p{display: none;}/*--Hide the description on the list items--*/


#rightPanel{width:266px; margin:35px 0 0 0; padding:0 0 74px 36px; float:left; background:url(images/rigthBg.jpg) no-repeat}
#rightPanel  h2{width:262px;  margin:0px; padding:0px; float:left; font-family:Arial,sans-serif; font-size:24px; color:#0b636b; line-height:28px; font-weight:normal}
#rightPanel .view{width:88px; margin:3px 2px 0 0; padding:0 0 0 15px; float:right; font-family:Arial,sans-serif; font-size:11px; color:#943415; font-weight:bold; text-decoration:none; background:url(images/listStyle.jpg) no-repeat 0 4px}
#rightPanel .pic1{width:262px; height:68px; margin:15px 0 0 0; padding:0px; float:left; background:url(images/pic1.jpg) no-repeat}
#rightPanel .pic2{width:262px; height:68px; margin:13px 0 0 0; padding:0px; float:left; background:url(images/pic2.jpg) no-repeat}
#rightPanel .pic3{width:262px; height:68px; margin:13px 0 0 0; padding:0px; float:left; background:url(images/pic3.jpg) no-repeat}
#rightPanel .pic4{width:300px; height:68px; margin:13px 0 0 0; padding:0px; float:left;}
#rightPanel .contacts{width:266px; margin:18px 0 0 0; padding:0px; float:left}
#rightPanel .contacts h2{padding:0 0 2px 0}
#rightPanel .contacts p{width:42px; height:19px; margin:12px 0 0 0; padding:0px; float:left; font-family:Arial,sans-serif; font-size:12px; font-weight:bold; color:#bb9d59; line-height:18px}
#rightPanel .contacts input{width:207px; height:16px; margin:12px 0 0 0; padding:2px 0 0 9px; float:left; font-family:Arial,sans-serif; font-size:10px; color:#000000; border:#e8e6c8 solid 1px; background:#f8f5d2}
#rightPanel .contacts input.dirty {background-color: #660000 ;color: #FFFFFF ;}
#rightPanel .contacts a{width:93px; height:19px; margin:12px 0 0 0; padding:0px; float:left; font-family:Arial,sans-serif; font-size:11px; color:#943415; line-height:18px; text-align:center; text-decoration:none; background:url(images/contactsBg.jpg) no-repeat}
#rightPanel .contacts .blank{width:10px; height:19px; margin:0px; padding:0px; float:left}
#rightPanel .contacts .blank2{width:42px; height:19px; margin:12px 0 0 0; padding:0px; float:left}
#rightPanel .project{width:266px; margin:30px 0 0 0; padding:0px; float:left}
#rightPanel .project ul{width:260px; margin:8px 0 0 0; padding:0px; float:left; display:block}
#rightPanel .project ul li{width:260px; margin:0px; padding:0px; float:left; display:block}
#rightPanel .project ul li a{width:250px; height:21px; margin:0px; padding:0 0 0 10px; float:left; font-family:Arial,sans-serif; font-size:12px; color:#bb9d59; line-height:18px; text-decoration:none; background:url(images/listbg.jpg) no-repeat}
#rightPanel .project ul li a:hover{font-weight:bold; color:#943415}
#rightPanel .project ul li a.bottom{width:250px; height:20px; margin:0px; padding:0 0 0 10px; float:left; font-family:Arial,sans-serif; font-size:12px; color:#bb9d59; line-height:18px; text-decoration:none; background:url(images/listbg.jpg) no-repeat}
#rightPanel .project ul li a.bottom:hover{font-weight:bold; color:#943415} 
#footPanel{width:923px; margin:0px; padding:25px 0 29px 0; float:left; background:url(images/footbg.jpg) no-repeat center top}
#footPanel .nav{width:923px; margin:0px; padding:0px; float:left;}
#footPanel .nav ul{width:75px; margin:0 auto; padding:0px; display:block;}
#footPanel .nav ul li{width:auto; margin:0px; float:left; padding:0px; display:block;}
#footPanel .nav ul li .blank{width:auto; margin:0px; padding:0 7px 0 7px; float:left; font-family:Arial,sans-serif; font-size:11px; font-weight:bold; color:#943415;}
#footPanel .nav ul li a{width:auto; margin:0px; float:left; padding:0px; font-family:Arial,sans-serif; font-size:11px; font-weight:bold; color:#943415; text-decoration:none;}
#footPanel .copyright{width:923px; margin:3px 0 0 0; padding:0px; float:left; font-family:Arial,sans-serif; font-size:11px; color:#bb9d59; line-height:15px; text-align:center}
#footPanel .designInfo{width:923px; margin:3px 0 0 0; padding:0px; float:left; font-family:Arial,sans-serif; font-size:11px; font-weight:bold; color:#bb9d59; text-align:center}
#footPanel .designInfo a{color:#943415; text-decoration:none}
#footPanel .validation{width:923px; margin:4px 0 0 0; padding:0px; float:left}
#footPanel .validation ul{width:138px; margin:0 auto; padding:0px; display:block}
#footPanel .validation ul li{width:auto; margin:0px; padding:0px; float:left; display:block}
#footPanel .validation ul li .blank{width:6px; height:17px; margin:0px; padding:0px; float:left}
#footPanel .validation ul li a{width:66px; height:17px; margin:0px; padding:0px; float:left; font-family:Arial,sans-serif; font-size:10px; font-weight:bold; color:#943415; line-height:16px; text-align:center; text-decoration:none; background:url(images/validationBg.jpg) no-repeat}
#menu{width:990px; margin:32px 0 0 0; padding:0px; float:left}
#menu ul{width:450px; margin:0px; padding:0px; float:right; display:block}
#menu ul li{width:auto; margin:0px; padding:0px; float:left; display:block}
#menu ul li a{width:auto; height:18px; margin:0px; padding:0px; float:left; font-family:Arial,sans-serif; font-size:12px; color:#45ada9; line-height:13px; text-decoration:none; cursor:pointer}
#menu ul li a:hover{background:url(images/rightCurve.jpg) no-repeat right}
#menu ul li a span{width:auto; height:16px; margin:0px; padding:2px 8px 0 8px; float:left; cursor:pointer}
#menu ul li a:hover span{background:url(images/leftCurve.jpg) no-repeat left}
#menu ul li .blank{width:1px; height:18px; margin:0px; padding:0 5px 0 5px; float:left; background:url(images/mBlank.jpg) no-repeat center top}