/*--------------------- general ---------------------*/

html, body { margin: 0; padding: 0; }
body { background: #515661 url('../img/bg.jpg') repeat-x; color: #D2D2D2; font: 62.5% Verdana, Arial, Helvetica, sans-serif; }

	/*  Baseline values for browser consistency  */
	p, div, h1, h2, h3, h4, h5, ul, li, ol, img, fieldset { margin: 0; padding: 0; }
	img { border: 0; }
	
	ul, ol { list-style-position: inside; margin: 0 0 1em; }
	ul li, ol li { font-size: 1.1em; margin: 0 0 0.2em; }
		ul li ul { margin: 0 0 0 10px; }
		ul li ul li { font-size: 11px; }
	
	hr { background: #666; color: #ccc; border: 0; height: 1px; margin: 20px 0; }
	
	a:link, a:visited, a:active { color: #A2A93F; text-decoration: none; outline: 0; }
	a:hover { color: #fff; text-decoration: none; }
	#leftcol a, #leftcol a:visited { color: #CC0000; }
	#leftcol a:hover { color: #707B2D; }

.clear { clear: both; height: 0px; }
.left { float: left; }
	img.left { margin-right: 10px; }
	img.right { margin-left: 10px; }
	img.bb { margin-bottom: 10px; }
.right { float: right; }
.centre { text-align: center; }
img.border, div.border { padding: 3px; background: #636876; border: 1px solid #747A8B; }
.padder { padding: 0 13px 0 13px; }
.nocaps { text-transform: none; }

/*---------------- layout elements ----------------*/

#container { background: url('../img/bg_container.gif') 55px 0 repeat-y;  }	
	
	#head {
		height: 108px; position: relative;
		background: url('../img/bg_head.jpg') top right no-repeat; }
		
		#logo {
			float: left; }
		
	#wrapper {
		width: 922px;
		margin: 0 0 0 55px; }
		
		#leftcol {
			width: 181px; float: left;
			padding: 0 9px 0 8px;
			background: url('../img/bg_leftcol.gif') top left repeat-y; }
			
			#leftcol img.divider { margin: 0; padding: 0; float: left; }			
			
			#leftcol ul li a, #leftcol ul li { color: #000; }
			#leftcol ul li a:hover { color: #907F61; }
			
		#content {
			position: relative;
			width: 686px; float: right; }
			
			body.home #content p { margin: 0; }
			
	#foot {
		padding: 18px 0 10px 20px;
		background: #B6A989 url('../img/bg_foot.jpg') top left repeat-x; }
		
		#foot p {
			font-size: 1em; color: #554B42; margin: 0 0 3px; }
			
		#foot a, #foot a:visited {
			color: #fff;
			 text-decoration: none; }
			 
		#foot a:hover {
			text-decoration: underline; }

/*---------------- images ----------------*/

.koi { margin: -10px 13px 0 0; float: left; }

.lion { position: absolute; top: -28px; right: 0; }

.waterfall { float: left; }

.img_leader { position: absolute; bottom: 0; }

/*--------------------- navigation -----------------------*/

ul.level1 {
	list-style: none; list-style-position: outside;
	height: 37px;
	position: absolute; top: 35px; left: 340px; }
	
ul.level1 li { float: left; }

/*---------------- headings and paragraphs ----------------*/

p { 
	font-size: 1.2em;
	line-height: 1.6em; 
	margin: 0 0 1em;
	color: #D2D2D2; }
	
	#leftcol p {
		color: black; margin: 0; padding: 0; background: none; }
		
	p.title { color: #fff; font-size: 12px; font-weight: bold; margin: 3px 0 7px; }
	
/* colours */

.white { color: #fff; }
.beige { color: #CABC8A; }
.brown { color: #907F61; }
#leftcol .brown { color:#4F4735; }
.green { color: #72772E; }

/* ------ */

h1, h2, h3 { font-family: "Times New Roman", Times, serif; }

h1 { 
	font-size: 2em;
	text-transform: uppercase; }
	
	#leftcol h1 {
		font-size: 1.5em; color: #72772E;
		text-transform: capitalize;
		margin: 0; padding: 0 15px 5px 0;
		text-align: center; }
		
	.italy { color: #333; margin-top: 16px; }
	
h2 { 
	font-size: 1.6em; font-style: italic;
	text-transform: uppercase; }
	
	#leftcol h2 {
		color: #4F4735; }

	#leftcol h2, #leftcol p { margin: 0 0 0.3em; }

h3 { 
	font-size: 1.5em; 
	text-transform: capitalize; }
	
	#leftcol h3, .events h3 {
		text-transform: uppercase; font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px; font-weight: bold; color: #67492E; }
		
		.events h3 { color: #ccc; }


/*--------------------- form elements ---------------------*/

form { 
	background: #eee; 
	padding: 10px; }

form label {
	 cursor: pointer;
	 font-size: 1.2em;
	 display: block; 
	 float: left;
	 width: 150px; }
 	
	form span { font-size: 1.2em; }
 		
form fieldset {
	border: none; clear: left; }
		
input, select, textarea {
 	font: 11px Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 2px;
	padding: 2px 0 0;
 	width: 150px; height: 22px;
	background: #634135;
	color: #fff; }
 
 	input.checkbox, input.radio { width: auto; margin-top: 5px; }

button { margin: 0 0 0 10px; }

/* re-usuable elements */

#quote { width: 180px; padding: 10px 15px 0 0; }
	#quote p { 
		color: #CABC8A; 
		font-family: "Times New Roman", Times, serif;
		font-style: italic;
		font-size: 1.7em; line-height: 1.3em;
		font-weight: bold; }

/* homepage */

#welcome { height: 200px; background: url('../img/divider-welcome.gif') bottom left no-repeat; margin: 0 0 10px; padding: 0 28px 0 20px; }

	.intro p { font-size: 20px; line-height: 20px; font-family: "Times New Roman", Times, serif; font-style: italic; margin: 0; }
	.intro p a { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; }
	.intro h2 { margin: 0 0 5px; }

#leader { height: 205px; background: url('../img/divider-leaders.gif') bottom left no-repeat; margin: 0 0 20px; padding: 0 18px 30px 30px; }
	
	#leader p.founderText { font-size: 18px; line-height: 20px; font-family: "Times New Roman", Times, serif; font-style: italic; margin: 0; }
	#leader .hanshi { margin: -75px 0 0 0; float: right; }
	
#leaders { clear: both; height: 305px; padding-bottom: 60px; background: url('../img/divider-leaders2.gif') bottom left no-repeat; margin: 0 0 20px; }

	.leader { 
		width: 315px; float: left; padding: 0 28px; }
				
/* Com proj - italy */

.stories {
	float: right; width: 235px;
	margin: 0 0 10px;
	background: #333 url('../img/bg-stories.jpg') left bottom repeat-x; border: 1px solid #666666;
	padding: 8px 2px 8px 10px; }

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

table.awol img.bt { width: 80px; height: 24px; }

/* News page */

table.news-thumbs td { padding: 0 0 3px; }

/* About page */

.quoteGrey { font-size: 18px; line-height: 20px; font-family: "Times New Roman", Times, serif; font-style: italic; margin: 0 0 1em; }

/* Chisai Nippom */

table.chisai td { padding: 10px 5px 0 0; }

table.squad td { padding: 0 10px 10px 0; }

table.image-large a, table.image-large a:visited { color: #333; }