a:link, a:visited { color: #6d6d68; font-weight: bold; text-decoration: none; }
a:hover { background-color: #1397d5; color: #fff; font-weight: bold; }

body { background: #fff url('../img/background.png') repeat-x top center; margin: 0; padding: 0; font-family: 'Verdana'; font-size: 12px; padding-bottom: 12px; }

p { line-height: 16px; margin-top: 8px; margin-bottom: 8px; margin-left: 16px; text-align: justify; }

h1 { background: url('../img/dotted.gif') repeat-x bottom; font-family: 'Georgia'; font-weight: bold; font-size: 24px; margin-top: 16px;; margin-bottom: 24px; color: #6d6d68; }
h2 { font-family: 'Georgia'; font-weight: bold; font-size: 18px; margin-top: 18px; margin-bottom: 18px; color: #6d6d68; clear: both; }
h3 { font-family: 'Georgia'; font-weight: bold; font-size: 14px; margin-top: 12px; margin-bottom: 12px; color: #6d6d68; clear: both; }
h4 { font-family: 'Georgia'; font-style: italic; font-size: 12px; margin-top: 12px; margin-bottom: 10px; color: #6d6d68; }

label { display: block; float: left; width: 160px; font-size: 14px; line-height: 40px; font-style: italic; clear:left; text-align: right; margin-right: 40px;  }

ul { margin-left: 16px; }

hr { border: 0; height: 1px; background-color: #eee; color: #eee; margin-bottom: 24px; margin-top: 24px; }

div.portfolio { margin-left: 16px; }

div#content { width: 800px; position: absolute; left: 50%; top: 220px; margin-left: -400px; }
div#header { background: url('../img/header.png') no-repeat center left; height: 350px; top: 0; text-align: right; width: 950px; position: absolute; left: 50%; margin-left: -475px; }
div#navigation_wrapper { width: 800px; position: absolute; left: 50%; margin-left: -400px; z-index: 2; text-align: center; }

span.warning { background-color: #f00; color: #fff; font-weight: bold; }

div.portfolio img {
	border: 4px solid #666;
}

div.portfolio img:hover {
	border: 4px solid #1397d5;
}

form#contact div {
	margin-top: 16px;
	margin-bottom: 16px;
}

form#contact input {
	font-family: "Times New Roman", sans-serif;
	font-style: italic;
	font-weight: bold;
	font-size: 16px;
	line-height: 16px;
	padding: 12px 6px 12px 6px;
	clear: right;
	width: 400px;
}

form#contact textarea {
	font-family: "Times New Roman", sans-serif;
	font-style: italic;
	font-weight: bold;
	font-size: 16px;
	line-height: 24px;
	padding: 12px 6px 12px 6px;
	clear: right;
	width: 400px; height: 300px;
}

form#contact textarea:focus {
	color: #900;
	background: #FFFFCC;
	border: 1px solid #003300;
}

form#contact input:focus {
	color: #900;
	background: #FFFFCC;
	border: 1px solid #003300;
}
form#contact button {
	margin-left: 200px;
	font-size: 16px;
	line-height: 24px;
	padding: 12px 6px 12px 6px;
	width: 150px;
}

ul#navigation {
color: #6d6d68;
list-style: none;
text-align:center;
width: 800px;
}

ul {
list-style: circle;
margin-left: 15px;
}

ul#navigation li {
font: bold 24px/102px Georgia, 'Times New Roman'; letter-spacing: -3px;
display: inline;
padding-right: 5px; padding-left: 5px;
margin-left: 5px; margin-right: 5px;
text-transform: uppercase;
}

ul#navigation a:hover {
	background: none;
}

li.nav a:link, li.nav a:visited {
border-bottom: 3px solid #6d6d68;
color: #000;
}

li.nav a:hover {
border-bottom: 3px solid #1397d5;
background: transparent;
}

span.important {
	padding: 0 6px 0 6px;
	font-family: Geogia, Verdana, Arial, sans-serif;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	color: #003300;
}

.big_1 {
	list-style-image:url(../img/buttons/1.png);
	margin-left: 72px;
}

.big_2 {
	list-style-image:url(../img/buttons/2.png);
	margin-left: 72px;
}

.big_3 {
	list-style-image:url(../img/buttons/3.png);
	margin-left: 72px;
}

.big_4 {
	list-style-image:url(../img/buttons/4.png);
	margin-left: 72px;
}

li.nav_active a:link, li.nav_active a:visited {
border-bottom: 4px solid #08b0ff;
color: #6d6d68;
}

img {
border: 0;
}

#front_intro {
	background: url('../img/myself.png') no-repeat top right;
	margin-left: 0;
	margin-right: 0;
	padding-right: 300px;
	height: 300px;
	text-align: justify;
}

.portfolio_box {
	background: #ccc url('../img/portfolio_box.png');
	font-size: 10px;
	width: 240px; height: 240px;
	float: left;
	margin: 10px;
	text-align: center;
}

.portfolio_box div { margin: 5px; }
.portfolio_box p { margin: 0; text-align: left }
.portfolio_box h2 { background-color: #ff0000; color: #ffffff; font-weight: bold; margin-top: 15px; margin-bottom: 10px; }
#footer p { text-align: center; font-size: 9px; margin-top: 24px; }
#footer span { font-size: 11px; font-weight: bold; color: #6d6d68; }