@charset "UTF-8";
/* CSS Document */

body 
{
margin: 0 auto;
padding: 0;
background:#333333 url(images/background.gif) no-repeat top;
background-attachment: fixed;
}

/* Common Items */

h1, h2, h3, p, a
{
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
}

.clr
{
clear: both;
}

/* Structural */

#container 
{
margin: 0 auto;
padding: 0;
width: 800px;
}

#content
{
margin: 0 auto;
padding: 0;
width: 800px;
background: #FFFFFF url(images/bg_slice.jpg) no-repeat;
}

#header a
{
margin: 0 auto;
padding: 0;
width: 780px;
height: 100px;
background-image: url(images/header.gif);
display: block;
}


/* Nav Items */

#nav
{
margin: 0px;
padding: 0px;
width: 224px;
}

#nav ul
{
margin: 0px 0px 10px 20px;
padding: 0;
}

#nav li
{
margin: 0;
padding: 0;
list-style: none;
}

.nav_divider
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 222px;
height: 1px;
background: url(images/horiz_dash_pat.gif) repeat-x; 

}

.web a
{
margin:  0px 0px 0px 0px;
padding: 0px;
width: 224px;
height: 42px;
display: block;
background-image: url(images/web_nav_off.gif);
text-indent: -9999em;
overflow: hidden;
}

.web a:hover
{
background-image: url(images/web_nav_on.gif); 
}

.web2 a
{
margin:  0px 0px 0px 0px;
padding: 0px;
width: 224px;
height: 42px;
display: block;
background-image: url(images/web_nav_off2.gif);
text-indent: -9999em;
overflow: hidden;
}

.web2 a:hover
{
background-image: url(images/web_nav_on.gif); 
}

.print a
{
margin: 0px;
padding: 0px;
width: 224px;
height: 52px;
display: block;
background-image: url(images/print_nav_off.gif);
text-indent: -9999em;
overflow: hidden; 
}

.print a:hover
{
background-image: url(images/print_nav_on.gif);  
}

.print2 a
{
margin: 0px;
padding: 0px;
width: 224px;
height: 52px;
display: block;
background-image: url(images/print_nav_off2.gif);
text-indent: -9999em;
overflow: hidden; 
}

.print2 a:hover
{
background-image: url(images/print_nav_on.gif);  
}


.illustration a
{
margin: 0px;
padding: 0px;
width: 224px;
height: 52px;
display: block;
background-image: url(images/illustration_nav_off.gif);
text-indent: -9999em;
overflow: hidden; 
}

.illustration a:hover
{
background-image: url(images/illustration_nav_on.gif);  
}

.illustration2 a
{
margin: 0px;
padding: 0px;
width: 224px;
height: 52px;
display: block;
background-image: url(images/illustration_nav_off2.gif);
text-indent: -9999em;
overflow: hidden; 
}

.illustration2 a:hover
{
background-image: url(images/illustration_nav_on.gif);  
}

.contact a
{
margin: 0px;
padding: 0px;
width: 224px;
height: 52px;
display: block;
background-image: url(images/contact_nav_off.gif);
text-indent: -9999em;
overflow: hidden; 
}

.contact a:hover
{
background-image: url(images/contact_nav_on.gif);  
}


/* Main Content */

#main
{
margin: 20px auto 0 auto;
padding: 0;
width: 800px;
background: url(images/main_left_col_bg.gif) repeat-y;
}

#leftcol
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float: left;
width:260px;
}

#tape
{
margin: 0px 0px 0px 20px;
padding: 0px 0px 0px 0px;
width:223px;
height: 168px;
}

.news
{
margin: 10px 0px 0px 20px;
padding: 0px 0px 0px 0px;
float: left;
width:223px;
}

.news_date
{
margin: 10px 0px 5px 0px;
padding: 0px 0px 0px 0px;
font-size: .8em;
font-weight:lighter;
}

.news_main
{
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: .8em;
font-weight:lighter;
}

.news_main ul
{
margin: 0px;
padding: 0px;
width: 223px;
display: block;
}

.news_main li
{
list-style:none;
margin: 0px;
padding: 0px;
width: 223px
}

.more_btn a
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 33px;
height: 11px;
display: inline-block;
background-image: url(images/more_btn_off2.gif);
text-indent: -9999em;
overflow: hidden;
}

.more_btn a:hover
{
background-image: url(images/more_btn_on2.gif); 
}



.horiz_divider
{
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 222px;
height: 1px;
background: url(images/horiz_dash_pat.gif) repeat-x; 

}

#rightcol
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float: right;
width:540px;
}

#rightcol .date
{
margin: 0px 0px 0px 20px;
padding: 0px 0px 0px 0px;
font-size: .8em;
font-weight:lighter;
}

#rightcol .project_title
{
margin: 10px 0px 10px 18px;
padding: 0px 0px 0px 0px;
width: 514px;
}

#rightcol .divider
{
margin: 10px 0px 10px 18px;
padding: 0px 0px 0px 0px;
width: 505px;
height: 15px;
background: url(images/blk_diag_bg_pattern.gif) repeat;
}

#rightcol .project
{
margin: 10px 0px 0px 18px;
padding: 0px 0px 0px 0px;
width: 505px;
}

#rightcol .blk_divider
{
margin: 0px 0px 20px 18px;
padding: 0px 0px 0px 0px;
width: 505px;
height:3px;
background: #333333;
}

#rightcol .blk_divider2
{
margin: 20px 0px 20px 18px;
padding: 0px 0px 0px 0px;
width: 505px;
height:3px;
background: #333333;
}

.project a
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 505px;
height: 343px;
color:#FFFFFF;
}