/***********************************************************************

IMPORTS

save older browsers from importing style info they cannot display etc

***********************************************************************/

/*@import url("layout.css?v2");*/
/*@import url("site.css?v2");*/

/***********************************************************************

TYPOGRAPHY

first set some basic typography for older browsers

***********************************************************************/

body {
font-family: Futura, Helvetica, sans-serif;
font-size: 80%;
}

a {
text-decoration: none;
color: #666;
}

a:hover {
color: #CCC;
}

a:visited {
color: #999;
}

/***********************************************************************

LAYOUT

common page elements and structure

***********************************************************************/

body { padding: 0; margin: 0; 
background: transparent url(img/slice.jpg) center top repeat-y; }

div { margin: 0; padding: 0; }

div.clear { height: 1px; overflow: hidden; clear: both; }

div#wrapper { width: 800px; margin: 0 auto 0 auto; }

div#m1 { overflow: hidden; width: 63px; height: 600px; float: left;
background: transparent url(img/backdrop_div1.jpg) top left no-repeat; }

div#m2 { padding: 20px 0 0 0; overflow: hidden; width: 186px; float: left;
background: transparent url(img/backdrop_div2.jpg) top left no-repeat; }

div#m2 h1 { padding: 0; margin: 0; text-indent: -1000em; height: 140px; 
display: block;
background: transparent url(img/ourlogo.gif) top left no-repeat; }

div#m3 { 
overflow: hidden; padding: 100px 0 0 0; width: 521px; float: left;
background: transparent url(img/backdrop_div3.jpg) top left no-repeat; }

div#footer { margin: 0; padding: 0; overflow: hidden; clear: both; }

div#footer p#copyright_notice { text-align: center; font-size: 80%; color: #666; }

/* MAIN NAV SECTION */

ul#nav { list-style: none; margin: 0; font-weight: normal; 
font-size: 12px; padding: 9px 0 0 0;}

ul#nav a, ul#sub_nav a { color: #000; }

ul#nav a:hover, ul#sub_nav a:hover { color: #666; }

ul#sub_menu { margin: 0; font-weight: normal; font-size: 12px;
padding: 50px 0 0 0; }

/* DIV#M1 IMAGE SELECTION */
body#b_contact div#m1 { background: transparent url(img/contact-me.gif) top left no-repeat; }
body#b_news div#m1 { background: transparent url(img/news-me.gif) top left no-repeat; }

body#b_fotoes div#m1 { background: transparent url(img/photo-me.gif) top left no-repeat; }
body#b_threedee div#m1 { background: transparent url(img/3d-me.gif) top left no-repeat; }
body#b_toodee div#m1 { background: transparent url(img/draw-me.gif) top left no-repeat; }


/***********************************************************************

COMMON M3 ARTICLES @ 495px wide

***********************************************************************/

div#m3 div.article { width: 495px; margin-bottom: 30px; 
padding: 10px 0 10px 0; border-bottom: 1px #000 solid;
}

div#m3 div.article h2 {
font-family: Futura, sans-serif;
font-weight: normal;
text-transform: uppercase;
}

div#m3 div.article p { font-size: 11px; }

div#m3 div.caption { font-style: italic; font-size: 10px; padding: 10px 0 10px 0; text-indent: 0.5em; }


/* EXTEND M3 TO KEEP SCROLL BARS ON PAGES WITH MINIMAL CONTENT HEIGHT */

body#b_links div#m3, body#b_contact div#m3, body#b_about div#m3/*, body#b_news div#m3*/ { 
height: 1000px; 
}