/* ---------------------------------------------------- */
/* Reset CSS
/* ---------------------------------------------------- */

html
{
	border-left:none;
	border-right:none;
	cursor:default;
}

body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, dl, dt, dd, pre, img, form, fieldset
{
	padding:0;
	margin:0;
	border:none;
}

h1, h2, h3, h4, h5, h6
{
	font-weight:normal;
}

ol, ul
{
	list-style:none;
}

img, object
{
	display:block;
}

table
{
	border-collapse:collapse;
}

th
{
	padding:0;
	font-weight:normal;
	text-align:left;
}

td
{
	padding:0;
	vertical-align:top;
}

hr
{
	display:none;
}

*:focus
{
	outline:none;
}

body { 
  background-image: url(images/bg3.gif); 
  background-repeat: repeat;
  font-family:      verdana, sans-serif;
  font-size:        12px;
  color:#5a5a5a;
}

/* ---------------------------------------------------- */
/* CONTAINER
/* ---------------------------------------------------- */

div#container {
        background-color: #f1efe8;
        padding: 20px 0px 440px 0px;
	margin: auto;
	width: 1000px;        
       
}

div#container2 {
        background-color: #f1efe8;
        padding: 20px 0px 45px 0px;
	margin: auto;
	width: 1000px;        
       
}

/* ---------------------------------------------------- */
/* LOGO
/* ---------------------------------------------------- */


#header {
  margin-top: 5px; 
  padding: 0px 0px 0px 40px; 
}

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

#nav {
      text-align: left  ;
      background: url(images/nav.png);
      height: 40px;
      width: 1000px;
      margin: 20px 0px 30px 0px;
      
}
 
#nav span {
     display: none;
}       

#nav li {
    list-style-type: none;
    float: left;
}
 
#nav a {
    height: 34px;
    display: block;
}
 
#list1 { width: 110px; }
#list2 { width: 126px; }
#list3 { width: 161px; }
#list4 { width: 110px; }
#list5 { width: 77px; }
#list6 { width: 99px; }

#list1 a:hover {
      
background: url(images/nav.png) 0px -40px no-repeat;

}


#list2 a:hover {
      
background: url(images/nav.png) -110px -40px no-repeat;

}


#list3 a:hover {
      
background: url(images/nav.png) -236px -40px no-repeat;

}


#list4 a:hover {
      
background: url(images/nav.png) -397px -40px no-repeat;

}


#list5 a:hover {
      
background: url(images/nav.png) -507px -40px no-repeat;

}


#list6 a:hover {
      
background: url(images/nav.png) -584px -40px no-repeat;

}



/* ---------------------------------------------------- */
/* LINE
/* ---------------------------------------------------- */


div#bar  {
         text-align: center;
         margin: 4px 0px 30px 0px;
         }


/* ---------------------------------------------------- */
/* SLIDESHOW
/* ---------------------------------------------------- */



#slideshow {
/*
border-style:solid;
border-width:1px;
border-color:#d0d0d0;
*/
float:right ; 
margin: 0px 40px 30px 40px;
width: 920px;
height: 341px;
}

#slideshow ul {
margin: 0;
padding: 0;

list-style-type: none;
height: 1%; /* IE fix */}

#slideshow ul:after {
content: ".";
clear: both;
display: block;
height: 0;
visibility: hidden;}            

/* ---------------------------------------------------- */
/* SLIDESHOW > SLIDES
/* ---------------------------------------------------- */
#slideshow .slides {
overflow: hidden;
}

#slideshow .slides ul {
z-index:107;
width: 920px;
height: 341px;
}

#slideshow .slides li {
width: 920px;
float: left;
padding: 0px;
}

#slideshow .slides h2 {

font-size: small;

margin-top: -30px ;
margin-left: 15px ;
}

/* ---------------------------------------------------- */
/* SLIDESHOW > NAVIGATION
/* ---------------------------------------------------- */

#recent {
margin: 0px 0px 0px 0px ;
position: absolute;
z-index:130 ;
}

#slideshow .slides-nav li {
float: left;       
position: relative; z-index:350; 
left: 774px;
top:-35px;
}

#slideshow .slides-nav li a {
display:block;
width: 23px ;
height: 23px ;
margin: 0px 5px 0px 0px ;
}

#one
{
  float: left;
  display: block;
  margin: 0px 0px 0px 15px;
  width: 23px;
  height: 23px;
  background: url("images/1n.png") no-repeat 0 0;
}

#one:hover
{ 
  background-position: 0px -23px;
}

#one:focus
{ 
  background-position: 0px -23px;
}

#one span
{
  display: none;
}

#two
{
  float: left;
  display: block;
  margin: 0px 0px 0px 15px;
  width: 23px;
  height: 23px;
  background: url("images/2n.png") no-repeat 0 0;
}

#two:hover
{ 
  background-position: 0px -23px;
}

#two:focus
{ 
  background-position: 0px -23px;
}

#two span
{
  display: none;
}

#three
{
  float: left;
  display: block;
  margin: 0px 0px 0px 15px;
  width: 23px;
  height: 23px;
  background: url("images/3n.png") no-repeat 0 0;
}

#three:hover
{ 
  background-position: 0px -23px;
}

#three:focus
{ 
  background-position: 0px -23px;
}

#three span
{
  display: none;
}

#four
{
  float: left;
  display: block;
  margin: 0px 0px 0px 15px;
  width: 23px;
  height: 23px;
  background: url("images/4n.png") no-repeat 0 0;
}

#four:hover
{ 
  background-position: 0px -23px;
}

#four:focus
{ 
  background-position: 0px -23px;
}

#four span
{
  display: none;
}

#five
{
  float: left;
  display: block;
  margin: 0px 0px 0px 15px;
  width: 23px;
  height: 23px;
  background: url("images/5n.png") no-repeat 0 0;
}

#five:hover
{ 
  background-position: 0px -23px;
}

#five:focus
{ 
  background-position: 0px -23px;
}

#five span
{
  display: none;
}

.js #slideshow .slides-nav li.on,
.js #slideshow .slides-nav li.on a {
}

.js #slideshow .slides-nav li.on a {
position: relative;
}



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

div#footer  { 
         float:left;
         margin: 45px 0px 0px 0px;
         width: 1000px;
         height: 100px;
         background-color: #83bcce;
          }



/* ---------------------------------------------------- */
/* YOU CAN FIND ME
/* ---------------------------------------------------- */

div#youcan  {
         position: absolute;
         width: 920px;
         z-index: 30;
         height: 20px;
         margin: 20px 0px 25px 40px;
                }

div#youcan2  {
         position: absolute; 
         width: 920px;
         z-index: 30;
         height: 20px;
         margin: 60px 0px 25px 40px;
                }

#findme  {
         float: left;
         }



#flickr
{
  float: left;
  display: block;
  margin: -2px 0px 0px 15px;
  width: 107px;
  height: 23px;
  background: url("images/flickr.gif") no-repeat 0 0;
}

#flickr:hover
{ 
  background-position: 0px -25px;
}

#flickr span
{
  display: none;
}

img.line  {
         width:920px;
         width: 920px;
         height: 3px;
         position: absolute;
         z-index: 310;
         padding: 425px 0px 0px 40px;
         
          }

/* ---------------------------------------------------- */
/* Friends and allies
/* ---------------------------------------------------- */

div#friendsand  {
         position: absolute;
         z-index: 340;
         width: 920px;
         height: 20px;
         margin: 475px 0px 25px 40px;
                }



#friends  {
         float: left;
         }


#netcraft
{
  float: left;
  display: block;
  margin: -20px 0px 0px 17px;
  width: 85px;
  height: 35px;
  background: url("images/netcraft.png") no-repeat 0 0;
}

#netcraft:hover
{ 
  background-position: 0px -42px;
}

#netcraft span
{
  display: none;
}

#private
{
  float: left;
  display: block;
  margin: -1px 0px 0px 15px;
  width: 107px;
  height: 23px;
  background: url("images/private.png") no-repeat 0 0;
}

#private:hover
{ 
  background-position: 0px -26px;
}

#private span
{
  display: none;
}


img.line2  {
         width:920px;
         width: 920px;
         height: 3px;
         position: absolute;
         z-index: 310;
         padding: 510px 0px 0px 40px;
         
          }

/* ---------------------------------------------------- */
/* sites i love
/* ---------------------------------------------------- */

div#sitesilove  {
         position: absolute;
         z-index: 340;
         width: 920px;
         height: 20px;
         margin: 535px 0px 25px 40px;
                }



#sitesi  {
         float: left;
         }


#netcraft
{
  float: left;
  display: block;
  margin: -20px 0px 0px 17px;
  width: 85px;
  height: 35px;
  background: url("images/netcraft.png") no-repeat 0 0;
}

#netcraft:hover
{ 
  background-position: 0px -42px;
}

#netcraft span
{
  display: none;
}

#private
{
  float: left;
  display: block;
  margin: -1px 0px 0px 15px;
  width: 107px;
  height: 23px;
  background: url("images/private.png") no-repeat 0 0;
}

#private:hover
{ 
  background-position: 0px -26px;
}

#private span
{
  display: none;
}


img.line2  {
         width:920px;
         height: 3px;
         position: absolute;
         z-index: 310;
         padding: 510px 0px 0px 40px;
         
          }

/* ---------------------------------------------------- */
/* LINEs
/* ---------------------------------------------------- */

div#line {
         margin: 30px 0px 25px 40px;
         width: 920px;
         }

/* ---------------------------------------------------- */
/* WORK UNIT
/* ---------------------------------------------------- */

img.image {
width: 600px;
margin: 0px 0px 0px 40px;
}

#credits {
float: right ;
width: 280px;
position: relative;
margin: 3px 40px 0px 0px;
line-height: 23px;
}

#credits table {
font-size: 13px;
margin: 0px 0px 30px 0px;
}
 
#credits th {
font-size: 13px;
padding: 0px 10px 0px 0px;
vertical-align: top ;
}

span.sptext {
font-size: 13px;
color: #934a14;
font-weight:bold;
}

#about {
float: left ;
width: 280px;
position: relative;
margin: 0px 0px 0px 0px;
line-height: 18px;
}

p.ab {
float: left;
position: relative;
margin: 0px 0px 2px 0px;
font-size: 13px;
color: #934a14;
font-weight:bold;
}

p.abp {
float: left;
width: 280px;
}

span.simplelink a{
color: #3199c6;
}

span.simplelink a:hover {
color: #3199c6;
text-decoration:none;
}

/* ---------------------------------------------------- */
/* ABOUT page
/* ---------------------------------------------------- */


#abouttext {
width: 440px;
margin: 30px 0px 40px 40px;
line-height: 18px;
}

#years {
width: 920;
margin: 5px 0px 0px 0px;
line-height: 20px;
}

#years th{
padding: 10px 20px 0px 0px;
vertical-align: top ;
}

#numbers {
font-weight:bold;
white-space:nowrap;
}

img.abouttitle {
margin: 25px 0px 0px 0px;
}

/* ---------------------------------------------------- */
/* CONTACT ME
/* ---------------------------------------------------- */

#contactme {
margin: 30px 0px 13px 40px;
}

#mail {
margin: 0px 0px 30px 40px;
}

#mail a{
display: block;
height: 15px;
}

#phone {
margin: 3px 0px 0px 0px;
line-height: 20px;
}


/* ---------------------------------------------------- */
/* vector
/* ---------------------------------------------------- */


#vector  {
         width: 920 px;
         margin: -8px 0px 20px 0px; 
         }

/* ---------------------------------------------------- */
/* GRAPHIC
/* ---------------------------------------------------- */


p.word   {
         width: 585px;
         margin: 0px 0px 0px 40px;
         padding: 10px 0px 20px 15px;
         background-color: white;
         }

p.word2  {
         width: 585px;
         padding: 10px 0px 20px 15px;
         }