@charset "UTF-8";
/* CSS Document */
body { background-color: #121212; margin: 0px; padding: 0px; font: 0.8em "Myrid Pro", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica; color: #343434; }

div#body { width: 801px; margin: 30px auto; background: #0d0d0d url('Logo.jpg') no-repeat; padding: 103px 0px 0px 0px; border: 12px solid #2e2e2e; position: relative; }
div#body h1 { display: none; }
p#footer { text-align: center; font-size: x-small; color: #686868; }
p#footer a { color: #39c; text-decoration: none; }
p#footer a:hover { text-decoration: underline; }

ul#nav { list-style: none; padding: 0px; margin: 0px 0px 20px 0px; background-color: #2e2e2e; display: block; overflow: hidden; font-size: 0.9em; height: 33px; text-transform: capitalize; }
ul#nav li { display: inline; }
ul#nav li a { display: block; float: left; padding: 10px 20px; color: #fff; text-decoration: none; }
ul#nav li a:hover { background-color: #1b1b1b; }
ul#nav li a.cur { background-color: #1b1b1b; }

div#content h2 { color: #568945; text-transform: uppercase; margin: 0px; padding: 0.5em 0; font-family: Helvetica; }
div#content p { color: #686868; text-align: justify; }
div#content ul li { color: #686868; }
div#content p a { color: #39c; text-decoration: none; }
div#content p a:hover { text-decoration: underline; }

div.home { }
div.home div.leftcol { float: left; width: 380px; margin-left: 10px; text-align: justify; }
div.home div.rightcol { float: right; width: 380px; margin-right: 10px; text-align: justify; border: 1px solid #3399cc; padding: 5px; margin-bottom: 10px; }
div.home div.rightcol h4 { margin-top: 0px; padding-top: 0px; color: #39c; }

div.about { }
div.about div.leftcol { float: left; width: 380px; margin-left: 10px; text-align: justify; }
div.about div.rightcol { float: right; width: 380px; margin-right: 10px; text-align: justify; padding-top: 30px; }
div.about div.rightcol h4 { font-size: medium; font-weight: normal; color: #686868; }

div.contact { }
div.contact div.leftcol { float: left; width: 300px; margin-left: 10px; text-align: justify; }
div.contact div.rightcol { float: right; width: 420px; margin-right: 10px; text-align: justify; padding-top: 90px; }
div.contact div.leftcol p { text-align: justify; }
div.contact div.rightcol h4,
div.contact div.leftcol h4 { font-size: medium; font-weight: normal; color: #686868; margin-bottom: 0px; padding-bottom: 0px; }
div.contact div.leftcol p.o { font-size: x-small; margin: 0px; font-style: italic; }
div.contact div.leftcol input[type="text"] { font-size: x-small; font-weight: normal; color: #3399cc; padding: 3px; border: 1px solid #686868; background-color:  #121212; width: 250px; }
div.contact div.leftcol select { width: 250px; }
div.contact div.rightcol textarea { width: 400px; height: 260px; font-size: small; color: #3399cc; padding: 3px; border: 1px solid #686868; background-color: #121212; }
div.contact p.r { text-align: right; }

div.portfolio { margin-left: 10px; margin-right: 10px; }
div.portfolio div.item { border: 1px solid #3399CC; margin-bottom: 20px; padding: 0px 0px 0px 10px; }
div.portfolio div.item p.i { margin: 0px 0px 5px 0px; font-size: x-small; }
div.portfolio div.item h4 { margin: 10px 0px 0px 0px; color: #39c; font-size: medium; font-weight: normal; }
div.portfolio div.item div.screenshot { float: right; width: 350px; text-align: center; margin: 10px 5px 0px 10px; }
div.portfolio div.item div.screenshot img.m { width: 300px; height: 200px; border: 4px solid #fff; margin-top: 5px; border-bottom: 10px solid #fff; }
div.portfolio div.item div.screenshot div.nav img { width: 60px; height: 40px; margin: 10px 2px 10px 2px; border: 1px solid #fff; }
div.portfolio div.item p.t { font-size: x-small; }
div.portfolio div.item div.clear { clear: both; }

div.right { text-align: right; }
div.clear { clear: both; }