@charset "utf-8";body{background:#7aa4c1 url(images/bg_body2.gif) repeat-y scroll center top;margin:0;padding:0 0 7px;}
.alt{display:none;}
.clear{clear:both;font-size:1px;line-height:0;height:0;}
ul{margin:0;padding:0;list-style:none;}
li{line-height:0;}
#container{background:url(images/s.gif) no-repeat scroll left top;width:940px;margin-right:auto;margin-left:auto;padding-left:60px;}
#wrapper{background:url(images/bg_home2.jpg) no-repeat scroll center top;width:100%;}
#header{height:80px;width:790px;float:left;background-attachment:scroll;background-color:#c0d3e3;background-image:url(images/samui_long3.jpg);background-repeat:no-repeat;background-position:left top;}
#page_head{background:#e8ecf2 url(images/title_bg4.gif) no-repeat scroll left top;height:25px;width:790px;float:left;}
#content{width:100%;background:#fff;margin:0;padding:0;float:left;font:12px Arial,Helvetica,sans-serif;}
#nav{float:right;width:150px;background:#5289ad url(images/nav_bg.gif) repeat-x scroll left top;padding-top:80px;font:12px Verdana,Arial,Helvetica,sans-serif;padding-bottom:50px;padding-right:0;}
#wrapper #container #nav a,#wrapper #container #nav_level2 a{font:bold 12px/12px Verdana,Arial,Helvetica,sans-serif;color:#d1e0ea;text-decoration:none;background:url(images/arrow.gif) no-repeat scroll 11px 6px;display:block;padding-left:23px;margin:0;padding-top:5px;padding-bottom:5px;width:127px;}
#wrapper #container #nav a:hover,#wrapper #container #nav_level2 a:hover{font:bold 12px/12px Verdana,Arial,Helvetica,sans-serif;color:#fff;text-decoration:none;background-attachment:scroll;background-color:#005187;background-image:url(images/arrow_on2.gif);background-repeat:no-repeat;background-position:3px 6px;}
#wrapper #container #nav ul ul a{line-height:normal;width:124px;margin:0;padding:2px 3px 3px 23px;font-size:10px;display:block;background:url(none);}
#wrapper #container #nav ul ul a:hover{background:#005187 url(none);line-height:normal;width:124px;margin:0;padding:2px 3px 3px 23px;font-size:10px;}
.approach_bg{margin:0;padding:0;float:left;width:790px;background:#fff url(images/laptop3.jpg) no-repeat scroll right bottom;height:417px;}
#footer{clear:both;width:708px;font:normal 10px Verdana,Arial,Helvetica,sans-serif;text-decoration:none;color:#004878;padding-left:10px;float:left;}
#examples a img{text-decoration:none;margin-right:15px;border-style:none;margin-top:10px;}
.float_right{float:right;}
#brand{background:url(images/icon_brand.gif) no-repeat scroll left top;height:57px;width:81px;margin-top:10px;margin-right:15px;display:block;}
#approach_bg2{background-attachment:scroll;background-image:url(images/laptop.jpg);background-repeat:no-repeat;background-position:right bottom;}
#content_tools{float:left;width:790px;background:#fff url(images/bg_demopic.gif) repeat-y scroll right top;margin:0;padding:0;}
#demo_pic{float:right;width:200px;padding:5px;}
#content_example{width:790px;background:#fff;padding-top:12px;padding-bottom:12px;}
#content_tools #demo_pic p{font:11px Verdana,Arial,Helvetica,sans-serif;color:#005187;text-decoration:none;padding:3px 0;}
#pics{float:right;width:47%;background:#e8ecf2;text-align:center;padding-top:10px;}
#content p,#content_tools p,#content_example p,.approach_bg p{font:normal 12px/13px Verdana,Arial,Helvetica,sans-serif;color:#005187;text-decoration:none;padding:0 20px 0 15px;}
p{padding:2px 15px 0;line-height:normal;}
#content ul,#content_tools ul,.approach_bg ul{font:normal 12px/normal Verdana,Arial,Helvetica,sans-serif;color:#005187;text-decoration:none;list-style:url(images/bullet.gif);margin-left:25px;padding:0 15px 10px 5px;}
.body_pic{padding:20px;height:150px;width:152px;float:left;}
#content li,#content_tools li,.approach_bg li{font:normal 12px/normal Verdana,Arial,Helvetica,sans-serif;padding:0 15px 10px 5px;margin-left:25px;}
#content_example ul,#content_example li{font:normal 12px/15px Verdana,Arial,Helvetica,sans-serif;color:#005187;text-decoration:none;padding:2px 15px 5px 5px;list-style:url(images/bullet.gif);margin-left:25px;}
#page_subhead{background:#fff;float:left;height:24px;padding-top:8px;width:100%;}
#tools_subhead{background:#7aa4c1;float:left;padding-top:8px;width:100%;padding-bottom:8px;}
#demo_bar{background:#e8ecf2;height:20px;padding-left:15px;padding-top:5px;padding-bottom:5px;clear:both;}
#demo_bar a.back{color:#005da3;font:bold 12px Verdana,Arial,Helvetica,sans-serif;text-decoration:none;background:url(images/arrow_webtools_left.gif) no-repeat scroll left center;padding-left:15px;display:block;float:left;}
#demo_bar a.back:hover{color:#005da3;font:bold 12px Verdana,Arial,Helvetica,sans-serif;text-decoration:underline;display:block;float:left;}
#examples{float:left;width:553px;background:#e5edf3;padding-left:15px;margin:0;padding-bottom:20px;padding-top:5px;}
#examples_flash{width:545px;padding:0 11px 0 12px;margin:0 auto;background:#063;}
#content h3{font:bold 16px Verdana,Arial,Helvetica,sans-serif;color:#005187;text-decoration:none;margin:0;padding:15px 0 0 15px;background:#a3c1d4;display:block;height:30px;}
.button{font:bold 12px Verdana,Arial,Helvetica,sans-serif;color:#fff;text-decoration:none;margin-left:15px;background:#fff url(images/button.gif) no-repeat scroll left top;height:20px;width:100px;border-style:none;cursor:pointer;display:block;text-align:center;padding-top:5px;}
#page_subhead h2{font:bold 14px Verdana,Arial,Helvetica,sans-serif;color:#005187;text-decoration:none;margin:0;padding:0 0 0 15px;}
#tools_subhead h2{font:bold 16px Verdana,Arial,Helvetica,sans-serif;color:#fff;text-decoration:none;margin:0;padding:0 15px;}
#flash_movie{background:url(images/temp.jpg) no-repeat scroll left top;height:269px;width:718px;float:left;}
#flash_movie2{background:#fff;height:135px;width:718px;float:left;}
#nav_level2{float:right;width:135px;background:#6697b7 url(images/bg_nav.gif) repeat-x scroll left top;height:300px;padding-top:80px;padding-left:15px;}
.table_cells{background:#fff;padding:3px;}
#examples h3{font:bold 16px Verdana,Arial,Helvetica,sans-serif;color:#3d7ba4;text-decoration:none;margin:0;padding:0;}
#content ul a,#content a,#content_tools ul a,#content_tools a{font:bold 12px/normal Verdana,Arial,Helvetica,sans-serif;color:#005da3;text-decoration:none;}
#content ul a:hover,#content a:hover,#content_tools ul a:hover,#content_tools a:hover{font:bold 12px/normal Verdana,Arial,Helvetica,sans-serif;color:#005da3;text-decoration:underline;}
#xpress_container{background:#ccdce7;float:center;}
#content_example a{font:normal 12px Verdana,Arial,Helvetica,sans-serif;color:#7aa4c1;text-decoration:none;}
#content_example a:hover{color:#005187;text-decoration:underline;}
.table_boarder{border:1px solid #055589;}
.submit-button{color:#fff;font-size:11px;font-family:Verdana,Arial,Helvetica,sans-serif;font-weight:bold;background:#6697b7;border:1px outset #38759c;cursor:pointer;width:32.5%;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;}
.top_link{font:bold 12px Arial,Helvetica,sans-serif;color:#3d7ba4;text-decoration:none;background:url(images/arrows.gif) no-repeat scroll left top;width:50px;padding-left:20px;}
.top_link:hover{font:bold 12px Arial,Helvetica,sans-serif;color:#3d7ba4;text-decoration:underline;background:url(images/arrow_s2.gif) no-repeat scroll left top;width:50px;padding-left:20px;}
.float_left{float:left;}
.back_link{font:bold 12px Arial,Helvetica,sans-serif;color:#3d7ba4;text-decoration:none;background:url(images/arrow_s3.gif) no-repeat scroll left top;width:100px;padding-left:20px;}
.back_link:hover{font:bold 12px Arial,Helvetica,sans-serif;color:#3d7ba4;text-decoration:underline;background:url(images/arrow_s.gif) no-repeat scroll left top;width:100px;padding-left:20px;}
#pdf_link{font:bold 12px Arial,Helvetica,sans-serif;color:#fff;text-decoration:none;background:#7aa4c1;text-align:center;padding-top:3px;padding-bottom:3px;}
#pdf_link a{color:#fff;text-decoration:none;}
.brand{background:url(images/icon_brand2.gif) no-repeat scroll left top;display:block;height:57px;width:81px;float:left;margin-top:10px;margin-right:15px;}
.brand:hover{background:url(images/icon_brand2.gif) no-repeat scroll left bottom;}
.web{background:url(images/icon_web2.gif) no-repeat scroll left top;display:block;height:57px;width:81px;float:left;margin-top:10px;margin-right:15px;}
.web:hover{background:url(images/icon_web2.gif) no-repeat scroll left bottom;}
.print{background:url(images/icon_print2.gif) no-repeat scroll left top;display:block;height:57px;width:81px;float:left;margin-top:10px;margin-right:15px;}
.print:hover{background:url(images/icon_print2.gif) no-repeat scroll left bottom;}
.proj{background:url(images/icon_proj2.gif) no-repeat scroll left top;display:block;height:57px;width:81px;float:left;margin-top:10px;margin-right:15px;}
.proj:hover{background:url(images/icon_proj2.gif) no-repeat scroll left bottom;}
.other{background:url(images/icon_other2.gif) no-repeat scroll left top;display:block;height:57px;width:81px;float:left;margin-top:10px;margin-right:15px;}
.other:hover{background:url(images/icon_other2.gif) no-repeat scroll left bottom;}
#link_bar{background:#6697b7;padding:0 10px;width:548px;}
#link_bar a{font:bold 12px Verdana,Arial,Helvetica,sans-serif;color:#d1e0ea;text-decoration:none;background:url(images/arrow.gif) no-repeat scroll 5px center;padding:5px 5px 5px 20px;display:block;float:left;width:245px;}
#link_bar a:hover{font:bold 12px Verdana,Arial,Helvetica,sans-serif;color:#fff;text-decoration:none;background:#005187 url(images/arrow_on2.gif) no-repeat scroll 5px center;padding:5px 5px 5px 20px;display:block;float:left;}
.table_head{font:bold 12px Verdana,Arial,Helvetica,sans-serif;color:#fff;text-decoration:none;background:#5289ad;padding:3px;}
.table_head_sm{font:bold 10px Verdana,Arial,Helvetica,sans-serif;color:#fff;text-decoration:none;background:#5289ad;padding:3px;}
.table_level2{background:#e5edf3;padding:3px;}
.table_level2a{background:#e5edf3;padding:2px;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:10px;font-weight:bold;text-decoration:none;color:#38759c;}
.approach_bg2{background-attachment:scroll;background-image:url(images/laptop.jpg);background-repeat:no-repeat;background-position:right bottom;margin:0;padding:0;}
#content h2,h2{font:bold 16px/normal Verdana,Arial,Helvetica,sans-serif;color:#004878;margin:0 0 10px 20px;padding:0;text-decoration:none;}
h2{margin-left:15px;}
.h2{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold;text-decoration:none;color:#38759c;}
.txtsmall{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:10px;color:#004878;text-decoration:none;}
.submit-button1{color:#fff;font-size:11px;font-family:Verdana,Arial,Helvetica,sans-serif;font-weight:bold;background:#6697b7;border:1px outset #38759c;cursor:pointer;padding:0;width:140px;}
.nav_webtools_sml{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:10px;font-weight:bold;color:#d1e0ea;text-decoration:none;}
.nav_webtools_sml_on{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:10px;font-weight:bold;color:#fff;text-decoration:none;}
.nav_webtools_lrg{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;color:#d1e0ea;text-decoration:none;padding-right:5px;padding-bottom:9px;padding-left:5px;font-weight:bold;}
.nav_webtools_lrg_on{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;color:#fff;text-decoration:none;padding-right:5px;padding-bottom:9px;padding-left:5px;font-weight:bold;}
.next_link{color:#7aa4c1;font:bold 12px Verdana,Arial,Helvetica,sans-serif;text-decoration:none;background:url(images/arrow_webtools_right2.gif) no-repeat scroll left center;padding-left:15px;display:block;float:left;}
#content_web{float:left;width:640px;background:#fff url(images/web_bg.jpg) no-repeat scroll right top;padding-right:150px;min-height:400px;height:auto!important;height:400px;}
#examples_area{float:left;width:605px;background:#e5edf3;margin:0;padding-left:35px;padding-bottom:10px;padding-top:20px;min-height:80px;height:auto!important;height:80px;}
#next a{font:bold 12px/12px Verdana,Arial,Helvetica,sans-serif;color:#fff;padding:6px 0 0 5px;margin:0;width:57px;height:20px;float:right;text-decoration:none;background:#6697b7 url(images/arrow_r.gif) no-repeat scroll right;}
#next a:hover{background:#6697b7 url(images/arrow_on2r.gif) no-repeat scroll right;color:#fff;text-decoration:none;font:bold 12px/12px Verdana,Arial,Helvetica,sans-serif;}
#previous a{font:bold 12px/12px Verdana,Arial,Helvetica,sans-serif;color:#fff;padding:6px 0 0 25px;margin:0;width:64px;height:20px;float:left;text-decoration:none;background:#6697b7 url(images/arrow_l.gif) no-repeat scroll left;}
#previous a:hover{background:#6697b7 url(images/arrow_on2l.gif) no-repeat scroll left;color:#fff;text-decoration:none;font:bold 12px/12px Verdana,Arial,Helvetica,sans-serif;}
#examples_area h4{font:bold 16px Verdana,Arial,Helvetica,sans-serif;color:#3d7ba4;text-decoration:none;margin:0;padding:0;}
#examples_area a img{text-decoration:none;margin-right:17px;border-style:none;margin-top:10px;}