/*
PRIMARY CONTENT WINDOWS
*/

div#main_text_absolute {
	position: absolute;
	top: 16px;
	left: -7px;
	right: 0;
	height: 480px;
	background-color: transparent;
	z-index: 1;
	overflow: hidden;
}

div#main_text_relative {
	position: relative;
	top: 50px;
	width: 720px;
	height: 380px;
	margin-left: auto;
	margin-right: auto;
	background-color: transparent;
	z-index: 1;
	overflow: hidden;
}

div#main_text_scroller {
	position: relative;
	top: 50px;
	width: 720px;
	height: 380px;
	margin-left: auto;
	margin-right: auto;
	background-color: transparent;
	z-index: 1;
	overflow: auto;
}

div.text_padder
{
	position: relative;
	top: 15px;
	width: 650px;
	height: 350px;
	margin-left: auto;
	margin-right: auto;
	background-color: transparent;
	z-index: 1;
	overflow: hidden;
}


	
div#main_image {
	position: relative;
	top: 0px;
	margin-top: -15px;
	margin-left: auto;
	margin-right: auto;
	height: 480px;
	width: 720px;
	background: rgb(70,25,199);
	z-index: 1;
	overflow: hidden;
}
	
/*
NAVIGATION BAR, w/ interior text
*/

/*
ALT NAV BAR
div#main_nav_bar {
	position: absolute;
	height: 13px;
	top: 480px;
	margin-top: 10px;
	left: 10%;
 	right: 15%;
	background-color: transparent;
	z-index: 1;
}
*/
div#main_nav_bar_absolute 
{
	position: absolute;
	top: 490px;
	height: 25px;
	left: 0;
	right: 0;
	background-color: transparent;
	z-index: 1;
}

div#main_nav_bar_relative 
{
	position: relative;
	top: 0px;
	margin-left: auto;
	margin-right: auto;
	height: 25px;
	width: 720px;
	background-color: transparent;
	z-index: 1;
}

div#main_nav_bar_scroller 
{
	position: relative;
	top: 0px;
	margin-left: auto;
	margin-right: auto;
	height: 300px;
	width: 720px;
	background-color: transparent;
	z-index: 2;
	overflow: auto;
}


div.align-left {
	position: absolute;
	height: 13px;
	margin-top: 0px;
	left: 0;
	margin-right: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: transparent;
	text-align: left;
	z-index:2;
	width: 100%;
}
/* original align left
div.align-left {
	position: absolute;
	height: 13px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
	background-color: transparent;
	text-align: left;
	z-index:2;
}
*/
div.align-right {
	position: absolute;
	height: 13x;
	right: 0;
	margin-left: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: transparent;
	text-align: right;
	z-index:2;
}

/* original align right
div.align-right {
	position: absolute;
	height: 13px;
	right: 0;
	margin-left: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: transparent;
	color: black;
	text-align: right;
	z-index:2;
}
*/

/*
GENERIC text helpers
*/

div.contain{
	position: relative;
	width: 720px;
	background-color: transparent;
	z-index:2;
}

div.contain_scroller{
	position: relative;
	width: 680px;
	background-color: transparent;
	z-index:2;
}

div.contain_scroller_construction{
	position: relative;
	width: 680px;
	height: 21px;
	background-color: transparent;
	z-index:2;
}

p.default{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
}

p.small{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: black;
	text-align: left;
}

.currentNav{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}

.default{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
}

.opa{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 58px;
	text-align: left;
	letter-spacing: 0.05em;
}

.small_text{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
	text-align: left;
}

/*
MEDIA specific content
*/

div.media_year{
	position: absolute;
	top: 0;
	left: 0;
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

div.media_content {
	position: static;
	top: 0;
	right: 0;
	bottom: auto;
	margin-left: 75px;
	width: 645px;
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

div.media_content_scroller {
	position: static;
	top: 0;
	right: 0;
	bottom: auto;
	margin-left: 75px;
	width: 605px;
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

div.book_content_scroller {
	position: static;
	top: 0;
	right: 0;
	bottom: auto;
	margin-left: 75px;
	width: 605px;
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/*
LINKS
*/

a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
}
a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: red;
}
a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: red;
}


/*
LINKS
*/

div#main_nav_bar_relative a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
	text-decoration: none;
}
div#main_nav_bar_relative a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
	text-decoration: none;
}
div#main_nav_bar_relative a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: red;
	text-decoration: none;
}
div#main_nav_bar_relative a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: red;
	text-decoration: none;
}

/*
LINKS
*/

div#main_nav_bar_scroller a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
	text-decoration: none;
}
div#main_nav_bar_scroller a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
	text-decoration: none;
}
div#main_nav_bar_scroller a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: red;
	text-decoration: none;
}
div#main_nav_bar_scroller a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: red;
	text-decoration: none;
}


/* BACKGROUND */

div#band1 {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	margin-bottom: 0px;
	height: 480px;
	width: 100%;
	background-color: transparent;
	z-index: 0;
}

div#band2 {
	position: absolute;
	top: 480px;
	margin-top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	width: 100%;
	background-color: transparent;
	z-index: 0;
}

div#band1Fixed {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	margin-bottom: 0px;
	height: 480px;
	width: 100%;
	background-color: rgb(50,50,50);
	z-index: 0;
}

div#band2Fixed {
	position: fixed;
	top: 480px;
	margin-top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	width: 100%;
	background-color: rgb(100,100,100);
	z-index: 0;
}

div#projects_band {
	position: absolute;
	top: 373px;
	height: 107px;
	width: 2890px;
	margin-top: 0px;
	left: 0px;
	bottom: 0px;
	background-color: transparent;
	z-index: 1;
}




/* v2.0 */

div#band_buildings {
	position: absolute;
	top: 373px;
	height: 107px;
	width: 1920px;
	margin-top: 0px;
	left: 0px;
	bottom: 0px;
	background-color: transparent;
	z-index: 1;
}

div#band_projects {
	position: absolute;
	top: 373px;
	height: 107px;
	width: 1920px;
	margin-top: 0px;
	left: 0px;
	bottom: 0px;
	background-color: transparent;
	z-index: 1;
}

div#band_objects {
	position: absolute;
	top: 373px;
	height: 107px;
	width: 1920px;
	margin-top: 0px;
	left: 0px;
	bottom: 0px;
	background-color: transparent;
	z-index: 1;
}






/* RPOJECT IMAGES */

div#projectImageAbsolute {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 480px;
	background-color: transparent;
	z-index: 1;
	overflow: hidden;
}

div#projectImageRelative {
	position: relative;
	top: 30px;
	width: 720px;
	height: 420px;
	margin-left: auto;
	margin-right: auto;
	background-color: transparent;
	z-index: 1;
	overflow: hidden;
}


div#projectImageRelativeB {
	position: relative;
	top: 30px;
	width: 720px;
	height: 420px;
	margin-left: auto;
	margin-right: auto;
	z-index: 1;
	background-color: url(../projects/skyspace/images/p1.jpg);
	overflow: hidden;
}

div#projectImageRelativeB:hover {
	background-color: green;
}