/* CSS Document */

body {
	background: black;
	background-image:url(images/site_background.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	font-family:Helvetica, Arial, sans-serif;
	font-size:0.8em;
	color:#EBEBEB;
	line-height:1.5em;
}
a {
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
}
a img {
	border:0;
}
a:hover {
	text-decoration:underline;
}
h1 {
	color: #FFF;
	padding: 0px 0px 20px 0px;
}
h2 {
	color: #FFF;
	padding: 10px 0px 10px 0px;
}
h3 {
	color: #FFF;
	padding: 10px 0px 10px 0px;
}
#nav ul {
	list-style:none;
	float:right;
}
#nav li {
	float: left
}
#nav {
	position:relative;
	text-align:right;
	margin-top: 0px;
}
.blogbutt {
	display: block;
	width: 77px;
	height: 83px;
	background: url('images/blog_button.png') bottom;
	text-indent: 999px;
	overflow: hidden;
}
.blogbutt:hover {
	background-position: 0 0;
}
.projectbutt {
	display: block;
	width: 77px;
	height: 83px;
	background: url('images/projects_button.png') bottom;
	text-indent: 999px;
	overflow: hidden;
}
.projectbutt:hover {
	background-position: 0 0;
}
.networkbutt {
	display: block;
	width: 77px;
	height: 83px;
	background: url('images/networks_button.png') bottom;
	text-indent: 999px;
	overflow: hidden;
}
.networkbutt:hover {
	background-position: 0 0;
}
.profilebutt {
	display: block;
	width: 77px;
	height: 83px;
	background: url('images/profile_button.png') bottom;
	text-indent: 999px;
	overflow: hidden;
}
.profilebutt:hover {
	background-position: 0 0;
}
.videobutt {
	display: block;
	width: 77px;
	height: 83px;
	background: url('images/video_button.png') bottom;
	text-indent: 999px;
	overflow: hidden;
}
.videobutt:hover {
	background-position: 0 0;
}
.active {
	background-position: 0 0;
}
#logo {
	position:absolute;
	text-align:right;
	right:0;
	margin-top: 130px;
}
#logopage {
	position:absolute;
	text-align:left;
	left: 20px;
	top: 45px;
}
.tagline {
	position:absolute;
	text-align:right;
	right:20px;
	top: 350px;
	display: block;
	width: 225px;
	height: 169px;
	background: url('images/tagline.png') bottom;
	text-indent: 999px;
	overflow: hidden;
}
.tagline:hover {
	background-position: 0 0;
}
.timeline {
	position:absolute;
	right:18px;
	top: 530px;
	display: block;
	width: 80px;
	height: 27px;
	background: url('images/timeline.png') bottom;
	text-indent: -9999px;
	overflow: hidden;
}
.timeline:hover {
	background-position: 0 0;
}
.contact {
	position:absolute;
	right:18px;
	top: 560px;
	display: block;
	width: 80px;
	height: 27px;
	background: url('images/contact.png') bottom;
	text-indent: -9999px;
	overflow: hidden;
}
.contact:hover {
	background-position: 0 0;
}
.returnlink {
	position:absolute;
	float:right;
	right:18px;
	top:305px;
	display: block;
	width: 80px;
	height: 27px;
	background: url('images/goback.png') bottom;
	text-indent: -9999px;
	overflow: hidden;
}
.returnlink:hover {
	background-position: 0 0;
}
#pagecontent {
	position:absolute;
	left:300px;
	top:300px;
	width:500px;
}
#pagecontentfullwidth {
	position:absolute;
	left:300px;
	top:300px;
	width:70%;
}
#pagecontentfullwidthApp {
	position:absolute;
	left:300px;
	top:100px;
	width:70%;
}
#credit {
	position:absolute;
	bottom:0;
	left:0px;
}
.creditlink {
	display: block;
	width: 34px;
	height: 248px;
	background: url('images/photo_credit.png') bottom;
	text-indent: -999px;
	overflow: hidden;
}
.creditlink:hover {
	background-position: 0 0;
}
.network {
	width:250px;
	text-align:center;
	margin:auto;
}
.sociallink img {
	padding: 25px 15px 15px 25px;
}
.sociallink:hover {
	border-bottom:1px #CCC;
}
.smallprint {
	font-size:0.7em;
	line-height:1em;
}
#footer {
	position:fixed;
	float:right;
	right:20px;
	bottom:0px;
	font-size:1.1em;
}

/* contact form */

#contact_form {
	width:500px;
	margin:0 auto;
	/*height:200px;*/
	padding:10px 0;
	position:relative;
}
form fieldset {
	margin:0px 0px 20px 0px;
	width:478px;
	position:relative;
	border:0;
	display:block;
	padding: 0px 10px 8px;
}
label {
	display:block;
	float:left;
	width:5em;
	text-align:right;
	margin:.2em .2em 0 0;
	color:#EBEBEB;
	font-weight:bold;
	padding:8px 0px;
}
label.error {
	font-weight:normal;
	color:red;
	text-align:left;
	width:300px;
	padding-left:25px;
}
input.text-input {
	margin:4px;
	padding:2px 0;
	color:#333;
}
label#name_label {
	position:absolute;
	top:0;
	left:0;
}
input#name {
	position:absolute;
	top:0;
	left:110px;
}
label#name_error {
	position:absolute;
	top:22px;
	left:120px;
}
label#email_label {
	position:absolute;
	top:45px;
	left:0px;
}
input#email {
	position:absolute;
	top:45px;
	left:110px;
}
label#email_error {
	position:absolute;
	top:67px;
	left:120px;
}
label#comment_label {
	position:absolute;
	top:90px;
	left:0px;
}
textarea#comment {
	position:absolute;
	top:90px;
	left:110px;
}
label#comment_error {
	position:absolute;
	top:163px;
	left:121px;
}
label#cc_label {
	position:absolute;
	top:180px;
	left:0px;
}
input#cc {
	position:absolute;
	top:190px;
	left:110px;
}
input.button {
	position:absolute;
	top:205px;
	left:110px;
	padding:3px 6px;
	border:2px solid #fff;
	margin:20px 0px 0px 0px;
	color:#3D7169;
	background:#CCC;
	width: 55px;
}
input.button:hover {
	background:#FFF none repeat scroll 0% 0%;
	color:#333;
}
#message {
	width:180px;
	margin:60px 0 0 100px;
}
#message h2 {
	color:white;
}
#message p {
	color:white;
	font-weight:bold;
	margin:6px 0px;
}
#checkmark {
	position:relative;
	top:-46px;
	left:-60px;
}
.tooltip {
	display:none;
	background:transparent url('images/black_arrow.png');
	font-size:10px;
	height:70px;
	width:160px;
	padding:25px;
	color:#FFF;	
}
.tooltip.bottom {
	display:none;
	background:url('images/black_arrow_down.png');
	font-size:10px;
	height:70px;
	width:160px;
	padding:35px 25px 25px 25px;
	color:#FFF;	
}