/********************************
*                               *
*   Vicarious Web Development   *
*   Jacob Sowles                *
*   5.26.06                     *
*                               *
********************************/

/*-------------------- GLOBAL --------------------*/

body
{
background: #626262;
font-family: arial, verdana, sans-serif;
font-size: 10pt;
color: #1a1a1a;
margin: 0;
padding: 0;
}

div#main
{
text-align: left;
margin: auto;
width: 776px;
}

p
{
margin: 0;
padding: 4px;
}

a
{
font-weight: bold;
text-decoration: none;
color: #e6e6e8;
margin: 0;
padding: 0;
}

a:hover
{
text-decoration: underline;
}

img
{
border: 0;
margin: 0;
padding: 0;
float: left;
}

/*-------------------- BANNER --------------------*/

div#banner
{
width: 776px;
height: 150px;
background: url("ban/banner_final.jpg");
margin: 0;
padding: 0;
float: left;
}

/*-------------------- DIVIDER -------------------*/

div#divider
{
width: 750px;
height: 25px;
background: url("misc/divider.jpg");
margin: 0;
padding: 0;
float: left;
}

div.shadow
{
width: 13px;
height: 25px;
margin: 0;
padding: 0;
}

div#shadowL
{
background: url("misc/shadL.jpg");
float: left;
}

div#shadowR
{
background: url("misc/shadR.jpg");
float: right;
}

a.divider
{
font-size: 8pt;
float: right;
padding-left: 6px;
margin-top: 1px;
}

a.dividerL
{
font-size: 8pt;
float: right;
border-right: 1px solid #bababa;
padding-right: 6px;
margin-top: 1px;
}

div.divider a:hover
{
text-decoration: underline;
}

#div_linkR
{
margin-right: 2px;
}

/*-------------------- NAVIGATION ----------------*/

div.menu
{
width: 120px;
margin: 0 auto;
text-align: center;
}

div.menu ul
{
list-style-type: none;
line-height: normal;
display: block;
margin: 0 0 32px 0;
padding: 0;
}

div.menu ul li
{
border-top: 1px solid #7d7d7d;
border-bottom: 1px solid #1a1a1a;
list-style-type: none;
line-height: normal;
display: block;
margin: 0;
}

div.menu ul li a, .menu ul li a:link, .menu ul li a:visited, .menu ul li a:active
{
color: #bababa;
display: block;
text-decoration: none;
font-size: 10pt;
padding: 4px;
}

div.menu ul li a:focus
{
color: #1a1a1a;
}

div.menu ul li a:hover
{
color: #1a1a1a;
text-decoration: none;
}

#top_nav
{
border-top: 0;
}

#void
{
border-bottom: 0;
}

#active
{
color: #1a1a1a;
}

/*-------------------- CONTENT -------------------*/

div#content
{
width: 776px;
min-height: 388px;
background: url("cont/bg.jpg");
margin: 0;
padding: 0;
float: left;
}

/*-------------------- COLL ----------------------*/

div#colL
{
width: 164px;
height: 300px;
margin: 0 0 0 44px;
padding: 30px 0 0 0;
float: left;
}

/*-------------------- COLR ----------------------*/

div#colR
{
width: 518px;
margin: 0;
padding: 0;
float: left;
}

div.client
{
margin: 16px 0 0 0;
float: left;
}

#bottom_client
{
margin-bottom: 16px;
}

div.box_head
{
width: 496px;
height: 44px;
background: url("cont/box_head.jpg");
margin: 0 30px 0 30px;
padding: 0;
float: left;
}

div.box
{
width: 496px;
background: url("cont/box.jpg");
margin: 0 30px 0 30px;
padding: 0;
float: left;
}

div.box_foot
{
width: 496px;
height: 4px;
background: url("cont/box_foot.jpg") no-repeat;
margin: 0 30px 30px 30px;
padding: 0;
float: left;
}

p.box_head
{
color: #e6e6e8;
font-size: 11pt;
font-weight: bold;
margin: 13px 0 0 16px;
}

p.box
{
color: #bababa;
font-size: 10pt;
padding: 12px 16px 16px 20px;
}

p.port_box
{
color: #bababa;
font-size: 10pt;
padding: 0 0 0 20px;
}

p.headered_box
{
color: #bababa;
font-size: 10pt;
padding: 0 16px 16px 20px;
}

p.sub_header
{
color: #fff;
margin: 0 0 0 16px; 
}

p.indent_headered_box
{
color: #bababa;
font-size: 10pt;
margin: 0 16px 16px 50px;
}

p.indent_sub_header
{
color: #fff;
margin: 0 0 0 50px; 
}

p.date
{
font-size: 8pt;
color: #bababa;
margin: 0;
padding: 0 16px 16px 20px;
}

p.quote
{
color: #bababa;
font-size: 9pt;
padding: 12px 16px 16px 20px;
}

#top_box
{
margin-top: 30px;
}

#contact			/* contact table */
{
color: #bababa;
margin: 0 16px 16px 16px;
padding: 0;
border: 0;
}

table.new
{
color: #bababa;
margin: 16px 16px 16px 28px;
padding: 0;
border: 0;
}

td.new
{
width: 120px;
}

td.bold
{
color: #e6e6e8;
}

img.thumb
{
margin: 0 16px 0 20px;
padding: 0;
float: left;
border: 2px solid #061a33;
}

/*-------------------- FOOTER --------------------*/

div#footer
{
width: 750px;
background: #011b34;
border-bottom: 1px solid #1a1a1a;
border-top: 1px solid #919da9;
margin: 0;
padding: 0;
float: left;
}

div.fshadow
{
width: 13px;
height: 42px;
margin: 0;
padding: 0;
}

div#fshadowL
{
background: url("misc/shadL.jpg");
float: left;
}

div#fshadowR
{
background: url("misc/shadR.jpg");
float: right;
}

p.footer
{
font-size: 8pt;
color: #bababa;
text-align: center;
margin: 0;
padding: 4px;
}

p.footerB
{
font-size: 8pt;
color: #bababa;
text-align: center;
margin: 0;
padding: 0 4px 4px 4px;
}

a.foot
{
padding: 0 12px 0 12px;
border-left: 1px solid #bababa;
}

a.footL
{
padding: 0 12px 0 12px;
}

div#footer a:hover
{
text-decoration: underline;
}