@font-face {
		font-family: 'BebasNeue';
		src: url('fonts/bebas_neue/BebasNeue.otf');
	}
	body {
		background-color:#d0a76f;
		margin:0px;
		font-family:"Hoefler Text",Didot,serif;
		line-height:20px;
	}
	#background {
		background-image:url('random_hex.jpg');
		background-repeat:repeat;
		width:1260px;
		height:2200px;
	}
	#background_about {
		background-image:url('random_hex.jpg');
		background-repeat:repeat;
		width:1260px;
		height:1770px;
	}
	#header {
		color:white;
		font-size:120px;
		font-family:BebasNeue;
		letter-spacing:2px;
		text-transform:uppercase;
		position: fixed;
		width:800px;
		left:50%;
		margin-left:-385px;
		top:80px;
		z-index: 7;
	}
	#toc {
		font-family:Optima;
		font-size:22px;
		width:1000px;
		position:fixed;
		top:140px;
		left:50%;
		margin-left:-426px;
		z-index:7;
	}
	#toc a {
		text-decoration:none;
		color: #bbbf60; 
	}
	a {
		color:#dc6e45;
		text-decoration:none;
	}
	#toc li {
		list-style-type:none;
		float: left;
		margin-right: 3.4em; 
		display:block;
	}
	#book ul{
		display:none;
		width:46px;
	}
	#book:hover ul {
		display: block;
        line-height: 26px;
        float: none;
        position:absolute;
        margin-top:5px;
        margin-left:-40px;
        width: 250px;
        font-size:18px;
	}
	#toc ul li.selected a, #toc ul li a:hover {
	color:#eff563;
	}
	.subhead {
		font-family:Optima,Arial, sans-serif;
		font-weight:lighter;
		font-size:46px;
		line-height:50px;
		text-align:right;
		text-transform:uppercase;
		position:relative;
		margin:360px 700px 0 50px;
	}
	#whatis {
		position:relative;
		float:left;
		margin-top:-95px;
		margin-left:600px;
	}
	.learn {
		position:absolute;
		font-style:italic;
		margin-top:-30px;
		margin-left:600px;
	}
	.example {
		font-family:BebasNeue;
		font-size:80px;
		color:white;
		position:relative;
		float:left;
		margin-top:220px;
		margin-right:40px;
		margin-left:120px;
		z-index:3;
	}
	.second{
		font-family:Optima,Arial, sans-serif;
		font-weight:lighter;
		font-size:18px;
		position:relative;
		margin-top:260px;
		margin-left:-180px;
		float:left;
		color:white;
		z-index:3;
	}
	.second_image {
		position:relative;
		width:300px;
		margin-left:-280px;
		margin-top:80px;
		float:left;
		border:solid rgba(40,76,102,.85); 3px;
	}
	#flower {
		margin-left:-324px;
	}
	#software{
		margin-left:200px;
		margin-top:240px;
	}
	#software a{
		color:white;
	}
	.software_sub{
		position:relative;
		margin-top:220px;
		float:left;
		color:white;
		font-family:Optima,Arial, sans-serif;
		font-weight:lighter;
		font-size:18px;
		z-index:3;
	}
	#natural{
		margin-top:-10px;
	}
	#software_image{
		position:relative;
		width:1123px;
		margin-left:70px;
		margin-top:-280px;
		border:solid rgba(40,76,102,.85); 3px;
	}
	#from_book {
		margin-left:1050px;
		margin-top:150px;
		width:50px;
		line-height:60px;
		font-size:50px;
	}
	a.rollover {
		display:block;
		background: url("chap1.png");
		width:101px;
		height:90px;
	}
	a.rollover:hover {
		background-position:-101px;
	}
	a.rollover2 {
		display:block;
		background: url("chap2.png");
		width:101px;
		height:90px;
	}
	a.rollover2:hover {
		background-position:-101px;
	}
	a.rollover3 {
		display:block;
		background: url("chap3.png");
		width:101px;
		height:90px;
	}
	a.rollover3:hover {
		background-position:-101px;
	}
	a.rollover4 {
		display:block;
		background: url("chap4.png");
		width:101px;
		height:90px;
	}
	a.rollover4:hover {
		background-position:-101px;
	}
	a.rollover5 {
		display:block;
		background: url("chap5.png");
		width:101px;
		height:90px;
	}
	a.rollover5:hover {
		background-position:-101px;
	}
	a.rollover6 {
		display:block;
		background: url("chap6.png");
		width:101px;
		height:90px;
	}
	a.rollover6:hover {
		background-position:-101px;
	}
	a.rollover7 {
		display:block;
		background: url("chap7.png");
		width:101px;
		height:90px;
	}
	a.rollover7:hover {
		background-position:-101px;
	}
	a.rollover8 {
		display:block;
		background: url("chap8.png");
		width:101px;
		height:90px;
	}
	a.rollover8:hover {
		background-position:-101px;
	}
	a.rollover9 {
		display:block;
		background: url("chap9.png");
		width:101px;
		height:90px;
	}
	a.rollover9:hover {
		background-position:-101px;
	}
	a.rollover10 {
		display:block;
		background: url("chap10.png");
		width:101px;
		height:90px;
	}
	a.rollover10:hover {
		background-position:-101px;
	}
	a.rollover11 {
		display:block;
		background: url("chap11.png");
		width:101px;
		height:90px;
	}
	a.rollover11:hover {
		background-position:-101px;
	}
	a.rollover12 {
		display:block;
		background: url("chap12.png");
		width:101px;
		height:90px;
	}
	a.rollover12:hover {
		background-position:-101px;
	}
	a.rollover13 {
		display:block;
		background: url("smallhex.png");
		width:101px;
		height:90px;
	}
	a.rollover13:hover {
		background-position:-101px;
	}
	.displace {
		position:absolute;
		left:-5000px;
	}
	#chap1{
		position:relative;
		margin-top:-241px;
		margin-left:116px;
	}
	#chap2{
		position:relative;
		margin-top:-138px;
		margin-left:199px;
	}
	#chap3{
		position:relative;
		margin-top:53px;
		margin-left:282px;
	}
	#chap4{
		position:relative;
		margin-top:-42px;
		margin-left:366px;
	}
	#chap5{
		position:relative;
		margin-top:-328px;
		margin-left:448px;
	}
	#chap6{
		position:relative;
		margin-top:6px;
		margin-left:448px;
	}
	#chap7{
		position:relative;
		margin-top:-43px;
		margin-left:532px;
	}
	#chap8{
		position:relative;
		margin-top:-91px;
		margin-left:698px;
	}
	#chap9{
		position:relative;
		margin-top:-42px;
		margin-left:781px;
	}
	#chap10{
		position:relative;
		margin-top:-42px;
		margin-left:864px;
	}
	#chap11{
		position:relative;
		margin-top:-138px;
		margin-left:948px;
	}
	#chap12{
		position:relative;
		margin-top:-90px;
		margin-left:1114px;
	}
	#smallhex13{
		position:relative;
		margin-top:-42px;
		margin-left:1031px;
	}
	#smallhex14{
		position:relative;
		margin-top:-375px;
		margin-left:32px;
	}
	#smallhex15{
		position:relative;
		margin-top:52px;
		margin-left:-51px;
	}
	#smallhex16{
		position:relative;
		margin-top:-137px;
		margin-left:365px;
	}
	#footer ul {
		list-style:none;
		width:300px;
		line-height:24px;
		font-family:Optima;
		font-size:16px;
	}
	#footer ul li {
		position:relative;
		float:left;
		width:300px;	
	}
	#footer ul li.selected a, #footer ul li a:hover {
		color:#eff563;
	}
	#links {
		font-family:Optima,Arial, sans-serif;
		font-weight:lighter;
		font-size:18px;
		position:relative;
		float:left;
		margin-left:40px;
		margin-top:30px;
		margin-bottom:10px;
		color:white;
		z-index:7;
	}
	
	#footer ul li a{
		text-decoration:none;
		color: #bbbf60;
	}
	.tweet{
		font-family:Optima,Arial, sans-serif;
		font-weight:lighter;
		font-size:18px;
		position:relative;
		float:left;
		margin-left:80px;
		margin-top:-224px;
		margin-bottom:10px;
		color:white;
		z-index:7;
	}
	.update{
		font-size:14px;
		font-weight:lighter;
		margin-bottom:-5px;
	}
	.time{
		font-size:14px;
		font-weight:lighter;
		margin-left:15px;
	}
	.mailing{
		font-family:Optima,Arial, sans-serif;
		font-weight:lighter;
		font-size:18px;
		position:relative;
		float:left;
		margin-left:590px;
		margin-top:-224px;
		margin-bottom:10px;
		color:white;
		z-index:7;
	}
	.mailing p {
		font-size:12px;
		color:#bbbf60;
		margin-top:30px;
	}
	
	#footer div div form {
		overflow:hidden;
		padding:13px 0 0;
	}
	#footer div div form input:first-child {
		background:none #cccccc;
		border:0;
		cursor:text;
		height:auto;
		margin:0 10px 0 0;
		padding:5px 10px 4px;
		width:200px;
	}
	#footer div div form input:first-child:hover {
		background:none white;
	}
	#footer div div form input {
		background:url("interface.png") no-repeat -262px 1px;
		border:0;
		cursor:pointer;
		float:left;
		height:24px;
		width:70px;
	}
	#footer div div form input:hover {
		background:url("interface.png") no-repeat -262px -24px;
	}
	.copyright{
		font-family:Optima,Arial, sans-serif;
		font-size:13px;
		position:relative;
		float:left;
		color:black;
		z-index:7;
		margin-left:-300px;
		margin-top:56px;
	}
	.connect {
		font-family:Optima,Arial, sans-serif;
		font-size:13px;
		position:relative;
		float:left;
		color:black;
		z-index:7;
		margin-left:600px;
		margin-top:56px;
	}
	#footer div div.connect a {
		display:block;
		float:left;
		text-indent:-99999px;
	}
	#footer div div.connect a#facebook {
		background:url(icons.png) no-repeat 0 0;
		height:17px;
		width:9px;
		position:absolute;
		margin-left:110px;
		margin-top:-20px;	
	}
	#footer div div.connect a#facebook:hover {
		background:url(icons.png) no-repeat 0 -90px;
	}
	#footer div div.connect a#twitter {
		background:url(icons.png) no-repeat 0 -18px;
		height:17px;
		position:absolute;
		margin-left:140px;
		margin-top:-20px;
		width:18px;
	}
	#footer div div.connect a#twitter:hover {
		background:url(icons.png) no-repeat 0 -54px;
	}
	#footer div div.connect a#googleplus {
		background:url(icons.png) no-repeat 0 -36px;
		height:17px;
		width:17px;
		position:absolute;
		margin-left:180px;
		margin-top:-20px;
	}
	#footer div div.connect a#googleplus:hover {
		background:url(icons.png) no-repeat 0 -72px;
	}
	.about {
		font-family:Optima,Arial, sans-serif;
		font-weight:lighter;
		font-size:46px;
		line-height:50px;
		text-align:right;
		position:relative;
		float:left;
		margin-top:360px;
		margin-left:60px;
		color:#dc6e45;
	}
	.ab {
		font-family:Optima;
		font-size:22px;
		font-weight:lighter;
		color:rgb(40,76,102);
		width:500px;
	}
	
	#body.about div div form {
		padding:29px 32px 0 20px;
	}
	#body.about div div form label {
		display:block;
		padding:0 0 17px;
		position:relative;
		overflow:hidden;
	}
	#body.about div div form label span {
		color:#a5a5a5;
		display:inline-block;
		font-family:inherit;
		font-size:12px;
		line-height:21px;
		margin:0 15px 0 0;
		padding:0;
		text-align:right;
		width:55px;
	}
	#body.about div div form label span.comment {
		position:absolute;
	}
	#body.about div div form label input {
		background:none #343434;
		border:1px solid #151515;
		color:#a5a5a5;
		cursor:text;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		height:auto;
		margin:0;
		padding:5px 5px 4px;
		position:absolute;
		width:335px;
	}
	#body.about div div form label textarea {
		background:none #343434;
		border:1px solid #151515;
		color:#a5a5a5;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		height:107px;
		margin:0 9px 0 69px;
		margin:0 5px 0 69px\9;/* Needed for IE9 and old versions */
		overflow:auto;
		float:right;
		padding:0px;
		resize:none;
		width:335px;
		float:right;
	}
	.send {
		background:url("interface2.png") no-repeat 0 0;
		border:0;
		cursor:pointer;
		height:23px;
		margin:0 0 0 69px;
		padding:0;
		width:100px;
	}
	.send:hover {
		background:url("interface2.png") no-repeat 0 -24px;
	}
	.contact {
		font-family:Optima,Arial, sans-serif;
		font-weight:lighter;
		font-size:20px;
		position:relative;
		float:left;
		width:150px;
		line-height:30px;
		margin-top:-530px;
	}
	.send {
		display:block;
		margin-left:5px;
	}
	#about_links {
		font-family:Optima,Arial, sans-serif;
		font-weight:lighter;
		font-size:18px;
		position:relative;
		float:left;
		margin-left:40px;
		margin-top:10px;
		margin-bottom:10px;
		color:white;
		z-index:7;
	}
	#software_list {
		border:0px solid #4f4f4f;
		margin:0 auto 152px;
		overflow:hidden;
		width:958px;
	}
	#software_list h2 {
		color:#000099;
		font-family:oswaldregular;
		font-size:30px;
		font-weight:400;
		margin:10px 0;
		padding:0 0 0 10px;
		text-transform:uppercase;
	}
	#software_list ul {
		list-style:none;
		margin:0;
		overflow:hidden;
		padding:0;
	}
	#software_list ul li:first-child {
		border-left:none;
	}
	#software_list ul li {
		border-left:0px solid #4f4f4f;
		float:left;
		position:relative;
		left:-20px;top:0px;
		width:238px;
	}
	#software_list ul li a:first-child img {
		border-top:0px solid #4f4f4f;
		height:382px;
		width:241px;
	}
	#software_list ul li h3 {
		border-bottom:0px solid #4f4f4f;
		border-top:0px solid #4f4f4f;
		display:block;
		margin:0;
		padding:2px 10px 2px 0px;
		width: 238px;
		color: #000099;
		font-size: 15px;
		font-style: normal;
		font-weight: 400;
		line-height: 18px;
		text-align: center;
		text-transform:uppercase;
	}
	#software_list ul li h3 a {
		color:#000099;
		font-family:oswaldregular;
		font-size:18px;
		font-style:normal;
		font-weight:400;
		line-height:18px;
		margin:0;
		text-decoration:none;
		text-transform:uppercase;
	}
	#software_list ul li p {
		color:#454545;
		font-size:12px;
		line-height:18px;
		margin:2px 0 0;
		width:218px;
		padding:2px 10px 2px 20px;
	}
	#software_list ul li p a {
		color:#000099;
		display:inline;
		font-size:12px;
		font-style:italic;
		line-height:18px;
		text-decoration:none;
	}
	#software_list ul li a:hover {
		color:#00ff00;
	}
	#software_list img {
		border-top:1px solid #4F4F4F;
		display:block;
	}
	#software_list div {
		float:left;
		min-height:333px;
		padding:0 0 20px;
		width:478px;
	}
	#software_list div h3 {
		border-bottom:1px solid #4F4F4F;
		border-top:1px solid #4F4F4F;
		color:#FFF;
		display:block;
		font-family:oswaldregular;
		font-size:18px;
		font-style:normal;
		font-weight:400;
		line-height:18px;
		margin:0;
		padding:33px 0 32px 20px;
		text-decoration:none;
		text-transform:uppercase;
	}
	#software_list div p {
		color:#A5A5A5;
		font-size:12px;
		line-height:18px;
		margin:25px 0 0;
		padding:0 25px 0 20px;
	}
	#software_list div.section {
		border-left:1px solid #4F4F4F;
		width:479px;
	}
	#software_list div.section span {
		color:#fff;
		display:block;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height:18px;
		margin:25px 0 18px 20px;
	}
	#software_list div.section p {
		margin:0 0 20px;
	}
	#software_list div.section p span {
		display:inline;
		margin:0;
	}