/*
Theme Name: Ottaway.net
Theme URI: http://circusbred.com/
Description: The original WordPress theme for Ottaway.net.
Version: 1.0
Author: Dave Sturley

*/
* { margin:0; padding:0; }
option, select { padding:0 3px; }

a { border: 0px; }
img { border-width: 0px; }

body {
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#333;
    text-align:center;
    /*background:#333 url(images/bg.jpg) repeat-x 0 0;*/
    background: #F0F3F8 url(images/bg.jpg) repeat-x 0 0;
}

#container {
    position:relative;
    width:759px;
    text-align:left;
    margin:0 auto 25px;
}

h1 {
    height:135px;
    background: url(images/header.jpg) no-repeat 0 0;
    margin:15px 0 0;
}

h1 a {
    margin-left:20px;
    display:block;
    width:97px;
    height:135px;
    text-indent:-9999px;
    overflow:hidden;
    background: url(images/logo.jpg) no-repeat left top;
}

h1 a:hover {
    background: url(images/logo.jpg) no-repeat right top;
}

ul#nav {
    height:31px;
    background: url(images/nav.jpg) no-repeat left top;
    list-style:none;
    z-index:5;
}

ul#nav li {
    display:block;
    width:126px;
    height:31px;
    float:left;
    position:relative;
    z-index:20;
}

ul#nav li a {
    display:block;
    width:100%;
    height:100%;
    text-indent:-9999px;
    overflow:hidden;
}

ul#nav li.home { width: 111px; }
ul#nav li.who { width: 135px; }
ul#nav li.what { width: 142px; }
ul#nav li.portfolio { width: 132px; }
ul#nav li.clients { width: 105px; }
ul#nav li.contact { width: 134px; }

ul#nav li.home:hover { background: url(images/nav.jpg) no-repeat 0 -31px; }
ul#nav li.who:hover { background: url(images/nav.jpg) no-repeat -111px -31px; }
ul#nav li.what:hover { background: url(images/nav.jpg) no-repeat -246px -31px; }
ul#nav li.portfolio:hover { background: url(images/nav.jpg) no-repeat -388px -31px; }
ul#nav li.clients:hover { background: url(images/nav.jpg) no-repeat -520px -31px; }
ul#nav li.contact:hover { background: url(images/nav.jpg) no-repeat -625px -31px; }

ul#nav li ul {
    position:absolute;
    top:31px;
    left:0;
    width:161px;
    background: url(images/dropdown2.gif) no-repeat left bottom;
    border-top:1px solid #333;
    z-index:50;
    display:none;
}

ul#nav li:hover ul {
    display:block;
    z-index:50;
    padding:0 0 5px;
}

ul#nav li:hover ul ul {
   display:none;
}

ul#nav ul li {
    height:auto;
    width:auto;
    float:none;
}

ul#nav ul li a {
    text-indent:0;
    background:none;
    color:#fff;
    padding:4px 5px 4px 10px;
    width:auto;
}
ul#nav ul li a:hover {
    text-decoration:none;
    color:#ccc;
    padding:3px 5px 3px 15px;
    background:none;
    background:#fff;
    border-top:1px solid #039;
    border-bottom:1px solid #369;
    color:#369;
}

#content {
    width:592px;
    margin-top:10px;
    background:#fff;
    padding:0 0 30px;
    z-index:1;
    min-height: 400px;
    height: auto !important;
}

#content a img {
   border:1px solid #039;
}
#content a:hover img {
   border:1px solid #999;
}

#content h2 {
   background: url(images/h2bg.jpg) repeat-x 0 0;
   height:33px;
   font-size:30px;
   padding:20px 20px;
   margin:0 0 15px;
   color:#fff;
}

#content h2 a {
   text-decoration:none;
   color:#fff;
   font-weight:normal;
}

#content h2 a:hover {
   color:#eee;
}

#content h2.feature {
    background: url(images/headerWtext.gif) no-repeat 0 0;
    height:224px;
    position:relative;
    margin-bottom:0px;
    padding:0;
}

#content h2.featureflash {
    background: url(images/feat-blank.jpg) no-repeat 0 0;
    height:224px;
    position:relative;
    margin-bottom:0px;
    padding:0;
}

#content h2.feature a {
    display:block;
    position:absolute;
    bottom:0;
    width:100%;
    height:110px;
    text-indent:-9999px;
    padding:0;
    overflow:hidden;
}

#content h3 {
   margin:5px 15px 0;
   font-size:18px;
}

#content h3, #content h3 a {
   color:#369;
}

#content p {
    padding:10px 20px 0;
}

#content ul, #content ol {
   padding:5px 35px;
}

#content li {
   margin:0 0 2px;
}

.clear {
   clear:both;
}

#content ul.left {
   float:left;
   width:225px;
}

#sidebar {
    width:157px;
    margin-top:10px;
    float:right;
}

* html #sidebar div {
    height:1px;
}

#sidebar div {
    margin:0 0 10px;
    background:#000;
}

#sidebar div li {
   display:block;
    list-style:none;
    font-weight:bold;
}

#sidebar div li a {
    display:block;
    color:#003;
    text-decoration:none;
    padding:5px 10px 5px;
}

#sidebar div li a span {
    color:#999;
    font-weight:normal;
    font-size:10px;
    display:block;
}

#sidebar #news li a:hover {
    background:url(images/sm2_mo.jpg) repeat-x left bottom;
}

#sidebar #case li a:hover {
    background:url(images/sm1_mo.jpg) repeat-x left bottom;
}

#sidebar #news {
    background: #c8c8ff url(images/sm2.jpg) no-repeat left bottom;
}

#sidebar #case {
    background: #fbdcb6 url(images/sm1.jpg) no-repeat left bottom;
}

#sidebar #news h3 {
    background: url(images/news.jpg) no-repeat left top;
}

#sidebar #case h3 {
    background: url(images/case.jpg) no-repeat left top;
}

#sidebar div h3 {
    height:27px;
    text-indent:-9999px;
    overflow:hidden;
}

#sidebar #questions {
    background: url(images/questions.jpg) no-repeat left top;
    height:75px;
}

#sidebar #questions a {
    display:block;
    height:100%;
    width:100%;
    text-indent:-9999px;
    overflow:hidden;
}

#footer {
    background:#036;
    font-size:10px;
    width:572px;
    padding:10px;
    color:#fff;
}

#footer address {
    white-space:pre;
    font-style:normal;
}

#footer p {
    text-align:right;
}


#sidebar #od { background: none; } 
#sidebar #od a { color: #fff; text-decoration: none; }
#sidebar #od a:hover { color: #eee }