* {
	padding:0;
	margin:0;
}
html {
	font-family:Arial, Helvetica, sans-serif;
	
	background:#4e4c4d;
		
	
}

body {
background:#fff;
}

h1 {
font-size:30px;
color:#828282;
font-weight:normal;
font-family:"Arial Narrow", arial, sans-serif;
}

.page {
float: left;
font-size:20px;
color:#828282;
font-weight:normal;
font-family:"Arial Narrow", arial, sans-serif;
}

.pageNumber {
float: left;
margin-top: 0px;
font-weight:normal;
font-family:"Arial Narrow", arial, sans-serif;
}

.clear {
	clear:both;
	line-height:0;
	font-size:0;
}
#wrapper {
	width:1100px;
	margin:0 auto;
	
}
#banner {
text-align:center;
background:url(../images/banner_2.gif) repeat-x bottom;
height:174px;
}
#header {
	width:951px;
	padding-top:25px;
	margin:0 auto;
	float:none;
	
}

#content {

/*width:951px;*/
width:960px;
margin:0 auto;
padding-top:12px;
}
#content h1 {
width:400px !important;
display:block;
float:left;
padding-bottom:5px;
}
.view_case {
margin-top:10px;
width:155px;
padding-top:2px;
padding-bottom:2px;
background:#4e4c4d;
float:right;
padding-left:10px;
}



.view_case a {
text-decoration:none;
display:block;
font-size:12px;
font-weight:bold;
color:#fff;
}

.view_case a:hover {
text-decoration:underline;
}

/*.img_bar {
clear:both;
float:left;position:relative;
padding-top:20px;
width:951px;
border-top:1px dashed #ccc;
}*/

.img_bar img {
margin-left:6px;
margin-right:5px;
}
.img_bar a {

display:block;
height:91px;
float:left;
}

.img_bar a.active_hover, .img_bar a.lipton:hover, .img_bar  a.dairy:hover, .img_bar a.colgate:hover, .img_bar a.sunbean:hover, .img_bar a.nestle:hover, .img_bar a.kam:hover {
background:url(../images/rollover.gif) no-repeat bottom center;

display:block;
}

.left_img {
margin-left:0px !important; 
margin-top:30px;
}

.right_img {
margin-top:30px;
}

.img_bar a.no_background1 {
clear:both !important;
height:21px !important;
background:none !important;
}
.img_bar a.no_background1:hover {

background:none !important;
}


.img_bar a.no_background2 {
background:none !important;
}

.product_information {
padding-top:11px;
width:951px;
background:url(../images/contaner_body.gif) no-repeat top right;
}
.product_information_container {
width:951px;
background:url(../images/prodcut_inf_body.gif) repeat-y;
float:left;
clear:both;
}
.product_pic {
width:438px;
float:left;
background:#dcdcdc;
height:246px;
font-size:0;
}

.home_product_movie {
text-align: center;
}

.product_movie {
text-align: center;
}

.product_detail {
width:476px;
padding-left:20px;
float:left;
/*height:271px;*/
height: auto;

}

.product_detail h2 {
font-family:"Arial Narrow", arial, sans-serif;
font-size:20px;
color:#eb8200;
padding-bottom:5px;
}

.product_detail h4 {
padding-top:5px;
width:92px;
display:block;
color:#545354;
font-size:14px;
float:left;
}

.product_detail h5 {
padding-top:5px;
width:330px;
display:block;
color:#545354;
font-size:14px;
float:left;
color:#ef9f00;
}

.product_detail p {
padding-top:10px;
line-height:18px;
width:370px;
display:block;
color:#666666;
float:left;
font-size:12px;
padding-bottom:18px;
}


.product_detail ul {
padding-top: 10px;
font-size:12px;
color:#666666;
}

.product_detail ul li {
    list-style-type: none;
    line-height:18px;
    width:350px;
    background: url(../images/dot.gif) no-repeat 0 8px;
    text-align: left;
    padding:0 0 0 16px;
}

.product_information_footer {
clear:both;
height:30px;
width:951px;
line-height:0;
padding-bottom:17px;
font-size:0;
background:url(../images/footer_product_information.gif) no-repeat top;
}

.footer_informat_2 {
width:951px;
padding-top:15px;
border-bottom:1px dashed #ccc;

}
.view_case2 {
clear:both;
width:155px;
padding-top:2px;
padding-bottom:2px;
background:#4e4c4d;
float:right;
padding-left:10px;
margin-bottom:10px;
}



.view_case2 a {
text-decoration:none;
display:block;
font-size:12px;
font-weight:bold;
color:#fff;
}

.view_case2 a:hover {
text-decoration:underline;
}

#footer {
width:951px;
margin:0 auto;
padding-top:23px;
border-top:1px dashed #ccc;

}
#footer_bottom_main {
margin-top:20px;
background:#4e4c4d;
height:150px;
overflow:hidden;

background:#4e4c4d;
}
.footer_bg {
margin:0 auto;
overflow:hidden;
height:65px;
background:#4e4c4d;
width:1100px;

}

#footer_2 {
margin:0 auto;
padding-top:15px;
overflow: hidden;

width:951px;

}
#footer_2 ul {
padding-left:8px;
list-style:none;
width:623px;
float:left;
} 

#footer_2 li {


display:inline;
height:12px;
padding:0 1px 0 4px;
background:url(../images/footer_sep.gif) no-repeat left 70%;
}
#footer_2 li.no_sep {
background:none;
padding-left:0px;

} 
#footer_2 li a {
line-height:18px;
font-size:12px;
text-decoration:none;
color:#fff;
}

#footer_2 li a:hover {
text-decoration:underline;

} 

#footer_2 p {
float:left;
display:block;
width:250px;
line-height:22px !important;
font-size:12px;
color:#fff;
}

.filter_case {
width:951px;

}

.filter_top {
width:951px;
font-size:0;
height:9px;
background:url(../images/top_filter.gif) no-repeat left;
}

.body_filter {
padding-left:16px;
width:935px;
background:url(../images/body_filter.gif) repeat-y left;
padding-bottom:12px;
}

.body_filter h2 {
font-size:20px;
font-weight:normal;
color:#eb8200;
padding-bottom:5px;

}

.body_filter label {
font-size:12px;
color:#545354;
padding-right:5px;
word-spacing:-1px;
}
#select_1 {
width:220px;
background:#fff;
border:0;
text-align:left;
font-size:12px;
margin-right:10px;
}

#select_2 {
width:390px;
background:#fff;
border:0;
text-align:left;
font-size:12px;
}

.footer_filter {
width:951px;
height:9px;
background:url(../images/bottom_filter.gif) no-repeat left;
font-size:0;
margin-bottom:15px;
}

.search_list {
padding-top:7px;
float:right;
width:230px;
}

.search_list a {
display:block;
float:left;
margin-left:2px;
line-height:22px;
text-decoration:none;
font-size:16px;
color:#666;
}
.search_list a.no_margin {
margin-left:4px !important;
}
.search_list a.no_margin2 {
margin-right:4px !important;
}
.search_list a:hover {
text-decoration:underline;
color:#eb8200;
}  
.img_pa {
margin-left:4px;
}

.contact_form {
margin-top:18px;
margin-left:4px;
border:1px solid #ef9f00;
width:947px;
background:url(../images/body_contact.gif) repeat-y left;
padding-bottom:20px;
margin-bottom:20px;
}

.contact_body {
width:927px;
background:url(../images/pen_nib.gif) no-repeat right top;
padding-top:20px;
padding-left:20px;


}

.contact_body h5 {
font-family:"Arial Narrow", arial, sans-serif;
font-size:20px;

padding-bottom:15px;
}
.left_col label {

display:block;
float:left;
width:84px;
text-align:left;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}
#name_lab, #company_lab, #mail_lab, #phone_lab, #brand_lab, #product_lab, #result_lab, #enquiry_lab, #location_lab {
margin-bottom:5px;
width:290px;
float:left;
border:0;
}

.left_col {
width:405px;
float:left;
}

.right_col {
width:380px;
float:left;
}
.right_col label {

display:block;
float:left;
width:70px;
text-align:left;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}
.sub_pen {
margin-top:74px;
padding-left:10px;
}


/* Sample 4*/
#box4{
	position:absolute;
}
#box4 div.framework{
	/*width:951px;
	height:271px;
	float:left;
	text-indent:none;*/
	
	width:951px;
	height:271px;
background:url(../images/prodcut_inf_body.gif) repeat-y;
float:left;
}


#box4 h3, #box4 p, #box4 ul{
	padding:5px 10px;
}

#box4 h3{display:none;visibility:hidden;}

#box4 p{
	text-indent:16px;
}
#box4 img{

}
#info4{
	color:#000 !important;
	cursor:default;
    position:absolute;
	top:-25px;
	left:10px;
	font-size:14px;
	font-weight:bold;
}

.thumbs{
	width:54px;
}
.thumbs div{
	display:block;
	width:54px;
	height:41px;
	margin:3px 0;
	cursor:pointer;
}

.thumbs div img{
	display:block;
	width:100%;
	height:100%;
	border:none
}

/*#showReel{display:block;position:absolute;left:222px;top:43px;width:592px;height:271px;}*/

.mask3{
	position:relative;
	width:951px;
	height:300px;
	overflow:hidden;
}

span img{
	display:block;
	border:none;
}

#scrollControls
{
    clear:both;
float:left;
position:relative;
padding-top:20px;
width:951px;
border-top:1px dashed #ccc;
    display:block;}

#scrollLeft,#scrollRight{display:block;float:left;width:53px;height:21px;position:relative;top:30px;}
#scrollLeft a{display:block;float:left;width:53px;height:21px;background:transparent url(../images/case_studies_left.gif) top left no-repeat;}
#scrollLeft a:hover{background:transparent url(../images/left_case_hover.gif) top left no-repeat;}
#scrollLeft a.off,#scrollLeft a.off:hover{background:transparent url(../images/case_studies_left_off.gif) top left no-repeat;}
#scrollRight a{display:block;width:53px;height:21px;background:transparent url(../images/case_studies_right.gif) top left no-repeat;}
#scrollRight a:hover{background:transparent url(../images/right_hover_case.gif) top left no-repeat;}
#scrollRight a.off,#scrollRight a.off:hover{background:transparent url(../images/case_studies_right_off.gif) top left no-repeat;}
#scrollLeft a span, #scrollRight a span{display:none;visibility:hidden;}


#thumbnails span.active, #thumbnails span:hover{background:transparent url(../images/rollover.gif) bottom center no-repeat;}

#thumbnails
{  
    display:block;float:left;width:960px;/*border:1px solid #FF0000;*/height:99px;position:relative;margin:0 auto;top:0px;left:0px;         
}

#thumbnails span{float:left;width:auto;height:94px;width:126px;margin:0;padding:0;display:inline;float:left;text-decoration:none;
                 text-align:center;margin-left:6px;margin-right:5px;}
                 
#thumbnails span img{margin-top:0px;width:126px;height:78px;}
                 
#thumbnails span a{display:block;margin:0;padding:0;height:78px;text-align:center;text-decoration:none;}

#thumbnails span a#btnClient1{width:98px; height:21px ;background:transparent url(../images/clients/clientsN_02.png) top left no-repeat;}
#thumbnails span a#btnClient1:hover{background:transparent url(../images/clients/clientsR_02.png) top left no-repeat;}
#thumbnails span a#btnClient2{width:98px; height:21px ;background:transparent url(../images/clients/clientsN_03.png) top left no-repeat;}
#thumbnails span a#btnClient2:hover{background:transparent url(../images/clients/clientsR_03.png) top left no-repeat;}
#thumbnails span a#btnClient3{width:98px;height:21px ;background:transparent url(../images/clients/clientsN_04.png) top left no-repeat;}
#thumbnails span a#btnClient3:hover{background:transparent url(../images/clients/clientsR_04.png) top left no-repeat;}
#thumbnails span a#btnClient4{width:98px;height:21px ;background:transparent url(../images/clients/clientsN_05.png) top left no-repeat;}
#thumbnails span a#btnClient4:hover{background:transparent url(../images/clients/clientsR_05.png) top left no-repeat;}
#thumbnails span a#btnClient5{width:98px;height:21px ;background:transparent url(../images/clients/clientsN_06.png) top left no-repeat;}
#thumbnails span a#btnClient5:hover{background:transparent url(../images/clients/clientsR_06.png) top left no-repeat;}
#thumbnails span a#btnClient6{width:98px;height:21px ;background:transparent url(../images/clients/clientsN_07.png) top left no-repeat;}
#thumbnails span a#btnClient6:hover{background:transparent url(../images/clients/clientsR_07.png) top left no-repeat;}
#thumbnails span a#btnClient7{width:98px;height:21px ;background:transparent url(../images/clients/clientsN_07.png) top left no-repeat;}
#thumbnails span a#btnClient7:hover{background:transparent url(../images/clients/clientsR_07.png) top left no-repeat;}

#thumbnails span a span{display:none;visibility:hidden;}

#info4{display:none;visibility:hidden;}

.tbuttons{padding:0;}
.tbuttons span{color:#0080FF;padding:0 5px;cursor:pointer;font:10px Verdana}