/* UNIVERSAL */
* {margin: 0; padding: 0;}
.clearfix {margin: 0 0 35px 0;}

/* BODY */
body {font: 14px Ariel, Helvetica, Verdana, sans-serif; letter-spacing: 1px; color: #ffffff; background: #2e3334;}
a, a:visited {color: #417fb9; text-decoration: none;}
a:hover {color: #ffffff;}
a img {border: none;}
ul, ol {list-style: none;}

/* FONTS */
h1 {font: 2.0em; font-weight:normal; color: #76c021; letter-spacing: 4px; padding: 20px 0 0 0; border-bottom: 1px dotted #76c021; max-width: 880px}
h2 {font: 1.5em; font-weight:normal; color: #417fb9; letter-spacing: 2px; padding: 15px 0 0 0;}
h3 {font: 1.2em; font-weight:normal; color: #76c021; letter-spacing: 0; padding: 5px 0 0 0;}
p {padding: 5px 0 10px 0;}

/* CONTAINER */
#container {max-width: 960px; margin: 0 auto; border: 0; text-align: left; height:100%; background: #000000;}

/* HEADER */
#header {width: 100%; background: #2e3334; border-bottom: 1px solid #76c021;}

#masthead {padding: 20px 0 0 0; margin: 0; border: 0; width: 248px;}
#masthead a {width: 248px; height: 33px; font: 13px; letter-spacing: 2px; margin: 0; padding: 0;}
#masthead a:hover {background: #6e6e6e; border: none}

#navbar {height: 100%; magin: 0; padding: 0; border: 0;}
#navbar li {float: left; padding: 0 10px 0 10px; font-size:15px; line-height: 33px; letter-spacing: 1px; border-right: 1px solid #76c021;}

#navbar a:hover,
 .work #navbar #work a,
  .clients #navbar #clients a,
  .solutions #navbar #solutions a,
  .contact #navbar #contact a
  {color: #76c021; border: none; background:2e3334; }

/* CONTENT */

#content {padding: 20px 2% 35px 2%; overflow: auto; clear: both;}
#content ul, ol {padding: 10px 0 10px 0;}

.home img {text-align: center;}

.work_thumb {padding: 5px; background: #2e3334; margin: 10px 15px 10px 0; width: 270px; height: 203px; float: left; border: 1px solid #2e3334;}
a:hover .work_thumb {background: #333333; border: 1px solid #666666;}
.work_thumb img {width: 270px; height: 203px; }

.work_btn {padding: 1px; background: #2e3334; margin: 10px 20px 10px 0; width: 200px; height: 150px; float: left; border: 1px solid #2e3334;}
a:hover .work_btn {background: #333333; border: 1px solid #666666;}
.work_btn img {width: 200px; height: 150px;}

.client_logo {padding: 0; margin: 0 10px 20px 0; height: 60px; clear: both;}
.client_logo p {color: #76c021; margin: 0; padding: 0;}
.client_logo a {letter-spacing: normal;}
.client_logo img {padding: 0; margin: 0 10px 0 0; width: 106px; height: 60px; float: left;}

.two_column {padding: 0; margin: 0 2em 20px 0; min-width: 300px; max-width: 45%; float: left;}
.clearfix {clear: both;}

/* FOOTER */

#footer {width: 100%; background: #2e3334; border-top: 1px solid #76c021; color: #6e6e6e; padding: 5px 0 40px 0; clear: both;}
#footer p {padding: 0 2% 0 2%; font-size: 10px;}
#footer a {color:666666;}
#footer a:hover{color: #76c021; border: none;}