/* general styling */
*
{
  margin:0;
  padding:0;
  line-height:1.5em;
  font-family:"Trebuchet MS", Arial, Verdana, Tahoma,sans-serif;
  /* Trebuchet MS is ugly being italic */
  font-style:normal;
}

html,body
{
  background-color: #EEE;
}

/* center the container */
body
{
  text-align:center;/*bugfix for IE*/
  margin:1em 0;
  font-size:62.5%;
}

/* general container */
div#container
{
  font-size:1.2em;
  width:588px;
  padding:4px;
  margin:0 auto;
  text-align:left;
  background-color:#FFF;
}

/* set the logo */
a#logo
{
  display:block;
  width:588px;
  height:84px;
  background-image:url("../img/header.jpg");
}

/* style the navigation */
ul#nav
{
  background-image:url("../img/nav.gif");
  width:586px;
  text-align:center;
  border:1px solid #ddd;
  font-size:.95em;
  font-weight:bold;
  color:#475A70;
  margin:.3em 0;
}

ul#nav li
{
  display:inline;
  padding:0 1em;
  text-transform:capitalize;
}

ul#nav li a
{
  color:#475A70;
  text-decoration:none;
}

ul#nav li a:hover
{
  color:#F60;
  text-decoration:none;
}

/* the current navigationitem; shouldn't look like a link when you hover it*/
ul#nav a#active-nav, ul#nav a#active-nav:hover
{
  color:#45ACDF;
}

/* the main content */
div#maincontent
{
  background-color:#F9F9F9;
  float:left;
  width:390px;
  border:1px solid #DDD;
  padding:5px;
}

/* style the maincontent headers */
div#maincontent h1
{
  /* just hide it for now though .. */
  display:none;
}

div#maincontent h2
{
  font-size:1.3em;
  margin-bottom:.4em;
}

div#maincontent h3
{
  font-size:1.15em;
}

/* style the maincontent and extra links */
a, a *
{
  color:#069;
  text-decoration:none;
}

a:visited, a:visited *
{
  color:#666;
  font-size:1em;
}

a:hover, a:hover *
{
  color:#036;
}

div#maincontent img
{
  float:right;
  background-color:#FFF;
  padding:2px;
  border:1px solid #DDD;
}

p
{
  padding-bottom:10px;
}

/* the image on the side */
img#page-img{margin-left:5px;}

/* the extra information */
div#extra
{
  width:182px;
  float:left;
  margin-left:4px;
}

div#extra div
{
  margin-bottom:4px;
  padding:4px;
  border:1px solid #DDD;
  background-color:#F9F9F9;
}

/* the footer */
p#footer
{
  clear:both;
  width:588px;
  color:#003366;
  text-align:center;
  border:0;
  text-decoration:none;
  padding:0;
  font-size:.9em;
  padding-top:3px;
}

p#footer a
{
  font-size:1em;
}

/* abbrevations, acronyms and tooltips should display a "help" cursor
    and a dotted line*/
abbr, acronyms, .tooltip
{
  cursor: help;
  border-bottom:1px dotted;
}

cite
{
  font-weight:bold;
}

/**
* Pages
**/
/** contact **/
input,label
{
	display:block;
}

fieldset *
{
  border:1px solid #555;
	margin:0;
}

fieldset#submit input
{
  width:392px;
  margin:0;
  border-top:0;
  background-color:#FFF;
}

textarea:hover, input:hover
{
  background-color:#EEE;
}

textarea:focus, input:focus
{
  background-color:#F9F9F9;
}

fieldset,label,legend,option
{
	border:0;
}

body#body-contact span.note
{
  font-weight:bold;
  border:0;
}

input
{
  width:250px;
}

textarea
{
  font-size:1em;
	width:388px;
	margin:0;
	padding:1px;
}

form#contactform ul.error *
{
  color:#F00;
}

form#contactform ul.error
{
  padding-bottom:10px;
}

legend
{
  display:none;
}

ul.error li
{
  display:block;
}

body#body-contact h2
{
  margin-top:4px;
}

/** services **/
ul#quality-points
{
  padding-left:1em;
  margin-bottom:1em;
}

/** news **/
div.newsitem span
{
  font-size:0.8em;
}

body#body-news h2
{
  font-style:normal;
}

p#back-to-news
{
  font-weight:bold;
}

/** definitions **/
dl#definitions dt
{
  text-transform:capitalize;
  font-weight:bold;
}

/** terms of service **/
body#body-terms ol
{
  padding-left:20px;
}

body#body-terms dt
{
  float:left;
  padding-right:2px;
}

body#body-terms em.note
{
  font-size:0.8em;
}

/* portfolio */
body#body-portfolio h2{margin:0;}
body#body-portfolio h2 a{font-size:0.8em;font-weight:normal;}

body#body-portfolio blockquote{margin-left:10px;margin-bottom:15px;padding:5px;border:1px dashed #CCC;}
body#body-portfolio blockquote p{margin:0;padding:0;}