@charset "utf-8";
/* CSS Document */
* {margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif;}
body {background:#160423 url(../images/main_bg.jpg) top center no-repeat; }
li {list-style-type:none;}
a {text-decoration:none; outline:none;}
a:hover {text-decoration:underline;}
a img {border:none;}
p {font:normal 14px/20px Arial, Helvetica, sans-serif;}
h1 {font:bold 36px/36px Arial, Helvetica, sans-serif; color:#333;}
h2 {font:normal 24px/24px Arial, Helvetica, sans-serif; color:#333;}
h2 span {font-size:16px;}
h2 em {font:normal 14px/24px Arial, Helvetica, sans-serif;}
h3 {font:bold 18px/18px Arial, Helvetica, sans-serif; color:#a51563; margin-bottom:15px;}
h4, h4 a {font:bold 14px/18px Arial, Helvetica, sans-serif; color:#333;}
h4 span {font-size:12px; font-weight:normal;}
.mtb10 {margin:10px 0px;}
.m10 {margin:10px;}
.bold {font-weight:bold;}
.left {float:left;}

.logo, #nav li a, #nav li:hover, .container_top, .container_btm, .need_web, .del, .fkr, .dig, .fcb, .stb, .gtk, .twt, .submit_btn, .selected {background:url(../images/sprite_03.png) no-repeat;}

#wraper {width:960px; margin:0px auto;}

#top {width:960px; height:135px;}
.logo {width:186px; height:78px; margin:26px 30px; float:left;}
.logo a {display:block; width:186px; height:78px; text-indent:-9999px;}
#nav {float:right; margin:80px 30px 0px 0px; height:38px;}
#nav li {float:left; width:135px; margin:0px 15px ;}
#nav li a {width:135px; height:38px; display:block;  text-align:center; text-indent:-9999px;}
#nav li a.nv_port{background-position:-187px 0px;}
#nav li a.nv_about{background-position:-187px -33px;}
#nav li a.nv_contact{background-position:-187px -66px;}
#nav li:hover, .selected {background-position:-614px -43px;}

.container_top {height:10px; width:960px; background-position:0px -107px;}
.container_bg{width:950px; background:url(../images/trans_bg.png) repeat-y; padding:0px 10px; float:left;}
.container_btm {height:10px; width:960px; background-position:0px -130px; float:left;  clear:both;}

.header {background:url(../images/header.jpg) no-repeat; width:940px; height:346px;}
#mid_panel {width:900px; margin-top:1px; padding:30px 20px 20px 20px; float:left;  background:url(../images/welc_bg.png) repeat-x bottom #f8f8f8;}
#welcome {width:509px; float:left; border-right:solid 1px #999; padding:0px 20px 0px 0px;}
#welcome .knw{height:34px; width:159px; background:url(../images/sprite_btn.png) no-repeat 0px -120px; display:block; margin:20px 0px 0px 0px; text-indent:-9999px;}
#welcome .knw:hover {background-position:0px -85px;}
.welc_ico {width:115px; height:102px; float:right; background:url(../images/sprite_02.png) no-repeat; margin-right:20px;}
#lt_project {width:350px; float:right; padding-left:20px;}
.date {font-size:12px; color:#333; margin:5px 0px; display:block;}
.new_ico, .lt_img {background:url(../images/sprite_02.png) no-repeat}
.more_btn {background:url(../images/sprite_btn.png) no-repeat 0px 0px; height:40px; width:150px; display:block; float:left; text-indent:-9999px;}
.more_btn:hover {background-position:0px -41px;}
.new_ico {background-position:-35px -100px; width:52px; height:52px; float:right;}
.lt_img {background:url(../images/lt_image.jpg) no-repeat; width:153px; height:138px; float:left; margin:10px 15px 0px 0px; display:block;}


#btm_container {width:920px; height:110px; padding:40px 20px; clear:both; background:url(../images/btm_bg.jpg) bottom center no-repeat;}
#btm_container p {color:#ccc;}
.btm_sec {width:300px; float:left;}
.need {width:240px; float:left;}
.connect {width:200px; padding:0px 80px; float:left; display:inline;}
.connect ul {float:left;}
.connect a {width:32px; height:32px; display:block;}
.del, .fkr, .dig, .fcb, .stb, .gtk, .twt {height:32px; width:32px; float:left; text-indent:-9999px; margin:0px 10px 10px 0px;  }
.del {background-position: -768px -3px;}
.fkr {background-position: -808px -3px;}
.dig {background-position: -848px -3px;}
.fcb {background-position: -888px -3px;}
.stb {background-position: -768px -47px;}
.gtk {background-position: -808px -47px;}
.twt {background-position: -848px -47px;}
.btm_sec share {float:left; height:32px; width:32px;}
.need_web {background-position:-340px 0px; width:250px; height:65px; text-indent:-9999px;}
.submit_btn {width:140px; height:25px; margin:10px 0px 0px 75px; background-position:-611px -4px; display:block; font-size:12px; color:#CCC; text-align:center; line-height:24px;}
.submit_btn:hover {text-decoration:none;}

#footer {width:100%; height:60px; background:#000;}
.ft_wrap {width:940px; margin:auto;}
.ft_nav {float:left; height:30px;}
.ft_nav li {float:left; padding:10px 15px;}
.ft_nav li a { font-size:18px; color:#808080;}
.copy {font-size:11px; color:#444; clear:both; padding:5px 15px;}

#title {background:url(../images/title_bg.png) repeat-x; width:900px; height:41px; padding:10px 20px;}
#content_bg {background:url(../images/content_bg.png) repeat-x top #ebebeb; width:930px; padding:15px 5px; float:left;}
.thumb_wrap {width:280px; height:265px; margin:15px; float:left; overflow:hidden;}
.thumb {width:270px; height:207px; border:1px solid #BDBDBD; background:#FFF; padding:4px;}
.thumb a {color:#666; font-weight:normal;}
.title {float:left; line-height:41px; text-shadow:0 1px 0 #f4f4f4;}
#p_nav {float:right; height:26px; margin:10px 10px;}
#p_nav li {float:left; margin:auto 2px;}
#p_nav li a {font:bold 12px/24px Arial, Helvetica, sans-serif; color:#333; text-decoration:none; width:83px; height:26px; display:block; padding-left:25px;}
#p_nav li a:hover, a.web_h { color:#FFF; }
.web:hover, .typ:hover, .ret:hover, .exp:hover, .pri:hover, .web_ico, .typ_ico, .ret_ico, .exp_ico,.pri_ico, .ps, .dw, .ai, .fl {background:url(../images/sprite2.png) no-repeat;}
.web:hover{background-position:0px -108px;}
.typ:hover{background-position:0px -54px;}
.ret:hover{background-position:0px -27px;}
.exp:hover{background-position:0px -81px;}
.pri:hover{background-position:0px -0px;}

#p_nav li a.web_h{background:url(../images/sprite2.png) no-repeat;background-position:0px -108px;  color:#FFFFFF;}
#p_nav li a.typ_h{background:url(../images/sprite2.png) no-repeat;background-position:0px -54px; color:#FFFFFF;}
#p_nav li a.ret_h{background:url(../images/sprite2.png) no-repeat;background-position:0px -27px; color:#FFFFFF;}
#p_nav li a.exp_h{background:url(../images/sprite2.png) no-repeat;background-position:0px -81px;  color:#FFFFFF;}
#p_nav li a.pri_h{background:url(../images/sprite2.png) no-repeat;background-position:0px -0px; color:#FFFFFF;}

.tag {float:right; height:18px; width:18px; display:block;  margin:10px 5px; text-indent:-9999px;}

.web_ico {background-position: -77px -135px;}
.typ_ico {background-position: -38px -135px;}
.ret_ico {background-position: -19px -135px;}
.exp_ico {background-position: -57px -135px;}
.pri_ico {background-position: -0px -135px;}

.thumb_l {width:617px; border:1px solid #CCC;  background:#FFF; padding:4px; clear:both;}
#lt_panel {width:625px; float:left; margin:5px 10px; padding-bottom:10px; display:inline;}
#lt_panel h3 {font:normal 18px/36px Arial, Helvetica, sans-serif; color:#333; padding:20px 0px 10px 0px; display:block;  margin:0px;}
#rt_panel {width:263px; margin:10px; float:right; display:inline;}
#rt_panel p {font:normal 12px/18px Arial, Helvetica, sans-serif; color:#333; padding:10px 0px 20px 0px; background:url(../images/dt_dvdr.png) repeat-x bottom;}
#rt_panel h3 {padding:10px 0px; background:url(../images/dt_dvdr.png) repeat-x bottom; color:#333; margin-bottom:0px;}
#platform li {display:block;  background:url(../images/dt_dvdr.png) repeat-x bottom; padding:10px 0px; }
#platform li span {padding-left:45px; display:block; height:30px; font:normal 16px/30px Arial, Helvetica, sans-serif; color:#666;}
.ps {background-position:-116px 0px;}
.dw {background-position:-116px -32px;}
.ai {background-position:-116px -64px;}
.fl {background-position:-116px -96px;}

.thumb_dt_wrap{width:195px;  float:left; margin-right:10px; text-align:center;}
.thumb_more {width:187px; height:144px; padding:4px; border:#bdbdbd 1px solid; background:#FFF;}
/*.thumb_dt_wrap span {text-align:center; margin:0px auto; font:normal 12px/18px Arial, Helvetica, sans-serif;}*/
.thumb_dt_wrap span {text-align:center; margin:0px auto; font:normal 12px/18px Arial, Helvetica, sans-serif; color:#000; font-weight:bold; padding-left:5px;}

.next {background:url(../images/next_pg_btn.png) no-repeat; height:30px; width:96px; display:block;}
.contact_form {text-align:left; float:left;}

.blktext{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#000000;
}
.inputfield, .inputselect, .inputfield_s{
border:1px solid #bbb;
width:200px;
height:22px;
background-color:#F7F7F7;
font-size:14px;
}
.inputfield_2{width:300px; border:1px solid #bbb; height:22px; background-color:#F7F7F7; font-size:14px; position:relative;}
.txtarea, .txtarea_s{
border:1px solid #bbb;
width:300px;
height:130px;
background-color:#F7F7F7;
}
.contact_form {margin:10px 0px 0px 0px;}

#form_list {margin:0px 0px 0px 30px; float:left;}
#form_list li {font-size:14px; clear:both; padding:10px 0px;}
#form_list li span.lable {display:block; float:left; width:100px; line-height:22px; text-align:right; margin-right:10px;}
.input {float:left;}
.requ {font-size:11px; color:#999; margin-left:5px;}


#email {height:30px; width:400px; border:1px solid #CCC; font:normal 18px/30px Arial, Helvetica, sans-serif; color:#666;}
#sbc_nav {width:400px; clear:both; display:block; float:left; clear:both;}
#sbc_nav dd {float:left; margin:15px 30px 0px 0px; display:block; display:inline;}

#sbc_btn {clear:both; display:block; margin:20px 0px 0px 0px;  background:url(../images/subscribe_btn.png) no-repeat; width:112px; height:34px; text-indent:-9999px; border:none; float:left; clear:both; }


.pg_avtive {text-decoration:none;font-family:Verdana; font-weight:bold; height:35px; background-image:url(../images/active.png); background-repeat:no-repeat; color:#000; font-size:12px; width:35px; position:relative; float:left; z-index:1000;  margin-top:-3px;}
.rt_con {width:243px; background:url(../images/rt_con_bg.png) repeat-x bottom; padding:0px 10px;}
h4.phone, h4.envp, .flr, .dart, .twtr, .stm, .fcbk {background:url(../images/sprite_contact.png) no-repeat}
h4.phone {background-position:200px 0px; font:normal 18px/18px Arial, Helvetica, sans-serif; color:#13477a; height:60px; padding:10px 0px 0px 0px;}
h4.envp { background-position:193px -85px; font:normal 18px/18px Arial, Helvetica, sans-serif; color:#13477a; height:60px; padding:10px 0px 0px 0px;}
h4.phone span {font:normal 18px/36px Arial, Helvetica, sans-serif; color:#333;}
h4.envp span a {font:normal 14px/36px Arial, Helvetica, sans-serif; color:#333;}
.flr {background-position: 0px -170px;}
.dart {background-position: 0px -277px;}
.twtr {background-position: 0px -226px;}
.stm {background-position: 0px -331px;}
.fcbk {background-position: 0px -440px;}
#platform a {color:#666;}

.hd_bg {background:url(../images/heading_bg.png) repeat-x; height:42px; font:normal 18px/42px Arial, Helvetica, sans-serif; margin:0px; display:block; color:#000;}
ul.skills {display:block; height:120px; padding-left:10px;}
ul.skills li {float:left; width:220px; margin:5px 30px 5px 0px; padding-left:17px; background:url(../images/arrow_1.png) left center no-repeat; font:normal 14px/18px Arial, Helvetica, sans-serif; color:#333;}
#lt_panel p {font:normal 14px/20px Arial, Helvetica, sans-serif; color:#333; margin:10px 0px;}
.subheading {color:#333; font-weight:normal;}

#lt_panel p {margin:15px 0px; text-align:justify;}