body {margin: 0; background-color: #383838; background-image: url(../img/home01.gif); padding: 0 0 20px; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #4c4c4c;}
table {margin: 0; border-collapse: collapse; font-size: 11px; color: #4c4c4c;}
td {border: none; padding: 0 30px 0 0; vertical-align: top;}
h1 {margin: 0; padding: 0; font-size: 25px; color: #baf600;}
h2 {margin: 0; padding: 0 0 15px; font-size: 16px; font-weight: normal; color: #4c4c4c;}
h3 {margin: 0; padding: 0 0 15px; font-size: 14px; font-weight: normal; color: #85d000;}
h4 {margin: 0; padding: 0; font-size: 12px; color: #53626a;}
p {margin: 0; padding: 0 0 10px;}
ul, ol {margin: 0; padding: 0 0 15px 20px;}
ul ul, ol ol, ul ol, ol ul {padding: 0 0 0 20px;}
li {margin: 0; padding: 0;}
ul {list-style: square;}
img {vertical-align: middle;}
form {margin: 0; padding: 0;}
input, textarea, select {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333;}
a img {border: none;}
a {color: #4c4c4c; text-decoration: none;}
a:hover, a:active {color: #fcee21;}
hr {display: block; margin: 0 0 10px; border: none; border-bottom: 1px solid #808080; background-color: transparent;}

.fl {float: left;}
.cb {clear: both;}
.tr {text-align: right;}
.w100pct {width: 100%;}
.h150px {height: 150px;}
.txt {border: 1px solid #8c8c8c; background-color: #ffffff; padding: 3px 0;}
.grey {color: #999999;}
.red {color: #cc0000;}

#page {margin: auto; width: 800px; background-color: #4d4d4d; text-align: left;}
#header {width: 100%; background-color: #383838;}
#logo {float: left; padding: 15px 50px;}
#menu {float: left; padding: 15px 0; list-style: none;}
#menu a {text-transform: uppercase; font-size: 10px; line-height: 15px; color: #ffffff;}
#menu a:hover, #menu a:active, #menu strong a {background-color: transparent; color: #fcee21; font-weight: normal;}
#content {padding: 40px 40px 0;}
#content.home {padding: 30px 30px 0 40px;}
#footer {padding: 0 40px; color: #8c8c8c; line-height: 20px; font-size: 10px; text-transform: uppercase;}
#footer a {color: #8c8c8c;}
#footer a:hover, #footer a:active {background-color: transparent; color: #ffffff;}
#footer p {padding: 10px 0;}
#footer.home p {padding: 0 0 10px;}
#credit {text-align: right;}
#credit a {text-decoration: none;}
#credit a strong {text-decoration: underline; font-weight: normal;}

#home0 {float: left; padding: 10px 0;}
#home1 {width: 535px; min-height: 400px; height: auto !important; height: 400px; background-color: #ffffff; background-repeat: no-repeat; background-position: right bottom;}

#home2 {padding: 20px 20px 10px;}
.greyh2 {background-color: #383838; padding: 11px 15px; line-height: 18px; color: #fcee21; text-transform: lowercase;}
.greyh2 strong {color: #ffffff; font-weight: normal;}
.desc {color: #8c8c8c; font-size: 11px;}
.homeh2 {padding: 0;}
#home2 p, #home2 li {line-height: 16px;}
#home3 {float: right;}
#home3 p {padding: 0;}
#home3 p.first {margin: 0;}
#home3 a {display: block; border: 5px solid #4d4d4d; padding: 5px;}
#home3 a:hover, #home3 a:active {border: 5px solid #fcee21;}
#home3 img {display: block; border: 10px solid #ffffff;}

#folio {background-color: #ffffff; padding: 10px 0 10px 10px;}
#folio p {min-height: 380px; height: auto !important; height: 380px; padding: 0;}
#folio a {display: block; float: left; border: 5px solid #ffffff; padding: 5px;}
#folio a:hover, #folio a:active {border: 5px solid #fcee21; background-color: transparent;}
#projectinfo {float: right; width: 210px; text-transform: uppercase; font-size: 10px; line-height: 15px; color: #ffffff;}
#projectinfo p {padding: 15px 30px 15px 0;}
#projectinfo strong {color: #fcee21; font-weight: normal;}
#projectinfo .grey {color: #8c8c8c;}
#browser {float: right; width: 150px; text-transform: uppercase; font-size: 10px; line-height: 15px; color: #8c8c8c;}
#browser p {padding: 15px 30px 15px 0;}
#browser a, #browser span {color: #ffffff;}
#browser a:hover, #menu a:active {background-color: transparent; color: #fcee21;}

#foliodetail {background-color: #ffffff; padding: 0;}

#about1 {float: left; width: 440px; min-height: 400px; height: auto !important; height: 400px; background-color: #ffffff; background-repeat: no-repeat; background-position: right bottom;}
.about2 {padding: 20px 20px 10px;}
.greyh2 {background-color: #383838; padding: 11px 15px; line-height: 18px; color: #fcee21; text-transform: lowercase;}
.greyh2 strong {color: #ffffff; font-weight: normal;}
#about3 {padding: 15px 150px 0 0;}
.about2 p, #about2 li {line-height: 16px;}
#about4 {float: right; width: 260px; min-height: 400px; height: auto !important; height: 400px; background-color: #ffffff;}
#about5 {padding: 15px 0 0;}

#downloads {background-color: #ffffff; padding: 20px 0 10px;}
#downloads2 {min-height: 370px; height: auto !important; height: 370px;}
.downcol {float: left; width: 233px;}
.downcol2 {padding: 0 0 0 20px;}

#archive {padding: 20px 0 10px;}
#toplink {color: #ffffff !important; text-transform: uppercase; font-size: 12px;}
#toplink:hover, #toplink:active {color: #fcee21 !important;}