html { height: 100%; margin-bottom: 1px; }

body {
	background: #fff;
	color: #333; 
	margin:0;
	padding: 0;
	text-align:center;
	font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;	
	font-size: small;
	/* the next two lines aren't seen by IE 5.0 and 5.5 win */
 	font-size/* */:/**/medium; 
  	font-size: /**/medium;
  	line-height:1.1em;}


div#container {
	width:700px; 
	background:#fff;
	text-align:left;
	margin: 20px auto;
	}
	
p.note {display: none;}	

/* header section */

#header    { 
	position: relative;
    height: 100px;
    background: black; 
    }

#logo {
    position: absolute; 
    top: 10px; left: 5px;
    display: block;
    height:80px; width:303px;
    background: black url(i/logo_black.gif) no-repeat top left;
    }
    
a#logo:hover {background: black url(i/logo_hover.gif) no-repeat top left;}    

#logoimg {display: none;}   

/* middle  section */
#middle {font-size:80%; margin: 20px 0; position: relative; border: 1px solid white;}
#sub {position: absolute; top: 0; left: 0; width:311px;}

#primary {margin: 0 0 0 321px; text-align:justify; background: white;}
#middle p {text-align:justify;}


body.alt #primary {height:400px;}

div#primary.short {height: 429px;}

#primary h1 {margin: 0 0 15px; font-size:180%; color: black;}
#primary h2, #primary h3 {
	font-size:120%;
	color: black;
	margin: 0 0 5px;
	}	

p {
	margin: 0 0 1em;
	}  

/* middle table section */
table#middle {margin: 20px 0;}

td#leftcol, td#rightcol {font-size:80%;}

td#rightcol {padding-left:20px; text-align:justify;}

td#rightcol h1 {margin: 0 0 15px; color: black;}
	
td#rightcol h2, td#rightcol h3 {
	font-size:120%;
	color: black;
	margin: 0 0 5px;
	}	

td#rightcol p {
	margin: 0 0 1em;
	}
	
div#sites {margin: 0 0 10px;}	



/* footer section */

#footer {
	font-size:80%;
	padding: 2px;
	background: #ececec; color: #666; 
    background: #000; color: #ccc; 
	}
	
#footer a:visited  {color: #ef2a21; text-decoration: none; }	
	
/* subnav  */	
p#subnav {text-align:right;}	
	
/* nav  */
#nav {
	position: absolute;
	top: 10px;
	left:425px;
	padding: 0;
	margin: 0;
	}

#nav ul, #nav li {display: block; 
    margin:0px; padding:0px; }

#nav li   {
	float: left;
	margin: 0;
	padding: 0;
	height: 20px;
	text-indent: -9999px;
        }

#nav a {
    display: block; 
	float: left;
	padding: 0;
	margin: 0;
	height: 20px;
   } 

           
a.work { background: transparent url(n/work.gif) no-repeat top center;
	width:90px;}  

a.about { background: transparent url(n/about.gif) no-repeat top center;
	width:85px;} 
	
a.contact { background: transparent url(n/contact.gif) no-repeat top center;
	width:90px;} 	

li.work { background: transparent url(n/work.gif) no-repeat bottom center;
	width:90px;}  

li.about { background: transparent url(n/about.gif) no-repeat bottom center;
	width:85px;} 
	
li.contact { background: transparent url(n/contact.gif) no-repeat bottom center;
	width:90px;} 
  

#nav a:hover, #nav a.active {background-image: none; text-decoration: none;}

/* linkage  rgb(x,x,x) */	
a:link {color: #ef2a21; text-decoration: none; }
a:visited  {color: #802019; text-decoration: none; }
a:hover   {text-decoration: underline; }