/*

  KITSON CONSULTING - MAIN CSS
    by Joe Parker and Pete Donnell
    (C) Kitson Consulting Ltd. 2009

  Base colours:
    Main - 0   153 0   #009900   (keyed green)
    S1   - 51  51  153 #333399   (a deep purple)
    S2   - 102 151 0   #663300   (earthy brown)
    S3   - 229 107 11  #E56B0B   (bright orange)



  Style for top level elements

*/

html
{
  font-family : "Deja Vu Serif", "Century Gothic", sans-serif;
  font-size : 100%;
}

body
{
  background-color : #bbccff;
  color : #ffffff;
  padding : 0px;
  margin : 0px;
  text-align : center;
}


/*

  Style for main divs
	
*/

div#container_div
{
  width : 88%;
  margin : 2em auto 2em auto;
  border : 1px solid #333399;
}

div#header_div
{
  background-color : #333399;
  color : #ffffff;
  height : 101px;
  position : relative;
/*  border-bottom : 1px solid #333399; */
}

div#content_div
{
  background-color : #eeeeff;
  color : #000000;
  padding : 1em 83px 1em 83px;
  text-align : left;
  overflow : auto;
}

div#footer_div
{
  background-color : #e56b0b;
  color : #ffffff;
  height : 31px;
  text-align : center;
  position : relative;
}

div#footer_div p
{
  padding-top : 4px;
}

img#validhtml
{
  margin-top : -4px;
}


/*

  Style for floating links in header bar

*/

ul#navigation
{
  list-style-type : none;
  position : absolute;
  margin : 0px 0.5em 0px 0px;
  left : 100px;
  bottom : 0px;
}

ul#navigation li
{
  display : inline;
  font-family : Verdana, "Deja Vu Sans", sans-serif;
}

ul#navigation li :link, ul#navigation li :visited
{
  color : #aaaacc;
  text-decoration : none;
  font-weight : bolder;
  padding : 0px 0.4em 0px 0.4em;
}

ul#navigation li :link:active, ul#navigation li :link:hover, ul#navigation li :visited:active, ul#navigation li :visited:hover
{
  background:#eeeeff;
  color:#009900;
}


/*

  Style for headers

*/


h1, h2, h3, h4
{
  font-family : Verdana, "Deja Vu Sans", sans-serif;
}

h1
{
  font-weight : bolder;
  font-size : 140%;
}

h2
{
  font-weight : bolder;
  font-size : 130%;
}

h3
{
  font-weight : bolder;
  font-size : 120%;
}

h4
{
  font-weight : bolder;
  font-size : 120%;
}

div#content_div h1
{
  margin : 0px;
}


/*

  Styles for page header and footer

*/

img#logo
{
  height : 100px;
  width : 100px;
  float : left;
  border-bottom : 1px solid #333399;
}

p#location
{
  font-family : "DejaVu Sans Mono", Courier, FreeMono, monospace;
  text-align : right;
  color : #777766;
  margin : 0px;
}

/*p#location span
{
  background-color : #ffeeee;
  padding : 0.8em;
}*/

h1#company_name
{
  font-weight : normal;
  text-align : left;
  font-size : 250%;
  margin : 0px 0px -0.3em 120px;
}

h2#tagline
{
  font-size : 80%;
  text-align : right;
  margin-right : 3em;
}

h1#company_name :link, h1#company_name :visited, h2#tagline :link, h2#tagline :visited
{
  color : #ffffff;
}

img#validhtml
{
  height : 31px;
  width : 88px;
  float : left;
}

img#validcss
{
  height : 31px;
  width : 88px;
  margin-right : -5px;
  position : absolute;
  right : 0px;
  bottom : 0px;
}

div#footer_div :link, div#footer_div :visited
{
  color : #ffffff;
}

div#footer_div :link:hover, div#footer_div :visited:hover, div#content_div :link:hover, div#content_div :visited:hover
{
  text-decoration : underline;
}

div#footer_div p
{
  margin : 0px 83px 0px 0px;
}


/* 

  Other styles

*/

ul
{
  list-style-type : square;
}

:link:visited
{
  color : #663300;
}

hr
{
  width : 95%;
}

p
{
  margin : 1em 0em 1em 0em;
}

p.project
{
  margin-left : 0.5em;
}

img
{
  border : 0px;
}

:link, :visited
{
  text-decoration : none;
}

:visited
{
  color : #770099;
}

p#location :link:hover, p#location :visited:hover
{
  text-decoration : none;
}