#hcontainer {
            background-color:#666666;
			
           }
#hcontent {
	background-color:#003918;
	height: 580px;
	width: 568px;
	position: absolute;
    left:50%;
    margin-left:-284px;
	margin-top: 10px;
    padding-bottom:0px;
	text-align:center;
}
#hhead {
color: #FDFBEF;
margin-top: 62px;
padding: 0;
font-family:"Times New Roman", Times, serif;
font-size: 54px;
font-weight:bold;
}
#hlinks1, #hlinks1 a, #hlinks2, #hlinks2 a {
 font-size: 36px;
 font-weight:bold;
 color: #EB0505;
 }

#arrows {
width: 51px;
height: 21px;
    background: url(../images/arrows.gif);
	    margin: 10px auto;
		 right: 33px;
		  bottom: 157px;
		   padding: 0;
		       position: absolute;
}
//for when combined with right arrow
#leftarrow1 {
width: 22px;
height: 21px;
    background: url(../images/back.gif);
	    margin: 10px auto;
		 right: 66px;
		  bottom: 157px;
		   padding: 0;
		       position: absolute;
}
//for when on own

#leftarrow2 {
width: 22px;
height: 21px;
    background: url(../images/back.gif);
	    margin: 10px auto;
		 right: 33px;
		  bottom: 157px;
		   padding: 0;
		       position: absolute;
}


#rightarrow {
width: 22px;
height: 21px;
    background: url(../images/forward.gif);
	    margin: 10px auto;
		 right: 33px;
		  bottom: 157px;
		   padding: 0;
		       position: absolute;
}




#container {
            background:#004722 no-repeat left bottom;
            left:50%;
            position:absolute;
            width:1024px;
			height:768px;
            margin:0 0 0 -512px;
            padding-bottom:0px
           }
#header    {
	height:88px;
	vertical-align: bottom;
	padding-bottom: 16px;
	padding-left: 15px;
	position: relative;
											}
#header .text {
	font-family: "Times New Roman", Times, serif;
	font-size: 55px;
	font-weight:bold;
	color: #FDFBEF;
	position:absolute;
	bottom: 10px;
	width: 467px;
}
#capturing {
 position: absolute;
	background: url(../images/capturing-history.gif) no-repeat;
	width: 338px;
	height: 33px;
	bottom: 13px;
	right: 14px;
}
#bottombar {
	background-image: url(../images/bottom-bar.gif);
	background-repeat: repeat-x;
	height: 11px;
	width: 1024px;
	position: relative;
}

#clicktitles {
	margin-top: 26px;
	margin-left: 24px;
}
#footer {
	width: 1024px;
	height: 76px;
	text-align: right;
	position: relative;
}
#footer .text {
	font-family: "Times New Roman", Times, serif;
	font-size: 30px;
	color: #FDFBEF;
	position: absolute;
	right: 25px;
	top: 10px;
	font-weight: bold;
}



#nav       {
	background-image: url(../images/nav-bg-border.gif);
	background-repeat: repeat-x;
 width: 1024px;
	height: 93px;
           }
#nav .text {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #B5B2B5;
	font-size: 18px;
}

#navbar {    width: 706px; height: 17px;    background: url(../images/navbar.gif);    margin: 10px auto; margin-left: 310px; margin-top: -20px; padding: 0;    position: relative;				}

#navbar li {    margin: 0; padding: 0; list-style: none;    position: absolute; top: 0;				}
				
#navbar li, #navbar a {    height: 17px; display: block;				}

#home {        left: 0px;  width: 56px;}
#intro {       left: 56px; width: 65px;}
#presentation {left: 121px;width: 140px;}
#uses {        left: 261px;width: 55px;}
#calendars {   left: 316px;width: 112px;}
#team {        left: 428px;width: 58px;}
#contact {     left: 486px;width: 89px;}
#testimonials {left: 575px;width: 131px;}

#home a:hover {         background: transparent url(../images/navbar.gif)    0px -17px no-repeat;}
#intro a:hover {        background: transparent url(../images/navbar.gif)  -56px -17px no-repeat;}
#presentation a:hover { background: transparent url(../images/navbar.gif) -121px -17px no-repeat;}
#uses a:hover {         background: transparent url(../images/navbar.gif) -261px -17px no-repeat;}
#calendars a:hover {    background: transparent url(../images/navbar.gif) -316px -17px no-repeat;}
#team a:hover {         background: transparent url(../images/navbar.gif) -428px -17px no-repeat;}
#contact a:hover {      background: transparent url(../images/navbar.gif) -486px -17px no-repeat;}
#testimonials a:hover { background: transparent url(../images/navbar.gif) -575px -17px no-repeat;}

#content {
	background-image: url(../images/content-bg.jpg);
	background-repeat: no-repeat;
	height: 485px;
	width: 1024px;
	display: table; position: static;
}