/*#############################################################
Name: Wolstencroft Communications
Date: 2006-05-07
Author: Wolstencroft Communications
URL: 
#############################################################*/
/*Fonts
################################################################################*/
a {
	color: #333333;
	font-size:14px;
	font: normal Arial, Helvetica, sans-serif;
	color: #333333;	
	font-weight: normal;
	text-decoration: none;
}
.asidebar {
	color: #333333;
	margin: 0px 10px 12px 10px;
	font-size:12px;
	font-weight: normal;
	text-decoration: none;
}
.b {
	color: #333333;
	font-size:11px;
	font-weight: bold;
	text-decoration: none;
}
h1 {
	margin: 0px 10px 0;
	font: normal Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333333;
}
h2 {
	position: relative;
	margin: 0 10px 10px;
	text-align: left;
	font: normal Arial, Helvetica, sans-serif;
	font-size:14px; 
	color: #333333;
}

h3 { padding: 0px 0px 6px 0px; 
    margin: 0px 10px 12px 10px; 
	font: normal Arial, Helvetica, sans-serif;
	font-size: 16px;	
    border-bottom: 1px solid;  
}

p {
	position: relative;
	margin: 0 10px 10px;
	text-align: inherit;
	font: normal Arial, Helvetica, sans-serif;
	font-size:14px; 
	color: #333333;
}
li {
	margin: 0 0px 5px;
		font: normal Arial, Helvetica, sans-serif;
	font-size:14px; 
	color: #333333;
}
/*Frames, Borders and Page Format
###############################################################################*/
body {

	background: #CCC url(img/bg1.jpg)  repeat;
	color: #333; margin: 0px 0;
	text-align: center; font: normal 0.6em sans-serif,Arial;
}

.header {
	background:  #FFFFFF url(img/bg.jpg) no-repeat; display:block; height: 408px; margin-bottom: -390px;
}
.outerborder {
	margin: 20px auto 4px auto; 
	width: 780px;
}
.main {
	background: #FFFFFF; 
	border: 20px solid  #ABDCFC; 
	text-align: left;
	width: 740px; 
}
.container {
	border: none;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	width: 739px;
	height: auto;
	padding: 0px;
	text-align:justify;
	overflow:hidden;
}
/* column 1 - contains sidebar items */
#column1
{ width: 230px;
  float: left;
  padding: 12px 0px 15px 19px;
}

#column1 h1
{ padding: 0px 0px 6px 0px; 
  margin: 0px 10px 12px 10px; 
  border-bottom: 1px solid;
}

.sidebaritem
{ position: relative;
  text-align: left;
  width: 230px;
  float: left;
  margin: 0px 0px 15px 0px;
  padding: 8px 0px 8px 0px;
  text-decoration:none;
  background-color:#EAEAEA;
}
/* column 2 - page content */
#column2
{ text-align: justify;
  padding: 5px 22px 15px 0px;
  width: 449px;
  float: right;
}

#column2 h1
{ padding: 12px 0px 6px 0px; 
  margin: 0px 0px 12px 0px; 
  border-bottom: 1px solid;
}

.sidebaritem a, #column2 a
{ padding: 0px;
  text-decoration: none;
}

.sidebaritem a:hover, #column2 a:hover
{ padding: 0px;
  text-decoration: none;
}

/* Image Containers
###############################################################################*/
.imageright	{
	border: solid;
	color:#CCCCCC;
	float: right;
	width: 150px; height: 80px;
	margin: 0px 10px 10px 10px;
}
.spacer { 
  clear: both; 
  margin: 1px;
}
.columnspacer { 
  clear: both; 
  margin: 10px;
}

.imageleft	{
	border: solid;
	color:#CCCCCC;
	float: left;
	width: 150px; height: 80px;
	margin: 0px 10px 10px 10px;
}
/*Images, Headings and Banners and Dividers
###############################################################################*/
.logo a{
	background: #F5F5F5 url(img/logo.jpg) no-repeat; display: block; height: 400px;
}
.secondarylogo a{
	background: #F5F5F5 url(img/secondarylogo.jpg) no-repeat; display: block; height: 230px;
}
.divider {
	background: #FCFCFC url(img/divider.gif) repeat-x;
	padding: 20px 0 0;
}
.splash {
	background: #FFFFFF url(img/splash.jpg) no-repeat; display: block; height: 250px;
}
.ethosbanner {
	background: #FFFFFF url(img/bannertheethos.jpg) no-repeat; display: block; height: 140px;
}
.servicebanner {
	background: #FFFFFF url(img/bannertheservice.jpg) no-repeat; display: block; height: 140px;
}
.resultsbanner {
	background: #FFFFFF url(img/bannertheresults.jpg) no-repeat; display: block; height: 140px;
}
.nextstepbanner {
	background: #FFFFFF url(img/bannerthenextstep.jpg) no-repeat; display: block; height: 140px;
}
/* Menu Items 
#############################################################################*/
.menu a {
	background: #ABDCFC;
	float: left;
	padding-bottom: 2px;
	width: 185px; height: 15px;
}
.menu a span {
	padding-left: 1px;
}
.menu a:hover {
	background: #ABDCFC url(img/bgmenu.gif) repeat-x;
	color: #000000;
}
/*Contant Formating
#############################################################################*/
.content {
	background: #FFFFFF;
	border-top: 0px solid #FFFFFF;
	clear: both;
}
.footer {
	padding: 5px;
	color: #666;
} 
/*Curved corners
#############################################################################*/
.spiffy{display:block;}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#EAEAEA;
  } 
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f5f5f5;
  border-right:1px solid #f5f5f5;
  background:#efefef}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fcfcfc;
  border-right:1px solid #fcfcfc;
  background:#ededed}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #ededed;
  border-right:1px solid #ededed;}
.spiffy4{
  border-left:1px solid #f5f5f5;
  border-right:1px solid #f5f5f5}
.spiffy5{
  border-left:1px solid #efefef;
  border-right:1px solid #efefef}
.spiffyfg{
  background:#EAEAEA;
  text-align:left;}