/*
----------------------
Persistent Objects Ltd
Author:   Alan Hicks
From an idea by Douglas Bowman
---------------------- */

body {
  background:#ccc;
  margin:0;
  padding:10px;
  font:Verdana,Sans-serif;
  color:#fff;
  }
#page {
  width:900px;
  margin:0 auto;
  }
#page2 {
  background:#fff;
  float:left;
  width:850px;
  padding:10px;
  border:solid #555;
  border-width:1px 3px 3px 1px;
  font-size:85%;
  line-height:1.5em;
  color:#666;
  }


/* =Links
----------------------------------------------- */
a {
  color:#333;
  text-decoration: none;
  }
a:link:hover, A:link:visited:hover{
  color: #000;
  text-decoration: underline;
  }
a img {
  border-width:0;
  }


/* =Headings
----------------------------------------------- */
h2 {
  margin:1em 0 0;
  font:bold 170%/1.4 Helvetica,Arial,Sans-serif;
  color:#999;
  }
h3 {
  font-size:100%;
  margin:1em 0 0;
  color:#666;
  }


/* =Lists
----------------------------------------------- */
ul {
  margin:0 0 1em;
  padding:0;
  list-style:none;
  }
li {
  margin:0;
  padding:0 0 0 25px;
  }


/* =Misc
----------------------------------------------- */
p {
  margin:0 0 .75em;
  }
p.btn {
  margin:1em 0;
  }
.unit {
  white-space:nowrap;
  }
p.solo {
  width:100%;
  margin:1.5em 0 -.5em;
  }
p.solo img {
  display:block;
  }
blockquote 
{
	background-color: #fc9;
	color: #000;
	margin: 10px 10px 10px 0px;
	padding: 10px 10px 10px 10px;
}
blockquote blockquote
{
	background-color: #fc9;
	color: #000;
	margin: 10px 0px 0px 10px;
	padding: 0 0 0 0;
	text-align: right;
}

/* =Header
----------------------------------------------- */
#header {
  background:url("images/header.jpg") repeat-x 0 100%;
  float:left;
  width:870px;
  padding:10px 0 0;
  }
#logo {
  float:left;
  display:block;
  width:162px;
  text-decoration:none;
  }
#logo img {
  display:block;
  }
#contact {
  float:right;
  text-align:right;
  display:block;
  width:210px;
  margin-top:15px;
  margin-right:20px;
  }


/* =Nav
----------------------------------------------- */
#nav {
  background:#333;
  float:left;
  width:850px;
  margin:0;
  padding:0;
  border-bottom:2px solid #000;
  list-style:none;
  }
#nav li {
  background:none;
  display:inline;
  padding:0;
  }
#nav li a, #nav li strong {
  float:left;
  width:auto;
  padding:5px 9px 3px;
  border-left:1px solid #555;
  border-right:1px solid #222;
  color:#def;
  text-transform:uppercase;
  text-decoration:none;
  }
#nav li strong {
  color:#fff;
  }
#nav li a strong {
  padding:0;
  border-width:0;
  }
#nav li a:hover {
  background:#333;
  border-left-color:#f90;
  color:#f90;
  }


/* =H1
----------------------------------------------- */
.home h1 {
  background-color:#ccc;
  float:left;
  width:850px;
  height:78px;
  margin:0 0 10px;
  border-bottom:4px solid #ddd;
  }
.home h1 img {
  display:block;
  }


/* =Content
----------------------------------------------- */
#content {
  float:left;
  width:870px;
  margin:0 0 10px;
  }
#content-group {
  width:675px;
  }
#content-main {
  float:left;
  width:675px;
  }
#content-extra {
  float:right;
  width:190px;
  margin-top:-.5em;
  }
#content-sub {
  float:left;
  width:170px;
  }

/* =Variations (default is SMX)
----------------------------------------------- */
.smx #content {float:left;width:730px;margin:0 0 10px;}
.smx #content-group {float:right;width:525px;}
.smx #content-sub {float:left;width:190px;}
.smx #content-main {float:left;width:320px;}
.smx #content-extra {float:right;width:190px;margin-top:-.5em;}

.mxs #content-group {float:left;}
.mxs #content-sub {float:right;}

.xms #content-group {float:left;}
.xms #content-sub {float:right;}
.xms #content-main {float:right;}
.xms #content-extra {float:left;}

.ms #content-group {float:left;}
.ms #content-sub {float:right;}
.ms #content-main {width:525px;}
.ms #content-extra {width:525px;}

.sm #content-main {width:525px;}
.sm #content-extra {width:525px;}

.m #content-group {width:730px;}
.m #content-sub {width:730px;}
.m #content-main {width:730px;}
.m #content-extra {width:730px;}


/* =Subnav
----------------------------------------------- */
#subnav h3 {
  background:#999;
  margin:0;
  padding:5px 10px 4px;
  border-bottom:1px solid #ccc;
  font-weight:normal;
  text-transform:uppercase;
  letter-spacing:.1em;
  color:#fc9;
  }
#subnav ul {
  background:#fc9;
  }
#subnav li {
  background:none;
  width:150px;
  padding:0;
  }
#subnav li a {
  display:block;
  width:135px;
  padding:3px 10px 3px 10px;
  border-top:1px solid #ddd;
  border-bottom:1px solid #aaa;
  text-decoration:none;
  color:#999;
  }
#subnav li a:hover {
  background-color:#fff;
  }
#subnav p {
  padding:0 10px;
  color:#ccc;
  }
  

/* =Home
----------------------------------------------- */
.home h2 {
  float:left;
  display:inline;
  margin:0px .35em 0 0;
  }
p#intro {
  margin:0px 0 .5em;
  font:bold 170%/1.4 Helvetica,Arial,Sans-serif;
  color:#666;
  }


/* =Footer
----------------------------------------------- */
#footer {
  float:left;
  width:100%;
  border-top:5px solid #ddd;
  }
#footer hr {
  display:none;
  }
#footer p {
  margin:0;
  padding:10px 10px 2px;
  border-top:3px solid #ccc;
  text-align:center;
  }