@charset "utf-8";
/* CSS Document */
a:link {
	color: #636363;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #636363;
}
a:hover {
	text-decoration:underline;
	color: #636363;
}
a:active {
	text-decoration: none;
	color: #636363;
}

#headmain a:link {
	color: #959595;
	text-decoration: none;
}
#headmain a:visited {
	text-decoration: none;
	color: #959595;
}
#headmain a:hover {
	text-decoration:underline;
	color: #959595;
}
#headmain a:active {
	text-decoration: none;
	color: #959595;
}

#fdownmain a:link {
	color: #353535;
	text-decoration: none;
}
#fdownmain a:visited {
	text-decoration: none;
	color: #353535;
}
#fdownmain a:hover {
	text-decoration:underline;
	color: #353535;
}
#fdownmain a:active {
	text-decoration: none;
	color: #353535;
}

.menulist a:link {
	color: #959595;
	font-size:14px;
	text-decoration: none;
}
.menulist a:visited {
	text-decoration: none;
	font-size:14px;
	color: #959595;
}
.menulist a:hover {
	text-decoration:none;
	font-size:14px;
	color: #FFFFFF;
}
.menulist a:active {
	text-decoration: none;
	font-size:14px;
	color: #959595;
}

.titlelink a:link {
	color: #FFFFFF;
	text-decoration: none;
}
.titlelink a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
.titlelink a:hover {
	text-decoration:underline;
	color: #FFFFFF;
}
.titlelink a:active {
	text-decoration: none;
	color: #FFFFFF;
}

.aboutlabstxt a:link {
	color: #636363;
	text-decoration: underline;
}
.aboutlabstxt a:visited {
	text-decoration: underline;
	color: #636363;
}
.aboutlabstxt a:hover {
	text-decoration:underline;
	color: #636363;
}
.aboutlabstxt a:active {
	text-decoration: underline;
	color: #636363;
}

#menu2 a:link {
	color: #959595;
	text-decoration: none;
}
#menu2  a:visited {
	text-decoration: none;
	color: #959595;
}
#menu2 a:hover {
	text-decoration:underline;
	color: #959595;
}
#menu2 a:active {
	text-decoration: none;
	color: #FFFFFF;
}

.contactlink a:link {
	color: #636363;
	text-decoration:none;
}
.contactlink a:visited {
	text-decoration:none;
	color: #636363;
}
.contactlink a:hover {
	text-decoration:none;
	color: #636363;
}
.contactlink a:active {
	text-decoration:none;
	color: #636363;
}

.tag a:link {
	color: #000000;
	text-decoration:none;
}
.tag a:visited {
	text-decoration:none;
	color: #000000;
}
.tag a:hover {
	text-decoration:none;
	color: #000000;
}
.tag a:active {
	text-decoration:none;
	color: #000000;
}

.tagch a:link {
	color: #000000;
	text-decoration:none;
}
.tagch a:visited {
	text-decoration:none;
	color: #000000;
}
.tagch a:hover {
	text-decoration:none;
	color: #000000;
}
.tagch a:active {
	text-decoration:none;
	color: #000000;
}

.bnum a:link {
	color: #000000;
	text-decoration:none;
}
.bnum a:visited {
	text-decoration:none;
	color: #000000;
}
.bnum a:hover {
	text-decoration:underline;
	color: #636363;
}
.bnum a:active {
	text-decoration:none;
	color: #636363;
}
.fbnum a:link {
	color: #000000;
	text-decoration:none;
}
.fbnum a:visited {
	text-decoration:none;
	color: #000000;
}
.fbnum a:hover {
	text-decoration:none;
	color: #636363;
}
.fbnum a:active {
	text-decoration:none;
	color: #636363;
}

.supportlink a:link {
	color: #FFFFFF;
	text-decoration:none;
}
.supportlink a:visited {
	text-decoration:none;
	color: #FFFFFF;
}
.supportlink a:hover {
	text-decoration:underline;
	color: #FFFFFF;
}
.supportlink a:active {
	text-decoration:none;
	color: #FFFFFF;
}






















@font-face {
	font-family: 'CenturyGothicRegular';
	src: url('../font/gothic-webfont.eot');
	src: local('☺'), url('../font/gothic-webfont.woff') format('woff'), url('../font/gothic-webfont.ttf') format('truetype'), url('../font/gothic-webfont.svg#webfontmrrYowrE') format('svg');
	font-weight: normal;
	font-style: normal;
}

















* {
 margin: 0px;
 padding:0px;
 }

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:14px;
	background-color:#000000;
	color:#636363;
}
table {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:14px;
	font-weight:100;
	color:#636363;
}

img { behavior: url("http://www.katanalimited.com/katanaxl/js/iepngfix.htc") }

h1{
	font-family:'CenturyGothicRegular';
	font-size:50px;
	font-weight:normal;
	color:#FFFFFF;
}
h6{
	color:#FFFFFF;
	font-size:14px;
	font-weight:normal;
}



header{
	display:block;
	position:relative;
	background-color:#242424;
	height:22px;
}

nav{
	display:block;
	position:relative;
	text-align:right;
	float:right;
	margin-top:14px;
}

footer {
	display:block;
	position:relative;
	margin-top:90px;
}


















#case {
	width:100%;

}

#headmain{
	position:relative;
	padding-top:4px;
	width:900px;
	color:#959595;
	text-align:right;
	margin-left:auto;
	margin-right:auto;
}
#headtime{
	position:relative;
	display:inline;
	left:-88px;
	/*left:-106px; mac safari*/
	/*left:-95px; mac firefox*/		
}
#headcontact{
	position:relative;
	display:inline;
}


#all {
	width:900px;
	margin-top:25px;
	margin-left:auto;
	margin-right:auto;
}

#top {
	position:relative;
	width:900px;
}
#logo{
	position:relative;
	float:left;	
}

#middle {
	position:relative;
	width:900px;
	padding-top:145px;
}


#footermup{
	position:relative;
	width:100%;
	background-color:#121212;	
}
#fupmain{
	position:relative;
	width:900px;
	margin-left:auto;
	margin-right:auto;
	padding-top:20px;
}
#footermdown{
	width:100%;
	position:relative;	
}
#fdownmain{
	position:relative;
	width:900px;
	margin-left:auto;
	margin-right:auto;
	padding-top:8px;
	padding-bottom:8px;	
}

#homebanner{
	position:absolute;
	width:940px;
	left:-20px;
	margin-bottom:50px;	
}
#bannermain{
	position:relative;
	width:900px;
	left:20px;	
}
#leftarrow{
	position:absolute;
	left:0px;
	top:80px;	
}
#rightarrow{
	position:absolute;
	right:1px;
	top:80px;	
}
#bannernum{
	position:relative;
	text-align:center;
	margin-top:0px;	
}

#aboutleft{
	position:relative;
	width:286px;
	margin-right:10px;
	float:left;
}
#aboutmiddle{
	position:relative;
	width:286px;
	margin-right:10px;
	margin-left:10px;
	float:left;
}
#aboutright{
	position:relative;
	width:286px;
	margin-left:10px;
	display:inline;
	float:left;
}

#contactleft{
	position:relative;
	float:left;
	width:395px;	
}
#contactright{
	position:relative;
	float:right;
	width:450px;
}
#serchtop{
	position:relative;
}
#mainleft{
	position:relative;
	float:left;
	width:455px;	
}
#mainright{
	position:relative;
	float:right;
	width:421px;	
}
#creativelist{
	display:block;
	position:relative;
	font-size:11px;
	color:#959595;
	margin-bottom:30px;
}
#popbg{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:#000000;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
	z-index:500;
	display:none;
}



















.menulist {
	position:relative;
	display:inline;
	margin-left:71px;
	/*margin-left:57px; mac all*/
}

.title{
	position:relative;
	margin-bottom:50px;	
}

.bannersingle{
	position:relative;
	float:left;
}

.homesinglerec{
	position:relative;
	float:left;
	margin-right:14px;
	margin-top:28px;
}

.homeimgtitle{
	position:relative;
	margin-top:15px;
	font-size:14px;
}

.homeimgtxt{
	position:relative;
	margin-top:15px;
	width:290px;
}

.aboutsinglelabs{
	position:relative;
	float:left;
	margin-right:14px;
	margin-top:28px;
}

.aboutlabstitle{
	position:relative;
	float:left;
	margin-top:15px;
	font-size:14px;
}
.aboutlabslogo{
	position:relative;
	float:right;
	margin-top:15px;
	height:26px;
}
.aboutlabstxt{
	position:relative;
	margin-top:12px;
	margin-bottom:85px;
}

.digitalarea{
	position:relative;	
}
.digitalsingleimg{
	position:relative;
	float:left;
	margin-right:13px;
	margin-top:28px;
}

.digitalsingletxt{
	position:relative;
	float:left;
	margin-top:10px;
	margin-bottom:5px;
	font-size:14px;
}

.digitalsinglealt{
	position:relative;
	float:right;
	margin-top:10px;
}

.clientsingle{
	position:relative;
	float:left;	
}

.simgarea{
	position:relative;
	background-color:#242424;
	padding-bottom:2px !important;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
}

.bnum{
	position:relative;
	display:inline;
	border-top:5px solid #242424;
	margin-right:5px;
	padding-top:5px;
	color:#000000;
}
.bnumch{
	position:relative;
	display:inline;
	border-top:5px solid #636363;
	margin-right:5px;
	padding-top:5px;
}

.bnumchMover{
	position:relative;
	display:inline;
	border-top:5px solid #636363;
	margin-right:5px;
	padding-top:5px;
}

.tag{
	position:relative;
	background-color:#333333;
	padding-left:3px;
	padding-right:3px;
	color:#000000;
	display:inline;
	margin-right:3px;
}
.tagch{
	position:relative;
	background-color:#959595;
	padding-left:3px;
	padding-right:3px;
	color:#000000;
	display:inline;
	margin-right:3px;
}

.newpng{
	position:absolute;
	right:0px;
	top:0px;
	z-index:10;	
}

.mailico{
	position:absolute;
	right:-22px;
	top:133px;
	z-index:11;	
}
.heartico{
	position:absolute;
	right:-22px;
	top:158px;
	z-index:11;	
}

.clear{
	clear:both;	
}
.bodr0{
	border:0px;
}

.fbnum{
	position:absolute;
	height:5px;
	width:35px;
	left:0px;
	top:-5px;	
}
.popcase{
	position:fixed;
	width:100%;
	z-index:501;
	top:45%;
	left:0px;
	display:none;
	_position:absolute;/*ie6*/
	_bottom:auto;/*ie6*/
	_top:	expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-500-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));/*ie6*/
}
.popbox{
	position:relative;
	background-color:#242424;
	width:254px;
	height:174px;
	padding-top:10px;
	padding-bottom:10px;
	border: 3px solid #333333;
	color:#959595;
}
.popbox2{
	position:relative;
	background-color:#242424;
	width:254px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
	border: 3px solid #333333;
	text-align:left;
	color:#959595;
}
.popbox3{
	position:relative;
	background-color:#242424;
	width:254px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
	border: 3px solid #333333;
	text-align:left;
	color:#959595;
}

.hntxt{
	position:relative;
	font-size:12px;	
}

















.cFFFFFF{
	color:#FFFFFF;	
}
.c636363{
	color:#636363;
}
.tagbg{
	background-color:#333333;	
}
.tagchbg{
	background-color:#959595;	
}










.inputtext{
	background-color:#121212;
	width:340px;
	height:30px;
	border:1px solid #333333;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:18px;
}
.inputarea{
	background-color:#121212;
	width:340px;
	height:150px;
	border:1px solid #333333;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:18px;
}
.inputpoptxt{
	background-color:#121212;
	width:250px;
	border:1px solid #333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#636363;
}
.inputpoparea{
	background-color:#121212;
	width:250px;
	border:1px solid #333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#636363;
}














/**/
#carousel_container{
height:348px;
}
#carousel_inner {
float:left; /* important for inline positioning */
width:900px;/*width:630px;  important (this width = width of list item(including margin) * items shown */ 

overflow: hidden;  /* important (hide the items outside the div) */
/* non-important styling bellow */
/*background: #F0F0F0;*/
}

#carousel_ul {
position:relative;
left:-330px; /* important (this should be negative number of list items width(including margin) */
list-style-type: none; /* removing the default styling for unordered list items */
margin: 0px;
padding: 0px;
width:9999px; /* important */
/* non-important styling bellow */
padding-bottom:10px;
}

#carousel_ul li{
float: left; /* important for inline positioning of the list items */                                    
width:300px;  /* fixed width, important */
/* just styling bellow*/
padding:0px;
/*height:110px;*/
/*background: #000000;*/
margin-top:10px;
margin-bottom:10px; 
margin-left:10px; 
margin-right:10px; 
}

#carousel_ul li img {
.margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that*/
/* styling */
cursor:pointer;
cursor: hand; 
border:0px; 
}
#left_scroll, #right_scroll{
padding-top:150px;
float:left; 
width:15px; 
/*background: #C0C0C0;*/ 
}
#left_scroll img, #right_scroll img{
/*styling*/
cursor: pointer;
cursor: hand;
}