/****** Stylesheet for CSS Ninja Garden Web site  ******
* Version 1.6, modified by Jon Ippolito to clarify navigation-link adjustments.
*/
/* ________ Containers, Main Headings, and Navigation. ________ */
body {
	background-color:  rgb(4%,10%,10%) ;
	text-align: center;
	min-width: 750px;
    font-family: Gill Sans, Arial ;
    font-size: 16px;
    color: rgb(40%, 35%, 10%) ;
}
a {
    text-decoration:  none ;
  	color: rgb(80%, 40%, 15%) ;
}
a:hover {
    text-decoration:  underline ;
}
#main-container {
	position: relative;
	background-color:  rgb(0%,2%,3%) ;
	text-align: left;
	width: 750px ;
	margin: 0 auto ;
	overflow:  hidden ;
}
	#logo {
		position: relative ;
		height: 95px ;
		background-image: url(../media/zen_garden_jr_logo7@m.png) ;
		background-repeat: no-repeat;
		background-position: -70px -36px;
	    opacity: .70 ;
	    _filter: alpha(opacity=70) ; /* Hack for IE. */
		z-index: 1;
	}
	#watermark {
	    position: absolute ;
	    top: 0px ;
	    left: 390px ;
	    height: 500px ;
	    width: 400px ;
		background-image: url(../media/michelle_yeoh_fist@m.jpg) ;
	    background-repeat: no-repeat ;
	    opacity: .50 ;
	    _filter: alpha(opacity=50) ; /* Hack for IE. */
	}
	.global-navigation {
	    position: relative ;
	    height: 25px ;
	    width: 100% ;
	}
		.navigation-link, .navigation-link-over {
		    position: relative;
		    float: left ;
		    width: 16% ;
		    margin-left: 2% ;
			padding:  .3em;
		    border: solid 1px rgb(30%, 40%, 8%) ;
		    text-align: center ;
			font-size:  14px ;
			color: rgb(80%, 40%, 15%) ;
		}
		.navigation-link-over {
			cursor:  pointer ;
			background-color:  rgb(40%, 35%, 10%)  ;	
		}
		#nav-menu-1 { /* Evens out spacing for side-by-side links--omit for links in one column. */
			margin-left: 16px ;
		}
	/* ________ Description ________ */
	#description-container {
	    position: relative;
	    width: 46% ;
		padding: 2em 1.5em ;
	    font-family: Gill Sans, Verdana ;
	    font-size: 16px ;
		_font-size: 14px ; /* Hack for IE (Windows fonts are bigger). */
	}
		#description-container p {
			margin-top: 0em ;
			margin-bottom: .5em;
		}
		#description-container em {
			font-style:  normal ;
			color:  rgb(70%, 70%, 20%)
		}
/* ________ Links to Other Projects ________ */
	#other-projects {
		position:  relative ;
		margin-left:  1em ;
		margin-right:  1em ;
		margin-bottom: 20px ;
		padding:  4px ;
		border: dotted 1px;
		font-size:  14px ;
		_height: 116px ; /* Hack for IE. */
	}
		.other-project, .other-project-over {
			position:  relative ;
			float:  left ;
			width: 25% ;
			height:  40px ;
			margin: 4px ;
			padding-left:  50px ;
			padding-top: .4em;
			background-image:  url(../media/triskelian_dark.gif);
			background-repeat: no-repeat;
			background-color: rgb(0%,2%,3%) ;
			color:  rgb(40%, 35%, 10%) ;
		}
		.other-project-over {
			background-image:  url(../media/triskelian_light.gif);
			background-color:  rgb(40%, 35%, 10%) ;
			color:  rgb(0%,2%,3%) ;
		}
.footer { /* When nesting divs inside a relatively positioned div, this footer stretches the border and background to fit. */
	clear: both ;
}