@charset "utf-8";
/* CSS Document */

/* ------------------------------------
---- Main stylesheet for all media ----
---- Original Author: Karen Comber ----
----   Creation Date: 06/01/2009   ----
----    Webexpectations.com Ltd    ----
-------------------------------------*/
 
 
/* ---------------------
---- Default Styles ----
--------------------- */
 

div#imagetop {
  padding:10px 0 0 0;
  background:#fff url(/_images/back-body.jpg) scroll no-repeat top center;
}
 
/* - Link Styles - */
a {
   text-decoration:none;
}
a:hover {
  
}
a * {
  cursor:pointer;
}
a.large {
  margin-bottom:14px;
  font-style:italic;
  font-size:1.42em;
  font-family:Georgia,"Times New Roman",Times,serif;
}
a span.icon {
  padding-left:8px;
  background:transparent url(/_images/back-signpost-a.gif) no-repeat 0 0.45em;
}
 
/* - Heading Styles - */
h1 {
	margin:0px;
	font-family: "Times New Roman", Times, serif;
	font-size:20px;
	font-weight:normal;
	color:#565656;
	text-decoration:none;
}
h2 {
	margin:0px;
	font-family: "Times New Roman", Times, serif;
	font-size:16px;
	font-weight:normal;
	color:#ffd9b4;
	text-decoration:none;
}
h3 {
  margin:28px 0 11px 0;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size:1.84em;
  font-weight:normal;
  line-height:1em;
  color:#505050;
}
h4 {
  margin:28px 0 10px 0;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size:1.5em;
  font-weight:normal;
  color:#505050;
}
h5 {
  margin:25px 0 4px 0;
  font-size:1.17em;
  color:#505050;
  line-height:1.2em;
}
h6 {
  margin:25px 0 5px 0;
  font-size:1em;
  color:#505050;
}
 
/* - Paragraph Styles - */
/*pages to be edited for class below*/

/* - List Styles - */
ul {
  margin:-0.35em 0 1em 0;
  padding:0;
  list-style:none;
}
ul ul {
  margin:0;
  padding:0;
}
ul li {
  margin:0.3em 0 0.25em 0;
  padding:0 0 0 12px;
  background:transparent url(/_images/back-li.gif) no-repeat 0 0.45em;
}
ul.sitemap {
  margin:30px 0 0 20px;
}
ul.sitemap li {
  padding-left:0;
  background:none;
}
ul.sitemap li a {
  background-color:transparent;
}
ul.sitemap li ul {
  font-size:0.92em;
}
ul.sitemap li ul li {
  padding:0 0 0 12px;
  background:transparent url(/_images/back-li.gif) no-repeat 0 0.45em;
}
ul.sitemap li a {
  background-color:transparent;
}
ul.sitemap li a:hover {
  color:#7EB9BF;
}
ul.sitemap li ul li ul {
  font-size:1em;
}
ol {
  margin:-0.35em 0 1em 0;
  padding:0;
  list-style:none;
}
ol li {
  margin:0.25em 0 0.25em 0;
}
ol ol {
  margin:0;
  padding:0 0 0 12px;
}
ol li span {
  padding:0 6px 0 0;
  color:#6197A1;
  font-size:0.92em;
  font-weight:bold;
}

/* - Common Shared Styles - */
.floatleft {
  float:left;
}
.floatright {
  float:right;
}
.clearleft {
  clear:left;
}
.clearright {
  clear:right;
}
.clearboth {
  clear:both;
}
.textleft {
  text-align:left;
}
.textright {
  text-align:right;
}
.textcenter {
  text-align:center;
}
/* - Table Styles - */
 
div#tabletop {
  margin:28px 0 0 0;
  padding:8px 0 0 0;
  background:transparent url(/_images/back-table.gif) repeat-x top left;
}
/* ------------------
---- Page Layout ----
------------------ */
 
div#contentholder {
  position:absolute;
  width:100%;
  text-align:left;
}
/*div#imagetop {
  background:transparent url(/_images/back-imagetop.jpg) no-repeat top center;
}*/
div#imagebottom {
  padding-bottom:190px;
  text-align:center;
  background:transparent url(/_images/back-imagebottom3.jpg) no-repeat bottom center;
}
div#whitefade {
  padding:0 0 189px 0;
  margin:0 auto;
  background:transparent url(/_images/back-whitefade.png) repeat-y top center;
}
div#shadow {
  margin:0 auto;
  padding-top:10px;
  width:1028px;
  background:transparent url(/_images/back-shadow.png) no-repeat top center;
}
div#holder {
  position:relative;
  margin:10px auto 0 auto;
  padding:10px 30px 6px 30px;
  width:903px;
  text-align:left;
  background-color:transparent;
}
div#earthclump {
  position:absolute;
  bottom:-4px;
  right:-26px;
  height:196px;
  width:220px;
  background:transparent url(/_images/earthclump.png) no-repeat top left;
}
/* - Navbar - */
 
ul#navbar {
  clear:both;
  min-height:1%;
  margin:0 0 0 0;
  list-style:none;

}
ul#navbar:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}
ul#navbar li {
  position:relative;
  float:left;
  margin:0;
  padding:0;
  background:none;
  z-index:2000;
}
ul#navbar li.blog,
ul#navbar li.contact {
  position:static;
}
ul#navbar li a {
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	font-style:normal;
	font-weight:bold;
	text-align:left;
	color:#b9b9b9;
	text-decoration:none;
	padding-bottom:10px;
	padding-left:19px;
	padding-right:19px;
	padding-top:10px;
}
body#home li.home a,
body#about li.about a,
body#clients li.clients a,
body#services li.services a,
body#blog li.blog a,
body#contact li.contact a
 {
  color:#222;
}
body#home li.home a span,
body#about li.about a span,
body#clients li.clients a span,
body#services li.services a span,
body#blog li.blog a span,
body#contact li.contact a span
 {
  color:#767676;
}
ul#navbar li:hover a,
ul#navbar li.over a {
	color:#FFFFFF;
	background:#28292b none no-repeat center right;
}
ul#navbar li a span {
	display:block;
	padding:3px 0;
	color:#9aa8ae;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:left;
	font-style:normal;
	font-weight:normal;
  /*letter-spacing:0.2px;*/
}
ul#navbar li:hover a span,
ul#navbar li.over a span {
  color:#fff;
}
ul#navbar li ul.main {
	display:none;
	min-height:1%;
	position:absolute;
	top:20px;
	margin:12px 10px 0 0;
	padding:0 0 2px 0px;
	background:#28292b url(../images/back-navbar-li-ul.gif) repeat-x left top;
	z-index:2000;
	text-align:left;
}
ul#navbar li:hover ul.main,
ul#navbar li.over ul.main {
  display:block;
}
ul#navbar li ul li {
  float:left;
/*  width:188px;*/
  width:190px;
}
ul#navbar li.about ul li {
  width:140px;
  padding:;
}
ul#navbar li ul li.col2 {
  width:140px;
}
ul#navbar li ul li.col3 {
  width:174px;
}
ul#navbar li:hover ul li a,
ul#navbar li.over ul li a {
  padding-bottom:26px;
  padding-left: 0px;
  padding-right:0px;
  padding-top:20px;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size:1.5em;
  font-style:italic;
  color:#fff;
  background:transparent none;
}
ul#navbar li:hover ul.onelevel,
ul#navbar li.over ul.onelevel {
  padding:1em 1em 10px 24px;
 /* width:6.85em;*/
  width:8.8em;
  left:0;
}
/*ul#navbar li:hover ul.onelevel, x:-moz-any-link, x:default {
  width:6.8em;
}*/
ul#navbar li:hover ul.onelevel li a,
ul#navbar li.over ul.onelevel li a {
  width:100px;
  margin-left:10px;
  padding:1px 0 6px 0;
  font-family:Arial,Helvetica,sans-serif;
  font-size:11px;
  font-style:normal;
  color:#fff;
  line-height:1.2em;
  /*background:transparent url(/_images/back-navbar-li-ul-li-ul-a.gif) no-repeat left 0.4em;*/
}
ul#navbar li:hover ul.clients,
ul#navbar li.over ul.clients {
  /* width:14.45em;*/
   width:120px;
   color:#ff7f00;
}
/*ul#navbar li:hover ul.clients, x:-moz-any-link, x:default {
  width:14.4em;
}*/
ul#navbar li:hover ul li a:hover,
ul#navbar li.over ul li a:hover {
  color:#ff7f00;
  background:transparent none;
}
/*ul#navbar li:hover ul.onelevel li a:hover,
ul#navbar li.over ul.onelevel li a:hover {
  background:transparent url(/_images/back-navbar-li-ul-li-ul-hover.gif) no-repeat left 0.4em;
}*/
ul#navbar li ul li ul {
  position:relative;
  clear:both;
  left:0;
  top:0;
  min-height:124px;
  margin:0;
  padding:0 27px 0 22px;
}
ul#navbar li ul li ul.col1,
ul#navbar li ul li ul.col1 li {
  width:135px;
}
ul#navbar li ul li ul.col2,
ul#navbar li ul li ul.col2 li {
  /*width:174px;*/
  width:217px;
}
ul#navbar li ul li ul.col3 {
  /*width:136px;*/
  width:120px;
  padding-right:0;
  /*padding-right:12px; */
  background:none;
}
ul#navbar li ul li ul.col3 li {
   width:120px;
}
ul#navbar li ul li ul li {
  clear:left;
}
ul#navbar li:hover ul li ul li span,
ul#navbar li.over ul li ul li span,
ul#navbar li:hover ul.onelevel li span,
ul#navbar li.over ul.onelevel li span {
  float:left;
  color:#fff;
  line-height:0.8em;
  padding:0 0 4px 0;
  margin-top:0;
}
ul#navbar li:hover ul li ul li a,
ul#navbar li.over ul li ul li a {
  width:100px;
  margin-left:4px;
  padding:0 0 4px 2px;
  font-family:Arial,Helvetica,sans-serif;
  font-size:12px;
  font-style:normal;
  color:#fff;
  line-height:1.2em;
  /*background:transparent url(/_images/back-navbar-li-ul-li-ul-a.gif) no-repeat left 0.4em;*/
}
ul#navbar li:hover ul li ul.col2 li a,
ul#navbar li.over ul li ul.col2 li a {
  width:200px;
}
ul#navbar li:hover ul li ul li:hover span,
ul#navbar li.over ul li ul li.over span,
ul#navbar li:hover ul.onelevel li:hover span,
ul#navbar li.over ul.onelevel li.over span {
  color:#ff7f00;
}