/*-----------------------------------------------------------------------------
Default Jack H. Hellaby Style Sheet

version:   1.0
author:    Theodore Stepanoff
email:     fyodore@gmail.com
-----------------------------------------------------------------------------*/

		 html, body {
				align: center;
				Background: url(../images/Giraffe-skin.jpg) repeat;
				min-height: 100%;
				font-family: Garamond, Georgia, Times New Roman, Sarif;
				margin-top: 1px;
				text-align: center;
				z-index: 10;
				position: relative;

				
			}

			#container {
				Background: #420000;
				margin: 0 auto;
				padding-top: 30px;
				padding-bottom: 30px;
				position: relative;
				text-align: center;
				min-width: 900px;
				max-width: 1400px;
				/*ie hack */
				width:expression(document.body.clientWidth < 900? "900px" : document.body.clientWidth > 1400? "1400px" : "auto");
				z-index: 20;
			}
			
			
			#whiterectanglebackground
			{
				Background: #ffffff;
				text-align: center;
				
				margin: 0px 40px;
				padding-top:140px;
				padding-bottom:30px;
				width-min:100%;
				z-index: 30;
				position: relative;
			}
			
			#signatureimage
			{
				top: -28px;
				left:0px;
				width: 100%;
				height: 291px;
				position: absolute;

				margin: 0px, 0px, 0px, 0px;
				padding: 0px, 0px, 0px, 0px;
				z-index: 10;
			}
			
			#signature
			{	width: 100%;
				width-min: 800px;
				height: 291px;
				background: url(../images/Jack-signature.png);
				background-repeat: no-repeat;
				background-attachment: scroll;
				background-position: top center;
				
			}
			
			#signatureimage span {
			text-align: center;
			display: none;
			}
			
			
			#navigationbar
			{
				Background: #fcedd4;
				height: 46px;
				margin-top:0px;
				width-min: 100%;
				margin-left: 40px;
				margin-right: 40px;
				padding-left: 20px;
				text-align: left;
				vertical-align:middle;
				font-size: 1.1em;
				line-height:46px;
				position:relative;
				
			}
			
			
			.menuitem
			{
				margin-left: 15px;
				margin-right: 15px;
				vertical-align:middle;
				height: 46px;
				float:left;
			}
			
			.menubullet
			{
				height:29px;
				width:15px;
				margin:0px;
				padding:0px;
				margin-top:10px;
				background: url(../images/girraffebullet.png) no-repeat 0px 100%;
				float:left;
			}
			
			.menubulletspan
			{
				height:29px;
				width:15px;
				margin:0px;
				padding:0px;
			}
			
			#pagecontent
			{
				margin-top: 85px;
				text-align: center;
				position:relative;
			}
			
			#home_left
			{
				min-height: 50px;
				height:80%;
				float:left;
				width:49%;
				text-align:center;
			}
			
			#home_middle
			{
				margin-top:60px;
				margin-bottom:20px;
				height:150px;
				vertical-align:middle;
				float:left;
				width:4px;
				Background: #000000;
			}
			
			#home_right
			{
				min-height: 50px;
				height:80%;
				vertical-align:middle;
				float:left;
				width:49%;
			}
			
			#welcome, #feature
			{
				
				color: #420000;
				font-weight: bold;
				font-size: 1.9em;
				margin-top:2px;
				margin-bottom:25px;
				text-align: center;
				
			}
			
			#descofjack
			{
				margin-left:10%;
				margin-right:10%;
				font-size: 1.1em;
				margin-bottom:25px;
				text-align: justify;
			}
			
			#copyright
			{
				position: relative;
				text-align: center;
				color: #FFFFFF;
				font-size: .9em;
				height: 30px;
				top:25px;
				padding: 18px, 0px, 0px, 0px;
				font-weight: bold;
				letter-spacing: 2px
			}
			
			.clear
			{
				clear: both;
			}
			
			
    

/*All classes of links for the page
--------------------------------------*/ 
			a:link {
				text-decoration: none;
				color: #8FB4FF;
			}

			a:visited {
				text-decoration: none;
				color: #8FB4FF;
			}

			a:active {
				text-decoration: none;
				color:#8FB4FF;
			}

			a:hover {
				text-decoration: underline;
				color: #8FB4FF;
			}
			
/*All <h> classes
-------------------------------------*/

			h1 {
			font-size: 1.6em;
			color:#fff;
			margin:0px;
			margin-top:5px;
			padding:0;
			}

			h2 {
			font-size: 1.4em;
			font-style: bold;				
			}

			h3 {
			margin:0px;
			margin-top:5px;
			padding:0;
			font-size: 1.3em;
			color:#fff;
				
			}

			h4 {
				font-size: 1.1em;
				font-weight: normal;
			}

			h5 {
				color:#fff;
				letter-spacing: 2px;
				font-size: .8em;
				margin: 0px;
				padding: 0px;
				height: 3px;
			}

			h6 {
				
			}