/****** "Colored boxes" demo stylesheet for CSS Ninja Garden Web site  ******
* Based on CSS Ninja Garden Web site version 1.6.
*/
/* ________ Containers, Main Headings, and Navigation. ________ */
body {

	text-align: center;
	min-width: 750px;
    font-family: "Century Gothic", Helvetica ;
    font-size: 10px;
    color: rgb(10%, 10%, 10%) ;
background: #9b0303; /* Old browsers */
background: -moz-linear-gradient(top,  #9b0303 1%, #160008 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#9b0303), color-stop(100%,#160008)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #9b0303 1%,#160008 100%); /* Chrome10+,Safari5.1+ */
}
div {
	padding:  .1em ;
}
a {
    text-decoration:  none ;
  	color: rgb(80%, 40%, 15%) ;
}
a:hover {
    text-decoration:  underline ;
}

p{
	
}

#main-container {
	position: relative;
	background-color:  black;
	text-align: left;
	width: 750px ;
	margin: 0 auto ;
	margin-top:100px;
	overflow:  hidden ;
	padding: 10px ;
	color:  white ;
	border-left:5px solid yellow;
	border-right:5px solid yellow;
}
	#logo {
		position:fixed;
		overflow:visible;
		margin:auto;
		top:0px;
		left:0px;
		width:100%;
		height: 100px ;
		background-color: #110000;
		color:  turquoise ;
	border-bottom:5px solid yellow;
	background-image:url("../media/dragonheader.png");	
	background-size:100%;
	z-index:9999;
	}
	#watermark {
	margin:auto;
	margin-top:10px;
	    height:100px;
	    width: 99%;
	background-color: black ;
	background-image:url("../media/header.png");
	background-repeat: no-repeat;
	}
	.global-navigation {

	    height: 25px ;
	    width: 100% ;
	    margin-top:15px;
	    margin-bottom:15px;
		background-color: #660505 ;
		color:  aqua ;
		font-size:  20px ;
		text-align:  right;
	}
		.navigation-link, .navigation-link-over {
		    position: relative;
		    float: left ;
		    width: 16% ;
		    margin-left: 0px ;
		    margin-top:-2px;
			padding:  .35em;

		    border-left: solid 5px #442200 ;
		    border-right: solid 5px #442200 ;
		    
		    text-align: center ;
			font-size:  14px ;
			background-color:  yellow ;
			color: black ;
background: -moz-radial-gradient(center, ellipse cover,  #fcf6bd 0%, #f1da36 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#fcf6bd), color-stop(100%,#f1da36)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #fcf6bd 0%,#f1da36 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #fcf6bd 0%,#f1da36 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #fcf6bd 0%,#f1da36 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #fcf6bd 0%,#f1da36 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcf6bd', endColorstr='#f1da36',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

		}
		.navigation-link-over {
			cursor: crosshair;
			background-color:  rgb(40%, 35%, 10%)  ;	
		}
		#nav-menu-1 {
			margin-left: 7px ;
		}
	/* ________ Description ________ */
	#description-container {
	    position: relative;
	    width: 46% ;
	    float:left;
		padding: 2em 1.5em ;
	    font-family: Gill Sans, Verdana ;
	    font-size: 1.5em;
		
	    background-color: rgb(8%, 5%, 5%) ;
		color:  white ;
	}
		#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 {
		float:right;
		width:45%;
		margin-bottom: 20px ;
		margin-left:-6px;
		padding-bottom: 4px ;
		padding-left:0px;
		padding-top:20px;
		font-size:  20px ;
		text-align: right ;
		background-color: rgb(8%, 5%, 5%) ;
		color:  orangered ;
		opacity:0.9;
	}
		.other-project, .other-project-over {
			position:  relative ;
			float:  left ;
			width: 95% ;
			height:  50px ;
			margin-left:6px;
			margin-bottom: 4px ;
			margin-top:  10px;
			border:inset 2px yellow;
			

			padding-top: .4em;
			background-repeat: no-repeat;
			background-color: rgb(0%,2%,3%) ;
			color:  rgb(40%, 35%, 10%) ;
			font-size:  15px ;
			text-align:  center ;
		}
		.other-project-over {
			background-color:  rgb(50%, 0%, 3%) ;
			color:  rgb(50%,92%,83%) ;
		}
.footer { /* When nesting divs inside a relatively positioned div, this footer stretches the border and background to fit. */
	clear: both ;
	position:absolute;
	bottom:0px;
	left:0px;
	background-color:  red ;
	color: maroon ;
	background-image:url("../media/dragonheader.png");	
	background-size:100%;
	border-top:2px solid yellow;
	border-bottom:2px solid yellow;
	width:100%
}



/*	Images from
http://npnutra.com/assets/images/chinese-dragon-2012.jpg

*/