body
{
  margin: 0px;
  padding: 0px;
  font-family: arial, helvetica, sans-serif;
  font-size: 76%;         /* as always, for ems sizing */
  text-align: center;     /* for IE6, central alignment of contained divs */
  color: black;
  background-color: white;
}

img
{
  border: none;
  float: left;
}

a
{
  text-decoration: none;
  color: #0066cc;             /* blue */
}

a:link, a:visited 
{
  color: #0066cc;      /* dark orange */
}

a:hover, a:active
{
  color: #c55d24;      /* dark orange */
}

/*
 * This is a letterbox design
 */
.container
{
  width: 769px;
  height: 40em;  /* 470px */
  background: url("../graphics/Kixis_header.jpg") transparent no-repeat 0 0;
  margin: 5% auto 0 auto;
  text-align: left;
}


/*
 * Main menu
 */

.mainmenu
{
/*border: 1px solid black;*/
  position: relative;
  top: 66px;
  right: 2px;
  /*width: 29em;*/
}

.mainmenu p
{
  padding: 0;
  margin: 0;
  text-align: right;
  color: #c55d24;          /* orange */
  font-weight: 600;
  word-spacing: 0.5em;
}

.mainmenu a
{
  word-spacing: -0.1em;
}
  
#menuitem
{
  word-spacing: -0.1em;
}
  
/*
 * Sub menu
 */
.submenu
{
/*border: 1px solid black;*/
  float: left;
  padding-right: 15px;
  padding-top: 274px;
  width: 125px;
  text-align: right;
}

#subhead
{
  color: #818181;
  font-size: 1.5em;
  padding-bottom: 10px;
}

.submenu p
{
  margin: 0;
  color: #0066cc;          /* blue */
  color: #c55d24;             /* orange */
}

.submenu a,
.submenu a:link,
.submenu a:visited
{
  color: #0066cc;          /* blue */
}

.submenu a:hover, .submenu a:active
{
  color: #c55d24;             /* orange */
}  

.submenuempty
{
/*border: 1px solid black;*/
  float: left;
  padding-top: 110px;
  width: 140px;
}

.submenuempty img
{
}

/*
 * Footer
 */
.footer
{
  height: 26px;
  width: 769px;
  margin: 0 auto 0 auto;
  border: 1px solid blue;
  line-height: 2.2em;
  color: #0066cc;          /* blue */
  text-align: left;
}

.footer p
{
  margin: 0;
  padding: 0;
    }

#footeremail
{
/*border: 1px solid black;*/
  float: left;
  width: 430px;
  padding-left: 10px;
  font-size: 1.2em;
}

#footerbookmark
{
/*border: 1px solid black;*/
  float: left;
  width: 85px;
}

#footerlogo
{
/*border: 1px solid black;*/
  float: left;
  width: 30px;
}

#footerpdftext
{
/*border: 1px solid black;*/
  float: left;
  width: 180px;
}

#footerpdflogo
{
/*border: 1px solid black;*/
  float: left;
  width: 30px;
}


/*
 * CONTENT
 * *******
 *
 * Where all the main content will go
 * varying according to page type
 */
.contenthome, .contentservices, .contentclient, .contentcontact
{
/*border: 1px solid black;*/
  float: left;
  width: 625px;
  text-align: left;
  padding-top: 100px;
  height: 26em;
}

  
/*
 * Home page
 */
.contenthome
{
  width: 100%;
/*  background: transparent url("../graphics/temp.jpg")  no-repeat 0 100%;*/
}

.contenthome h1
{
  font-family: arial, helvetica, sans-serif;
  margin: 0;
  padding: 30px 0 0 20px;
  color: #888;           /* gray */
  font-size: 1.4em;
  font-weight: normal;
  line-height: 1.4em;
  letter-spacing: 1px;
}

.contenthome h1#strapline
{
  color: #0066cc;          /* blue */
  padding: 30px 0 0 20px;
  font-size: 1.5em;
  margin: 0;
}

.contenthome a
{
  color: #0066cc;
}

.contenthome img
{
  float: right;
  padding: 69px 24px 0px 0;
  margin: 0;
}


#splash
{
/*border: 1px solid black;*/
  padding: 0px;
  margin: 0px;
  float: left;
  width: 402px;
}

#deskspace
{
  width: 300px;
  padding-left: 50px;
  text-align: center;
}

/*
 * Services page
 * no background image
 */
.contentservices p
{
  font-size: 1.1em;
  letter-spacing: 1px;
  color: #666666;            /* slategray */
  margin: 0;
  padding: 10px 0 10px 60px;
}

img.nextpage
{
  float: right;
  padding: 0px 20px 0px 20px;
}

.contentservices h1
{
  margin: 0;
  padding: 30px 0 0 60px;
  font-size: 1.4em;
  color: #0066cc;
  font-weight: bold;
  text-align: left;
}

.contentservices h1#subline
{
  padding-left: 160px;
  padding-bottom: 5px;
  padding-top: 10px;
}

.contentservices strong
{
  color: #666666;
}

p.serviceentry
{
  padding: 0 0 0 60px;
}

span#jobtype
{
  width: 180px;
  float: left;
  font-size: 0.8em;
  font-weight: bold;
}

.contentservices a,
.contentservices a:link
{
  color: #0066cc;             /* blue */
  font-weight: 600;
}

.contentservices a:active,
.contentservices a:hover
{
  color: #c55d24;      /* dark orange */
  text-decoration: underline;
}




/*
 * Client pages
 *
 * name h1
 * caption p
 * pagecounter p
 * subheading p orange (currently)
 * normal p
 * subheading p orange (currently)
 * normal p
 *
 * images tbd - likely to be different per page?
 */  

.contentclient
{
/*border: 1px solid black;*/
  height: 345px;
  width: 625px;
}

.contentclient p
{
/*  width: 225px;*/
  margin: 0;
  padding: 0 0 0 293px;
}

.contentclient h1
{
  font-family: "Arial Narrow", arial, helvetica, sans-serif;*/
  width: 225px;
  margin: 0;
  padding: 0 0 0 293px;
  font-size: 1.8em;
  font-weight: 600;
  color: #818181;
  line-height: 2em;
}

.contentclient p#caption
{
  color: #666;
  font-size: 1.1em;
  font-weight: 600;
  display: block;
}

.contentclient p#pagecounter 
{
  padding-top: 15px;
  color: lightslategray;
  font-size: 1em;
}

/* next and previous pag links */
.contentclient a,
.contentclient a:link
{
  color: #c55d24;             /* orange */
  font-weight: 600;
  font-size: 1.1em;
}

.contentclient p#subheading
{
  padding-top: 15px;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 0.9em;
  color: #c55d24;      /* dark orange */
  font-weight: 0;
}
 
.contentclient p#maintext
{
  color: #666666;            /* slategray */
  font-size: 1.0em;
  letter-spacing: 1px;
}
  
.contentclient a#website
{
  font-size: 1em;
  color: #0066cc;            /* blue */
}

.contentclient a:hover#website,
.contentclient a:active#website
{
  color: #c55d24;      /* dark orange */
}


/*
 * individual client page graphics
 */

#clientag1
{
  background: url("../graphics/ag1.gif") transparent no-repeat 0 100%;
}
 
#clientcf1
{
  background: url("../graphics/cf1.jpg") transparent no-repeat 0 100%;
}
 
#clientcf2
{
  background: url("../graphics/cf2.gif") transparent no-repeat 0 100%;
}
 
#clientcf3
{
  background: url("../graphics/cf3.gif") transparent no-repeat 0 100%;
}

#clientdk1
{
  background: url("../graphics/dk1.gif") transparent no-repeat 0 100%;
}
 
#clientdl1
{
  background: url("../graphics/dl1.jpg") transparent no-repeat 0 100%;
}
 
#clientdl2
{
  background: url("../graphics/dl2.gif") transparent no-repeat 0 100%;
}
 
#clientdt1
{
  background: url("../graphics/dt1.jpg") transparent no-repeat 0 100%;
}
 
#clientdt2
{
  background: url("../graphics/dt2.gif") transparent no-repeat 0 100%;
}
 
#clientdt3
{
  background: url("../graphics/dt3.gif") transparent no-repeat 0 100%;
}

#clientgv1
{
  background: url("../graphics/gv1.gif") transparent no-repeat 0 100%;
}

#clientjr1
{
  background: url("../graphics/jr1.jpg") transparent no-repeat 0 100%;
}

#clientjr2
{
  background: url("../graphics/jr2.jpg") transparent no-repeat 0 100%;
}

#clientmc1
{
  background: url("../graphics/mc1.gif") transparent no-repeat 0 100%;
}

#clientmc1 img
{
  position: absolute;
  padding-left: 60px;
  padding-top: 0px;
}

#clientms1
{
  background: url("../graphics/ms1.gif") transparent no-repeat 0 100%;
}

#clientpr1
{
  background: url("../graphics/pr1.gif") transparent no-repeat 0 100%;
}

#clientrr1
{
  background: url("../graphics/rr1.gif") transparent no-repeat 0 100%;
}

#clientrt1
{
  background: url("../graphics/rt1.jpg") transparent no-repeat 0 100%;
}






/*
 * Contact page
 */
.contentcontact
{
/*border: 1px solid #8492b4; */
  color: #666666;            /* slategray */
  width: 100%;
  background: url( ../graphics/contact.gif) transparent no-repeat 100% 100%;
  height: 27em;
  padding-top: 130px;
} 

.contentcontact p
{
  margin: 0;
  padding-top: 4px;
}

.contentcontact h1
{
  padding: 120px 0 10px 150px;
  font-size: 1.2em;
  color: #0066cc;          /* blue */
  font-weight: 600;
}

form
{
/*  border: 1px solid #8492b4; */
  padding-left: 100px;
  font-size: 1.1em;
}

label 
{
/*  border: 1px solid black; */
  width: 150px;  
  float: left;
  text-align: right;
  margin-right: 4px;
  padding-top: 3px;
  color: #666666;            /* slategray */
}
  
input 
{
  border: none; 
  vertical-align: middle;
  padding: 2px 2px 2px 2px;
  background-color: #ddd;           /* gray */
}

textarea 
{
  /* because IE is strange with textarea fonts */
  font-family: "Arial","Helvetica",sans-serif;
  font-size: 0.9em;                         
  border: none; 
  overflow: auto;
  padding: 3px 0px 2px 2px;
  background-color: #ddd;           /* gray */
}


#latitude
{
  width: 769px;
  margin: 0 auto 0 auto;
  text-align: right;
  padding-top: 4px;
}