*{
margin:0px;
padding:0px;
}
body{
background:url(images/page_bg.gif) repeat-x;
text-align:center;
min-width:940px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background-color:#221E1F;
}
ul{
list-style:none;
}
a{
text-decoration:none;
}
h1{
	font-size:20px;
	color:#FFFFFF;
	margin-left:70px;
	margin-top:6px;
	font-weight: lighter;
}
h2{
font-size:16px;
color:#F36D23;
font-weight:bold;
margin-top:20px;
text-align:left;
margin-left:20px;
}
#sub_case_study h2{
margin-left:50px;
}
h3{
text-align:left;
font-size:16px;
margin-top:20px;
margin-left:20px;
}
h4{
font-size:12px;
color:#258DC0;
margin-left:50px;
text-align:left;
}
h5{
font-size:12px;
color:#C872C8;
text-align:center;
}
#more a{
color:#F36D23;
}

#menu_title h3{
margin-top:0px;
color:#FFFFFF;
line-height:29px;
font-size:13px;
}
h3,.orange{
	color:#F36D23;
	font-weight:bold;
}
.yellow{
color:#FFC10C;
font-weight:bold;
}
.green{
color:#7DC247;
font-weight:bold;
}
.blue{
color:#258DC0;
font-weight:bold;
}
.cyan{
color:#26A1AD;
font-weight:bold;
}
.purple{
color:#C872C8;
font-weight:bold;
}
.red{
color:#FF0000;
}
.more{
color:#F36D23;
}
#news{
color:#FFFFFF;
font-size:14px;
font-weight:bold;
text-align:center;
}
img{
border:none;
}
#container{
margin:0 auto;
margin-top:5px;
width:988px;
text-align:left;
}
.contact_info{
margin-left:40px;
color:#454645
}
.inputText{
width:150px;
height:18px;
margin-top:0px;
border:solid 1px #454645;
}
.button{
background:#CCCCCC;
border:solid 1px #999999;
}
#go{
margin-left:5px;
}
#contact{
float:left;
}
#email{
background:url(images/email.gif) left no-repeat;
padding-left:25px;
}
#phone{
background:url(images/phone.gif) left no-repeat;
padding-left:25px;
}
#flag{
margin-right:20px;
float:right;
display:inline;
}
#flag img{
margin-top:5px;

}
#top{
	height:25px;
	line-height:25px;
	background:url(images/top01.gif) left top no-repeat;
}
#top_content{
	width:972px;
	height:25px;
	margin-left:8px;
	float:left;
	display:inline;
	background:url(images/top02.gif) left top repeat-x;
}
#top_rihgt{
width:4px;
height:25px;
float:left;
background:url(images/top03.gif) left top no-repeat;
}
#logoRow{
	height:100px;
}
#logo{
margin-left:26px;
margin-top:5px;
float:left;
display:inline;
}
#item{
	width:400px;
	text-align:right;
	float:right;
	padding-right:10px;
	padding-top: 8px;
}
#item a{
	color:#454645;
	font-size:11px;
	margin:5px;
}
#Recherche{
	width:280px;
	height:26px;
	float:right;
	margin-top:30px;
}

#main{
	height:auto;
	background-color:#221E1F;
}
#main_l_shadow{
width:4px;
height:754px;
float:left;
background:url(images/shadow_left.gif) no-repeat;
}
#main_mid{
	width:980px;
	float:left;
	background:#FFFFFF url(images/containBg.gif) left bottom repeat-x;
}
#main_r_shadow{
width:4px;
height:754px;
background:url(images/shadow_right.gif) no-repeat;
float:right;
}
#content{
	padding-bottom:5px;
	border-bottom:solid 1px #FFFFFF;
}

.mainContent{
	width:723px;
	height:610px;
	float:left;
	margin-bottom:5px;
}
.sub_page .mainContent{
height:auto;
}
#mainContent_text{
	width:715px;
}
#mainContent_text_left{
width:150px;
height:190px;
float:left;
margin-top:20px;
margin-left:19px;
border-right:solid 1px #F36D23;
display:inline;
}
#mainContent_text_left ul{
list-style:none;
font-size:14px;
margin:0px;
padding:0px;
margin-top:20px;
text-align:right;
}
#mainContent_text_left ul li{
line-height:33px;
}

#mainContent_text_left a{
position:relative;
left:2px;
color:#F36D23;
font-weight:bold;
display:block;
width:138px;
padding-right:10px;
}
.current_menu{
background:url(images/left_nav01.gif) left repeat-y;
border:solid 1px #F36D23;
border-right:solid 1px #F9F9F9;
}
#mainContent_text_left a:hover{
background:url(images/left_nav01.gif) left repeat-y;
border:solid 1px #F36D23;
border-right:solid 1px #F9F9F9;
}

#mainContent_text_right_1,#mainContent_text_right_2,#mainContent_text_right_3,#mainContent_text_right_4{
width:545px;
float:left;
display:none;
}
#mainContent_text_right_1{
	display:block;
	height: 200px;
}
#mainContent_text_right_1 p,#mainContent_text_right_2 p,#mainContent_text_right_3 p,#mainContent_text_right_4 p{
margin:10px 20px;
}

#ad_div{
	width:695px;
	height:385px;
	margin-left:19px;
	margin-top:5px;
}
#ad2{
	float:right;
	border:solid 1px #ED2123;
	margin:0px;
}
#secondContent{
width:230px;
float:right;
padding-right:10px;
margin-top:5px;
}
#secondContent_nav{
width:230px;
}
#secondContent_nav ul{
padding:0px;
margin:0px;
list-style:none;
}
#secondContent_nav ul li{
	line-height:54px;
	text-align: right;
}
#secondContent_nav a{
color:#FFFFFF;
font-size:16px;
font-weight:bold;
padding-right:60px;
}
.secondContent_menu{
margin-top:10px;
width:223px;
}
#menu_title{
width:223px;
height:29px;
background:url(images/menu_top.gif) left top no-repeat;
}
#menu_text{
	height:200px;
	width:221px;
	border:solid 1px #F47623;
	border-top:none;
	border-bottom:none;
	background:#FFFFFF;
}
.sub_page #menu_text{
height:auto;
}
#menu_text a{
color:#000000;
}
#menu_text a:hover{
text-decoration:underline;
}
#menu_bottom{
padding:0px;
margin-top:0px!important;
margin-top:-10px;
width:223px;
height:6px;
background:url(images/menu_bottom.gif) bottom no-repeat;
}
#more{
text-align:right;
margin:0px;
padding:0px;
}
#news_option{
	text-align:right;
	font-size:10px;
	font-weight:bold;
	height: 20px;
}
#news_option a{
	margin-right:5px;
	font-weight:bold;
	color:#F36D23;
	font-size:11px;
	float: right;
}
#news_option span{
	width:12px;
	height:15px;
	color:#FFF;
	cursor:pointer;
	text-align:center;
	background:#F37622;
	vertical-align:middle;
	padding: 0 2px;
	float: left;
	line-height: 15px;
	margin-left: 2px;
}
#news_option #tab_1{
	font-size:15px;
	background-color: #454645;
	margin-left:6px;
}
#news_body_1{
	height:180px;
}
#news_body_2,#news_body_3,#news_body_4,#news_body_5,#news_body_6{
display:none;
height:180px;
}
.newsContent{
color:#000000;
}
#sub_Page_news a:hover{
text-decoration:underline;
}
#sub_Page_news li{
margin-top:20px;
margin-left:20px;
margin-right:20px;
padding-bottom:10px;
border-bottom:dotted 1px #666666;
}
#newsContent{
margin:20px 20px 0 20px;
}
.date{
font-size:10px;
}

#menu_text p{
    line-height:14px;
	padding-left:6px;
	padding-bottom:6px;
	padding-right:6px;
	padding-top:0px!important;
		padding-top:6px;
}
#home{
width:226px;
height:54px;
background:url(images/orange.gif) left top no-repeat;
}
#about_Us{
width:226px;
height:57px;
background:url(images/yellow.gif) left top no-repeat;
}
#art_services{
width:226px;
height:57px;
background:url(images/green.gif) left top no-repeat;
}
#web_design{
width: 226px;
height:55px;
background:url(images/cyan.gif) left top no-repeat;
}
#case_study{
width:226px;
height:55px;
background:url(images/blue.gif) left top no-repeat;
}
#partner{
width:226px;
height:63px;
background:url(images/purple.gif) left top no-repeat;
}
#copyRight{
	color:#454645;
	font-size:10px;
	text-align:right;
	text-align:center;
}
#footer{
	height:30px;
	font-size:11px;
	border:solid 1px #FFFFFF;
	background-color:#C8C8C8;
	background:url(images/foot_navBg.gif) repeat-x;
	text-align:center;
	line-height:32px;
	color:#565556;
	clear:both;
}
#footer a{
color:#000000;
}
#footer a:hover{
text-decoration:underline;
}
#footer_shadow{
	text-align:center;
	margin:0 auto;
	height:40px;
	background:url(images/footer_shadow.gif) repeat-x;
	width: 980px;
}
.clear{
clear:both;
}


.sub_page #secondContent{
padding-right:2px;
margin-top:15px;
}
.sub_page .mainContent{
	width:733px;
	margin-top:15px;
	margin-left:10px;
	display:inline;
	background:url(images/subTitle_bg.gif) left top no-repeat;
}
#sub_Page_news,#sub_Contact_us,#sub_quotation_online,#sub_Site_map,#sub_Page_newsDetail{
background:url(images/subTitle_bg_orange.gif) left top no-repeat;
} 
.sub_page #sub_art_services{
background:url(images/subTitle_bg_green.gif) left top no-repeat;
}
.sub_page #sub_web_design{
background:url(images/subTitle_bg_cyan.gif) left top no-repeat;
}
.sub_page #sub_case_study{
background:url(images/subTitle_bg_blue.gif) left top no-repeat;
}
.sub_page #sub_partner{
background:url(images/subTitle_bg_purple.gif) left top no-repeat;
}
#sub_partner #m_sub_content_1 li{
width:230px;
float:left;
margin-left:30px;
margin-top:10px;
display:inline;
}
#sub_partner #m_sub_content_1 h4{
text-align:center;
font-size:12px;
margin:5px;
}

.pageNumBar{
padding-top:20px;
text-align:right;
padding-bottom:20px;
}
#sub_page_branding_portfolio,#sub_page_grapic_design,#sub_page_hosting,#sub_page_it,#sub_page_multimedia,#sub_page_our_contact,#sub_page_portfolio,#sub_page_resentations,#sub_page_vehicle_livery,#sub_page_the_best_choice{
background:url(images/subTitle_bg_orange.gif) left top no-repeat;
}
.sub_page .mainContent p{
margin:10px;
margin-left:20px;
line-height:18px;
}
.sub_page #secondContent_menu{
margin-bottom:20px;
}
.sub_page #menu_text ul{
margin-left:6px;
}
.m_sub_menu{
margin-top:4px!important;
margin-top:6px;
padding-top:40px;
width:195px;
height:570px;
float:left;
border-right:solid 1px #FFC10C;
text-align:right;
}

.m_sub_menu a{
	position:relative;
	left:2px;
	display:block;
	line-height:30px;
	font-size:12px;
	font-weight:bold;
	color:#FFC707;
	padding-right:10px;
	width: 183px;
}
 .subNavActive{
border:solid 1px #FFC10C;
border-right:solid 1px #FFFFFF;
background:url(images/left_nav01_long.gif) right repeat-y;
}
 .m_sub_menu a:hover{
border:solid 1px #FFC10C;
border-right:solid 1px #FFFFFF;
background:url(images/left_nav01_long.gif) right repeat-y;
}

#sub_art_services .m_sub_menu {
border-right:solid 1px #7DC247;
}
#sub_art_services .m_sub_menu a{
color:#7DC247;
}
#sub_art_services .subNavActive{
border:solid 1px #7DC247;
border-right:solid 1px #FFFFFF;
}
#sub_art_services .m_sub_menu a:hover{
border:solid 1px #7DC247;
border-right:solid 1px #FFFFFF;
}

#sub_web_design .m_sub_menu {
border-right:solid 1px #268DBF;
}
#sub_web_design .m_sub_menu a{
color:#26A1AD;
}
#sub_web_design .subNavActive{
border:solid 1px #26A1AD;
border-right:solid 1px #FFFFFF;
}
#sub_web_design .m_sub_menu a:hover{
border:solid 1px #26A1AD;
border-right:solid 1px #FFFFFF;
}

#sub_case_study .m_sub_menu {
border-right:solid 1px #268CBF;
}
#sub_case_study .m_sub_menu a{
color:#268CBF;
}
#sub_case_study .subNavActive{
border:solid 1px #268CBF;
border-right:solid 1px #FFFFFF;
}
#sub_case_study .m_sub_menu a:hover{
border:solid 1px #268CBF;
border-right:solid 1px #FFFFFF;
}
#sub_case_study .m_sub_content{
text-align:center;
}
#sub_case_study .m_sub_content ul{
margin-top:10px;
}
#sub_partner .m_sub_menu {
border-right:solid 1px #C872C8;
}
#sub_partner .m_sub_menu a{
color:#C872C8;
}
#sub_partner .subNavActive{
border:solid 1px #C872C8;
border-right:solid 1px #FFFFFF;
}
#sub_partner .m_sub_menu a:hover{
border:solid 1px #C872C8;
border-right:solid 1px #FFFFFF;
}

.m_sub_content{
display:none;
}
.default_active{
display:block;
}

.3D_active #m_sub_content_1{
display:none;
}

.3D_active #m_sub_content_12{
display:block;
}
#sub_quotation_online p{
	margin-left:100px;
}
#sub_quotation_online label{
display:block;
width:130px;
float:left;
}
#sub_Contact_us label{
display:block;
width:80px;
float:left;
}
#checkCode a{
color:#F36D23;
}
#checkCode a:hover{
text-decoration:underline;
}
#contact_way{
	width:300px;
	float:left;
	margin-top: 30px;
}
#contact_form{
	width:380px;
	float:right;
	margin-top: 30px;
}

#MNWPanel{
	margin-top:4px!important;
	margin-top:6px;
	width:530px;
	float:left;
	height:auto;
}
#MNWPanel p{
margin-right:5px;
}
.m_sub_content{
	height: auto;
}
