@charset "utf-8";
/* CSS Document */

body {
    text-decoration:none;
	margin:30px 0 0 0;

}


a  {
	outline:none;
	text-decoration:none;
}

.all {
	display:block;
	width:980px;
	font-size: 12px;
	margin:auto;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
}


.top  {
	display:block;
	height:55px;
	margin:0;
	padding:0;		
}

.top ul  {
	display:block;
	height:55px;
	margin:0;
	padding:0;
	list-style:none;	
}

.top li  {
	display:block;
	height:55px;
	margin:0;
	padding:0;
	float:left;	
}

.top_home_bn  {
	display:block;
	height:55px;
	width:210px;
	margin:0 30px 0 0;
	padding:0;
	background: url('../images/logo.png'); background: none, url('../images/logo.svg');
	background-repeat:no-repeat;
	background-position:left top;
}


.mainbox  {
	display:block;
	width:980px;
	padding:0 0 70px 0;
	height:510px;
	background-image:url(../images/bg.jpg);
	background-position:bottom;
	background-repeat:repeat-x;	
}





.bottom  {
	display:block;
	width:245px;
	height:15px;
	margin:10px  30px 0 705px;
	background: url('../images/bg_copyright.png'); background: none, url('../images/bg_copyright.svg');
	background-repeat:no-repeat;

}



/*-------index page----------*/
.indexbox  {
	display:block;
	width:565px;
	height:440px;
	margin:0 0 0 120px;
	padding:65px 80px 0 215px;
	background-image:url(../images/main_img01.png);
	background-repeat:no-repeat;
	background-position:bottom left;
}


.index_brain1  {
display:block;	
	width:565px;
	height:440px;
}

.index_brain2  {
display:none;	
	width:565px;
	height:440px;
	background-image:url(../images/main_brain.png);	
	background-repeat:no-repeat;
}



/*-------About Page----------*/
.about_title_philosophy_box  {
	display:block;
	height:130px;
	width:865px;
	margin:0 15px 20px 100px;
	background-image:url(../images/about/title_philosophy.png);
	background-repeat:no-repeat;
	background-position:0 75px;
}



.about_txt_philosophy_box  {
	display:block;
	height:360px;
	width:865px;
	margin:0 15px 0 100px;
	background-image:url(../images/about/txt_philosophy.png);
	background-repeat:no-repeat;
	background-position:left top;
}


.about_title_capabilities_box  {
	display:block;
	height:130px;
	width:865px;
	margin:0 15px 20px 100px;
	background-image:url(../images/about/title_capabilities.png);
	background-repeat:no-repeat;
	background-position:0 75px;
}



.about_txt_capabilities_box  {
	display:block;
	height:360px;
	width:865px;
	margin:0 15px 0 100px;
	background-image:url(../images/about/txt_capabilities.png);
	background-repeat:no-repeat;
	background-position:left top;
}




/*-------Showcase Page----------*/
.showcase_all_box  {
	display:block;
	width:980px;
	height:435px;
	padding:75px 0 0 0;
}



.showcase_main_box  {
	display:block;
	width:865px;
	height:435px;
	margin:0 15px 0 100px;
}






.showcase_title_box  {
	display:block;
	height:55px;
	width:240px;
	margin:0  0 20px 0;
	background-image:url(../images/showcase/title_showcase.png);
	background-repeat:no-repeat;
	background-position:left top;
}


.showcase_small_box  {
	display:block;
	margin:15px 85px 55px 0;
	padding:19px 0 0 0;
	width:540px;
	height:346px;
	background-image:url(../images/showcase/small_box.png);
	background-repeat:no-repeat;
}


.showcase_mainbn_box  {
	display:block;
	margin:0 0 0 0;
	width:240px;
	height:360px;
}

.showcase_mainbn_box  ul  {
	display:block;
	margin:0;
	padding:0;
	list-style:none;

}

.showcase_mainbn_box  li  {
	margin:0;
	padding:0;
	display:block;
	width:240px;
	float:left;
}

.showcase_mainbn_box  li  a  {
	text-decoration:none;
}

.showcase_mainbn_box  li  a:hover  {
	background-position:0 -20px;
}


.showcase_mainbn_01  {
	display:block;
	width:165px;
	height:20px;
	background-image:url(../images/showcase/showcase_bn_01.png);

}

.showcase_mainbn_02  {
	display:block;
	width:165px;
	height:20px;
	background-image:url(../images/showcase/showcase_bn_02.png);	
}

.showcase_mainbn_03  {
	display:block;
	width:165px;
	height:20px;
	background-image:url(../images/showcase/showcase_bn_03.png);	
}


.showcase_mainbn_04  {
	display:block;
	width:165px;
	height:20px;
	background-image:url(../images/showcase/showcase_bn_04.png);	
}

.showcase_mainbn_05  {
	display:block;
	width:165px;
	height:20px;
	background-image:url(../images/showcase/showcase_bn_05.png);	
}

.showcase_mainbn_06  {
	display:block;
	width:165px;
	height:20px;
	background-image:url(../images/showcase/showcase_bn_06.png);	
}

.showcase_mainbn_07  {
	display:block;
	width:165px;
	height:20px;
	background-image:url(../images/showcase/showcase_bn_07.png);	
}


.showcase_mainbn_08  {
	display:block;
	width:165px;
	height:20px;
	background-image:url(../images/showcase/showcase_bn_08.png);	
}

/*-------Our Client Page----------*/
.ourclient_title_box  {
	display:block;
	height:130px;
	width:865px;
	margin:0 15px 20px 100px;
	background-image:url(../images/ourclient/title_ourclient.png);
	background-repeat:no-repeat;
	background-position:0 75px;
}



.ourclient_txt_box  {
	display:block;
	height:360px;
	width:865px;
	margin:0 15px 0 100px;
	background-image:url(../images/ourclient/txt_ourclient.png);
	background-repeat:no-repeat;
	background-position:left top;
}


/*-------testimonial Page----------*/
.testimonial_title_box  {
	display:block;
	height:130px;
	width:865px;
	margin:0 15px 50px 100px;
	background-image:url(../images/testimonial/title_testimonial.png);
	background-repeat:no-repeat;
	background-position:0 75px;
}



.testimonial_txt_box  {
	display:block;
	height:360px;
	width:865px;
	margin:0 15px 0 100px;
}


.testimonial_smallimg_box  {
	display:block;
	height:358px;
	width:858px;
	margin:2px 0 0 7px;
}

.testimonial_smallimg_box  ul  {
	display:block;
	height:358px;
	width:858px;
	margin:0;
	padding:0;
	list-style:none;
}


.testimonial_smallimg_box  li  {
	display:block;
	height:128px;
	width:91px;
	float:left;
	margin:0 5px 5px 0;

}


/*-------work Page----------*/
.work_title_box  {
	display:block;
	height:130px;
	width:865px;
	margin:0 15px 20px 100px;
	background-image:url(../images/work/title_work.png);
	background-repeat:no-repeat;
	background-position:0 75px;
}

.work_txt_graphic_designer_box  {
	display:block;
	height:360px;
	width:865px;
	margin:0 15px 0 100px;
	background-image:url(../images/work/txt_graphic_designer.png);
	background-repeat:no-repeat;
	background-position:left top;
}

.work_txt_account_executive_box  {
	display:block;
	height:360px;
	width:865px;
	margin:0 15px 0 100px;
	background-image:url(../images/work/txt_account_executive.png);
	background-repeat:no-repeat;
	background-position:left top;
}





/*-------contact Page----------*/
.contact_title_box  {
	display:block;
	height:130px;
	width:865px;
	margin:0 15px 20px 100px;
	background-image:url(../images/contact/title_contact.png);
	background-repeat:no-repeat;
	background-position:0 75px;
}


.contact_txt_box  {
	display:block;
	height:260px;
	width:785px;
	margin:0 15px 0 100px;
	background-image:url(../images/contact/txt_contact.png);
	background-repeat:no-repeat;
	background-position:left top;
	padding:67px 0 0 80px;
}


.contact_txt_box ul  {
	height:20px;
	width:160px;
	list-style:none;
	padding:0;
	margin:0;	
}

.contact_txt_box li  {
	height:20px;
	width:160px;
	padding:0;
	margin:0;
	float:left;	
}


.contact_txt_box li a  {
	text-decoration:none; 
}

.contact_txt_box a:hover {
	background-position:0 -20px;
	}



.contact_email_box  {
	display:block;
	height:20px;
	width:160px;
	background-image:url(../images/contact/txt_contact_email.png);
	background-position:top;
}