/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.8;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
hr {width:92%; color:#A90000; background-color:#A90000; height:3px;}

body { background:url("images/sojo_horiz_bg.png"); background-color:#000; background-repeat:repeat-x;}
#container {width:840px;margin:0 auto; background:#000; overflow:hidden; /*border-left: 1px solid #CCC; border-right: 1px solid #CCC; */}
#header {width:840px; height:174px; background:url(images/sojo_logo_banner.jpg); background-color:#222; }
#navigation {width:840px; height: 43px; background:url(images/nav_bg.png);background-color:#fff; margin:0 auto;}
#content {width:840px; background:#17120f; padding-top:20px; padding-bottom:15px; clear:both;}
#banner {width:800px; margin:0 auto; height:250px; background-color:#000;}
#sidebar-2 {width:260px; background:#FFF; float:left; margin:20px 10px; display:inline; }
#footer {width:840px; height:130px; background:url(images/footer_bg.jpg); margin:0px 0px 0px 0px;}
#content-box {width:87%; height:200px; background:#EEE; margin:0 auto; margin-top:20px; border-top:solid 12px #384043;}

/* typography.css */
body {font-size:62.5%;color:#CCC;font-family:Georgia, "Times New Roman", Times, sans-serif;
margin:0px 20px 2px 20px;
 /*margin-left:15px; margin-right:15px; */}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#666; margin-left:1.0em; margin-right:1.0em;}
h1 {font-size:1.95em;line-height:1;margin-top:1.5em; margin-bottom:0.4em; }
h2 {font-size:1.9em;margin-top:0.75em;}
h3 {font-size:1.85em;line-height:1;margin-top:1em;}
h4 {font-size:1.8em;line-height:1.25;margin-top:1.25em;height:1.25em;}
h5 {font-size:1.7em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1.6em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {font-size:1.5em; margin:0 1.7em 1.0em 1.7em;}
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
/*make an inline image work */
.inline {margin:0px; float:none;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#FF5721;}
a {color:#dada86;text-decoration:underline;}
blockquote {margin:4.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.0em;}
ul, ol {font-size:1.4em; margin:0 2.5em 1.5em 4.0em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#C3D9FF;}
th, td {padding:4px 10px 4px 5px; font-size:1.3em;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
#content-1 p.signature {text-align:right;}
.right {text-align:right;}

#footer p {padding-top:0px; font-size:1.2em; line-height:1.2em;}
#footer h1, h2, h3, h4, h5, h6 {padding-bottom:0px; margin-bottom:3px; margin-top:0px;padding-top:14px;}
#sidebar-2 p {font-size:1.2em; line-height:1.3em;}
#footer a {color:#333;}
#footer a:hover {color:#000;}

/*general nav list hover effect modded from: 
http://www.alistapart.com/d/slidingdoors2/v1/ex10a.html */
#navigation {
      /* float:left; */
      overflow:hidden;
      height:43px;
      background:#000 url("images/nav_bg.png") repeat-x bottom;
      font-size:83%;
      line-height:normal;
      }
    #navigation ul {
      margin:0;
      padding:0px 10px 0;
      list-style:none;
      }
    #navigation li {
      float:left;
      background:url("images/left_nav_both.png") no-repeat left top;
      margin:0 auto;
      padding:0 0 0 17px;
      /*border-bottom:1px solid #765; */
      }
    #navigation a {
      float:left;
      display:block;
      width:.1em;
      background:url("images/right_nav_both.png") no-repeat right top;
      padding:16px 27px 12px 8px;
      text-decoration:none;
      font-weight:bold;
      font-family:"Helvetica Neue", Arial, sans-serif;
      color:#dada86;
      white-space:nowrap;
      }
    #navigation > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #navigation a {float:none;}
    /* End IE5-Mac hack */
    #navigation a:hover {
      color:#EEE;
      }
    #home #nav-home, #news #nav-news,
    #products #nav-products, #about #nav-about,
    #contact #nav-contact {
      background-position:0 -43px;
      border-width:0;
      }
    #home #nav-home a, #news #nav-news a,
    #products #nav-products a, #about #nav-about a,
    #contact #nav-contact a {
      background-position:100% -43px;
      padding-bottom:5px;
      color:#EEE;
      }
    #navigation li:hover, #header li:hover a {
      background-position:0% -43px;
      color:#EEE;
      }
    #navigation li:hover a {
      background-position:100% -43px;
      }