/*
Theme Name: Eras
Theme URI: http://www.eras.co.uk/
Description: The default theme for Eras designed by <a href="http://www.dkltd.net/">DK Productions Ltd</a>.
Version: 1.0
Author: David Kerley
Author URI: http://www.dkltd.net/
Tags: jquery, custom header, fixed width, three & four columns, accordian menu

	This theme was designed and built by David Kerley,
	whose blog you will find at http://www.dkltd.net/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/


@import url('meyers_reset.css');

/* Z-Indexes
---------------------------------------------------------------------------------------------- */
body, html 			{ z-index:-1;}
#boxes 				{ z-index:1;}
#banner				{ z-index:2;}
#banner	#highlight	{ z-index:3;}
#streams,#footer	{ z-index:4;}

/* Layout
---------------------------------------------------------------------------------------------- */
body,html {
    background-color:#ffffff;
	font-family:sans-serif;
}
#wrapper {
	position:relative;
    margin:auto;
	width:925px;
}
#mast {
	width:905px;
	margin:0px 10px 0px 10px;
	height:125px;
}
#mast #logo {
	float:left;
}
#mast #logo img {
	display:block;
}
#mast #search {
	width:227px;
	height:30px;
	float:right;
	margin-top:33px;
	background:url('images/search.png') no-repeat;
}
#mast #search .search {
	float:left;
	height:16px;
	width:180px;
	border:0px;
	background-color:#ffffff;
	margin:1px 1px 0px 1px;
	padding:6px;
	color:#666666;
}
#mast #search .go {
	width:28px;
	height:28px;
	float:right;
	margin:1px 1px 0px 0px;
}
#mast #navigation {
	clear:both;
	width:905px;
	height:30px;
	background-image:url('images/navigation-bar.png');
}
#mast #navigation ul {
	height:30px;
	padding:0;
	margin:0;
	margin-left:1px;
	padding-left:0;
}
#mast #navigation ul li {
	color:#333333;
	font-size:1.05em;
	line-height:13px;
	float:left;
	list-style-type: none;
	margin-right:1px;
	text-align:center;
	padding:0px;
}
#mast #navigation ul li a {
	color:#666666;
	text-decoration:none;
	display:block;
	padding:9px 0px 7px 0px;
	width:225px;
}
#mast #navigation ul li a:hover {
	color:#000000;
	background:url('images/navigation-select.png') no-repeat 0px 1px;
}
#banner {
	padding:0px;
	margin:1px 0px 0px 0px;
	width:965px;
	height:200px;
}
#attract,#retain,#develop,#quest {
	position:relative;
	margin:0px;
	/*height:820px;*/
	width:965px;
	background:url('images/boxes.png') no-repeat 10px 201px;
}
#attract #image, #retain #image, 
#develop #image, #quest #image {
	margin-left:10px;
	height:550px;
	width:965px;
}
#attract #image {
	background:url('images/image-attract.jpg') no-repeat;
}
#retain #image {
	background:url('images/image-retain.jpg') no-repeat;
}
#develop #image {
	background:url('images/image-develop.jpg') no-repeat;
}
#quest #image {
	background:url('images/image-quest.jpg') no-repeat;
}
#attract #highlight, #retain #highlight, 
#develop #highlight, #quest #highlight {
	position:absolute;
	margin-left:8px;
	width:267px;
	height:350px;
	top:187px;
}
#attract #highlight {
	background:url('images/shadow-right.png') no-repeat;
	left:0px;
}
#retain #highlight {
	background:url('images/shadow.png') no-repeat;
	left:208px;
}
#develop #highlight {
	background:url('images/shadow.png') no-repeat;
	left:434px;
}
#quest #highlight {
	background:url('images/shadow-panel.png') no-repeat;
	left:678px;
	top:284px;
}
#streams {
	position:absolute;
	margin:0px 10px 0px 10px;
	padding-left:1px;
	width:904px;
	height:320px;
	top:325px;
}
#streams .stream {
	float:left;
	width:205px;
	padding:10px;
	margin-right:1px;
}
#streams .stream h2,
#streams .stream h2 a {
	font-size:30px;
	text-align:center;
	color:#333333;
	margin-top:20px;
	text-decoration:none;
}
#streams .stream h2 a:hover {
	color:#004990;
}
#streams .stream .section {
	color:#4d8fce;
	text-align:center;
	width:205px;
	font-size:11px;
	font-weight:bold;
	padding-bottom:2px;
	border-bottom:1px solid #cccccc;
	margin-top:25px;
	margin-bottom:2px;
}
#streams .stream .section a {
	color:#4d8fce;
	text-align:center;
	width:205px;
	font-size:11px;
	font-weight:bold;
	padding-bottom:2px;
	margin-top:25px;
	margin-bottom:2px;
	text-decoration:none;
}
#streams .stream .section a:hover {
	color:#004990;
}
#streams .stream .text {
	height:70px;
	width:205px;
	vertical-align:middle; 
	display:table-cell;
}
#streams .stream .text p,
#streams .stream .text p a {
	text-align:center;
	color:#333333;
	font-size:1.05em;
	text-decoration:none;
}
#streams .stream .text p a:hover {
	color:#004990;
}
#streams .stream .text p a.link {
	color:#004990;
	text-decoration:underline;
}
#streams .stream .text p a.link:hover {
	color:#4d8fce;
}
#streams #panel {
	float:left;
	width:205px;
	padding:5px 10px 5px 10px;
}
#panel a {
	color:#808080;
}
#panel a:hover {
	color:#4d8fce;
}
#panel h4,
#panel h4 a {
	color:#333333;
	font-size:1em;
	margin-bottom:2px;
	text-decoration:none;
}
#panel h4 a:hover {
	color:#004990;
}
#panel p,
#panel p a {
	color:#666666;
	font-size:.9em;
	text-decoration:none;
}
#panel p a:hover {
	color:#333333;
	text-decoration:underline;
}
#panel p.highlight,
#panel p.highlight a {
	color:#4d8fce;
	text-decoration:none;
}
#panel p.highlight a:hover {
	color:#004990;
}
#panel .feature {
	padding:14px 15px 14px 15px;
}
#panel .feature object {
	width:100px;
}
#menu_column {
	float:left;
	width:223px;
	padding:0px 2px 0px 2px;
	margin-left:10px;
	margin-top:10px;
	background:url('images/menu.png') no-repeat;
	height:500px;
	border-top:1px solid #c9c9c9;
}
#sidebar .feature a.pdf,
#sidebar .feature a.mp3,
#sidebar .feature a.flv,
#sidebar .feature a.case {
	font-size:.8em;
	line-height:1.1em;
	color:#666666;
	padding:2px 5px 5px 20px;
	text-decoration:none;
	display:block;
	margin-bottom:5px;
}
#sidebar .feature a.pdf:hover,
#sidebar .feature a.mp3:hover,
#sidebar .feature a.flv:hover,
#sidebar .feature a.case:hover {
	text-decoration:underline;
}
#sidebar .feature a.pdf {
	background:url('images/small-icon-pdf.png') no-repeat;
}
#sidebar .feature a.mp3 {
	background:url('images/small-icon-mp3.png') no-repeat;
}
#sidebar .feature a.flv {
	background:url('images/small-icon-flv.png') no-repeat;
}
#sidebar .feature a.case {
	background:url('images/small-icon.png') no-repeat;
}
#sidebar .feature .strap {
	font-size:.8em;
	color:#666666;
	padding:2px;
	display:block;
	font-weight:bold;
}
#sidebar .feature .more {
	margin-top:10px;
}
#media {
	padding:50px;
}
#media .item {
	border-top:1px solid #ccc;
	padding:10px 0px 10px 0px;
	clear:right;
	overflow:auto;
}
#media .item .icon {
	float:left;
	width:40px;
}
#media .item .details {
	float:right;
	width:300px;
}
#media .item .details h3,
#media .item .details h3 a {
	color:#79b1de;
	font-size:17px;
	font-weight:bold;
	margin-bottom:0px;
	text-decoration:none;
}
#media .item .details h3 a:hover {
	text-decoration:underline;
}
ul#menu, ul#menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width:223px;;
}

ul#menu a {
  display: block;
  text-decoration: none;	
}

ul#menu li {
  margin-top: 1px;
}
ul#menu li a {
  background: #00376e;
  color: #fff;	
  padding: 0.5em;
}
ul#menu li a:hover {
  background: #004b97;
}
ul#menu li a.home {
	background:#00376e url('images/home.png') no-repeat 95% 50%;
}
ul#menu li a:hover.home {
	background:#004b97 url('images/home.png') no-repeat 95% 50%;
}
ul#menu li a.selected,
ul#menu li ul li a.selected,
ul#menu li ul li ul li a.selected {
	background:#5c9bcd;
}
ul#menu li ul li a,
ul#menu li ul li ul li a {
  background:#3c73aa;
  color: #ffffff;
  padding-left: 20px;
}
ul#menu li ul li ul li a {
  font-size:.9em;
}
ul#menu li ul li a:hover,
ul#menu li ul li ul li a:hover {
	background:#5c9bcd;
	padding-left: 20px;
}
ul#menu li ul li ul li {
	margin-top:0px;
}
ul#menu li ul li ul li a {
  padding-left: 40px;
}
ul#menu li ul li ul li a:hover {
	padding-left: 40px;
}



ul#other {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width:223px;;
}

ul#other a {
  display: block;
  text-decoration: none;	
}

ul#other li {
  margin-top: 1px;
}
ul#other li a {
  background: #F2F2F2;
  color: #666666;	
  padding: 0.5em;
}
ul#other li a:hover {
  background: #D2D2D2;
}




#content {
	float:left;
	width:451px;
	padding:0px;
	margin-top:10px;
}
#content h2 {
	color:#00376e;
	width:351px;
	padding:50px 50px 0px 50px;
	font-size:40px;
	font-weight:normal;
}
#content h3,
#content h3 a {
	color:#79b1de;
	font-size:17px;
	font-weight:bold;
	margin-bottom:.5em;
	text-decoration:none;
}
#content h3 a:hover {
	text-decoration:underline;
}
#content #post {
	padding:30px 50px 50px 50px;
}
#post p {
	color:#404040;
	font-size:.9em;
	margin-bottom:1em;
}
#post a {
	color:#3c73aa;
}
#post a:hover {
	color:#5c9bcd;
}
#post ul {
	color:#404040;
	font-size:.9em;
	list-style:circle;
	padding:20px;
	margin:10px;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:1em;
}
#post li {
	margin-bottom:.5em;
}

#post table { 
	width:100%;
	margin:5px 0px 30px 0px;
	border:0px;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	color:#666666;
	text-decoration:none;
	font-weight:normal;
}
#post table th { 
	text-align:left;
	vertical-align:bottom;
	font-size:13px;
	color:#333333;
	border:0px;
	background-color:#F2F2F2;
	font-weight:bold;
	padding:5px;
}

#post table td 			{ text-align:left;vertical-align:top;border-top:1px solid #E6E6E6;padding:5px;}


#sidebar {
	float:left;
	width:207px;
	padding:10px;
	background:url('images/sidebar.png') no-repeat;
	min-height:450px;/*height:600px;*/
	font-size:.85em;
	border-top:1px solid #c9c9c9;
	margin-top:10px;
	overflow:auto;
}
#sidebar .title {
	color:#5c9bcd;
	font-size:1em;
	text-align:center;
	border-bottom:1px solid #cccccc;
	padding:5px 15px 15px 15px;
	font-weight:bold;
}
#sidebar h4 {
	color:#79b1de;
	font-size:1em;
	margin-bottom:8px;
}
#sidebar  p {
	color:#666666;
}
#sidebar a {
	color:#3c73aa;
}
#sidebar a:hover {
	color:#5c9bcd;
}
#sidebar ul {
	color:#404040;
	list-style:circle;
	padding:20px;
	margin:10px;
	padding-top:5px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:1em;
}
#sidebar li {
	margin-bottom:.75em;
}
#sidebar .feature {
	border-bottom:1px solid #cccccc;
	padding:15px;
}
#sidebar .last_feature {
	border-bottom:0px;
	padding:15px;
}



#index_footer {
	position:absolute;
	top:680px;
	width:100%;
}
#footer {
	clear:both;
	margin-top:30px;
	border-top:1px solid #cccccc;
	padding:20px;
	padding-bottom:100px;
}
#footer #follow {
	float:left;
	padding-top:6px;
}
#footer #follow a {
	margin-right:0px;
	border:0px;
	text-decoration:none;
}
#footer #logos {
	float:right;
}
#footer #logos a {
	margin-left:10px;
	border:0px;
	text-decoration:none;
}

#Livesearch_div {
	padding:10px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
	background-color:#f2f2f2;
	font-weight:bold;
	
}
#Livesearch_area {
	width:227px;
	height:30px;
	background:url('images/search.png') no-repeat;
}
#Livesearch_area #Livesearch {
	height:15px;
	width:205px;
	border:0px;
	background-color:#ffffff;
	margin:1px 1px 0px 1px;
	padding:6px;
	color:#666666;
}
.casestudy {
	border-top:1px solid #ccc;
	padding:10px 0px 10px 0px;
	overflow:auto;
}
.casestudy .content {
	width:265px;
	margin:0px;
	padding:0px;
	float:right;
}
.casestudy .image {
	width:71px;
	float:left;
	border:1px solid #eee;
	padding:1px;
	display:block;
}