/*
  LODESTONE
  Developed by Jonathan Snook
  http://snook.ca/
  September 4, 2006
*/

/* ELEMENT CSS */
body {font:12px/140% Arial, Helvetica, sans-serif;margin:0;padding:0;color:#FFF;background-color:#282828;}
h1, h2, h3, h4, h5, h6 {font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;}
h1 {font-size:24px;margin:0;padding:10px;}
h2 {font-size:18px;margin:0 0 .5em;}
h3 {font-size:16px;}
form {margin:0;padding:0;}

p {margin:0 0 1em;}

a:link {color:#BF980F;}
a:visited {color:#9A7A0C;}
a:hover {color:#6F602C;}
a:active {color:#900;}

input.text {width:95%;}

/* GENERIC CLASSES */
.deem {font-size:90%;} /* de-emphasize */
.podcast {float:left;margin-right:5px;}

/* SECTION CSS */
#container {width:990px;margin:0 auto;}
#logo {float:left;width:190px;text-indent:-9999px;margin:0;padding:0;}
    #logo a {display:block;height:172px;overflow:hidden;text-decoration:none;background:#333 url(../img/logo.png) no-repeat 0 0;}

#main {float:right;width:800px;}

#nav {height:139px;position:relative;}
    #nav ul {position:absolute;bottom:0;left:0;margin:0;padding:0;list-style:none;background:url(../img/topnav.png) no-repeat 0 0;height:29px;width:800px;}
    #nav li {display:block;float:left;text-indent:-9999px;}
    #nav li a {display:block;text-decoration:none;margin-right:1px;}

    /* rollover and active states for top navigation */
    #nav a.home {width:63px;height:29px;}
    #nav a:hover.home, body.home #nav a.home {background:url(../img/topnav.png) no-repeat 0 -29px;}
    #nav a.training {width:74px;height:29px;}
    #nav a:hover.training, body.training #nav a.training {background:url(../img/topnav.png) no-repeat -64px -29px;}
    #nav a.consulting {width:94px;height:29px;}
    #nav a:hover.consulting, body.consulting #nav a.consulting {background:url(../img/topnav.png) no-repeat -139px -29px;}
    #nav a.production {width:93px;height:29px;}
    #nav a:hover.production, body.production #nav a.production {background:url(../img/topnav.png) no-repeat -234px -29px;}
    #nav a.resources {width:87px;height:29px;}
    #nav a:hover.resources, body.resources #nav a.resources {background:url(../img/topnav.png) no-repeat -328px -29px;}
    #nav a.company {width:86px;height:29px;}
    #nav a:hover.company, body.company #nav a.company {background:url(../img/topnav.png) no-repeat -416px -29px;}
    #nav a.contactus {width:97px;height:29px;}
    #nav a:hover.contactus, body.contactus #nav a.contactus {background:url(../img/topnav.png) no-repeat -503px -29px;}

    /* header images */
    #nav {background:url(../img/h01.jpg) no-repeat 0 0;}
    body.home #nav {background:url(../img/h01.jpg) no-repeat 0 0;}
    body.company #nav {background:url(../img/h02.jpg) no-repeat 0 0;}

#secnav {padding:10px 10px 0;}
    #secnav a {color:#333;}
    #secnav a:hover {color:#9E7F18;}
    #secnav a.sel {color:#9E7F18;text-decoration:none;background:url(../img/bg_secnav.gif)no-repeat 50% 100%;padding-bottom:3px;}
    #secnav a.cart {float:right;padding-right:18px;background:url(../img/cart.gif) no-repeat 100% 100%;margin-top:-1.5em;}

#content {color:#333;background:#FFF;overflow:hidden;zoom:1;padding-bottom:10px;} /* zoom:1 = IE hack */

    #content a.feed {padding-left:20px; background:url(../img/rss.gif) no-repeat 0 0;}
    #content ul {margin:0 0 1em;padding:0;list-style:none;}
    #content li {padding-left:10px;background:url(../img/bullet.gif) no-repeat 2px .5em;}
    blockquote {text-align:center;color:#BE9D2A;font-size:16px;padding:0;margin:0;}
    cite {display:block;text-align:right;font-size:12px;}

    /* section configurations */
    .column {float:left;padding:0 10px;background:#FFF url(../img/bg_content.gif) repeat-y 100% 0;}
    .col1 {width:180px;}
    .col2 {width:380px;}
    .col3 {width:580px;}
    .col4 {width:780px;}

    .column.last {background:none;}

    .column .column {padding-left:0;margin-right:10px;}
    .column .column.last {margin:0;padding:0;}

    .sectionend {margin:0;padding:0;height:15px;background:url(../img/divider.gif) repeat-x 50% 0;clear:both;}

#sidebar {float:left;width:190px;background-color:#333;padding-bottom:10px;}

    #sidebar a:link, #sidebar a:visited {text-decoration:none;color:#FF9;white-space:nowrap;}
    #sidebar a:hover {color:#FFF;}
    #sidebar .phone {text-indent:-9999px;height:74px;background:#333 url(../img/phone.png) no-repeat 0 0;}

    #sidebar .section {margin:0 30px 10px; padding:0;background:url(../img/divider.gif) repeat-x 0 0;}
    #sidebar h2 {text-indent:-9999px;margin:0;padding:10px 0 5px;}
    #sidebar h2.adobe {height:16px;background:url(../img/training_adobe.png) no-repeat 0 10px;}
    #sidebar h2.apple {height:18px;background:url(../img/training_apple.png) no-repeat 0 10px;}
    #sidebar h2.lodestone {height:29px;background:url(../img/training_lodestone.png) no-repeat 0 10px;}

    #sidebar ul {margin:0;padding:0;list-style:none;}

#footer {float:right;width:800px;color:#FFC;background:url(../img/bg_footer.png) repeat-x 0 0;padding-top:20px;}
    #footer a:link, #footer a:visited {color:#FFC;white-space:nowrap;}
    #footer a:hover {color:#FFF;}
    #footer h3 {margin:0;padding:5px 10px 3px;}
    #footer p {padding:0 10px;}
    p#notices {color:#999980;padding-top:10px;font-size:11px;background:url(../img/divider.gif) repeat-x 0 0;}
    p#notices a:link {color:#999980;}