/* ++++++++++++++++++++++++ 1. B O D Y  C L A S S E S  ........................... */

/* ++++++++++++++++++++++++ 2. N A V I G A T I O N   M E N U  .................... */

/* ++++++++++++++++++++++++ 3. I N F O ........................................... */

/* ++++++++++++++++++++++++ 4. P H O T O ......................................... */

/* ++++++++++++++++++++++++ 5. V I D E O ......................................... */

/* ++++++++++++++++++++++++ 6. C R E D I T S ..................................... */

/* ++++++++++++++++++++++++ 7. T Y P E  S T Y L E S  ............................. */


body {
	background-color: #000000;
	background-image: url(images/structure/cosmic-background.jpg);
	background-repeat: repeat-x;
}



/* +•+   N A V I G A T I O N   M E N U    +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ */

/* +•+   N A V I G A T I O N   M E N U    +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ */

/* +•+   N A V I G A T I O N   M E N U    +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ */
 

#menu-container {
	position:absolute;
	left:50%;
	top:0px;
	width:750px;
	height:150px;
	margin-left: -375px;
}


#name {
	position:absolute;
	left:0px;
	top:0px;
	width:596px;
	height:150px;
} 

#top-of {
	position:absolute;
	left:596px;
	top:0px;
	width:154px;
	height:17px;
}

#left-of {
	position:absolute;
	left:596px;
	top:17px;
	width:19px;
	height:75px;
}

#info {
	position:absolute;
	left:615px;
	top:17px;
	width:90px;
	height:75px;
}

#right-of {
	position:absolute;
	left:705px;
	top:17px;
	width:45px;
	height:75px;
}

#photo {
	position:absolute;
	left:596px;
	top:92px;
	width:65px;
	height:58px;
}

#video {
	position:absolute;
	left:661px;
	top:92px;
	width:65px;
	height:58px;
}

#bottom-right-of {
	position:absolute;
	left:726px;
	top:92px;
	width:24px;
	height:58px;
}





/* +•+    I N F O    +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ */

/* +•+    I N F O    +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ */

/* +•+    I N F O    +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ */


#intro-photo {
	position:absolute;
	left:50%;
	top:150px;
	width:750px;
	height:250px;
	margin-left: -375px;
}

#info-container {
	position:absolute;
	left:50%;
	top:400px;
	width:750px;
	height:1800px;
	margin-left: -375px;
	background-color: #333333;	
}

#info-heading {
	position:absolute;
	left:275px;
	top:90px;
	width:350px;
	height:110px;
}

#info-body {
	position:absolute;
	left:15px;
	top:225px;
	width:720px;
	height:1575px;
}

#info-brick-base {
	position:absolute;
	left:0px;
	top:1630px;
	width:750px;
	height:170px;
}

#info-bottom-nav {
	position:absolute;
	left:0px;
	top:135px;
	width:750px;
	height:30px;
}




/* +•+    P H O T O   +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ */

/* +•+    P H O T O   +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ */

/* +•+    P H O T O   +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ */


#photo-container {
	position:absolute;
	left:50%;
	top:150px;
	width:750px;
	height:990px;
	margin-left: -375px;
	background-color: #333333;	
}

#photo-heading {
	position:absolute;
	left:275px;
	top:90px;
	width:350px;
	height:110px;
}

#photo-brick-base {
	position:absolute;
	left:0px;
	top:820px;
	width:750px;
	height:170px;
}

#photo-bottom-nav {
	position:absolute;
	left:0px;
	top:135px;
	width:750px;
	height:30px;
}


#album-container {
	position:absolute;
	left:0px;
	top:220px;
	width:750px;
	height:565px;
}

#big-photo {
	position:absolute;
	left:0px;
	top:120px;
	width:750px;
	height:325px;
}

#album-button-1 {
	position:absolute;
	left:125px;
	top:0px;
	width:125px;
	height:40px;
}

#album-button-2 {
	position:absolute;
	left:250px;
	top:0px;
	width:125px;
	height:40px;
}

#album-button-3 {
	position:absolute;
	left:62px;
	top:40px;
	width:125px;
	height:40px;
}

#album-button-4 {
	position:absolute;
	left:187px;
	top:40px;
	width:125px;
	height:40px;
}

#album-button-5 {
	position:absolute;
	left:312px;
	top:40px;
	width:125px;
	height:40px;
}
#album-button-6 {
	position:absolute;
	left:437px;
	top:40px;
	width:125px;
	height:40px;
}

#album-button-7 {
	position:absolute;
	left:0px;
	top:80px;
	width:125px;
	height:40px;
}

#album-button-8 {
	position:absolute;
	left:125px;
	top:80px;
	width:125px;
	height:40px;
}

#album-button-9 {
	position:absolute;
	left:250px;
	top:80px;
	width:125px;
	height:40px;
}

#album-button-10 {
	position:absolute;
	left:375px;
	top:80px;
	width:125px;
	height:40px;
}

#album-button-11 {
	position:absolute;
	left:500px;
	top:80px;
	width:125px;
	height:40px;
}

#album-button-12 {
	position:absolute;
	left:625px;
	top:80px;
	width:125px;
	height:40px;
}

#album-button-13 {
	position:absolute;
	left:0px;
	top:445px;
	width:125px;
	height:40px;
}

#album-button-14 {
	position:absolute;
	left:125px;
	top:445px;
	width:125px;
	height:40px;
}

#album-button-15 {
	position:absolute;
	left:250px;
	top:445px;
	width:125px;
	height:40px;
}

#album-button-16 {
	position:absolute;
	left:375px;
	top:445px;
	width:125px;
	height:40px;
}

#album-button-17 {
	position:absolute;
	left:500px;
	top:445px;
	width:125px;
	height:40px;
}

#album-button-18 {
	position:absolute;
	left:625px;
	top:445px;
	width:125px;
	height:40px;
}

#album-button-19 {
	position:absolute;
	left:62px;
	top:485px;
	width:125px;
	height:40px;
}

#album-button-20 {
	position:absolute;
	left:187px;
	top:485px;
	width:125px;
	height:40px;
}

#album-button-21 {
	position:absolute;
	left:312px;
	top:485px;
	width:125px;
	height:40px;
}

#album-button-22 {
	position:absolute;
	left:437px;
	top:485px;
	width:125px;
	height:40px;
}

#album-button-23 {
	position:absolute;
	left:562px;
	top:485px;
	width:525px;
	height:40px;
}

#album-button-24 {
	position:absolute;
	left:250px;
	top:525px;
	width:525px;
	height:40px;
}
#album-button-25 {
	position:absolute;
	left:375px;
	top:525px;
	width:125px;
	height:40px;
}

#album-button-26 {
	position:absolute;
	left:500px;
	top:525px;
	width:125px;
	height:40px;
}





/* +•+    V I D E O   +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ */

/* +•+    V I D E O   +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ */

/* +•+    V I D E O   +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ */



#video-container {
	position:absolute;
	left:50%;
	top:400px;
	width:750px;
	height:630px;
	margin-left: -375px;
	background-color: #333333;
}

#video-heading {
	position:absolute;
	left:275px;
	top:90px;
	width:350px;
	height:110px;
}

#video-body {
	position:absolute;
	left:15px;
	top:235px;
	width:720px;
	height:500px;
}


#video-brick-base {
	position:absolute;
	left:0px;
	top:460px;
	width:750px;
	height:170px;
}

#video-bottom-nav {
	position:absolute;
	left:0px;
	top:135px;
	width:750px;
	height:30px;
}



 
/* +•+   C R E D I T S   +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ */

/* +•+   C R E D I T S   +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ */

/* +•+   C R E D I T S   +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ */

 
 
 #credits-container {
	position:absolute;
	left:50%;
	top:150px;
	width:750px;
	height:630px;
	margin-left: -375px;
	background-color: #333333;
}

#credits-heading {
	position:absolute;
	left:275px;
	top:90px;
	width:350px;
	height:110px;
}

#credits-body {
	position:absolute;
	left:15px;
	top:215px;
	width:720px;
	height:413px;
}


#credits-brick-base {
	position:absolute;
	left:0px;
	top:460px;
	width:750px;
	height:400px;
	background-color: #000000;
	
}

#credits-bottom-nav {
	position:absolute;
	left:0px;
	top:135px;
	width:750px;
	height:30px;
}
 


/*   + + + + + + + + + + +    P A L E T T E   + + + + + + + + + + + + + + + + + + + + + + + + + + + + 


White			FFFFFF

Bright Green	ADC024



+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +   P A L E T T E   E N D S  + + + + + + +  */







/*  +•+  T Y P E   S T Y L E S  +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ */

/*  +•+  T Y P E   S T Y L E S  +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ */

/*  +•+  T Y P E   S T Y L E S  +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ +•+ */





p {
	font-family: Myriad, Arial, Geneva, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 22px;
}


.center {
	text-align: center;	
}

.center-bold-16 {
	text-align: center;	
	font-weight: bold;
	font-size: 16px;
	line-height: 22px;
}

.bold-16 {
	font-weight: bold;
	font-size: 16px;
	color: #FFFFFF;
}

.italic {
	font-style: italic;
}


.white {
	font-family: Myriad, Arial, Geneva, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 22px;
}


.invisible-x {
	color: #333333;
}


a {
	outline: none;
}


a:link {
	color: #FFFFFF;
	font-size: 16px;
	line-height: 22px;
	text-decoration: none;}
a:visited {
	color: #FFFFFF;
	font-size: 16px;
	line-height: 22px;
	text-decoration: none;}
a:hover {
	color: #ADC024;
	font-size: 16px;
	line-height: 22px;
	text-decoration: none;}
a:active {
	color: #ADC024;
	font-size: 16px;
	line-height: 22px;
	text-decoration: none;
}


.bottom-nav {
	text-align: center;	
	color: #555555;
}


a.bottom-nav-bar:link {
	color: #555555;
	font-size: 14px;
	text-decoration: none;
	font-weight: normal;
}
a.bottom-nav-bar:visited {
	color: #555555;
	font-size: 14px;
	text-decoration: none;
	font-weight: normal;
}
a.bottom-nav-bar:hover {
	color: #ADC024;
	font-size: 14px;
	text-decoration: none;
	font-weight: normal;
}
a.bottom-nav-bar:active {
	color: #ADC024;
	font-size: 14px;
	text-decoration: none;
	font-weight: normal;
}





a.green:link {
	color: #D1F583;
	font-size: 14px;
	text-decoration: none;
	font-weight: normal;
}
a.green:visited {
	color: #DEF5A4;
	font-size: 14px;
	text-decoration: none;
	font-weight: normal;
}
a.green:hover {
	color: #ADC024;
	font-size: 14px;
	text-decoration: none;
	font-weight: normal;
}
a.green:active {
	color: #ADC024;
	font-size: 14px;
	text-decoration: none;
	font-weight: normal;
}