html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	outline:none;
	
}
/*img, div, td ,h1,li,a,ul{ 
	behavior: url(lib/config/iepngfix.htc);
}*/

img {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader();
}


body {
	font-family:"Times New Roman", Times, serif;
	font-size: 14px;
	background:#272727 url(../images/bg.jpg) no-repeat fixed center top;
	color: #7d7d7d;
}
label {
	font: bold 100% Arial, Helvetica, sans-serif;
	width: 200px;
	float: left;
	display: block;
	padding: 5px 0 0;
}
h2,h3 {
	color:#CCCCCC;
}
a {
	color:#CCCCCC;
	text-decoration:none;
}
a:hover {
	color:#fefefe;
	
}

ul, ol {
	margin-left:20px;
	padding:0;
}
.spacer {
	font-size:0;
	line-height:0;
}
#container_body {

}
/*------------------------------------------------body--------------------*/

#container {
	width:960px;
	padding:0px;
	margin:auto;

}
/*------------------------------------------------header--------------------*/
#header {
	width:960px;
	height:130px;
	margin:0 auto;
	z-index:1000;
	float:left;
	background:url(../images/head-line.png) 0 127px repeat-x;
}
#logo {
	position:absolute;
	width:400px;
	height:90px;
	background:url(../images/logo.png) 0 0 no-repeat;
}
#header h1 {
	margin:30px 0 0 10px;
	display:none;
}
#header p {
	font:normal 12px/19px Arial, Helvetica, sans-serif;
	color:#fff;
	position:absolute;
	margin:60px 0 0 13px;
	display:none;
}

#job-open{
	margin-top:-10px;
	height:110px; 
	width:128px;
	float:right;
	background:url(../images/job_openings.png) right top no-repeat;
	text-indent:-9999px;
}
#header ul {
	height:30px;
	float:right;
	padding:0 10px 0 10px;
	margin-top:95px;
	margin-right:-130px;
	list-style:none;
}
#header ul li {
	float:left;
	padding:0px;
}
#header ul li a.home {
	background-image:url(../images/main-menu-home.png);
	width:69px;
	height:30px;
	text-indent:-5000px;
	float:left;
}
#header ul li a.home-act {
	background-image:url(../images/main-menu-home-act.png);
	width:69px;
	height:30px;
	text-indent:-5000px;
	float:left;
}
#header ul li a.home:hover {
	background-image:url(../images/main-menu-home-act.png);
}
#header ul li a.about {
	background-image:url(../images/main-menu-about.png);
	width:76px;
	height:30px;
	text-indent:-5000px;
	float:left;
}
#header ul li a.about-act {
	background-image:url(../images/main-menu-about-act.png);
	width:76px;
	height:30px;
	text-indent:-5000px;
	float:left;
}
#header ul li a.about:hover {
	background-image:url(../images/main-menu-about-act.png);
}
#header ul li a.portfolio {
	background-image:url(../images/main-menu-portfolio.png);
	width:113px;
	height:30px;
	text-indent:-5000px;
	float:left;
}
#header ul li a.portfolio-act {
	background-image:url(../images/main-menu-portfolio-act.png);
	width:113px;
	height:30px;
	text-indent:-5000px;
	float:left;
}
#header ul li a.portfolio:hover {
	background-image:url(../images/main-menu-portfolio-act.png);
}
#header ul li a.lab {
	background-image:url(../images/main-menu-lab.png);
	width:61px;
	height:30px;
	text-indent:-5000px;
	float:left;
}
#header ul li a.lab-act {
	background-image:url(../images/main-menu-lab-act.png);
	width:61px;
	height:30px;
	text-indent:-5000px;
	float:left;
}
#header ul li a.lab:hover {
	background-image:url(../images/main-menu-lab-act.png);
}
#header ul li a.blog {
	background-image:url(../images/main-menu-blog.png);
	width:69px;
	height:30px;
	text-indent:-5000px;
	float:left;
}
#header ul li a.blog-act {
	background-image:url(../images/main-menu-blog-act.png);
	width:69px;
	height:30px;
	text-indent:-5000px;
	float:left;
}
#header ul li a.blog:hover {
	background-image:url(../images/main-menu-blog-act.png);
}
#header ul li a.contact {
	background-image:url(../images/main-menu-contact.png);
	width:95px;
	height:30px;
	text-indent:-5000px;
	float:left;
}
#header ul li a.contact-act {
	background-image:url(../images/main-menu-contact-act.png);
	width:95px;
	height:30px;
	text-indent:-5000px;
	float:left;
}
#header ul li a.contact:hover {
	background-image:url(../images/main-menu-contact-act.png);
}
#header ul li a.service {
	background-image:url(../images/main-menu-service.png);
	width:101px;
	height:30px;
	text-indent:-5000px;
	float:left;
}
#header ul li a.about {
	background-image:url(../images/main-menu-about.png);
	width:66px;
	height:30px;
	text-indent:-5000px;
	float:left;
}
#header ul li a.frq {
	background-image:url(../images/main-menu-frq.png);
	width:63px;
	height:30px;
	text-indent:-5000px;
	float:left;
}
#banner {
}
/*------------------------------------------------body--------------------*/
#body-top {
	width:960px;
	margin:0 auto;
	height:0px;
}
/*------------------------------------------------body--------------------*/

#form-bs label {
	font: bold 100% Arial, Helvetica, sans-serif;
	width: 150px;
	float: left;
	display: block;
	padding: 5px 0 0;
}

/*-----------------------------------------------------------------------------*/
#body-main-top {
	width:960px;
	float:left;
	margin:0 auto;
}
#body-main-top .top {
}
#body-main-top .body {
	width:960px;
	float:left;
	background:url(images/body-main-body.png) 0 0 repeat-y;
}
#body-main-top .bg {
	float:left;
}
#body-main-top .bottom {
	height:30px;
}
.last-work {
	width:609px;
	float:left;
	margin-top:20px;
}
.last-work h2.last-work-header {
	background:url(../images/last-works.png) -10px top no-repeat;
	width:183px;
	height:30px;
	text-indent:-5000px;
}
.last-work ul, .lase-work ul li {
	margin-top:4px;
	margin-left:4px;
	list-style:none;
}
.last-work-slide {
	text-align:right;
}
.last-work-slide a.work-slide-l {
	background:url(../images/slide-b.png) left top no-repeat;
	width:20px;
	height:20px;
	text-indent:-5000px;}
.last-work-slide a.work-slide-r {
	background:url(../images/slide-f.png) left top no-repeat;
	width:20px;
	height:20px;
	text-indent:-5000px;
}
	span#prevBtn{
		background:url(../images/slide-b.png) left top no-repeat;
		width:20px;
		height:20px;
		text-indent:-5000px;
		float:right;
	}
	span#nextBtn{
		background:url(../images/slide-f.png) left top no-repeat;
	width:20px;
	height:20px;
	text-indent:-5000px;
	float:right;
	}
	
.last-work-slide span.view-slide-more {
	/*background:url(../images/view-more-works.png) left top no-repeat;*/
	width:140px;
	height:23px;
	text-indent:-5000px;
}
.mod-about {
	width:320px;
	float:right;
	padding:20px 0 0 20px;
	margin-top:20px;
}
.header-content-about {
	background:url(../images/content-header-about.png) left top no-repeat;
	width:210px;
	height:45px;
	text-indent:-5000px;
}
.header-content-service {
	background:url(../images/content-header-service.png) left top no-repeat;
	width:100%;
	height:45px;
	text-indent:-5000px;
	margin-top:20px;
	float:left;
}
.header-content-blog {
	background:url(../images/content-header-blog.png) left top no-repeat;
	width:210px;
	height:45px;
	text-indent:-5000px;

}
.header-content-lab {
	background:url(../images/content-header-lab.png) left top no-repeat;
	width:210px;
	height:45px;
	text-indent:-5000px;

}

.header-content-portfolio {
	background:url(../images/content-header-folio.png) left top no-repeat;
	width:210px;
	height:45px;
	text-indent:-5000px;
}

.head-content-social {
	background:url(../images/content-header-solial.png) left top no-repeat;
	width:301px;
	height:45px;
	text-indent:-5000px;
	margin-top:20px;
	float:left;
}

/*-----------------------------------------------------------------------------*/
#body-main {
	width:960px;
	float:left;
	margin:0 auto;
	margin-top:10px;
}
#body-main .top {

	width:960px;
	float:left;
}
#body-main .body {
	width:960px;
	float:left;
}
#body-main .bg {
	width:960px;
	float:left;
}
#body-main .bottom {
	height:30px;
	
	width:960px;
	float:left;
	}
/*------------------------------------------------bodyBottom--------------------*/


#body-bottom {
	margin-top:10px;
	width:960px;
	float:left;
}
#body-bottom .top {
}
#body-bottom .body {
	width:960px;
	float:left;
}
#body-bottom .bottom {
}
/*------------------------------------------------Right end-------------------*/
#right {
	width:335px;
	float:right;
}
#right .right-box {
	width:335px;
	float:right;
}
#right .right-box .top {
	width:335px;
	float:left;
}
#right .right-box .body {
	width:335px;
	float:left;
}
#right .right-box .body .bg{
	width:335px;
	float:left;
}
#right .right-box .bottom {
	width:335px;
	float:left;
}
#right .right-box p {
	float:right;
	width:335px;
}
/*------------------------------------------------Right end-------------------*/

/*------------------------------------------------content start --------------------*/
#main-content{
	width:600px;
	float:left;
	margin:0;
	padding:0;
}
#main-content .content {
	width:600px;
	float:left;
	display:block;
	margin:0;
	padding:0;
}
#main-content .content .top {
	width:600px;
	float:left;
}
#main-content .content .body {
	float:left;
	width:600px;
}
#main-content .content .body .bg{
	margin:0 5px;
	padding:0;
	float:left;
	width:590px;
}
#main-content .content .bottom {
	width:600px;
	float:left;
	width:100%;
	background:url(../images/head-line.png) repeat-x left 7px;
	height:10px;
	margin-bottom:10px;
}
#main-content .content h2 {
	font: bold 22px Arial, Sans-Serif;
}
/*------------------------------------------------footer--------------------*/
#footer {
	width:960px;
	margin:20px auto;
	float:left;
	background:url(../images/head-line.png) left top repeat-x;
}
#footer .top {
}
#footer .body {
	width:960px;
	height:40px;
	float:right;
}
#footer .bottom {

}
#footer ul li a:hover {
}
#footer .copyright {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	margin:15px 0 0 20px;
	width:800px;
	padding:0px;
	height:15px;
}
#footer .design {
	font:bold 11px/19px Arial, Helvetica, sans-serif;
	color:#000000;
	margin:10px 0 0 20px;
	padding:0 0 0 0px;
	height:15px;

}
#footer .power-by {
	width:130px;
	height:30px;
	float:right;
	margin:10px 0 0 0;
	background:url(../images/sampc.png) right top no-repeat;
}
#footer a.subscribe {
	font:normal 11px/12px Arial, Helvetica, sans-serif;
	color:#B9B99D;
	text-decoration:underline;
	width:50px;
	padding:0 0 0 18px;
}
#footer a.subscribe:hover {
	color:#9CCC37;
	text-decoration:none;
}
#xhtml {
	width:85px;
	height:31px;
	float:right;
	margin-top:21px;
	margin-right:10px;
}
#w3c-css {
	width:85px;
	height:31px;
	float:right;
	margin-top:21px;
	margin-right:10px;
}
#footer a.cs:hover { /*background:url(images/css_bg_hover.gif) 0 0 no-repeat; */
}
#footer p.design a {
	text-decoration:none;
}
#footer p.design a:hover {
}
/*------------------------------------------------footer--------------------*/
.applyfield {
	width: 445px;
	height: 80px;
}
.indent {
	margin-left: 205px;
	clear: both;
}
.submitbtn {
	border: solid 1px #999999;
	padding:30px 0 50px 0;
	width:100px;
	height:40px;
	margin:20px 205px;
	color:#6d0019;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
}

.social-icon li{
	width:100px;
	float:left;
	margin-top:3px;
	padding-left:25px;
	list-style:none;
}

.list-service li{
	background:url(../images/tic-true.png) left top no-repeat;
	margin-top:3px;
	padding-left:20px;
	list-style:none;
	float:left;
	width:100%;
}

.show-last-work{
	width:600px;
	height:300px;
	float:left;
	overflow:hidden;
	border:#999999 solid 4px;
}
.show-last-work ul{
	margin:0;
}
.show-last-work li{
	float:left;
}

.show-portfolio{
	width:100%;
	float:left;
}
.show-portfolio ul{	
	margin:0;
	padding:0;
	float:left;
}
.show-portfolio li {
	width:425px;
	height:400px;
	float:left;
	list-style:none;
	margin:20px 25px;
	padding:0;
	
	}
.show-portfolio ul li h3{
	font-size:28px;
}
.show-portfolio ul li img{border:3px solid #fefefe; margin:10px 0 0 0;}

.show-portfolio ul ul{ margin-top:10px;}
.show-portfolio li li{height:15px;margin:0;}
.show-portfolio li li span{ font-weight:bold;}
ul {margin-left:20px;}