/* 
 * Stylesheet for the Mad Hitcher homepage, with jQuery 'Active Container'.
 */
	
	body {
		background-color: #2f4f4f;
		background-image: url(../images/BackingRow.png);
		background-repeat: repeat-y;
	}
	
	h1 {
		color: #efefef;
		font-family: Thonburi, Helvetica, Arial, sans-serif;
		font-size: 3em;
	}
	
	h2 {
		color: #333333;
		font-family: Thonburi, /*'Plantagenet Cherokee', Helvetica,*/ Arial, sans-serif;
		font-size: 1.8em;
		text-decoration: none;
		font-weight: normal;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		cursor: pointer;
	}
	
	h2 a {
		color: #333333;
		font-family: Thonburi, Helvetica, Arial, sans-serif;
		font-size: 1.8em;
		text-decoration: none;
	}
	
	h2 a:hover {
		color: #666666;
		font-family: Thonburi, Helvetica, Arial, sans-serif;
		font-size: 2em;
	}
	
	p {
		color: #efefef;
		font-family: Thonburi, Helvetica, Arial, sans-serif;
		font-size: 1em;
	}
	
	#PrincipalImage {
		position: absolute;
		top: 0;
		left: 93px;
		width: 389px;
		height: 552px;
	}
	
	#TitleBand {
		position: absolute;
		top: 0;
		left: 0;
		width: 93px;
		height: 550px;
	}
	
	#Grey {
		position: absolute;
		background: #999999;
		top: 0;
		left: 482px;
		width: 520px;
		height: 122px;
	}
	
	#ActiveContainer {
		border-bottom:2px solid #FFFFFF;
		height:428px;
		left:482px;
		position:absolute;
		top:122px;
		width:520px;
	}
	
	#3text {
		position: absolute;
		top: 0px;
		left: 0px;
	}
	
	#Networks {
		position: absolute;
		top: 4em;
		left: 0px;
	}
	
	#Flickr {
		position: absolute;
		top: 0px;
		left: 0px;
	}
	
	#Twitter {
		position: absolute;
		top: 0px;
		left: 32px;
	}
	
	#Behance {
		position: absolute;
		top: 0px;
		left: 64px;
	}
	
	#Linked {
		position: absolute;
		top: 0px;
		left: 96px;
	}
	
/* 
 * Buttons within the Active Container
 */
	
	#Button1 {
		position: absolute;
		top: 112px;
		left: 71px;
		width: 150px;
		height: 56px;
	}
	
	#Button2 {
		position: absolute;
		top: 206px;
		left: 71px;
		width: 150px;
		height: 56px;
	}
	
	#Button3 {
		position: absolute;
		top: 300px;
		left: 71px;
		width: 150px;
		height: 56px;
	}

/* 
 * Text that pops up within the Active Container
 */
	
	#Popup1 {
		position: absolute;
		opacity: 0;
		filter: alpha(opacity=0);
		top: 111px;
		left: 250px;
		width: 200px;
		height: 56px;
	}
	
	#Popup2 {
		position: absolute;
		opacity: 0;
		filter: alpha(opacity=0);
		top: 205px;
		left: 250px;
		width: 200px;
		height: 56px;
	}
	
	#Popup3 {
		position: absolute;
		opacity: 0;
		filter: alpha(opacity=0);
		top: 299px;
		left: 250px;
		width: 200px;
		height: 56px;
	}

	.popupText {
		color: #333333;
		font-family: 'HiraKakuProN-W3', Helvetica, Arial, sans-serif;
		font-size: 0.6em;
	}
	
	.popupText a {
		color: #333333;
		font-family: 'HiraKakuProN-W3', Helvetica, Arial, sans-serif;
		font-size: 1.1em;
		font-weight: bold;
		text-decoration: none;
	}
	
	.popupText a:hover {
		color: #666666;
		font-family: 'HiraKakuProN-W3', Helvetica, Arial, sans-serif;
		font-size: 1.1em;
		font-weight: bold;
		text-decoration: none;
	}