/* The 'design' (the unique combination of images, colors, sizes, typography, and positioning) is copyright Press Red Media */
/* Design and Coding by Rob Hope representing Hit Delete - http://www.hitdelete.com */

/*  Style Sheet Contents:

    01. Global Elements
    02. Main Div's and Containers
    03. Home
    04. About
    05. Projects
    06. Jobs
    07. Press
    08. Contact
    09. Misc
    10. Navigation

*/

/* ------------------------- */
/*  1. GLOBAL ELEMENTS */
/* ------------------------- */
html      {font-size: 100%;}
div       {margin: 0;padding: 0;}
img       {border: none;}
p         {margin: 15px 0 15px;padding: 0;}
a         {color: #EB0603;text-decoration:underline; outline: none;}
a:hover   {color: #EB0603;text-decoration: none;}
.relative {position: relative;}
.none     {color: #FFF;}
body {
background: #1A1A1A url(img/bg.gif) repeat-x;
margin: 0;
padding: 0;
font-family:  Georgia;
font-size: 0.8em;
line-height: 1.6em;
color: #222;
}
h1 {
color: #EB0603;
font-size: 1.9em;
margin: 0 0 25px 0;
font-weight: normal;
}
h2 {
font-size: 1.1em;
margin: 0 0 8px 0;
color: #333;
}
blockquote {
margin: 40px 20px 40px 10px;
font-size: 1.6em;
line-height: 1.4em;
border-left: #CCC 1px solid;
padding: 0 0 0 20px;
}
/* --------------------------------- */
/*  2. MAIN DIVS AND CONTAINERS */
/* --------------------------------- */
#container {
width: 860px;
margin: 0 auto;
padding: 0;
}
#page {
float: left;
width: 860px;
margin: 0;
padding: 0;
}
#header {
float: left;
height: 185px;
width: 860px;
margin: 40px 0 0 0;
padding: 0;
}
#logo {
}
.blurb {
position: absolute;
top: 25px;
left: 300px;
width: 500px;
color: #FFF;
font-size: 1.4em;
line-height: 1.3em;
}
#navigation {
float: left;
height: 35px;
width: 860px;
padding: 0;
margin: 0 0 25px 0;
}
#content {
float: left;
background: #FFF;
width: 820px;
margin: 0;
padding: 13px 20px 13px 20px;
}
#content_top {
float: left;
background: url(img/content_top.gif) top no-repeat;
height: 7px;
width: 860px;
padding: 0;
margin: 0;
}
* html #content_top {
float: left;
background: url(img/content_top.gif) top no-repeat;
height: 7px;
width: 860px;
padding: 0;
margin: 0 0 -10px 0;
}
#content_bottom {
float: left;
background: url(img/content_bottom.gif) top no-repeat;
height: 7px;
width: 860px;
padding: 0;
margin: 0;
}
#content_left {
float: left;
width: 230px;
margin: 0;
padding: 0 20px 0 0;
}
#content_right {
float: left;
width: 545px;
margin: 0;
padding: 0 0 0 20px;
border-left: #DDDDDD 1px dashed;
}
#footer {
float: left;
height: 50px;
width: 840px;
margin: 10px 0 0 10px;
color: #FFF;
font-family: Arial;
font-size: 0.8em;
}
#footer a {
color: #FFF;
text-decoration: none;
}
#footer a:hover {
color: #FFF;
text-decoration:  underline;
}
#copyright {
float: left;
}
#footer_links {
float: right;
}
/* ------------------------- */
/*  3. HOME */
/* ------------------------- */
#home_extra {
width: 548px;
margin: 25px 0 0 0;
}
#home_left {
float: left;
width: 250px;
margin: 0 38px 0 0;
padding: 15px 0 0 0;
border-top: #CCC 1px dotted;
}
#home_right {
float: left;
width: 250px;
padding: 15px 0 0 0;
border-top: #CCC 1px dotted;
}
#home_right img {
margin: 0 0 -10px -35px;
}
#home_right h3 {
margin: 0 0 20px 0;
padding: 0;
}
#home_extra h2 {
color: #EB0603;
font-size: 1.4em;
margin: 0 0 15px 0;
font-weight: normal;
}
/* ------------------------- */
/*  4. ABOUT */
/* ------------------------- */
#about_nav {
margin: 25px 0 0 0;
}

#about_nav ul {
margin: 0;
padding: 0;
list-style: none;
}
#about_nav ul li {
list-style:none;
padding: 0 10px 25px 60px;
margin: 15px 0 15px 0;
border-bottom: #DDDDDD 1px dotted;
font-weight: bold;
font-size: 1.0em;
}
#about_nav ul li a {
font-weight: normal;
}
#about_nav ul li#about1 {
background: url(img/icon_us.gif) left top no-repeat;
}
#about_nav ul li#about2 {
background: url(img/icon_pay.gif) left top no-repeat;
}
#about_nav ul li#about3 {
background: url(img/icon_vision.gif) left top no-repeat;
}
/* ------------------------- */
/*  5. PROJECTS  */
/* ------------------------- */
.screenshot img {
border: #CCCCCC 1px solid;
background: #FFF;
padding: 4px;
margin: 0 0 10px 0;
}
.project_info {
margin: 0 7px 0 0;
padding: 0;
font-size: 0.9em;
line-height: 1.4em;
}
.project {
margin: 40px 0 20px;
padding: 0 0 5px 0;
}
.project_info h2 {
margin: 0 0 15px 0;
padding: 0;
}
.project img {
float: left;
margin: 0;
}
.timeline {
margin: 20px 0 0 0;
}
.timeline h2 {
margin: 0 0 15px 0;
}
.timeline h3 {
padding: 5px 0 5px 5px;
margin: 5px 0 5px 0;
background: #EFEFEF;
}
.timeline ul {
font-family: Arial;
margin: 0 0 15px 0;
padding: 0;
width: 225px;
font-size: 0.9em;
}
.timeline ul li {
list-style:  square;
padding: 0 0 5px 5px;
margin: 0 0 5px 15px;
line-height: 1.2em;
border-bottom: #DDDDDD 1px dotted;
}
/* ------------------------- */
/*  6. JOBS */
/* ------------------------- */
#job_nav ul {
margin: 0;
padding: 0;
list-style: none;
}
#job_nav ul li {
list-style:none;
padding: 0 0 10px 0;
margin: 10px 0 10px 0;
border-bottom: #DDDDDD 1px dotted;
}
/* ------------------------- */
/*  7. PRESS */
/* ------------------------- */
#press_downloads img {
border: #CCCCCC 1px solid;
background: #FFF;
padding: 4px;
margin: 5px 0 2px 0;
}
#press_downloads p {
margin: 0 0 15px 0;
padding: 0 0 15px 0;
border-bottom: #DDD 1px dotted;
}
/* ------------------------- */
/*  8. CONTACT */
/* ------------------------- */
#contact_form {
width: 245px;
}
#contact_form label {
width: 235px;
}
#contact_form input {
border: 1px solid #dbd8d3;
width: 230px;
height: 20px;
padding: 5px 5px 5px 5px;
margin: 0 0 5px 0;
}
#contact_form textarea{
border: 1px solid #dbd8d3;
width: 235px;
height: 200px;
}
#contact_form fieldset {
padding: 10px;
border: 1px solid #666666;
width: 235px;
margin: auto;
}
#contact_form p {
margin: 0 0 7px 0;
}
#contact_form p.button {
text-align: right;
padding: 0 5px 0 0;
}
#contact_form .error {
background-color: #FFFF00;
}
#contact_form p.alert {
color:#FF0000;
font-weight: 700;
text-align: center;
padding: 5px 0 10px 0;
}
#contact_details h2 {
margin: 0 0 5px 0;
padding: 0;
}
#contact_details p {
margin: 0 0 15px 0;
padding: 0 0 15px 0;
border-bottom: #DDD 1px dotted;
}
#contact_form .formbutton {
font-size: 1.1em;
height: 30px;
border: #EB0603 1px solid;
background: #FC2825;
text-decoration: none;
color: #FFF;
padding: 3px 5px 3px 5px;
font-family: Georgia;
margin: 10px 0 0 0;
text-transform: uppercase;
}

/* ------------------------- */
/*  9. MISC */
/* ------------------------- */
/* Button */
.button {
margin: 20px 0 10px 0;
padding: 0;
}
.button a {
font-size: 0.9em;
height: 15px;
border: #EB0603 1px solid;
background: #FC2825;
text-decoration: none;
color: #FFF;
padding: 1px 3px 1px 3px;
}
.button a:hover {
border: #EB0603 1px solid;
background: #EB0603;
text-decoration: none;
color: #FFF;
}
/* Twitter */
#twitter_div {
position:relative;
padding:0;
margin: 10px 0 0 0;
color: #444;
}
#twitter_div ul {
margin:0px;
padding:0px;
}
#twitter_div ul li {
list-style:none;
padding: 0 0 15px 0;
margin: 15px 0 15px 0;
border-bottom: #DDDDDD 1px dotted;
}
#twitter_div ul li a {
display: block;
color: #333;
font-weight: bold;
text-decoration: none;
font-size: 0.9em;
}
#twitter_follow img {
float: left;
margin: 0 10px 0 0;
}
#twitter_follow {
height: 40px;
}
/* ------------------------- */
/*  10. NAVIGATION */
/* ------------------------- */
.menu {
background: url(img/nav.gif) no-repeat;
text-align: left;
width: 860px;
height: 35px;
padding: 0;
margin:0;
position: relative;
}
ul.menu      {list-style: none;}
ul.menu li   {display: block; float: left;height: 35px;}
ul.menu li a {position: absolute; height: 35px; top:0;}
li#main a {width: 76px;  left:0;}
li#abou a {width: 83px;  left:142px;}
li#proj a {width: 108px; left:292px;}
li#jobs a {width: 67px;  left:467px;}
li#pres a {width: 77px;  left:601px;}
li#cont a {width: 104px; left:749px;}
ul.menu li a:hover {background: url(img/nav.gif) no-repeat;}
li#main a:hover  {background-position: -0px -35px;}
li#abou a:hover  {background-position: -142px -35px;}
li#proj a:hover  {background-position: -292px -35px;}
li#jobs a:hover  {background-position: -467px -35px;}
li#pres a:hover  {background-position: -601px -35px;}
li#cont a:hover  {background-position: -749px -35px;}
#ma .ma {background: url(img/nav.gif) no-repeat; background-position: -0px -35px;}
#ab .ab {background: url(img/nav.gif) no-repeat; background-position: -142px -35px;}
#pr .pr {background: url(img/nav.gif) no-repeat; background-position: -292px -35px;}
#jo .jo {background: url(img/nav.gif) no-repeat; background-position: -467px -35px;}
#ps .ps {background: url(img/nav.gif) no-repeat; background-position: -601px -35px;}
#co .co {background: url(img/nav.gif) no-repeat; background-position: -749px -35px;}