* { font-family: georgia; }
html { height: 101%; }
img { border: 0px solid #000000; margin: 3px 6px 3px 6px; }
body { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
p, div, td, th, li, input, textarea, select, label, legend { font-size: 13px; color: #777777; }
a { color: #777777; text-decoration: underline; }
a:hover { color: #777777; text-decoration: none; }
.error { color: #ff0000; }
.message { color: #ff0000; font-weight: normal; }
.bold { font-weight: bold; }
.nomargin { margin: 0px 0px 0px 0px; }

h1 { font-size: 16px; }
h2 { font-size: 12px; }
fieldset p { margin: 5px 0; padding: 0 0; }
fieldset label { display: block; float: left; width: 120px; }
fieldset input { width: 250px; }
fieldset textarea { width: 300px; height: 150px; }
.buttons input, input.button { width: auto; border: 1px solid #777777; background-color: #eeeeee; }
.buttons input:hover, input.button:hover { background-color: #dddddd; }
table { }
table tr { background-color: #eeeeee; }
table tr:hover { background-color: #dddddd; }
table th { text-align: left; vertical-align: top; background-color: #cccccc; }
table td { text-align: left; vertical-align: top; border-bottom: 1px solid #ffffff; }
ul { list-style: circle; }


#container {  }

#header { height: 250px; background: #ffffff url(../img/header_bar_01.gif) scroll repeat-x bottom center; }
#header #spacer { height: 87px; }
#header #title { height: 163px; }
#header .title.home { background: transparent url(../img/header_home_01.gif) scroll no-repeat center bottom; }
#header .title.profile { background: transparent url(../img/header_profile_01.gif) scroll no-repeat center bottom; }
#header .title.portfolio { background: transparent url(../img/header_portfolio_02.gif) scroll no-repeat center bottom; }
#header .title.translations { background: transparent url(../img/header_translations_01.gif) scroll no-repeat center bottom; }
#header .title.contact { background: transparent url(../img/header_contact_01.gif) scroll no-repeat center bottom; }
#header .title.terms { background: transparent url(../img/header_terms_01.gif) scroll no-repeat center bottom; }

#main { width: 750px; margin: 0px auto 100px auto; background-color: #eeeeee; }

#main #visual { float: left; width: 320px; height: 213px; background: transparent url(../img/visual_left.jpg) scroll no-repeat top left; }

#main #content { float: right; width: 430px; background-color: #ffffff; margin: 0 0; padding: 0 0; }

#main #content #nav { float: right; width: 430px; margin: -4px 0px 0px 0px; }
#main #content #nav ul { float: right; margin: 0 0; padding: 0 0; list-style: none; }
#main #content #nav ul li { display: inline; margin: 0px 0px 0px 20px; }
#main #content #nav ul li a, #main #nav ul li a:hover { font-size: 16px; color: #a2a3ad; font-weight: bold; text-decoration: none; }
#main #content #nav ul li a:hover, #main #content #nav ul li a.active { color: #45475b; }

#main #content #page { float: right; width: 410px; margin: 20px 0px 0px 0px; padding: 0 0; border: 0px solid #ff0000; }
#main #content #page p { text-align: left; }

#main #content #page #home { }

#main #content #page #profile { }

#main #content #page #portfolio { }
#main #content #page #portfolio p.contact { font-style: italic; }

#main #content #page #contact { }
#main #content #page #contact #contact_form fieldset { padding: 10px 10px; }
#main #content #page #contact #contact_form legend { font-weight: bold; }
#main #content #page #contact #contact_form textarea { width: 380px; height: 150px; }

#main #float_hack { clear: both; background-color: #ffffff; }