@import 'reset.css';
/******GENERAL & CLASSES******************/
body {
	background-color: #fbefe8;
	background-image: url(/images/ikayzo3/bg.jpg);
	background-repeat: repeat-x;
	background-position: top center;
	margin: 0px;
	color: rgb(102,102,102);
	font-family: "Lucida Grande", Arial, Helvetica, sans serif;
	font-size: 12px;
	color: #333;
	line-height: 1.5em;
}

embed, object {
	background-color:none !important;
}

.clientList {
	font-size: 11px;	
}

p {
	margin: 0px 5px 5px 5px;	
}

a {
	color:#3C5073;
	outline:none;
}

ul.checks {
	display:block;	
	padding: 10px;
}
ul.checks li {
	display:block;	
	background:url(/images/check.gif) no-repeat top left;
	padding-left: 20px;
}

ul.split li{
	display:inline;
	float: left;
	margin-left: 10px;
	width: 210px;
	height: 20px;
}

.in-production {
	margin-left: 20px;
	padding: 3px 6px;
	background-color:#6C0922;
	color:#ffffff;
	font-size: 9px;
}

#language {
	position:absolute;
	right: 0px;
	top: 10px;
	color: white;
	font-size: 10px;	
	padding-right: 10px;
}
#language span {
	position:relative;
	top: -5px;
	padding-right: 5px;	
}

/***two_layout structure*****/
.column_cnt {
	clear:both;	
	padding: 20px 0px;
	float: left;
	display:block;
	min-height: 500px;
}
.single_column {
	width: 900px;	
}
.column1 {
	width: 545px;
	float: left;	
}
.column2 {
	width: 300px;
	float:left;
	margin-left: 30px;
}
.column3 {
	width: 740px;
	float: right;	
	#display:inline;
	padding-left: 20px;
	border-left:1px dashed #3C5073;
}
.column4 {
	width: 200px;
	float:left;
	#display:inline;
}

.column_cnt h1 {
	font-size: 18px;
	padding-left: 5px;
	padding-bottom: 5px;
	margin: 10px 0px;
	color:#3C5073;
	clear:both;
	display:block;
}
.column_cnt h2 {
	font-size: 14px;
	padding-left: 5px;
	padding-bottom: 5px;
	margin-top: 20px;
	margin-bottom: 10px;
	color:#3C5073;
	clear:both;
	display:block;
}
.column_cnt h3 {
	font-size: 12px;
	padding-left: 5px;
	padding-bottom: 0px;
	margin-top: 10px;
	margin-bottom: 0px;
	clear:both;
	display:block;
}
.img1 {
	float: left;
	padding: 5px;
	margin: 10px;	
	border:1px solid rgb(204,204,204);
	background-color:white;
}
.img2 {
	float: right;
	padding: 5px;
	margin: 10px;	
	border:1px solid rgb(204,204,204);
	background-color:white;
}

blockquote {
	width: 200px;
	padding: 15px;
	margin-left: 10px;
	margin-bottom: 40px;
	float: right;
	font-size: 12px;
	font-style:italic;
	background-color:#ffffff;
}




/***Other*******************/
p.links {
	float: right;	
}

.links a {
	margin-left: 10px;
	padding: 20px;
}



/***tabs*****/
#tab_nav {
	clear:both;
	border-bottom:1px solid #CCCCCC;
	margin-bottom: 20px;
	float:left;
	display:block;
	width: 100%;
}

#tab_nav li a {
border:1px solid #CCCCCC;
border-bottom:none;
color:black;
font-weight:bold;
margin:0;
padding:8px 10px;
text-decoration:none;
}
#tab_nav li, #tab_nav li a {
float:left;
}
#tab_nav li {
	background-color:#efefef;
	margin-left: 10px;	
}

.active {
	border-bottom:1px solid #ffffff;
	background-color:#ffffff !important;
}

#tab_nav ul li.active {
color:black;
}



/****MAIN LAYOUT ELEMENTS*****************/
#wrapper {
	margin-left:auto;
	margin-right: auto;
	width: 980px;	
	padding-top: 14px;
	padding-bottom: 10px;
}
#header {
	padding: 0px 0px 0px 0px;	
}
#main {
	float: left;
	background-color:white;	
}

#inner_header {
	width: 980px;	
	background:url(/images/inner_header.jpg) repeat-x left;
	height: 77px;
	overflow:hidden;
}
#inner_header img {
	padding-left: 20px;	
}


/**footer**/
#footer {	
	color:black;
	clear:both;
	padding: 10px;
	background:url(/images/ikayzo3/footer_bk.gif) repeat left;
	border-top:1px dashed #D5BCAC;
	background-color:#F1DACC;
}
	#footer_wrapper {
		padding-top: 10px;
		overflow:auto;
		width: 980px;
		margin-left:auto;
		margin-right: auto;
	}
	#footer_cnt {
		float: left;	
	}
	#site_map {
		float: left;
	}
	#contact {
		width: 293px;
		height: 112px;
		background:url(/images/ikayzo3/footer_contact.png) no-repeat left;
		float: right;	
		position:relative;
	}
	#contact div p{
		text-align:center;
		font-size: 14px;
	}
	#contact div a{
		color:black;	
		text-decoration:none;
	}
	#contact div p span {
		font-weight: normal;
		font-size: 10px;
		display:block;
		clear:both;
	}
	.us_contact {
		position:absolute;
		top: 60px;
		left: 40px;
	}
	.japan_contact {
		position:absolute;
		top: 60px;
		right: 25px;
	}
	#site_map dl {
		display:inline;
		float:left;
		margin:0;
		padding:0 50px 0px 0px;	
	}
	#site_map dt {
		font-size: 13px;
		font-weight:bold;	
	}
	#site_map dd a{
		color:black;
		font-size: 10px;
		text-decoration:none;
	}
	#site_map dd a:hover {
		text-decoration:underline;	
	}
	#copyright {
		clear:both;
		font-size: 10px;
		text-align:center;
		padding: 10px;
	}
	#copyright img {
		position:relative;
		top: 5px;
	}
/****COMMON LAYOUT**********************/
/**_HEADER.HTML.ERB**/
/*MENU -> check menu.css*/
#contact_header {
	float: right;
}
#logo {
	float: left;	
}



/**INDEX**/
#intro {
	background-color:rgb(200,200,200);
	display:block;
	height: 363px;
	width: 980px;
	overflow: hidden;
}
#slider {
	width: 480px;
	float: left;
	display:inline;
	padding: 18px 0px 10px 18px;
}
#intro_content {
	float: right;
	background:url(/images/intro_bk.jpg) no-repeat top left;	
	width: 474px;
	height: 363px;
	display:inline;
}

#intro_content p {
	position:relative;
	top: 140px;
	left: 35px;
	width: 365px;	
}

#learnmore {
	clear:both;
	display:block;
	position:relative;
	top: 20px;
	float: right;
}
ul#slideshow {
	background-color:white;
	height: 295px;
	overflow:hidden;
	position:relative;
	width: 479px;
}

#slideshow img {
width: 479px;
top: 0px;
left: 0px;
}

#slideshow_footer {
	float:left;
	clear:both;
	background-color:rgb(51,51,51);
	width: 479px;
}

#slideshow_nav {
	display:inline;
	float: left;
	padding: 5px;
}
#slideshow_nav a {
	background:rgb(102,102,102) none repeat scroll 0 0;
	margin:0 5px;
	padding:5px 5px;
	color:white;
	font-size: 9px;
	text-decoration:none;
}
#slideshow_nav a.activeSlide {
	background:rgb(255,153,0) none repeat scroll 0 0;
}

#slideshow_footer img {
	float:left;
}


#service_boxes {
	width: 990px;
	margin-top: 10px;
	position:relative;
	left: -10px;
}
.box {
	position:relative;
	width: 320px;
	height: 200px;
	display:inline;
	float:left;	
	background-color:rgb(237,237,236);
	margin-left: 10px;
	text-decoration: none;
	color:#333;
	border-bottom:4px solid rgb(237,237,236);

}

.box:hover {
	background-color: white;
	border-bottom:4px solid orange;	
	
}
.box h1 {
	background-color:rgb(29,29,29);
	display:block;	
	padding: 5px 5px 5px 8px;
}
.box p {
	padding: 10px 15px 0px 15px;	
}
.box_img {
	position:absolute;
	bottom: 10px;
	left: 20px;	
	border:1px solid rgb(102,102,102);
	
}
/****INNER NAV*************/
#inner_nav {}

#inner_nav dt {
	font-size: 16px;
	color:white;
	padding: 10px;	
}

#inner_nav dd {
	display:block;	
	clear:both;
}
#inner_nav dd a {
	padding: 10px;		
	display:block;
	text-decoration:none;
	font-size: 13px;
	color: #3C5073;
	font-weight:bold;
	position:relative;
}

#inner_nav dd a#active {
	color:#EA660E;
}

#inner_nav dd a:hover {
	padding: 10px;	
	color:#EA660E;
}

#about_selected, #services_selected, #comm_selected, #contactmenu_selected {
	color:#EA660E !important;
}

/****INNER PAGE SPECIFIC*****/
/**press release**/
.pr li {
	display:block;	
	clear:both;
	padding: 10px;		
	display:block;
	text-decoration:none;
	color: rgb(102,102,102);
	position:relative;
}

.pr li span {
		position:absolute;
		top: 7px;
		#top: 3px;
		font-size: 12px;
		padding: 3px;
		font-weight:bold;
}
.pr li p {
		margin-left: 70px;
		padding-left: 10px;
		border-left:1px solid rgb(204,204,204);
}

/***staff**/
.staff {
	float:left;
	margin-top: 10px;	
}

.staff_content {
	display:inline; 
	float: left;
	width: 560px;
	padding: 10px;
}
.staff_content h2 {
	margin-top: 5px;
	line-height: 14px;
	margin-bottom: 2px;
}

.staff_content h2 span{
	clear:both;
	display:block;
	font-size: 10px;
	color: rgb(68,68,68);
	font-weight: normal;	
}

.staff_img {
	width: 140px;
	margin-right: 10px;
	float:left;
}
.staff img {
	float: left;
	padding: 5px;
	margin: 10px;	
	width: 120px;
	height:120px;
	border:1px solid rgb(204,204,204);
}

/***on the web****/
#ooi_rss_inner {
	float: left;	
}

.rss {
	margin-top: 10px;
	clear:both;
	float:right;
	text-decoration:none;	
}
.rss img {
	position:relative;
	top: 5px;	
}
	#ooi_rss_inner li {
		display:block;	
		clear:both;
	}
	#ooi_rss_inner li a {
		border-bottom:1px solid rgb(204,204,204);
		padding: 10px;		
		display:block;
		text-decoration:none;
		font-size: 12px;
		color: rgb(102,102,102);
		float: left;
		position:relative;
		width:730px;
	}
	
	#ooi_rss_inner li a:hover {
		background-color: rgb(239,239,239);
	}
	
	#ooi_rss_inner li span {
		position:absolute;
		top: 5px;
	}
	#ooi_rss_inner li p {
		margin-left: 50px;
	}
	
	.author {
		padding: 0;
		margin: 0;
		clear:both;
		display:block;
		font-size: 10px;
	}
	
/****CONTACT PAGES**************/
.grey_box {
	position:relative;
	padding: 20px;	
	background-color:rgb(240,240,240);
	clear:both;
	margin: 10px;
	float:left;
	width: 700px;
}

.grey_map {
	float: left;
	width: 	280px;
	#display:inline;
}
.grey_content {
	float: right;	
	width: 360px;
	padding: 0px 20px;
	#display:inline;	
}

#us, #japan {
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 100;
	width: 110px;	
	height: 84px;
}
#us {
	background:url(/images/us.gif) no-repeat left;
}
#japan {
	background:url(/images/japan.gif) no-repeat left;
}

/*design corporate identity gallery **/ 
#designgallery, .designgallery {
	clear:both;
	width: 800px;	
	display:block;
	margin: 0px;
	margin-bottom: 25px;
	padding: 0px;
	float:left;
}

#designgallery li, .designgallery  li {
	display:inline;
	float: left;	
	margin-left: 5px;
	margin-bottom: 0px;
	#margin-bottom: 3px;
	margin-top: 0px;
}

#designgallery li img, .designgallery li img {
	float: none;	
	margin: 0px;
}


/***Case studies Page****/
#case_studies h2 {
	padding-top: 20px;
}

/*****CONTACT *******/
.contact_list {
	padding-bottom: 20px;	
}
.contact_list table {
	margin-left: 20px;
	border:1px solid rgb(204,204,204);
	padding: 10px;
	width: 550px;
	margin-bottom: :10px;
}
.contact_list table th {
	padding: 10px !important;
	margin-bottom: 3px !important;
	background-color: rgb(102,102,102);
	color: white;	
	font-size: 13px;
	border-bottom:1px solid rgb(204,204,204);
}
.contact_list table td {
	padding: 5px !important;
	margin-bottom: 3px !important;
	background-color: rgb(239,239,239);	
	border-bottom:1px solid rgb(204,204,204);
}

/*override default ooi widget look***/
#ooi-poll-div {
	background-color:#ffffff !important;
	margin: 10px 10px 10px 0px !important;
	width:230px !important;
	padding: 10px !important;
}

#ooi-poll-question {
	border-bottom:1px solid rgb(204,204,204);
}


/****LEMUR****/
.lemurbox {
	height: 230px;	
}

.lemurbk {
	background:url(/images/lemur_bk.jpg) no-repeat top left !important;	
}

/***inner secondary navigation****/
#inner_secondary_nav {
	clear:both;
	display:block;
	float:left;
	margin-bottom:20px;
	width:100%;
}

#inner_secondary_nav dd {
	float:left;
	display:inine;
}	

#inner_secondary_nav dd a {
	color:#3C5073;
	font-size: 14px;
	padding: 5px 10px;
	text-decoration:none;
}

#inner_secondary_nav a#active {
	color:#EA660E;
}