html { 
min-height: 100%; 
margin-bottom: .1em; }

body {
font-size: 62.5%;
line-height: 0;
font-family: Verdana,Arial,sans-serif;
color: #5B4C36;
background: #36626D url(../images/bg-page.png) repeat-x;
text-align: center; }

body#home {
background: #fff url(../images/bg-page-home.png) repeat-x; }

a {
color: #36626D;
text-decoration: none; }

a:hover { text-decoration: underline; }

p {
font-size: 1.1em;
line-height: 2em;
margin-bottom: 1em; }

/* LAYOUT */
#container {
margin: 0 auto;
width: 582px; }

#header {
margin-top: 43px;
text-align: left; }

#header h1 {
background: url(../images/logo.png) no-repeat;
height: 32px;
text-indent: -9999px;
width: 214px; }

#header h1 a { 
display: block;
height: 32px;
width: 214px; }

#content {
position: relative;
background: #fff;
border: 1px solid #CFD5E6;
min-height: 450px;
height:auto !important;
height: 450px;
margin: 0 auto;
padding-bottom: 2em;
text-align: left;
width: 580px; }

/*#shadow-left {
position: absolute;
top: -1px;
left: -12px;
width: 11px;
height: 322px;
background: url(../images/bg-left.png) no-repeat; }

#shadow-right {
position: absolute;
top: -1px;
left: 581px;
width: 11px;
height: 322px;
background: url(../images/bg-right.png) no-repeat; }*/

#container-background {
position: absolute;
top: 74px;
text-align: center;
margin-left: -6px;
width: 596px;
height: 246px;
background: url(../images/bg-container.jpg) no-repeat;
z-index: 0; }

/* NAVIGATION */
#navigation ul { 
/*
position: relative;
top: -1px; */
background: url(../images/bg-nav.png) no-repeat;
height: 37px;
padding-right: 1.1em; }

#navigation li {
display: inline;
position: relative;
top: -1px;
float: right;
margin-left: 1.4em; }

#navigation a#projects {
text-indent: -9999px;
display: block;
height: 23px;
width: 48px;
background: url(../images/nav-projects.png) no-repeat; }

#navigation a#profile {
text-indent: -9999px;
display: block;
height: 23px;
width: 39px;
background: url(../images/nav-profile.png) no-repeat; }

#navigation a#contact {
text-indent: -9999px;
display: block;
height: 23px;
width: 42px;
background: url(../images/nav-contact.png) no-repeat; }

#navigation a#projects:hover, #navigation a#projects.on { background-position: -48px; }
#navigation a#profile:hover, #navigation a#profile.on { background-position: -39px; }
#navigation a#contact:hover, #navigation a#contact.on { background-position: -42px; }

/** MAIN CONTENT **/
#projects-content img { 
clear: left;
border: 1px solid #f1f1f1;
margin: 25px 0 0 64px;
padding: 8px; }

#projects-content img.hidden {
float: left;
margin: 0;
padding: 0;
border: none; }

#profile-content {
border: 1px solid #f1f1f1;
width: 438px;
height: 200px;
margin: 25px 0 0 64px;
padding: 8px; }

#profile-content li {
background: url(../images/bullet.gif) no-repeat 0 -1px;
margin-bottom: 1.2em;
padding-left: .8em; }

#profile-content img {
border: 8px solid #E5ECFF;
float: left;
margin-right: 10px; }

#contact-content {
border: 1px solid #f1f1f1;
float: left; 
width: 150px;
margin: 25px 0 0 64px;
padding: 8px; }

#contact-content span {
display: block;
line-height: 2em; }

#contact-content span.fn {
font-weight: bold; }

#contact-form {
border: 1px solid #f1f1f1;
float: left;
margin: 25px 0 0 10px;
padding: 8px;
width: 278px; }

#contact-form label {
clear: left;
display: block;
margin: 1em 0; }

#contact-form input { 
margin-bottom: 1em;
width: 260px;
padding: .3em; }

input#submit { 
display: block; 
background: url(../images/submit.gif) no-repeat; 
border: none; 
margin-top: 20px; 
width: 74px; 
height: 30px; 
font: 11px Verdana;
letter-spacing: .1em;
color: #5B4C36;
text-transform: uppercase; }


/** FOOTER **/
body#home #footer {
clear: both;
margin-top: 2em;
background: #E5ECFF;
min-height: 75px; }

#footer {
clear: both;
margin-top: 2em; }

#footer p {
line-height: 1.5em;
padding: 2em 0 1em 0; }