@charset "utf-8";
/* CSS Document */

/* link styles */

a:link {color: #585858; text-decoration: none; }
a:active {color: #CCCCCC;text-decoration: none;}
a:visited {color: #585858;text-decoration: none;}
a:hover {color: #afb0b2;text-decoration: none;}

img {border:0px;}

/* fonts */

.main_nav {
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
	font-style: normal;
	line-height: 30px;
}

.main_nav2 {
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
	font-style: normal;
	line-height: 30px;
	color: #585858;	
}

.main_nav3 {
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
	font-style: normal;
	line-height: 30px;
	color: #afb0b2;	
}

.main_normal {
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
	font-style: normal;
	line-height:10px;
}

.main_body {
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
	font-style: normal;
	line-height:15px;
	color: 585858;
}

.s_nav {
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
	font-style: normal;
	line-height: 30px;
	color:#FF0000;
	text-decoration: line-through;
}

.s_nav2 {
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
	font-style: normal;
	line-height: 11px;
	color:#FF0000;
	text-decoration: line-through;
}

.super {
	font-family: "Courier New", Courier, monospace;
	font-size: 68px;
	font-style: normal;
	line-height:68px;
	color: 585858;
}

/* main elements on all pages */

#container {
	margin: auto;
	width:850px;
	background-color:#FFFFFF;
	position:relative;
	height: 700px;
	top:0px;
}

#logo {
	position: absolute;
	left: 50px;
	top: 50%;
	height: 50px;
	margin-top: -25px;
}

#main_nav {
	position: absolute;
	left: 240px;
	top: 50%;
	margin-top: -5%;
	width:100px;
	background:#FFFFFF;
}

#split {
	position: absolute;
	left: 350px;
	top: 50%;
	height: 700px;
	width: 1px;
	margin-top: -350px;
	background:#585858;
}

#content {
	position: absolute;
	left: 405px;
	top: 50%;
	height: 430px;
	width: 500px;
	margin-top: -215px;
	background-color:#FFFFFF;
}

#content2 {
	position: absolute;
	left: 405px;
	top: 50%;
	height: 430px;
	width: 500px;
	margin-top: -215px;
	background-color:#FFFFFF;
}

#projects_container {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 430px;
	width: 500px;
	background:#FFFFFF;
}

#projects_image {
	position: absolute;
	left: 0px;
	top: 20px;
	height: 320px;
	width: 500px;
	z-index: 2;

}


#projects_arrow_left {
	position: absolute;
	left: 0px;
	top: 20px;
	height: 320px;
	width: 50px;
	background:#FFFFFF;
	z-index: 5;
}

#project_text {
	position: absolute;
	left: 0px;
	top: 350px;
	height: 300px;
	width: 500px;

}

#click_thru_left {
	position:absolute;
	height: 320px;
	width: 500px;
	top: 25px;
	left: 0px;
	
}
#click_thru_right {
	position:absolute;
	height: 320px;
	width: 500px;
	top: 25px;
	left: 450px;
	
}

#contact_nav {
	position: absolute;
	left: 0px;
	top: 172px;
	width:75px;
	background:#FFFFFF;
}

#contact_info {
	position: absolute;
	left: 100px;
	top: 30px;
	width:400px;
}

#contact_container1 {
	position: absolute;
	left: 100px;
	top: 175px;
	width:400px;
}

#contact_container2 {
	position: absolute;
	left: 100px;
	top: 206px;
	width:400px;
}

#contact_container3 {
	position: absolute;
	left: 100px;
	top: 238px;
	width:400px;
}

#contact_mes {
	position: absolute;
	left: 0px;
	top: 202px;
	width:500px;
}