/*   
Theme Name: SaiAn007.com
Theme URI: SaiAn007.com
Description: website
Author: n/a
Author URI: n/a
Version: 1.0
.
n/a
.
*/

/* layout ---------*/
*{margin:0; padding:0;}
li{list-style:none;}
body{background:#333;text-align:center;font-size:12px;}
a img{border:none;}
#main,#header-inner,#footer,#carousel{width:1000px; margin:0 auto; text-align:left;clear:both;}
#main_inner{width:100%; float:left;}
#right_mid{width:800px;float:right;}
#mid{width:600px;float:left;}
#right{width:190px; float:right;}
#left{width:200px;float:left;}
br{border:1px solid #000;}

/* design ---------*/
/* header */
#header{background:#000 url(img/header-bg.jpg) top center no-repeat; height:106px;}
#header h1, #header p{display:none;}
#version{margin-left:703px;}
#version li{float:left;}
#version a{display:block;width:43px; height:46px; text-indent:-9999px; margin-left:30px; margin-top:55px;}
#swf{clear:both;background:url(img/swf-bg.gif) repeat-x; height:158px; padding-top:9px; margin-bottom:5px; text-align:center;}

/* common styling */
.menu {position:relative; z-index:100;background:url(img/menu-bg.gif);height:32px;margin:0;}
.menu ul {padding-top:3px; list-style:none; margin:0 auto; width:1000px;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; width:100px; height:23px; text-align:center; color:#fff; overflow:hidden; font:bold 14px/23px vernda;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#000; background:#ff3}
.menu ul li:hover ul {display:block; position:absolute; top:20px; left:0; width:100px; }
.menu ul li:hover ul li a.hide {}
.menu ul li:hover ul li:hover a.hide {}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:url(img/bg.gif); color:#fff;font:12px/24px vernda; border:1px solid #000; border-top:none;}
.menu ul li:hover ul li a:hover {background:#ff0; color:#000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}


/* main */
.home #main h1{display:none;}

.box{width:189px; background:url(img/box-bg.gif); margin-bottom:10px;}
.box-top{background:url(img/box-top-bg.gif) no-repeat top; padding-top:20px;}
.box-bot{background:url(img/box-bot-bg.gif) no-repeat bottom; padding-bottom:30px;}
.box h3{text-indent:-9999px; width:189px; height:43px;}
#company-service{background:url(img/h2-company.gif) no-repeat;}
#personal-service{background:url(img/h2-personal.gif) no-repeat;}
#search{background:url(img/h2-search.gif) no-repeat;}
#links{background:url(img/h2-links.gif) no-repeat;}
#tel{background:url(img/h2-tel.gif) no-repeat;}
#fax{background:url(img/h2-fax.gif) no-repeat;}
#email{background:url(img/h2-email.gif) no-repeat;}
#qq{background:url(img/h2-qq.gif) no-repeat;}
#msn{background:url(img/h2-msn.gif) no-repeat;}
#law{background:url(img/h2-law.gif) no-repeat;}

.services li{margin-left:18px;margin-right:18px;padding-bottom:2px; background:url(img/item1-bg.gif) repeat-x bottom; margin-bottom:3px;}
.services a{display:block; width:153px; height:24px; font:14px/24px verdana; color:#FFF8C1; text-decoration:none;text-align:center;}
.services a:hover{background:#000; font-weight:bold;}


.search-forms{font:bold 12px/2 verdana; color:#ccc; text-align:center;}
.search-forms form {margin:0 18px;background:url(img/item1-bg.gif) repeat-x bottom; padding-bottom:7px;}
.t{border:none; background:#fff; width:130px;height:21px; line-height:21px;padding:0 3px;}
.b{font:bold 12px/2 verdana; color:#ccc; text-align:center; border:none; background:#222; width:55px; height:24px; line-height:24px; cursor:hand;}

.list-link li{text-align:center;}
.list-link a{font:12px/2 verdana; color:#fff; text-decoration:none; }
.list-link a:hover{text-decoration:underline; color:#ff3;}

.list-contact{margin:0 18px 10px 18px;}
.list-contact li{font:bold 14px/1.5 verdana; color:#FFF2AC; background:url(img/item1-bg.gif) repeat-x bottom; padding-bottom:2px; padding-left:5px; margin-top:8px;}
.list-contact ul li{font:bold 12px/2 verdana; color:#fff; background:url(img/list1.gif) no-repeat left center; padding-left:20px; margin-left:5px;}
.list-contact a{color:#fff; text-decoration:none;}
.list-contact a:hover{text-decoration:underline;}
.list-contact .no-pre{background:none; padding-left:0;}


/* mid */
#mid{background:url(img/mid-bg.gif) left repeat-y;}
#mid-top{background:url(img/mid-top-bg.gif) no-repeat top left; padding-top:5px;}
#mid-bot{background:url(img/mid-bot-bg.gif) no-repeat bottom left; padding-bottom:4px; min-height:1460px;}
#mid-inner{padding:10px;}

.box2{border:2px solid #000; background:#333;color:#eee;}
.box2-inner{border:1px solid #5E5A54}
.box2 h1{background:url(img/h1-bg.gif) no-repeat bottom; font:bold 16px/2 verdana; color:#ff0; padding-left:29px; clear:both;}
.box2 h2{background:url(img/item1-bg.gif) bottom repeat-x; padding-bottom:5px; font:bold 22px/2 verdana; margin:10px auto; text-align:center; color:#42FE00}
.box2 p{font:14px/1.5 verdana; margin:10px 15px; text-align:justify; text-justify:distribute;}
.box2 ul li{background:url(img/list2.gif) no-repeat left center;font:13px/1.5 verdana; margin:5px 15px; padding-left:20px; color:#ddd;}
.box2 a{color:#fff;}
.box2 a:hover{text-decoration:none; color:#ff0;}


.box2 ol{float:left; width:100%;}
.box2 ol li{width:165px; margin:5px 10px; float:left;}
.box2 ol img{padding:1px; border:2px solid #111; background:#5E5A54;}


.post-block{float:left; width:279px;border:2px solid #000; margin:10px 5px 0 0; background:#2e2e2e;}
.post-block div{background:url(img/item1-bg.gif) top repeat-x; padding-top:2px; clear:both;}
.post-block span a{float:left; display:block; width:93px; font:bold 14px/2 verdana; color:#fff; text-align:center; text-decoration:none;}
.post-block span a:hover, .selected{background:#111;color:#F9D14B; }
.post-block div a{font:12px/2.5 verdana; color:#fff; text-decoration:none;background:url(img/list2.gif) no-repeat left center; padding-left:20px;margin-left:10px;}
.post-block div a:hover{text-decoration:underline;}



#mid table{color:#000;	border-collapse:collapse;	border:1px solid #CCCCCC;	font:12px/1.5 Verdana, Arial, Helvetica, sans-serif; background:#eee;	margin:0 5px;}
#mid table td{	padding:1px 3px;	border:1px solid #CCCCCC;	}
#mid table th{	border:1px solid #CCCCCC;	padding:1px 3px;	background:#000;	color:#FFFFFF;	font-weight:bold;	}

.list-posts li{background:url(img/list2.gif) left center;}
.list-posts a{font:14px/2 verdana;}
.list-posts span{font:11px/2 tahoma; color:#ccc;}

/* footer */
#demo, #dem{
margin: 0px auto; background:url(img/movie_bg.gif) repeat-x; overflow: hidden; width: 1004px; clear: both; padding-top: 14px; height:155px; }

#demo1,#dem1{float:left;}
#demo2,#dem2{float:left;}
#democontainer,#demcontainer{width:10950px;}

#footer{background:#000;border-top:1px solid #ccc; font:12px/2 verdana; color:#ccc; text-align:center;}
#footer-inner{margin:10px;}
#footer li{float:left; width:300px;}


/*------------------------------------------------------------*/
/* classes ---------*/
.blue{color:blue;}
.red{color:red;}
.right_pic{float:right; margin-left:10px; background:#FFFFFF; padding:3px; border:1px solid #CFB074;}
.pic{padding:3px; background:#fff; border:1px solid #CFB074;}
.clear{clear:both;}
.none{display:none;}
.yellow{color:yellow;}
.float_left{float:left; margin-right:5px; background:#5E5A54; padding:1px; border:2px solid #111;}
.post-edit-link{color:#fff; font:14px/2 verdana;}