/* CSS Document */

body { margin:0px; padding:0px; background:#31363e; font:normal 12px/18px Verdana, Arial, Helvetica, sans-serif; color:#3c3d3e;}

.MastContain {background:#f3f1e9 url(../Images/Topbg.png) left 0px repeat-x;}
.Masthead { width:780px; height:94px; margin:auto; overflow:hidden;}
.logocontain { padding:5px 0px 0px 20px; width:225px; float:left;}
.containerBg {background:#31363e; width:780px; margin:auto;}
#box{width:760px; padding:10px; margin:auto; height:auto; background: #FFF url(../Images/containerBg.png) repeat-x 0 -5px}
#box1 {width:760px; padding:10px; margin:auto; height:auto; background: #FFF;}

.W500 { width:500px;}
.W210 { width:210px;}

.HmBnrcontain { background:#FFF; }
ul#split, ul#split li{margin:0px; padding:0px; list-style:none;}
ul#split li{float:left; width:239px; margin:0px 10px 0px 0px}
ul#split p{margin:0; padding:3px 5px 5px 12px; background:url(../Images/bullet1.gif) left center no-repeat; color:#4d4f50;}
ul#split p a{color:#4d4f50; text-decoration:none;}
ul#split p a:hover {color:#f55e00; text-decoration:underline;}
ul#split div{margin:0; padding:0px 5px 0px 10px;}
ul#split h3{font: bold 18px/25px Verdana, sans-serif; margin:0px 10px ; padding: 0px 0px 10px 0px; color: #5b5d5f}
ul#split h1{font: normal 11px Arial, Helvetica, sans-serif; margin: 5px 0px; padding:0px; background:url(../Images/line.gif) center left repeat-x;  width:auto; text-align:right;}
ul#split h1 a{background:#FFF; text-decoration:none; margin: 0px; padding:0px 10px 0px 10px; color:#FF0000;}
ul#split h1 a:hover {text-decoration:underline;  color:#1769ff;}

.FtrWhite { background:#FFF; height:5px; width:770px; margin:auto; padding:5px;}
.footerBg { background:#31363e url(../Images/BtmBg.png) bottom left repeat-x; height:100px; width:auto; margin:0px; font:normal 12px  Arial, Verdana, Helvetica, sans-serif; color:#ececed; clear:left;}

.footer { padding:15px 0px 0px 0px; text-align:center; width:760px; margin:auto;}
.footer a { text-decoration:none; color:#ebebec; padding:10px;}
.footer a:hover { color:#ffb922;}

.Crights { padding:10px 0px 0px 0px; text-align:center; width:760px; margin:auto; font:normal 11px  Arial, Verdana, Helvetica, sans-serif; color:#adafb2}
.Crights a { text-decoration:none; color:#adafb2; padding:2px;}
.Crights a:hover { color:#ffb922; font:normal 11px Arial, Helvetica, sans-serif;}

.TopmenuContain {margin:55px 5px 10px 15px; float:right; width:510px; color:#FFFFFF; height:40px; text-align:right; }

.SubmenuContain { background:#41241c; height:60px; border-left:#FFF 2px solid; border-right:#FFF 2px solid;}
ul#Submenu, ul#Submenu li { margin:0px; padding:0px; list-style:none; font: bold 12px/16px Arial, Helvetica, sans-serif; color:#FFF; text-align:center;}
ul#Submenu li { float:left; width:auto; }
ul#Submenu li a { background:#41241c; width:130px; padding:14px 10px 14px 10px ; margin:0px; display:block; font: bold 12px/16px Arial, Helvetica, sans-serif; color:#e3dedd; text-decoration:none;}
ul#Submenu li a:hover { background:#20120e url(../Images/SM_arrow.gif) bottom center no-repeat; color:#FFF;}
#Submenu .SubmenuActive a { background:#20120e url(../Images/SM_arrow.gif) bottom center no-repeat; color:#FFF;}
ul#Submenu li.separator {float:left; border-right:#d0cecb 1px solid; height:60px;}

.Img_Home{ background:url(../Images/Img_home.jpg) left top no-repeat; height:280px; border:#FFFFFF 2px solid;}
.Img_portfolio{ background:url(../Images/Img_portfolio.jpg) left top no-repeat; height:175px; border-bottom:#FFF 1px solid; border-left:#FFF 2px solid; border-top:#FFF 2px solid; border-right:#FFF 2px solid; }
.Page_Img {border:#FFF solid; border-width:2px 2px 1px;}

/*border: 1px solid; border-color: #aaa #666 #666 #aaa;

.Img_Hm_Icon1 { background:#FFF url(../Images/Web.gif) right 10px no-repeat; }
.Img_Hm_Icon2 { background:#FFF url(../Images/Photo.gif) 160px 10px no-repeat; }
.Img_Hm_Icon3 { background:#FFF url(../Images/art.gif) right 10px no-repeat; }
*/

.PageTitle { font:bold 30px Arial, Helvetica, sans-serif; color:#000; padding:15px 15px 0px 28px;}

#SubLink { font:bold 14px/50px Arial, Helvetica; color:#000; padding:5px 15px 0px 15px; border-bottom:#41241c 1px dotted;}
#SubLink a { font:bold 14px/50px Arial, Helvetica; color:#000; padding:00px 15px 8px 15px; text-decoration:none;}
#SubLink a:hover { color:#023f9f;  text-decoration:none; background:url(../Images/sublink_line.gif) bottom center no-repeat;}
#SubLink .SubLinkActive {font:bold 14px/50px Arial, Helvetica; color:#b60d04; text-decoration:none; background:url(../Images/sublink_line.gif) bottom center no-repeat;}


.UIContain { width:760px; height:225px; overflow:hidden; border-bottom:#f2f2f2 1px solid; margin-top:20px;}
.WebBg3 {background:#FFF url(../Images/Web_bg3.jpg) top left no-repeat;}
.UIBg {float:left; border:#d3f2f8 12px solid; background:#FFF; padding:1px; line-height:0px; margin:21px 25px; }

.WebInterfaceContain  {width:760px; margin:15px 0px 0px 0px; } /*border-bottom:#f2f2f2 1px solid;*/
.webimg {width:400px; float:left; padding:22px 25px; background:url(../Images/Web_bg3.jpg) top left no-repeat;}
.webimg p {border:#d3f2f8 12px solid; background:#FFF; margin:1px; text-align:center;}
.webimg img {padding:1px; }

.webinfo {width:295px; float:left; padding:15px 15px 15px 0px; font:normal 12px/18px Verdana, Arial; color:#4c4c4c; text-align:justify;}
.webinfo p {font:bold 18px/22px Verdana, Arial; color:#ef6611; margin:5px 0px; border-bottom:#CCCCCC 1px dashed;}
.webinfo a {font:normal 12px/22px Verdana, Arial; color:#d20000; text-decoration:underline; padding:0px 20px 0px 0px; background:url(../Images/go.gif) right 4px no-repeat;}
.webinfo a:hover {text-decoration:none; color:#0059d1;}
.webinfo ul {margin:0px; padding:0px;}
.webinfo li { background:url(../Images/bullet1.gif) left 12px no-repeat; list-style:none; font-weight:bold; margin:0px; padding:5px 0px 0px 15px;}

.KisokBg { background:url(../Images/Web_bg3.jpg) top left no-repeat; width:450px; height:220px; overflow:hidden; margin:0px;}

.KisokBgSub { background: url(../Images/Web_bg2.jpg) top left no-repeat; width:450px; height:140px; overflow:hidden; margin:0px;}
.Kisokimg { width:400px; float:left; padding:22px 25px;}
.Kisokimg p { border:#d3f2f8 12px solid; margin:1px; text-align:center;}
.Kisokimg img { padding:1px; }

.Others { float:left;}
.Others h3 {font:bold 18px/25px Verdana, Arial; color:#ec0000; padding-left:25px; border-bottom:#cccccc 1px dotted;}
.Others span {font:normal 11px/25px Verdana, Arial ; color:#000;}
.OthersBg { background:#FFF url(../Images/others_bg.jpg) top left no-repeat; width:230px; height:150px; overflow:hidden; margin:0px;}
.OthersBg p {border:#d3f2f8 12px solid; background:#FFF; text-align:center; margin:22px 25px;}
.OthersBg img {padding:1px; }

.Identity { width:100%;}
.Identity h4 {margin:30px 15px 8px 15px; border-bottom:#afb2b5 1px dotted; padding:5px 0px 5px 10px; background:#f7f7f7; }
.Identity div { float:left; margin:10px 15px 25px 15px; border:#454850 1px dotted; background:#FFF;}
.Identity img { padding:5px;}
.Identity span {padding-left:5px;}
.Identity a { font:normal 11px/25px Arial, Verdana; color:#ec0000; text-decoration:underline;}
.Identity a:hover {color:#0059d1; text-decoration:none;}
.Identity p { margin:0px 10px 0px 25px; padding:0px; font:normal 12px/18px  Verdana, Arial; color:#3c3d3e; clear:both;}

.Art { width:100%;}
.Art div { float:left; margin:10px 38px 25px 15px; border:#5a5f6f 1px dotted; background:#FFF;}
.Art img { padding:15px;}
.Art p {padding:0px 12px 10px 12px; margin:0px;  color:#3c3d3e;}

.service { width:100%;}
.service div { float:left; margin:10px 12px 15px 0px; border:#5a5f6f 1px dotted; background:#FFF;}
.service img { padding:7px; margin:0px;}
.service p {padding:0px 12px 10px 12px; margin:0px; color:#c3004a; font-weight:bold;}
.service p a {color:#c3004a; text-decoration:none;}
.service p a:hover {color:#1769ff;  text-decoration:underline;}

.txt12BL {font:normal 12px/18px Verdana, Arial; color:#0355aa;}
.txt12BL a {font:normal 12px/18px Verdana, Arial; color:#0355aa; text-decoration:underline; padding:5px;}
.txt12BL a:hover {color:#c22203; text-decoration:none; }

.txt12BR {font:bold 12px Verdana, Arial; color:#ec0000;}
.txt18R {font:normal 18px/25px Arial, Verdana; color:#242424;}
.txt18M {font:normal 18px/25px Arial, Verdana; color:#c3004a;}
.txt18BR {font:bold 18px/25px Verdana, Arial; color:#ec0000;}
.txt18BB {font:bold 18px/25px Verdana, Arial; color:#242424;}
.txt24BB {font:bold 24px/30px Verdana, Arial;}
.txt24BR {font:normal 28px/30px Arial, Verdana; color:#ec0000;}

.brdL { border-left:#d0cecb 1px solid;}
.brdR { border-right:#d0cecb 1px solid;}
.brdB1 {border-bottom:#f2f2f2 1px solid;}

.brdR { border-right:#d0cecb 1px solid;}
.bgWhite { background:#FFF;}
.H20 { height:20px; line-height:20px;}
.H40 { height:40px;  line-height:40px;}
.txt9 { font:normal 9px Arial, Helvetica, sans-serif;}
.ClearBoth { clear:both;}
.fltLeft { float:left}
.brdB {border-bottom:#cccccc 1px dotted;}
.w100 { width:100%;}


.servicecontain { background:#FFF; height:auto;}

ul#spliter, ul#spliter li{margin:0px; padding:0px; list-style:none;}
ul#spliter li{float:left; width:325px; margin:0px 10px 0px 0px}
ul#spliter p{margin:0; padding:3px 5px 5px 12px; background:url(../Images/bullet1.gif) left center no-repeat; color:#4d4f50;}
ul#spliter p a{color:#4d4f50; text-decoration:none;}
ul#spliter p a:hover {color:#f55e00; text-decoration:underline;}
ul#spliter div{margin:0; padding:0px 5px 0px 10px;}
ul#spliter h3{font: bold 18px/25px Verdana, sans-serif; margin:0px 10px ; padding: 0px 0px 10px 0px; color: #5b5d5f}
ul#spliter h1{font: normal 11px Arial, Helvetica, sans-serif; margin: 5px 0px; padding:0px; background:url(../Images/line.gif) center left repeat-x;  width:auto; text-align:right;}
ul#spliter h1 a{background:#FFF; text-decoration:none; margin: 0px; padding:0px 10px 0px 10px; color:#FF0000;}
ul#spliter h1 a:hover {text-decoration:underline;  color:#1769ff;}

.txt12Link {text-decoration:underline; color:#FF0000;}
.txt12Link:hover {text-decoration:none;  color:#1769ff;}

.NoItem {font:bold 14px/25px "Trebuchet MS", Verdana; color:#FFF; background:#e66b28; padding:4px; text-align:center; width:100%; }
.error { font-weight:bold; color:#FF0000; background:#; padding:5px;}
