/* CSS Document */
body { background-image:url(images/pattern.jpg); font:normal 12px/15px "Trebuchet MS"; color:#FFFFFF;}
IMG		{ border:0px; }
/*header*/
.header{ padding: 0px 0px 0px 0px; font-size:3px; margin:0px; text-align:left; width:785px;}
.header .logo {height:26px; width:529px; padding:21px 0px 22px 25px; }

.header .home	{ height:13px; width:42px; vertical-align:middle; background-position:center center; background-repeat:no-repeat; }
.header .home1 { background-image:url(images/home_over.gif); }

.header .works	{ height:13px; width:46px; vertical-align:middle; background-position:center center; background-repeat:no-repeat; }
.header .works1 { background-image:url(images/works_over.gif); }

.header .us	{ height:13px; width:18px; vertical-align:middle; background-position:center center; background-repeat:no-repeat; }
.header .us1 { background-image:url(images/us_over.gif); }

.header .blog	{ height:12px; width:33px; vertical-align:middle; background-position:center center; background-repeat:no-repeat; }
.header .blog1 { background-image:url(images/blog_over.gif); }
.header .blog IMG { margin-top:2px; }

.header .cont	{ height:13px; width:57px; vertical-align:middle; background-position:center center; background-repeat:no-repeat; }
.header .cont1 { background-image:url(images/contact_over.gif); }

.header .line{ background: url(images/line.gif) left no-repeat; height: 16px; padding:0px 9px 0px 6px;}

.main{ background: url(images/01_home_03.gif) no-repeat; width:785px; height:429px;}

/**works**/
.title{margin:36px 10px 10px 10px;}
.inside{ margin:0px 40px 36px 40px; text-align:left}
.inside2{ margin:0px 40px 10px 40px; text-align:left}

.brandbox {width:165px; height:85px;}
.brandbox_top		{ width:165px; height:6px; }
.brandbox_top DIV	{ width:165px; height:6px; background-image:url(images/prod_shadow_top.png) !important; background-repeat:no-repeat;
					  background-image:none; 
					  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/prod_shadow_top.png', sizingMethod='scale', enabled='true'); }
.brandbox_bot		{ width:165px; height:7px; }
.brandbox_bot DIV	{ width:165px; height:7px; background-image:url(images/prod_shadow_bot.png) !important; background-repeat:no-repeat;
					  background-image:none; 
					  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/prod_shadow_bot.png', sizingMethod='scale', enabled='true'); }
.brandbox_left		{ width:6px; height:71px; }
.brandbox_left DIV	{ width:6px; height:71px; background-image:url(images/prod_shadow_left.png) !important; background-repeat:no-repeat;
					  background-image:none; 
					  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/prod_shadow_left.png', sizingMethod='scale', enabled='true'); }
.brandbox_right		{ width:10px; height:71px; }
.brandbox_right DIV	{ width:10px; height:71px; background-image:url(images/prod_shadow_right.png) !important; background-repeat:no-repeat;
					  background-image:none; 
					  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/prod_shadow_right.png', sizingMethod='scale', enabled='true'); }
.brandbox_mid		{ width:149px; height:71px; background-color:#FFFFFF; text-align:center; vertical-align:middle; }

.boxBg2		{ background:transparent  url(images/box2.gif) repeat-y left; width:165px; height:153px; font:normal 11px/14px "Trebuchet MS"; 
			  color:#FFFFFF; padding:10px 10px 0px 18px; margin:0px; }
.textBox A {font:normal 11px/14px "Trebuchet MS";  color:#FFFFFF; text-decoration:underline }

.titleBox { height:50px; background:transparent  url(images/box2.gif) repeat-y left; width:137px !important; padding-top:10px; width:165px; padding-left:18px; padding-right:10px; font:normal 11px/14px "Trebuchet MS"; color:#FFFFFF; }		  
.retailTD { height:14px; background:transparent  url(images/box2.gif) repeat-y left; width:137px !important; width:165px; padding-left:18px; padding-right:10px; font:normal 11px/14px "Trebuchet MS"; color:#FFFFFF;  margin:0px;}
.textBox {background:transparent  url(images/box2.gif) repeat-y left; width:137px !important;  width:165px; padding-left:18px; padding-right:10px; vertical-align:top; font:normal 11px/14px "Trebuchet MS"; color:#FFFFFF; height:110px; overflow:hidden !important; margin:0px;}

.textBox UL{ margin:0px 0px 0px 10px; padding:10px 0px 0px 0px; }
.textBox li{ list-style: url(images/arrow.gif) outside; margin:0px; font:normal 11px/14px "Trebuchet MS"; padding:0px 15px 0px 0px; white-space:normal}
.textBox .text{ padding:18px 0px 18px 9px}
.titleBox .stronger{ font:bold 12px/14px "Trebuchet MS"; padding-bottom:12px; padding-left:0px; width:120px}
.boxBgBotoom2 { background: transparent  url(images/box2.gif) repeat-y left; width:165px;  font:normal 11px/14px arial ; color:#FFFFFF; 
			    padding:11px 5px 11px 16px; margin:0px;}
.boxBg2 .regTxt { width:130px }
.boxBgBotoom { background: transparent  url(images/box.gif) repeat-y left; width:156px;  font:normal 11px/14px arial ; color:#FFFFFF; padding:11px 5px 11px 14px; margin:0px;}
.works{ margin:-270px 13px 0px 13px; text-align:center}
/*us*/
.ustext{ padding-left:23px; padding-top:20px; font:normal 12px/15px "Trebuchet MS"; vertical-align:top; color:#FFFFFF; width:377px;}
.topdiv{ padding-bottom:35px;}
.titleUS{ font:bold 14px/15px "Trebuchet MS"; color:#000000; padding-top:10px;}
.titleUS2{ font:bold 14px/15px "Trebuchet MS"; color:#000000; padding-top:30px;}
.titleUS3{ font:bold 14px/15px "Trebuchet MS"; padding-left:25px; padding-top:20px;}

.imgTd{ padding-left:25px;}
.sbtitle{ padding-bottom:7px;}
a.sbtitleText {font:normal 12px/15px "Trebuchet MS"; color:#FFFFFF; text-decoration:underline;}

.flash{ padding:10px 10px 10px 10px;}

.contact{ padding:0px 0px 0px 120px }
.contact div{ padding-bottom:14px;}
.contact a{ text-decoration:none; text-align:left}
.contact img{ border:0px;}

.works_lain{ background-image:url(images/lain.gif); background-repeat:no-repeat; background-position:top; width:688px; height:1px; margin-left:41px; margin-bottom:10px; font-size:2px; }
.works_textBox{ vertical-align:top; background-image:url(images/works_text.gif); background-repeat:no-repeat; background-position:top;
               width:679px; height:25px; margin-left:41px; padding:3px 0px 10px 12px; font:normal 12px "Trebuchet MS"; color:#FFFFFF; text-align:left}
			   
.credit { font:normal 10px Arial; color:#FFFFFF}

/*artical*/
TABLE.artTable { width:785px;}
	TD.artTop { background-image:url(images/art_top.gif); background-position:top; background-repeat:no-repeat; width:785px; height:22px;}
	TD.artMid { background-image:url(images/art_mid.gif); background-position:top; background-repeat:repeat-y; width:785px;}
	TD.artBot { background-image:url(images/art_bottom.gif); background-position:top; background-repeat:no-repeat; width:785px; height:32px;}
		TABLE.artTextTable { width:785px;}
		TABLE.artTextTable  TD { vertical-align:top}
							TD.artText { width:418px; text-align:right; padding-right:25px; padding-left:28px;}
							TD.artText	H1 { padding-top:5px; padding-bottom:24px; margin:0px; text-align:left}
							TD.artText	H2 { font:bold 14px arial; color:#000000; padding:0px; margin:0px; text-align:right }
							TD.artText .subtext { font:bold 14px arial; color:#FFFFFF; direction:rtl; padding-bottom:18px;}
							TD.artText P { font:normal 12px arial; color:#FFFFFF; padding-bottom:20px; margin:0px; direction:rtl}
							.back { float:left}
							TD.leftTextTd { padding-top:105px; padding-left:26px; vertical-align:top; text-align:left}
							
							
							
/*work*/

TABLE.workTable { width:785px;}
	TD.workTop { background-image:url(images/workBox_top.gif); background-position:top; background-repeat:no-repeat; width:785px; height:23px; }
	TD.workMid {width:785px; border-right:1px solid #FFFFFF; border-left:1px solid #FFFFFF;}
	TD.workMBot { background-image:url(images/workBox_botton.gif); background-position:top; background-repeat:no-repeat; height:16px;}
		DIV.worktext { text-align:left; background-image:url(images/patern.gif); background-repeat:repeat; width:622px !important;  font: normal 12px "Trebuchet MS"; color:#FFFFFF;
						padding:13px 53px 10px 14px; margin-top:10px;}
		DIV.worktext A {  font: normal 12px "Trebuchet MS"; color:#FFFFFF; text-decoration:underline;}
		DIV.workLineText { background-image:url(images/patern.gif); background-repeat:repeat; width:689px; margin-top:1px; height:7px; font-size:1px; line-height:1px; }
		DIV.bigImg { text-align:center; margin-bottom:20px; margin-top:7px;}
		DIV.bigImg IMG { width:465px; height:348px;}
		.imgscroolBG { vertical-align:middle; background-image:url(images/work_imgBG.gif); background-position:top; background-repeat:repeat-x; width:689px; padding:22px 0px;}
			TABLE.galleryScroll { width:689px;}
				TD.galleryImg { background-repeat:no-repeat; width:134px; height:83px; padding-right:35px;}
				.pre { padding-right:10px; cursor:pointer;}
				.next { padding-left:10px;cursor:pointer;}
				
				DIV.scroolIn { width:647px; height:83px; overflow:hidden;}

				.backDIv { text-align:center; margin-top:20px;}