/*Main Page Styling.*/
body {
	background-color: #000;
	color: #666;
	margin: 0px;
	padding: 0px;
	background-image: url(images/background.gif);
	background-position: 800px -100px;
	background-repeat: no-repeat;
	background-attachment: fixed;
	font-family: Arial, Helvetica, sans-serif;
}

/*Main Layout Elements. */
#container {
	overflow: visible;
	height: 800px;
	background-image: url(images/disen.gif);
	background-repeat: no-repeat;
	background-position: -5000px;
}
#cornerofthesky {
	height: 710px;
	width: 528px;
	float: left;
}

.mainbackground {
	background-image: url(images/cornerofthesky.png);
	background-repeat: no-repeat;
}


.bgfade {
	background-image: url(images/disen.gif);
	background-repeat: no-repeat;
}
#linernotescontent {
	background-image: url(images/lightning.gif);
	background-repeat: no-repeat;
	height: 800px;
	width: 926px;
	display: none;
	padding-left: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #FFF;
	vertical-align: bottom;
}
#linernotes p {
	background-image: url(images/lightning.gif);
	background-repeat: no-repeat;
	height: 800px;
	width: 926px;
	display: none;
	padding-left: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #FFF;
}

.thx {
	width: 220px;
	bottom: 0px;
	float: left;
	margin-top: 460px;
	opacity:0.8;
	background-color: #000;
	margin-right: 20px;
	padding: 4px;
	color: #999;
	position: relative;
}
.thx p {


}

.credits {
	height: 300px;
	width: 190px;
	bottom: 0px;
	float: left;
	margin-top: 460px;
	opacity:0.8;
	background-color: #000;
	margin-right: 20px;
	padding: 4px;
	margin-left: 160px;
}


.linernotes {
	height: 50px;
	width: 15px;
	display: block;
	position: relative;
	left: 360px;
	top: 505px;
}
.linernotesani {
	height: 50px;
	width: 15px;
	display: block;
	position: relative;
	left: 0px;
	top: 505px;
	background-image: url(images/linernotesani.gif);
	background-repeat: no-repeat;
}

#menu {
	width: 259px;
	float: left;
	height: 100%;
	clear: none;
	position: relative;
}
#menu p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFF;
	padding-right: 10px;
	padding-left: 10px;
	display: none;
}

.imagefeed {
	height: 100%;
	clear: none;
	position: relative;
	display: none;
	z-index: 2;
	margin-left: 200px;
	padding-right: 80px;
}
.artfeed {
	height: 100%;
	clear: none;
	position: relative;
	display: none;
	z-index: 2;
	margin-left: 200px;
	padding-right: 80px;
}

.imagefeed h3 {
	font-family: "Arial Black", Gadget, sans-serif;
	color: #E6E6E6;
}
.artfeed img {
	border: 6px solid #EFEFEF;
	margin: 10px;
}
.artfeed img:hover {
	border: 6px solid #47FEE2;
}

.imagefeed img {
	border: 6px solid #EFEFEF;
	margin: 10px;

}

.imagefeed img:hover {
	border: 6px solid #FF4AD9;
}


#contact {
	width: 113px;
}





/*Menu Settings. */
#menu ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#menu ul li  {
	height: 14px;
	margin: 0px;
	padding: 0px;
	display: block;
}
/*Menu Items. */
#digital {
	width: 129px;
}
#analogue {
	width: 129px;
}

#tumblr {
	width: 174px;
}
#twitter {
	width: 174px;
}
#facebook {
	width: 174px;
}
#bitscontent img{
	position: relative;
	left: 15%;
	top: 50%;

}


#contactcontent {
	display: none;
	position: absolute;
	width: 450px;
	height: 400px;
	left: 50%;
	top: 50%;
	margin-top: -200px;
	margin-left: -275px;

}
#bitscontent {
	display: none;
	position: relative;
	width: 515px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
#bitscontent img {
	float: left;

}


#questioncontent {
	font-size: xx-large;
	display: none;
	position: absolute;
	left: 0px;
	top: 0px;
	color: #FFF;
	text-align: justify;
}


#form1 #button {
	width: 20px;
	height: 20px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent url(submit.png) no-repeat center top;
	text-indent: -1000em;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}
#form1 #message {
	font-family: "Arial Black", Gadget, sans-serif;
	color: #999;
	width: 405px;
	font-size: 14px;
	margin-bottom: 10px;
	height: 200px;
}
#form1 #email {
	height: 18px;
	font-family: "Arial Black", Gadget, sans-serif;
	color: #999;
	width: 200px;
	font-size: 14px;
}
#form1 #name {
	height: 18px;
	font-family: "Arial Black", Gadget, sans-serif;
	color: #999;
	width: 200px;
	font-size: 14px;
}




/*Menu Headers and Spacer. */
#abstract {
	height: 19px;
	width: 100%;
	background-image: url(images/abstract.jpg);
	background-repeat: no-repeat;
	margin-top: 29px;
	margin-bottom: 3px;
}
#photo {
	height: 19px;
	width: 100%;
	background-image: url(images/photographic.jpg);
	background-repeat: no-repeat;
	margin-top: 26px;
}
#interactive {
	height: 19px;
	width: 100%;
	background-image: url(images/interactive.jpg);
	background-repeat: no-repeat;
	margin-top: 27px;
}
#bumper {
	height: 30px;
}



/*Mouse Over Switches. */
#digital a {
	height: 14px;
	display: block;
	background-image: url(images/digital.jpg);
}
#digital a:hover {
	height: 14px;
	width: 100%;
	display: block;
	background-position: -129px;
}

#analogue a {
	height: 14px;
	display: block;
	background-image: url(images/analogue.jpg);
}
#analogue a:hover {
	height: 14px;
	width: 100%;
	display: block;
	background-position: -129px;
}

#megapixels a {
	height: 14px;
	display: block;
	background-image: url(images/megapixels.jpg);
}
#megapixels a:hover {
	height: 14px;
	width: 100%;
	display: block;
	background-position: -259px;
	color: #cccccc;
}

#frames a {
	height: 14px;
	display: block;
	background-image: url(images/frames.jpg);
}
#frames a:hover {
	height: 14px;
	width: 100%;
	display: block;
	background-position: -259px;
}

#bits a {
	height: 14px;
	display: block;
	background-image: url(images/bits.jpg);
}
#bits a:hover {
	height: 14px;
	width: 100%;
	display: block;
	background-position: -259px;
}

#question a {
	height: 14px;
	display: block;
	background-image: url(images/question.jpg);
}
#question a:hover {
	height: 14px;
	width: 100%;
	display: block;
	background-position: -259px;
}

#tumblr a {
	height: 14px;
	display: block;
	background-image: url(images/tumblr.jpg);
}
#tumblr a:hover {
	height: 14px;
	width: 100%;
	display: block;
	background-position: -174px;
}

#twitter a {
	height: 14px;
	display: block;
	background-image: url(images/twitter.jpg);
}
#twitter a:hover {
	height: 14px;
	width: 100%;
	display: block;
	background-position: -174px;
}

#facebook a {
	height: 14px;
	display: block;
	background-image: url(images/facebook.jpg);
}
#facebook a:hover {
	height: 14px;
	width: 100%;
	display: block;
	background-position: -174px;
}

#contact a {
	height: 14px;
	display: block;
	background-image: url(images/contact.jpg);
	margin-top: 26px;
}

#contact a:hover {
	height: 14px;
	width: 100%;
	display: block;
	background-position: -113px;
}
#back a {
	height: 25px;
	width: 80px;
	display: block;
}
#back {
	background-image: url(images/back_02.png);
	height: 25px;
	width: 80px;
	display: none;
}
.justify {
	text-align: justify;
}