a.top {color: #404040; text-decoration: none;}
a.top:visited {color: #404040; text-decoration: none;}
a.top:hover {color: #000000; text-decoration:none;}
a.top:active {color: #000000; text-decoration: none;}

img {border: 0;}
html {height: 100%; background-color: #1e1e1e;}
body {margin: 0; background: #FFF; font-family: optima, lucida, times, georgia, arial, helvetica;}
h1 {border-bottom: 1px #AAAAAA solid; position: relative; display: block; text-align: left; font-family: optima, lucida, times, georgia; font-size: 26px; padding-right: 20px; padding-bottom: 2px; font-weight: normal; margin-left: auto; margin-right: auto; width: 870px;}
h1.home {border: none; position: relative; display: block; text-align: right; font-family: optima, lucida, times, georgia; font-size: 26px; padding-right: 20px; padding-bottom: 2px; font-weight: normal;}
h2 {margin: 3px 6px 9px;}
h3 {margin: 3px 10px;}
h4 {margin: 3px 6px 9px 15px;}
p {display: block; font-size: 15px; margin: 0 20px 18px;}
dt {margin-left: 13px; margin-top: 13px; font-weight: bold;}
dd {margin-top: 7px;}
.hidecontent {display:none;}
.clear {clear: both;}

/* Header */
#topper {background-color: #1e1e1e;}
#topmenu { color: #F8F8F8; border-bottom: 3px solid #1e1e1e; text-align: center; margin: 0px auto 0px auto; font-variant: small-caps; width: 900px; min-height: 100px; height: auto !important; height: 100px;}
#logo {top:7px; float: left; position: relative;}
#lang_select {color: #F8F8F8; float: right; position: relative; top: 24px; right: 12px;}
#lang_select a {color: #F8F8F8; text-decoration: none; font-size: 13px; font-family: verdana; z-index: 2;}
#lang_select_nojava {display: inline; position: relative;}
#lang_select_nojava a {text-decoration: underline;}

/* Main Menu */
#top_menu {clear: right; float: right; z-index: 2; position: relative; top: 10px;}
#ie_top_menu {position: relative; display: block; float: right; text-align: left; z-index: 2;}
#top_menu li {list-style: none; display: inline; z-index: 2;}
#top_menu li a {color: #FFF; text-decoration: none; font-size: 19px; font-family: optima, lucida, times, georgia; padding-right: 14px; padding-left: 14px; z-index: 2; border-right: 1px solid #3a3a3a;}
#top_menu li.noborder a {color: #FFF; text-decoration: none; font-size: 18px; font-family: optima; padding-left: 14px; z-index: 2; border-right: none;}
#top_menu li a:hover {color: #447f00;}
#top_menu ul {position: relative; padding: 0; margin: 0; z-index: 2;}
#menu {display: inline; position: relative; float: right;}
#menu_items {display: inline; position: relative; margin-right: 33px; font-weight: bold; font-size: 14px; letter-spacing: 2px; text-transform: uppercase;}

/* Body */
#content {width: 900px; position: relative; display: block; color: #000; font-family: optima, lucida, times, georgia; font-size: 14px; margin: 0 25px 0 25px; text-align: justify; padding: 3px 10px 8px 10px; margin-right: auto; margin-left: auto; min-height: 490px;}
#content a {color: #447f00;}
#righthand {float: right; margin-right: 12px; font-size: 13px;}
#wrapper {min-height: 635px; height: auto !important; height: 635px; margin: 0px auto 0px auto; background: transparent url(/images/backing.jpg) no-repeat scroll 100px 0; padding-top: 10px;}
#wrapper.all {background: transparent url(/images/backing_all.jpg) no-repeat scroll 100px 0;}
#subheading {position: relative; margin: -10px 0 38px; font-family: optima, lucida, times, georgia; font-size: 15px; text-align: right; padding-right: 20px;}
.paragraphheading {display: block; font-size: 17px; margin-bottom: 8px; text-transform: uppercase;}
.subparagraphheading {display: block; font-size: 15px; margin-bottom: 8px;}
.portofilioblock {display: block; margin: 20px 0;}
.leftColumn {margin: 0 20px;}

/* Footer */
#bottom {background-color: #1e1e1e; border-top: #1E1E1E solid 4px;}
#footer {height: 100%; background-color: #1e1e1e; width: 900px; color: #F8F8F8; border-top: 10px solid #1e1e1e; text-align: center; margin: 0px auto 0px auto; font-variant: small-caps; line-height: 170%; font-size: 13px; letter-spacing: 2px; min-height: 85px;}
#footer a {color: #F8F8F8; text-decoration: none;}
#footer a:hover {color: #FFF; text-decoration: underline;}
#footer_logo {float: right; position: relative; top: -6px;}
#bottom_menu {float: left;}
#copyright {font-weight: normal; float: left; letter-spacing: .3px; clear: left; width: 400px; font-size: 12px; text-align: left;}

/* SideBox */
.sidebox {float: right; width: 255px; margin: 0 10px 14px 15px; padding: 10px; background-color: #e1e1e1; -moz-border-radius: 12px; -webkit-border-radius: 12px; border: 2px solid #C8C8C8;}
.sideHeader {font-weight: bold; margin:0 0 9px; font-size: 1.4em; display: block;}
.sideSubHeader {font-variant: small-caps; margin: 6px;}
.sideSubContent {margin: 4px 10px 8px; font-size: 13px;}

/* Contact Page */
#contactusblock {position: relative; left: 35px; width: 800px; background: rgba(160, 160, 160, 0.5); padding: 14px; -moz-border-radius: 22px; -webkit-border-radius: 22px;}
.contactblockheader {font-size: 14px; border-bottom: 1px dotted #e8e8e8; padding: 5px 0 5px; position: relative; width: 800px;}
.contactblock {position: relative; display: block; top: 18px; font-size: 13px; float: right; width: 610px;}
.contactimage {display: inline; padding-right: 6px; position: relative; top: 6px;}

/* Special Fields */
#nojava {position: absolute; width: 800px; height: 350px; color: #D8D8D8; margin: 0 auto; padding: 10px; top: 110px; left: 50px; background-color: #1E1E1E; border: 2px solid #000; z-index: 5; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px;}
.portimage {float: right; border: 3px solid #AECD82; margin: 0 15px 20px;}
.portimage:hover {float: right; border: 3px solid #669933;}
#footnotes {width: 780px; font-size: 10px; position: relative; margin: 30px auto 0;}
input:focus, textarea:focus{background-color: #FFFFCC;}