body {font-family:arial;
				background-color:#E768AB;}
	li {display:inline;}
	a {text-decoration:none;
		color:#000000;}
/* HEADER CSS */
	.header {background-image: url('headerbg.jpg');
				background-repeat: repeat-x;
				position:absolute;
				z-index:-2;
				top:0px;
				right:0px;	
				height:100%;
				width:100%;
				background-size: auto 100%;
				}
	.title {position:absolute;
				width: 50%;
				top:25%;
				left:10%;}
	.tree {width:100%;
				height:100%;
				position:absolute;
				top: 6%;
				z-index: -1;}
	.tagline {width:25%;
				height:45%;
				position:absolute;
				right:10%;
				top:28%;
				background-color: rgba(255,210,65,0.8);
				padding:10px;
				font-size:20px;
				text-align:justify;
				overflow: hidden;}
	.hi {width: 100%;}
				
/* MENU CSS */
	.menu {position:fixed;
				top:0px;
				left: 0px;
				width:100%;
				height:7%;
				background-color:#ffb400;
				z-index:2;}
	.small {left:5%;
				position:absolute;}
	.pages {position:absolute;
				right:3%;
				list-style-type:none;
				width:25%;}
	.pages li {padding:1%;}

/* FOOTER CSS */
	.footer {width:100%;
				height:60%;
				position:absolute;
				top:270%;
				left:0px;
				background-color:#67E667;
					box-shadow: -5px 0px 10px #000000;}
	.contact {position:absolute;
					width:80%;
					margin-left:15%;
					font-size:1.3em;
					font-style:italic;}
	.link {position:relative;
				top:-35px;
				left:5%;
				font-style:italic;}
	.det {padding-bottom: 1%;}
				
/* ABOUT CSS */
	.about {margin-left:15%;
				width:70%;
				height:100%;
				background-color:#ffffff;
				position:absolute;
				top:102%;
				box-shadow: 0px 0px 10px #000000;
				z-index: -3;
				}
	.feat {margin-left:15%;
				width:70%;
				height:80%;
				background-color:#ffffff;
				position:absolute;
				top:190%;
				box-shadow: 0px 10px 10px #000000;
				}
				
/* RIBBON CSS*/
.ribbon1 {
		padding: 1% 5%;
		margin: 0;
		margin-top: 5%;
		position:relative;
		top:20%;
		left:35%;
		color: #ffffff;
		font: 40px 'arial', sans-serif;
		text-align: center;
		letter-spacing:0.1em;
		text-shadow: 0px -1px 0px rgba(0,0,0,0.3);
		box-shadow: inset 0px 1px 3px rgba(255,255,255,.3),
					inset 0px 0px 20px rgba(0,0,0,0.1),
					0px 1px 5px rgba(0,0,0,0.4);
		 background:#2ee03a;
      display: inline-block;
	  width:20%;
	  height: 7%;
	}
	
.ribbon2 {
		padding: 1% 5%;
		margin: 0;
		margin-top: 5%;
		position:relative;
		top:20%;
		left:32.5%;
		color: #ffffff;
		font: 35px 'arial', sans-serif;
		text-align: center;
		letter-spacing:0.1em;
		text-shadow: 0px -1px 0px rgba(0,0,0,0.3);
		box-shadow: inset 0px 1px 3px rgba(255,255,255,.3),
					inset 0px 0px 20px rgba(0,0,0,0.1),
					0px 1px 5px rgba(0,0,0,0.4);
		 background:#2ee03a;
      display: inline-block;
	  width:25%;
	  height: 7%;
	}
	
#content:before, #content:after {
		content:"";
		bottom:-.5em;
		position:absolute;
		display:block;
		border-style:solid;
		border-color: #559859 transparent transparent transparent;
		z-index:1;
	}
	
.icons
	{
	height: 5%;
	width: 5%;
	}
	
#content:before {
	  left: 0;
	  border-width: .5em 0 0 .5em;
	}
	
#content:after {
	  right: 0;
	  border-width: .5em .5em 0 0;
	}
	
/* DESCRIPTION */
.description {
		font: 1.8em 'arial', sans-serif;
		width:80%;
		position:absolute;
		top:40%;
		text-align:justify;
		margin-left:10%;}