/** ALL MIGHTY RESET **/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, strike, sub, tt, var, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline;}
* {margin: 0; /* border: solid 1px red !important; */ }
:focus {outline: 0;}
body {background: url(../images/bg.png) no-repeat top #ffffff; font-family: Georgia;}
ol, ul {list-style: none;}
p {}
.clear {clear: both;}
a {text-decoration: none;}
a:hover {text-decoration: none;}
/* HEADER --------------------------------------------------------------------------------------------------------------------------------------- */
#screen-reader {position: absolute; left: -99999px; top: -99999px;}
#logo a {background: url(../images/sprite.png) 0px -430px no-repeat; width: 570px; height: 109px; margin: 40px auto; display: block; text-indent: -99999px;}
/* BODY ------------------------------------------------------------------------------------------------------------------------------------------ */
#page-wrap {width: 930px; margin: 0 auto;}
/* TAGLINE */
#tagline {background: url(../images/tagline-bg.jpg) no-repeat; width: 922px; height: 83px; margin: 0 auto;}
#tag-head {margin: 30px 0 0 115px; font-size: 22px; float: left; width: 500px;}
/* NAVIGATION */
#nav li {display: inline; position: relative; width: 260px; margin: 40px 25px 0 25px; float: left;}
#nav li a {display: inline;}
#nav li p {font-size: 13px; color: #aaaaaa; margin: 10px 0 0 2px;}
h2.nav-head a {font-size: 35px; color: #000000;}
li h2#what a {background: url(../images/sprite.png) 0px -240px no-repeat; width: 215px; height: 25px; display: block; text-indent: -99999px;}
li h2#projects a {background: url(../images/sprite.png) 0px -280px no-repeat; width: 215px; height: 25px; display: block; text-indent: -99999px;}
li h2#contact a {background: url(../images/sprite.png) 0px -320px no-repeat; width: 215px; height: 25px; display: block; text-indent: -99999px;}
/* CONTENT ---------------------------------------------------------------------------------------------------------------------------------------- */
#content {background-color: #eae9e9; margin-top: 25px;}
/* WHAT WE DO */
#what-content {margin-top: 25px; min-height: 1000px; margin: 0 auto; width: 930px;}
#what-content p {font-size: 15px; line-height: 18px; margin: 10px 0 0 30px; color: #a3a3a3; width: 865px;}
#what-head {background: url(../images/sprite.png) 0px 0px no-repeat; width: 428px; height: 50px; margin: 20px 0 0 20px; float: left; text-indent: -99999px}
#platforms {margin: 20px 0 0 20px;}
#platforms li {background-color: #969696; margin: 10px; width: 200px; height: 200px; float: left;}
#drupal a {background: url(../images/platforms/drupal.jpg) no-repeat; width: 190px; height: 190px; margin: 5px; display: block; text-indent: -99999px;}
#wp a {background: url(../images/platforms/wp.jpg) no-repeat; width: 190px; height: 190px; margin: 5px; display: block; text-indent: -99999px;}
#joomla a {background: url(../images/platforms/joomla.jpg) no-repeat; width: 190px; height: 190px; margin: 5px; display: block; text-indent: -99999px;}
#ror a {background: url(../images/platforms/ror.jpg) no-repeat; width: 190px; height: 190px; margin: 5px; display: block; text-indent: -99999px;}
#jquery a {background: url(../images/platforms/jquery.jpg) no-repeat; width: 190px; height: 190px; margin: 5px; display: block; text-indent: -99999px;}
#couchdb a {background: url(../images/platforms/couchdb.jpg) no-repeat; width: 190px; height: 190px; margin: 5px; display: block; text-indent: -99999px;}
#mysql a {background: url(../images/platforms/mysql.jpg) no-repeat; width: 190px; height: 190px; margin: 5px; display: block; text-indent: -99999px;}
#ruby a {background: url(../images/platforms/ruby.jpg) no-repeat; width: 190px; height: 190px; margin: 5px; display: block; text-indent: -99999px;}
#php a {background: url(../images/platforms/php.jpg) no-repeat; width: 190px; height: 190px; margin: 5px; display: block; text-indent: -99999px;}
#cakephp a {background: url(../images/platforms/cakephp.jpg) no-repeat; width: 190px; height: 190px; margin: 5px; display: block; text-indent: -99999px;}
#java a {background: url(../images/platforms/java.jpg) no-repeat; width: 190px; height: 190px; margin: 5px; display: block; text-indent: -99999px;}
#linux a {background: url(../images/platforms/linux.jpg) no-repeat; width: 190px; height: 190px; margin: 5px; display: block; text-indent: -99999px;}
/* PROJECTS */
#projects-content {margin-top: 25px; min-height: 1000px; margin: 0 auto; width: 930px;}
#projects-content p {font-size: 15px; line-height: 18px; margin: 10px 0 20px 20px; color: #a3a3a3;}
#projects-head {background: url(../images/sprite.png) 0px -60px no-repeat; width: 325px; height: 50px; margin: 20px 0 0 20px; float: left; text-indent: -99999px;}
.project-container {margin: 0 0 20px 20px; float: left;}
.project-image {background-color: #969696; width: 400px; height: 220px; margin: 10px 0 0 0px; float: left;}
.project-image img {margin: 5px;}
.project-info {margin: 15px 0 0 15px; width: 450px; float: left;}
.project-info p {font-size: 14px; line-height: 16px; margin: 5px 0 0 0; color: #a3a3a3;}
h3.project-title {font-size: 27px;}
/* CONTACT */
#contact-content {margin-top: 25px; min-height: 1000px; margin: 0 auto; width: 930px;}
#contact-head {background: url(../images/sprite.png) 0px -120px no-repeat; width: 295px; height: 50px; margin: 20px 0 0 20px; float: left; text-indent: -99999px}
#contact-number {background: url(../images/sprite.png) 0px -180px no-repeat; width: 250px; height: 50px; margin: 25px 0 0 135px; float: left; text-indent: -99999px}
#contact-form {margin: 0 0 0 10px; width: 850px; float: left;}
#contact-sent {float: left; margin: 50px 0 0 300px; color: #a3a3a3; display: none;}
.input {background-color: #ffffff; margin: 0px 0 0 7px; padding: 4px 0 0 2px; width: 390px; height: 25px; font-size: 19px; font-family: Georgia;}
.input:focus {background-color: #f4f3df;}
#cmnt {width: 400px; max-width: 400px; max-height: 85px; margin: -87px 5px 0 0; font-size: 18px; font-family: Georgia; float: right; position: relative; z-index: 10;}
#cmnt:focus {background-color: #f4f3df;}
#gobtn {background: url(../images/sprite.png) 0px -350px no-repeat; width: 70px; height: 25px; margin: 5px 18px 0 0; border: none; display: block; text-indent: -99999px; cursor: pointer; float: right;}
#gobtn:hover {background: url(../images/sprite.png) 0px -380px no-repeat; width: 70px; height: 25px;}
form p.input-label {position: relative; margin: 10px 12px;}
form p.input-label label{position: absolute; top: 7px; left: 12px;}
/* FOOTER ----------------------------------------------------------------------------------------------------------------------------------------- */