* {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

body {
	background: url('./images/background.png'); 
	height:100%; 
	margin:0 0 0 0; 
	padding: 0 0 0 0;
}
.gap_before {
	margin-top:20px;
}

#site {
	width:930px; 
	margin-top:0px; 
	margin-left:auto; 
	margin-right:auto; 
	background-color:white; 
	padding: 15px 25px 0px 25px;
	min-height:100%;
}
/* HEADER */
#header {
	height:185px;
	width:930px;
}

#header #logo {
	background: url('./images/logo.jpg'); 
	width:373px; 
	height: 77px; 
	float:left; 
	margin-top:10px;
	margin-bottom:20px;
}
#header #info {
	float: right;
	height: 40px;
	width: 400px;
	padding-top: 35px;
	text-align: center;
}
#header #info a {
	font-size:30px;
	color: black;
	text-decoration: none;
}
#header #menuItemContainer {
	width:930px;
	height: 40px; 
	border-bottom:1px black solid;
}
#header #menuItemContainer div {
	width:176px; 
	height:35px; 
	display:inline-block; 
	float:left; 
	border-top:1px black solid;
	margin-left:12px;
}
#header #menuItemContainer div:hover, #header #menuItemContainer div.active  {
	border-top:5px black solid;
	cursor: hand;
	cursor: pointer; 
}
#header #menuItemContainer div:hover p, #header #menuItemContainer div.active  p{
	margin-top:6px;
}
#header a, #header a:visited, #header a:active {
	color: black;
}

#header #menuItemContainer div.first {
	margin-left: 0px;
}
#header #menuItemContainer div p {
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif; 
	margin: 10px 5px 2px 10px;
}
#header #menuItemContainer div a {
	color: black; 
	text-decoration:none;
}
/* END OF HEADER */
#contents {
	min-height:400px;
	overflow:visible;
	border:0 solid black;
}
#contents h1 {
	font: normal normal normal 25px/1.1em 'Courier New', monospace;
	border-bottom: 4px solid black;
}
#contents #slider {
	border-top:5px solid black;
	height:410px;
}

#contents #project {

}
#contents #project_image {
	padding-top:15px;
	padding-bottom:15px;
	display:inline-block;
	float:left;
	width:624px;
}
#contents #project_text {
	font: normal normal normal 12px/1.3em 'Open Sans', sans-serif;
	display:inline-block;
	float:right;
	width:300px;
	text-align:justify;
}

#contents #contact {

}
#contents #contact_info {
	padding-top:15px;
	padding-bottom:15px;
	display:inline-block;
	float:left;
	width:250px;
	font: normal normal normal 12px/1.3em 'Open Sans', sans-serif;
}
#contents #contact h3 {
	font: normal normal normal 18px/1.3em 'Courier New', monospace;
}
#contents #contact_form {
	font: normal normal normal 12px/1.3em 'Open Sans', sans-serif;
	display:inline-block;
	float:right;
	width:674px;
	text-align:justify;
	padding-top: 15px;
	padding-bottom: 15px;
}

#contents #contact_form p {
	margin-top:10px;
}
#contents #contact_form .submit {
	margin-top:20px;
}
#contents #contact_form .left{
	float:left;
	width:300px;
}
#contents #contact_form .right{
	float:right;
	width:300px;
}
#contents #contact #contact_error{
	display:none;
	text-align: center;
}
#contents #contact #contact_success{
	display:none;
	text-align: center;
}


#contents #project_text h2 {
	margin-top:10px;
	margin-bottom:20px;
	font: normal normal normal 18px/1.3em 'Courier New', monospace;
}
#contents #column_3 {
	float: left;
	width: 300px;
	height: 240px;
	margin-top: 35px;
	margin-left: 15px;
}
#contents #column_3.first {
	margin-left:0px;
}
#contents #column_3 h1 {
	border-top: 1px black solid;
	padding-top:5px;
	padding-bottom: 5px;
	font-size: 19px;
}
#contents #column_2 {
	float: right;
	width: 450px;
	margin-top: 30px;
}
#contents #column_2.first {
	float:left;
}
#contents #more_button {
	background-color: black;
	color: white;
	width: 105px;
	height: 40px;
	position:absolute;
	margin-top:160px;
	margin-left:177px;
	padding-top: 15px;
	text-align: center;
}
#contents #about #info {
	background-color: black;
	color:white;
	width:310px;
	height: 140px;
	display:inline-block;
	text-align: center;
	vertical-align: middle;
	line-height: 140px;
}
#contents #about #info  h2{
	font-size:24px;
}
#contents #about p {
	font: normal normal normal 12px/1.3em 'Open Sans', sans-serif;
	text-align:justify;
	margin-top:10px;
}


/* FOOTER */
#footer {
	height: 50px;
	margin-top:50px;
}
#footer #info {
	display:inline-block; 
	height: 15px; 
	margin-top:5px;
	font: normal normal normal 11px/1.3em 'Courier New', monospace;
}
#footer #info a{
	color: black;
	font: normal normal normal 11px/1.3em 'Courier New', monospace;
	text-decoration: none;
}
#footer #follow {
	display: inline-block; 
	float:right; 
	height:19px;
}
#footer #underline {
	clear:both; 
	width: 930px; 
	border-top:1 solid black; 
	margin-top:3px;
}
/* END OF FOOTER */