/* Global CSS Basics to take away default border around images with links */

img { border: none 0;
}
a img { border: none 0; 
}

p { 
	margin:0;
}

#container {
	position:absolute;
	left:0;
	top:0;
	width:962px;
	height:599px;
	z-index:1;
	background-color: #34302E;
	visibility: visible;
}

body {
	background-color: #000000;
	margin:0;
	padding:0;
}

#logo {
	position:absolute;
	left:54px;
	top:32px;
	width:945px;
	height:71px;
	z-index:2;
	visibility: visible;
}





/* PHOTO */

#photo {
	position:absolute;
	left:54px;
	top:130px;
	width:859px;
	height:433px;
	z-index:5;
	visibility: visible;
}





/* DESCRIPTION BOX STYLES */

.description {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #a6a6a6;
	letter-spacing: 0.2em;
	line-height: 17px;
	vertical-align: top;
	width: 200px;
	height: 500px;
}

#description-text {
	left:54px;
	width:200px;
	height:143px;
	z-index:20;
	visibility: visible;
	position: absolute;
	top: 411px;
}

#description-text a:link {
	color: #F7660B;
	text-decoration: none;
}

#description-text a:visited {
	color: #965f00;
	text-decoration: none;
}

#description-text a:hover {
	color: #965f00;
	text-decoration: none;
}

#description-text a:active {
	color: #965f00;
	text-decoration: none;
}




/*Longer  DESCRIPTION BOX STYLES */

.longerdescription {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #a6a6a6;
	letter-spacing: 0.2em;
	line-height: 17px;
	vertical-align: top;
	width: 200px;
	height: 500px;
}

#longerdescription-text {
	left:54px;
	width:200px;
	height:143px;
	z-index:20;
	visibility: visible;
	position: absolute;
	top: 321px;
}

#longerdescription-text a:link {
	color: #F7660B;
	text-decoration: none;
}

#longerdescription-text a:visited {
	color: #965f00;
	text-decoration: none;
}

#longerdescription-text a:hover {
	color: #965f00;
	text-decoration: none;
}

#longerdescription-text a:active {
	color: #965f00;
	text-decoration: none;
}




/* YOUR LEFT NAV STYLES */
#projects {
	left:54px;
	top:132px;
	width:261px;
	height:408px;
	letter-spacing: 0.2em;
	position: absolute;
	z-index: 72;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #a6a6a6;
}

/* Link for left nav */

#projects a:link {
	color: #a6a6a6;
	text-decoration: none;
	display: block;
	padding-bottom: 20px;
}

#projects a:visited {
	color: #a6a6a6;
	text-decoration: none;
	display: block;
	padding-bottom: 20px;
}

#projects a:hover {
	color: #00ADEF;
	text-decoration: none;
}

#projects a:active {
	color: #a6a6a6;
	text-decoration: none;
}




/* BOXES */
#boxes {
	position:absolute;
	left:-285px;
	top:456px;
	width:957px;
	height:171px;
	z-index:73;
	color:#221f1e;
}




#boxes a:link {
	color: #000000;
	text-decoration: none;
}

#boxes a:visited {
	color: #000000;
	text-decoration: none;
}

#boxes a:hover {
	color: #007598;
	text-decoration: none;
}

#boxes a:active {
	color: #000000;
	text-decoration: none;
}




/* PARTY BOXES */
#partyboxes {
	position:absolute;
	left:55px;
	top:110px;
	width:255px;
	height:536px;
	z-index:73;
	color:#221f1e;
}




#partyboxes a:link {
	color: #000000;
	text-decoration: none;
}

#partyboxes a:visited {
	color: #000000;
	text-decoration: none;
}

#partyboxes a:hover {
	color: #007598;
	text-decoration: none;
}

#partyboxes a:active {
	color: #000000;
	text-decoration: none;
}



/* Portrait Boxes */
#porboxes {
	position:absolute;
	left:78px;
	top:185px;
	width:204px;
	height:2px;
	z-index:73;
	color:#221f1e;
}




#porboxes a:link {
	color: #000000;
	text-decoration: none;
}

#porboxes a:visited {
	color: #000000;
	text-decoration: none;
}

#porboxes a:hover {
	color: #007598;
	text-decoration: none;
}

#porboxes a:active {
	color: #000000;
	text-decoration: none;
}








/* print Boxes */
#printboxes {
	position:absolute;
	left:80px;
	top:84px;
	width:204px;
	height:31px;
	z-index:73;
	color:#221f1e;
}




#printboxes a:link {
	color: #000000;
	text-decoration: none;
}

#printboxes a:visited {
	color: #000000;
	text-decoration: none;
}

#printboxes a:hover {
	color: #007598;
	text-decoration: none;
}

#printboxes a:active {
	color: #000000;
	text-decoration: none;
}



/* fine art Boxes */
#fineart {
	position:absolute;
	left:80px;
	top:84px;
	width:204px;
	height:31px;
	z-index:73;
	color:#221f1e;
}




#fineart a:link {
	color: #000000;
	text-decoration: none;
}

#fineart a:visited {
	color: #000000;
	text-decoration: none;
}

#fineart a:hover {
	color: #007598;
	text-decoration: none;
}

#fineart a:active {
	color: #000000;
	text-decoration: none;
}






/* Children Boxes */
#childrenbox {
	position:absolute;
	left:77px;
	top:149px;
	
	height:95px;
	z-index:73;
	color:#221f1e;
}




#childrenbox a:link {
	color: #000000;
	text-decoration: none;
}

#childrenbox a:visited {
	color: #000000;
	text-decoration: none;
}

#childrenbox a:hover {
	color: #007598;
	text-decoration: none;
}

#childrenbox a:active {
	color: #000000;
	text-decoration: none;
}





/* arrow Boxes */
#arrow {
	position:absolute;
	left:46px;
	top:266px;
	width:26px;
	height:20px;
	z-index:101;

}




#arrow a:link {
	color: #000000;
	text-decoration: none;
}

#arrow a:visited {
	color: #000000;
	text-decoration: none;
}

#arrow a:hover {
	color: #007598;
	text-decoration: none;
}

#arrow a:active {
	color: #000000;
	text-decoration: none;
}





/* beta Boxes */
#beta {
	position:absolute;
	left:78px;
	top:237px;
	width:273px;
	height:48px;
	z-index:101;

}




#beta a:link {
	color: #000000;
	text-decoration: none;
}

#beta a:visited {
	color: #000000;
	text-decoration: none;
}

#beta a:hover {
	color: #007598;
	text-decoration: none;
}

#beta a:active {
	color: #000000;
	text-decoration: none;
}



/* arrow Boxes */
#arrowright {
	position:absolute;
	left:46px;
	top:266px;
	width:26px;
	height:20px;
	z-index:101;

}




#arrowright a:link {
	color: #000000;
	text-decoration: none;
}

#arrowright a:visited {
	color: #000000;
	text-decoration: none;
}

#arrowright a:hover {
	color: #007598;
	text-decoration: none;
}

#arrowright a:active {
	color: #000000;
	text-decoration: none;
}


/* Misanous */
#ProtestBox {
	position:absolute;
	left:77px;
	top:152px;
	width:204px;
	height:2px;
	z-index:73;
	color:#221f1e;
}




#ProtestBox a:link {
	color: #000000;
	text-decoration: none;
}

#ProtestBox a:visited {
	color: #000000;
	text-decoration: none;
}

#ProtestBox a:hover {
	color: #007598;
	text-decoration: none;
}

#ProtestBox a:active {
	color: #000000;
	text-decoration: none;
}



/* AParty */
#APartybox {
	position:absolute;
	left:-285px;
	top:456px;
	width:445px;
	height:93px;
	z-index:73;
	color:#221f1e;
}




#APartybox a:link {
	color: #000000;
	text-decoration: none;
}

#APartybox a:visited {
	color: #000000;
	text-decoration: none;
}

#APartybox a:hover {
	color: #007598;
	text-decoration: none;
}

#APartybox a:active {
	color: #000000;
	text-decoration: none;
}




/* Nature */
#NatureBox {
	position:absolute;
	left:77px;
	top:185px;
	width:204px;
	height:2px;
	z-index:73;
	color:#221f1e;
}




#NatureBox a:link {
	color: #000000;
	text-decoration: none;
}

#NatureBox a:visited {
	color: #000000;
	text-decoration: none;
}

#NatureBox a:hover {
	color: #007598;
	text-decoration: none;
}

#NatureBox a:active {
	color: #000000;
	text-decoration: none;
}



.dots {
	font-size: 80px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	line-height: normal;
	text-decoration: none;
	position: fixed;
}




/* TOP NAV STYLES */

#navigation {
	position:absolute;
	left:328px;
	top:61px;
	width:672px;
	height:47px;
	z-index:100;
	text-align: right;
	letter-spacing: 0.02em;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #a6a6a6;
}

.nav-highlight {color: #007598} /* Nav Highlight Color when on selcted page */

/* Link Colors for navigation section */

#navigation a:link {
	color: #a6a6a6;
	text-decoration: none;
}

#navigation a:visited {
	color: #a6a6a6;
	text-decoration: none;
}

#navigation a:hover {
	color: #03b0e6;
	text-decoration: none;
}

#navigation a:active {
	color: #a6a6a6;
	text-decoration: none;
}