/*Final Project CSS Sheet */

body {
	font-family: "century gothic", "gill sans";
	font-size: 18px;
	color: #FFFFFF;
	background: #E6E100;
	overflow: hidden;
	}

a:link {
	color: #FFFFFF;
	font-size: 18pt;
	text-decoration: none;
	}

a:visited {
	color: #E5325E;
	font-size: 16pt;
	text-decoration: none;
	}
	
a:hover {
	color: #6EC6F1;
	background: #E6E100;
	}

/*content green */
div#box1 {
	position: absolute;
	top: 177px;
	left: 200px;
	background: #72B720;
	height: 450px;
	width: 750px;
	padding: 25px;
	}

img {
	position: absolute;
	top: 25px;
	right: 25px;
	}

/*links blue */
div#box2 {
	position: absolute;
	top: 25px;
	left: 25px;
	background: #6EC6F1;
	height: 190px;
	width: 170px;
	font-size: 18px;
	padding: 15px;
	line-height: 170%;
	z-index: 10;
	}
	
/*name red */
div#box3 {
	position: absolute;
	top: 52px;
	left: 350px;
	background: #E5325E;
	height: 100px;
	width: 667px;	
	font-size: 48px;
	padding-left: 10px;
	}
	
/*name description red */
div#box4 {
	position: absolute;
	top: 78px;
	left: 327px;
	background: #E5325E;
	height: 20px;
	width: 350px;	
	font-size: 20px;
	color: #E6E100;
	text-align: right;
	padding: 0px;
	z-index: 10;
	}
	
/*orange box*/
div#box5 {
	position: absolute;
	top: 502px;
	left: 225px;
	background: #EF9C00;
	height: 150px;
	width: 225px;
	}
	
/*orange box email*/
div#box6 {
	position: absolute;
	top: 124px;
	left: 0px;
	background: #EF9C00;
	height: 23px;
	width: 225px;	
	font-size: 20px;
	color: #FFFFFF;
	text-align: right;
	padding: 0px;
	z-index: 10;
	}

/*red vertical line*/	
div#line1 {
	position: absolute;
	top: 152px;
	left: 1025px;
	background: #E5325E;
	height: 550px;
	width: 2px;
	}

/*blue horizontal line*/	
div#line2 {
	position: absolute;
	top: 25px;
	left: 225px;
	background: #6EC6F1;
	height: 2px;
	width: 100%;
	}

/*red horizontal line bottom*/	
div#line3 {
	position: absolute;
	top: 700px;
	left: 0px;
	background: #E5325E;
	height: 2px;
	width: 1025px;
	}

/*blue vertical line left*/	
div#line4 {
	position: absolute;
	top: 240px;
	left: 25px;
	background: #6EC6F1;
	height: 100%;
	width: 2px;
	}

/*orange background box*/
div#box7 {
	position: absolute;
	top: 103px;
	left: 126px;
	background: #EF9C00;
	height: 400px;
	width: 529px;	
	z-index: -10;
	}

/*blue box design*/
div#box7a {
	position: absolute;
	top: 245px;
	left: 225px;
	background: #6EC6F1;
	height: 225px;
	width: 225px;	
	z-index: 10;
	}
	
/*blue box design*/
div#box7b {
	position: absolute;
	top: 25px;
	left: 25px;
	background: #E6E100;
	height: 175px;
	width: 175px;	
	z-index: 11;
	}
	
/*blue box design*/
div#box7c {
	position: absolute;
	top: 25px;
	left: 25px;
	background: #72B720;
	height: 125px;
	width: 125px;	
	z-index: 12;
	}

/*blue box design*/
div#box7d {
	position: absolute;
	top: 25px;
	left: 25px;
	background: #FFFFFF;
	height: 75px;
	width: 75px;	
	z-index: 13;
	}
	
/*blue box design*/
div#box7e {
	position: absolute;
	top: 25px;
	left: 25px;
	background: #E5325E;
	height: 25px;
	width: 25px;	
	z-index: 14;
	text-align: center;
	font-size: 12px;
	}

/*blue box design link formatting*/
div#box7e>a:link {
	color: #E5325E;
	font-size: 12px;
	text-decoration: none;
	}

div#box7e>a:visited {
	color: #E5325E;
	font-size: 12px;
	text-decoration: none;
	}
	
div#box7e>a:hover {
	color: #E5325E;
	background: none;
	text-decoration: none;
	}
/*white background box*/
div#box8 {
	position: absolute;
	top: 101px;
	left: 124px;
	background: #FFFFFF;
	height: 404px;
	width: 533px;	
	z-index: -20;
	}