/*------------------------------------------------
Main Style Sheet

Version:	1.0
Author:		Michael Walsh
Website:	www.enov8.co.uk
Created:	12/12/06
------------------------------------------------*/

/*HTML TAGS*/

body {
  margin:0;
  padding:0;
  font:70% Arial, Helvetica, sans-serif;
  background:#000 url(../images/interface/bg.jpg) top center no-repeat;
  text-align:center;
}

#header {
	width:757px;
	position:relative;
	height:146px;
}

h1 {
	position: absolute;
	top: 24px;
	left: 0;
	margin: 0;
	font-size: 2px;
}

h1 a {
	display: block;
	text-indent: -700em;
	text-decoration: none;
	height:42px;
	width:364px;
	background:url(../images/interface/logo.gif) no-repeat;
}

p, h3, h4 {
	border:0;
	margin:0;
	padding-top:1em;
}

h3, h4 {
	text-align:left;
}

table {
	margin-top:1.4em;
	margin-bottom:0.4em;
}

h2 {
	margin:25px 0 15px 0;
	border:0;
	font-size:1.6em;
	color:#5BD600;
	font-family: Arial, Helvetica, sans-serif;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:1.2em;
	background:url(../images/interface/h2-line.gif) top no-repeat;
	font-weight:bold;
}

.noline {background:none;}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:1.1em;
}

em {
	color:#FFF;
}

abbr, acronym {
  border-bottom: 1px dotted #858585;
  cursor: help;
}

blockquote {
	padding:12px 20px 14px 100px;
	margin:0;
	margin-top:1.4em;
	font-style:italic;
	overflow:visible;
	width:400px;
	border:1px solid #5E5E5E;
	background:#545454 url(../images/interface/blockquote_bg.gif) top left no-repeat;
}

blockquote p {
	padding-top:0;
}

cite {
	font-style:normal;
	font-weight:bold;
	font-size:0.9em;
	margin-top:1em;
	color:#999;
	display:block;
}

img {
	border: 0px none; 
}

/* FORM */

form, #thanks {
	margin-top:1.5em;
	padding:20px;
	padding-top:0px;
	background-color:#545454;
	border:1px solid #5E5E5E;
	float:right;
}

form p {clear:both;}

#thanks {
	width:285px;
	height:412px;
}

input, textarea {
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #868686;
	border-top:1px solid #3D3D3D;
	border-left:1px solid #3D3D3D;
	width:275px;
	padding:3px 4px;
	background:#FFF url(../images/interface/bg_input.gif) top left no-repeat;
	color:#000;
}

label {
	display:block;
}

input:focus, textarea:focus {
	border:1px solid #5BD600;
}

.button {
	width:75px;
	background-color:#33B300;
	border:1px solid #66FF00;
	border-bottom:1px solid #268600;
	border-right:1px solid #268600;
	color:#FFF;
	font-weight:bold;
	font-size:0.9em;
	background-image:none !important;
}

.buttonHover {
	width:75px;
	background-color:#5BD600;
	border:1px solid #B6FF00;
	border-bottom:1px solid #44A000;
	border-right:1px solid #44A000;
	color:#FFF;
	font-weight:bold;
	font-size:0.9em;
	background-image:none !important;
}

.buttonrow {
	text-align:right;
}

div.errors {padding-top:1em; width:275px; text-align:left;}
#EmailForm .invalidValue{border:1px solid #F00;}
#EmailForm .requiredValue{border:1px solid #F00;}

/*ACCESSIBILITY*/

.skipLink {
	position: absolute;
	left: -999px;
	width: 990px;
}

.hide {
	display:none;
	clear:both;
}

/* CLASSES */

.image {
	float:right;
	margin-left:20px;
	margin-bottom:20px;
	margin-top:0.4em;
}

.diagram {
	float:left;
	margin-right:20px;
	border:1px solid #3ED9D9;
	margin-top:0.4em;
}

.center {
	text-align: center;
}

.clear {
	clear:both;
}

.highlight {
	color:#FC0;
}

.datatable {
	width:100%;
	line-height:normal;
	border:1px solid #FC0;
}

.datatable th {
	background:#FC0 url(../images/interface/table-heading.gif) top repeat-x;
	font-size:1em;
	padding:0.5em 0.8em;
	vertical-align:top;
	font-weight:bold;
	color:#333;
	text-align:left;
}

.datatable td {
	background-color:#FFF;
	font-size:0.9em;
	padding:0.5em 0.8em;
	vertical-align:top;
	text-align:left;
	color:#000;
}

.datatable th a {
	color:#FFF !important;
	text-decoration:none;
}

.datatable th a:hover{
	color:#B2D15B !important;
}

.download {
	border:1px solid #3F71DC;
	color:#FFF !important;
	text-align:left;
	padding:2px 8px 3px 8px;
	display:block;
	text-decoration:none !important;
	background:#20396F url(../images/interface/download.gif) top right no-repeat;
}

.download:hover {
	background-color:#FFCC00;
	border:1px solid #FFF;
	color:#000 !important;
	background-position:right -100px;
}

.rss {
	padding:2px 0 !important;
	padding-left:25px !important;
	background:url(../images/interface/rss.gif) left no-repeat !important;
}

/* HEADER */

#header ul {
	width: 757px;
	position:absolute;
	margin: 0;
	padding: 0;
	list-style: none;
	top:92px;
	left:0;
	padding-left:21px;
	background:url(../images/interface/header.gif) no-repeat;
}

#header li {
	padding: 0;
	margin: 0;
	float:left;
}

#header ul a {
	float: left;
	padding: 39px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:39px; /* for IE5/Win */
}
#header ul a:hover, #header .current, #header .current:hover {
	background-position: 0 -39px;
}

#header .current, #header .current:hover {cursor:default;}

#home {width:83px; background:  url("../images/buttons/home.gif") top left no-repeat;}
#about {width:83px; background:  url("../images/buttons/about.gif") top left no-repeat;}
#news {width:75px; background:  url("../images/buttons/news.gif") top left no-repeat;}
#services {width:99px; background:  url("../images/buttons/services.gif") top left no-repeat;}
#portfolio {width:102px; background:  url("../images/buttons/portfolio.gif") top left no-repeat;}
#blog {width:71px; background:  url("../images/buttons/blog.gif") top left no-repeat;}
#contact {width:98px; background:  url("../images/buttons/contact.gif") top left no-repeat;}

/*NAVIGATION*/

#navigation {
	width:170px;
	float:right;
	padding-top:47px;
	background:url(../images/interface/nav_btm.gif) bottom left no-repeat;
	padding-bottom:26px;
}
 
#navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#navigation li {
	padding: 0;
	margin: 0;
}

#navigation h3 {
	margin:0;
	border:0;
	font-size:1em;
	color:#5BD600;
	background:url(../images/interface/nav_title.gif) no-repeat;
	color:#5BB716;
	padding: 6px 20px 6px 8px;
}

#navigation .titlemid {
	background:url(../images/interface/nav_title_mid.gif) no-repeat;
	padding-top:58px;
}

#navigation ul a {
	display: block;
	padding: 6px 20px 6px 8px;
	color:#fff;
	text-decoration: none;
	background:url(../images/buttons/sec_button.gif) no-repeat;
	height:1%;
}

#navigation ul .current a {
	background-position:0 -200px !important;
}

#navigation ul .current-cat a {
	background-position:0 -200px !important;
}

#navigation ul a:visited {
	background-position:0 -300px;
}

#navigation ul a:hover {
	background-position:0 -100px;
}

#navigation ul ul {
	padding:5px 0 10px 0;
}

#navigation ul ul li {
	background:url(../images/interface/sec-arrow.gif) left no-repeat;
}

#navigation ul ul a {
	padding: 4px 23px 3px 20px;
	font-weight:normal;
	color:#FFF !important;	
	background:none !important;
}

#navigation ul ul a:visited {
	background:url(../images/interface/tick_sec.gif) right no-repeat !important;
	padding-right:23px;
}

#navigation ul ul a:hover, #navigation ul ul .current a  {
	color:#5BB716 !important;
}

#navigation ul li.current ul {
	background:url(../images/buttons/tert_button.gif) left repeat-y;
}

/* IDs */
	
#wrapper, #wrapperwide {
	width:760px;
	margin:0 auto;
	text-align:left;
	position:relative;
}

#bg {
	background:url(../images/interface/tile_bg.gif) top repeat-x;
}

#bodywrapper {
	height:1%;
	width:762px;
	float:left;	
	background:url(../images/interface/tile_body.gif) repeat-y;
}

#wrapperwide #bodywrapper {
	background:url(../images/interface/tile_body_wide.gif) repeat-y;
}

#mBody {
	background:url(../images/interface/bg_title.gif) no-repeat;
	float:left;
	padding:0 35px;
	padding-bottom:10px;
	height:1%;
	min-height:275px;
	width:592px;
	font-size:1.1em;
	line-height:1.6;
	text-align:justify;
	color:#CCC;
	voice-family: "\"}\""; voice-family:inherit;
	width:522px; /*box model hack for IE5*/
}	

#mBody strong {
	color:#FFF;
}

* html #mBody {height:275px;} 

#wrapperwide #mBody {
	background:url(../images/interface/bg_title_wide.gif) no-repeat;
	width:757px;
	voice-family: "\"}\""; voice-family:inherit;
	width:687px; /*box model hack for IE5*/
}

/*.portfolio #mBody {
	background:url(../images/interface/bg_title_portfolio.png) no-repeat !important;
}*/

#mBody ul {
	list-style-type:none;
	/*text-align:left;*/
	margin-bottom:0;
	margin-top:1em;
}

#mBody ul ul {margin-top:0;}

#mBody ul li {
	padding-left:15px;
	background:url(../images/interface/bullet.gif) no-repeat 0 0.6em;
	margin-left:-15px;
}

#mBody ol li {
	padding-left:0;
	margin-left:-15px;
}

#mBody a {
	color:#5BD600;
	text-decoration:none;
	font-weight:bold;
}

#mBody a:hover {
	text-decoration:underline;
}

#mBody a:visited {
	background:url(../images/interface/tick.gif) right no-repeat;
	padding-right:15px;
}

/*FOOTER*/

#footer {
	padding:0 0 0 35px;
	background:url(../images/interface/footer_left.gif) no-repeat;
	height:113px;
	width:592px;
	clear:both;
	voice-family: "\"}\""; voice-family:inherit;
	height:113px;
	width:557px;
}

#wrapperwide #footer {
	width:757px;
	voice-family: "\"}\""; voice-family:inherit;
	width:722px; /*box model hack for IE5*/
}

#footer h3 {
	position: absolute;
	left: -9999px;
	width: 990px;
	background:none;
}

#footer a {
	color:#666;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
	color:#FFF;
}

#backtotop {
	float:right;
	background:url(../images/buttons/btt.gif) no-repeat;
	display:block;
	width:178px;
	padding: 68px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:68px; /* for IE5/Win */
}

#backtotop:hover {
	background-position:0 -100px;
}

#footer ul {
	float:left;
	width: auto;
	margin:0;
	padding:0;
	border:0;
	list-style: none;
	padding-top:32px;
}

#footer li {
	float:left;	
}

#footer ul a {
	float: left;
	display: block;
	padding-right: 10px;
}

#copyright {
	clear:both;
	padding-bottom:10px;
	padding-top:50px;
	color:#0d0d0d;
	height:1%;
}

#copyright a {
	color:#0d0d0d;
	text-decoration:none;
}

#copyright a:hover {
	text-decoration:underline;
}

/* SIFR */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h2 {
	visibility: hidden;
	font-size: 20px;
}

.sIFR-hasFlash #sifr {
	visibility: hidden;
	font-size: 13px;
}

/* CSS Hack for IE7 and below */

*:first-child+html.sIFR-hasFlash h2 {margin-bottom:25px} * html.sIFR-hasFlash h2 {margin-bottom:25px}

/* BLOG */

.post h2 {
}

.post h2 a {
	text-decoration:none;
}

.postdate {
	color:#999;
	font-size:0.8em;
}

.postmetadata {
	font-size:0.9em;
	background-color:#454545;
	border:1px solid #494949;
	display:block;
	padding:4px 8px;
	padding-top:3px;
	margin-top:1.5em;
	margin-bottom:2em;
}

.postmetadata a {
	color:#CCC !important;
}

.post-teaser a {
	color:#FFF !important;
}

.postmetadata a:visited {
	background-image:none !important;
	padding-right:0 !important;
}	

.alignright {
	float:right;
}

.alignleft {
	float:left;
}

.navigation {
	padding-top:1em;
}

/* BLOG CALENDAR STYLE DATE */

div.datetime {
width:62px;
height:59px;
background:#FFF url(../images/interface/blog_date.gif) top no-repeat; 
float:left;
margin:1.5em 20px 0px 0px;
padding:0;
}

div.datetime p {
margin:0 auto;
padding:0;
text-align:center;
}

div.datetime p.day {
color:#365500;
font-weight:bold;
font-size:13px;
text-transform:uppercase;
margin:0 auto; /* negative top margin, auto for centering */
padding:1px 0;
}

/* month */
div.datetime p.mon {
font-size:12px;
text-transform:uppercase;
color:#FFF;
}

/* year */
div.datetime p.yr {
font-size:10px;
color:#FFF;
line-height:1.2;
}

/* FLASH */

#flashportfolio {
	padding-top:22px;
}

#flashfeatured {
	padding-top:1.5em;
	width:252px;
	padding-left:25px;
	float:right;
}

/* NEWS */

#newsitems {
	width:auto;
	height:1%;
	padding-top:1em;
}

#newsitems ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

#newsitems li {
	margin:0;
	padding:0;
	margin-bottom:5px;
	background-image:none !important;
}

#newsitems a {
	display:block;
	background:#545454 url(../images/interface/news-arrow.gif) top right no-repeat !important;
	border:1px solid #5E5E5E;
	padding:2px 8px;
	color:#CCC;
	text-decoration:none;
	height:1%;
}

#newsitems a:hover {
	background-position:right -100px !important;
	border-color:#65FE00;
	color:#333;
	text-decoration:none;
	background-color:#65FE00 !important;
}

#newsitems a span {
	font-weight:normal;
	/*color:#5BD600;*/
}

/*#newsitems a:hover span {
	color:#333;
}*/

/* ACCORDIAN */

#accordion {
	padding-top:1em;
}

.toggler, .toggleron {
	display:block;
	background:#545454 url(../images/interface/news-arrow.gif) top right no-repeat !important;
	border:1px solid #5E5E5E;
	padding:2px 8px;
	color:#CCC;
	text-decoration:none;
	height:1%;
	font-size:1em;
	color:#FFF !important;
	margin-top:5px;
	font-weight:normal;
	cursor:pointer;
}

.toggler:hover, .toggleron {
	background-position:right -100px !important;
	border-color:#65FE00;
	color:#333 !important;
	text-decoration:none;
	background-color:#65FE00 !important;
}

.toggleron {
	font-weight:bold;
}

.element p {
	margin: 0;
	padding-left:8px;
	padding-right:8px;
	padding: 0.5em 8px;
}

.element {
	padding-bottom:1em;	
}

/* TESTIMONIALS */

.SimpleSlide {
	width: 522px; /* Defining slideshow width */
	height: 355px; /* Defining slideshow height */
	overflow: hidden; /* required to hide not active elements. */
}
.SimpleSlide div {
	width: 11469px; /* Defining inner box with, must be SimpleSlide item x number of items + 3 pixels */
}
.SimpleSlide div div {
	width: 522px;
	height: 355px;
	float: left; /* Required if you want a horizontal slide. */
	margin-right:24px;
}

.SimpleSlide blockquote {
	margin-top:0 !important;
}

#testimonialsnav {
	background-image:url(../images/interface/testimonials-nav.gif);
	width:498px;
	height:23px;
	padding:3px 12px 0 12px;
	margin-top:1.4em;
}

#testimonialsnav #next, #testimonialsnav #previous {
	color:#FFF;
}

#testimonialsnav #next {
	float:right;
}

#testimonialsnav #previous {
	float:left;
}

#testimonialsnav a:visited {
	background:none;
	padding-right:0;
}

/* HOME FEATURED */

#featured {
	margin-top:2em;
	margin-bottom:1em;
	float:left;
}

#sifr {
	margin:0;
	padding:0;
	background-image:none;
	color:#5BD600;
}

#featuredtext {
	float:left;
	background:url(../images/featured/featured.gif) no-repeat;
	height:100px;
	width:155px;
	padding-left:35px;
	padding-top:27px;
}

#featuredimage {
	float:right;
	width:332px;
	height:127px;
}