/*-----------------------------------------------------------------------------
Master Style Sheet

version:   2.1
author:    Jamie Stanton
email:     jamie.stanton@gmail.com
website:   http://www.evolution-e.com, http://www.jamiestanton.com
-------------------------------------------------------------------------------

~~~~~~~~~~~~~~~~~~~~~
Table of Contents:
~~~~~~~~~~~~~~~~~~~~~
	General Settings
	Common Classes
	Link Icons
	Typography
	Header
	Column One
	Column Two
	blockLinks
	Content
	Footer
	Forms
	sIFR
	Job Engine
	
~~~~~~~~~~~~~~~~~~~~~
Main Colours
~~~~~~~~~~~~~~~~~~~~~
	Internet Blue 	#90B8D2
*/

/* =General Settings
-----------------------------------------------------------------------------*/
@charset "utf-8";
h1, h2, h3, h4, h5, h6, a, 
table, caption, tbody, tfoot, thead, tr, th, td, 
div, span, object, iframe, 
blockquote, pre, abbr, acronym, 
address, code, del, dfn, em, img, 
q, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, button, 
html, body					{ margin: 0; padding: 0; border: 0;} /* Removes padding and margin from all items*/
ul, li 						{ list-style:none; }
:focus 						{ outline: 0; } /* remember to define focus styles! */
table 						{ border-spacing:0; border-collapse:collapse; }
caption, th, td 			{ text-align:left; font-weight:normal; }
img							{ border: 0px; }
 
/* =Common Classes
-----------------------------------------------------------------------------*/
.help 						{ cursor:help; }
.left 						{ float:left; }
.right 						{ float:right; }
.clear 						{ clear:both; }
.img-left 					{ float:left; margin:4px 10px 4px 0; }
.img-right 					{ float:right; margin:4px 0 4px 10px; }
.align-left					{ text-align:left; }
.align-right				{ text-align:right; }
.align-center				{ text-align:center; }
.align-justify				{ text-align:justify; }
.nopadding      			{ padding:0; }
.noindent       			{ margin-left:0;padding-left:0; }
.nobullet       			{ list-style:none;list-style-image:none; }
.invisible					{ position:absolute; left:-9000px; }
.spoiler					{ color:#000; background-color:#000; }
.content .vertical-nav 		{ margin:0px; text-align: center; width:100%;}
.content .vertical-nav li	{ display: inline; padding-right: 5px; padding-left: 5px; margin:0px; background-image:none;}
.content .sitemap li 		{ background-image: url(../images/icons/page.png);background-repeat: no-repeat;background-position: left 4px;padding-left: 20px;}

/* =Link Icons
-------------------------------------------------------------------------------
Syntax: class="icon-right email" --- Many of these icons were created by Mark James of http://www.famfamfam.com/
-----------------------------------------------------------------------------*/
.icon-right 				{ background-repeat: no-repeat;background-position: right;padding-right: 20px; margin-right: 5px; } 
.icon-left 					{ background-repeat: no-repeat;background-position: left;padding-left: 20px; margin-left: 5px; } 
.email 						{ background-image: url(../images/icons/email.png); }
.external 					{ background-image:url(../images/icons/world_link.png); }
.calendar 					{ background-image:url(../images/icons/calendar.png); }
.date 						{ background-image:url(../images/icons/date.png); }
.time 						{ background-image:url(../images/icons/time.png); }
.rss 						{ background-image:url(../images/icons/rss.png); }
.search 					{ background-image:url(../images/icons/magnifier.png); }
.map 						{ background-image:url(../images/icons/map.png); }
.photo 						{ background-image:url(../images/icons/picture.png); }
.phone 						{ background-image:url(../images/icons/telephone.png); }
.mobile 					{ background-image:url(../images/icons/phone.png); }
.next 						{ background-image:url(../images/icons/resultset_next.png); }
.prev, .back				{ background-image:url(../images/icons/resultset_previous.png); }
.star 						{ background-image:url(../images/icons/star.png); }
.printer 					{ background-image:url(../images/icons/printer.png); }
.vcard 						{ background-image:url(../images/icons/vcard.png); }
.tag 						{ background-image:url(../images/icons/tag.png); }
.add 						{ background-image:url(../images/icons/add.png); }
.info 						{ background-image:url(../images/icons/info.png); }
.secure 					{ background-image:url(../images/icons/lock.png); }
.text	 					{ background-image:url(../images/icons/page_white_text.png); }
.skype 						{ background-image:url(../images/icons/skype.gif); }
.paypal 					{ background-image:url(../images/icons/paypal.gif); } 
.gearth 					{ background-image:url(../images/icons/gearth.gif); } /* Google Earth */
.outlook 					{ background-image:url(../images/icons/outlook.gif); } /* Microsoft Outlook - Alternative to vcard icon, depending on audience of site */
.login, .key				{ background-image:url(../images/icons/key.png); }
.ie							{ background-image:url(../images/flags/ie.png); }  /* Change country code to get relevant flag */
.new-window					{ background-image:url(../images/icons/newwindow.gif) }

/* =Typography (Global)
-----------------------------------------------------------------------------*/
a 							{
	color:#59676D;
	font-weight: normal;
}
a:link 						{
	color:#59676D;
	text-decoration: underline;
}
a:visited 					{ color:#999999; text-decoration: underline; }
a:hover 					{
	color:#7B8B93;
	text-decoration: none;
}
a:active 					{
	color:#59676D;
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6  	{ font-weight:normal; }
p,     					    { margin:0; padding:10px 0 0 0; }
sup 						{ position:relative; bottom:0.3em; vertical-align:baseline; }
sub 						{ position:relative; bottom:-0.2em; vertical-align:baseline; }
acronym, abbr 				{ cursor:help; letter-spacing:1px; border-bottom: 1px dashed; }

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	min-width:778px;
	text-align:center; /* remove if using fluid layout*/
	background-image: url(../images/background.jpg);
	background-repeat: repeat;
	background-position: left top;
	padding-top: 30px;
	color: #666666;
	line-height: 15px;
}
.wrapper {
	padding: 10px;
	width: 882px;
	background-color: #FFF;
	border: 1px solid #B5B5B5;
}


/* =Header
-----------------------------------------------------------------------------*/
.header 					{
	background-image: url(../images/header.jpg);
	height: 217px;
	width: 879px;
	background-repeat: no-repeat;
	background-position: left bottom;
	margin: 0px;
	padding: 0px;
}
.header .navOne 			{}
.header .navTwo 			{}
		
/* =Column One
-----------------------------------------------------------------------------*/
.colOne 				{}
.wrapper .colOne h2 {
	background-image: url(../images/title-brands.jpg);
	text-indent: -9000px;
	margin: 0px;
	padding: 0px;
	height: 32px;
	width: 206px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E8E8E3;
}

	
/* =Column Two
-----------------------------------------------------------------------------*/
.colTwo  					{}
.wrapper .colTwo h2 {
	background-image:url(../images/title-news.jpg);
	text-indent: -9000px;
	margin: 0px;
	padding: 0px;
	height: 32px;
	width: 271px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E8E8E3;
}
body .wrapper .colTwo.blockLinks a {
	width: 235px;
}



/* =blockLinks
-------------------------------------------------------------------------------
Quick way to add uniform look and functionality to links
-----------------------------------------------------------------------------*/
.blockLinks a {
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E8E8E3;
	padding-top: 6px;
	padding-right: 2px;
	padding-bottom: 6px;
	padding-left: 30px;
	width:170px;
	font-weight: normal;
	color: #59676D;
}

.blockLinks a:link {
	text-decoration: none;
	font-weight: normal;
	color: #59676D;
}

.blockLinks a:visited {
	text-decoration: none;
	color: #85949A;
}

.blockLinks a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #59676D;
}

.blockLinks a:active {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #7A8A92;
}

.blockLinks ul {
	list-style-type: none;
}
	
/* =Content
-----------------------------------------------------------------------------*/
.wrapper .content {	line-height: 25px; padding-bottom: 100px;padding-top: 0px;  }

.content h1 {
	font-size: 20px;
	font-weight: normal;
	font-weight: normal;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	color: #455560;
	padding: 0px;
}


.content caption {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0px;
	padding: 3px;
}
.content table {
	margin: 0px;
	width: 100%;
}

.content table th {
	text-align: left;
	margin: 0px;
	padding: 5px;
	vertical-align: top;
	font-weight: bold;
}

.content table td {
	color: #333333;
	font-size: 1.1em;
	text-align: left;
	margin: 0px;
	padding: 5px;
}

.content tr:hover {
	background-color: #EFEFEF;
} 

.content .odd {
} 

.content .even {
} 

.content address {
	background-color: #FEFAA5;
	display: block;
	margin: 30px;
	padding: 10px;
	border: 1px solid #F48221;
	font-size: 1.2em;
	font-style: normal;
	color: #333333;
} 

.content ul {
	padding: 0px;
	margin-top: 5px;
	margin-right: 10%;
	margin-bottom: 5px;
	margin-left: 10%;
	display: block;
}

.content ul li {
background-image:url(../images/bullet.png);
background-position:left 13px;
background-repeat:no-repeat;
margin:3px;
padding:3px 3px 3px 10px;
}
.content blockquote {
	color: #999999;
	margin-right: 10%;
	margin-left: 10%;
	padding-right: 10px;
	padding-left: 25px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-style: italic;
	background-image: url(../images/blockquote.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.content code, .content pre {
	font-family: "Courier New", Courier, monospace;
	font-size: 1.2em;
	margin-right: 10%;
	margin-left: 10%;
	color: #009900;
	background-color: #000000;
	padding: 10px;
	display: block;
	border: 8px inset #CCCCCC;
}

.wrapper .content-wrapper .content .brands a {
	background-image: url(../images/button-brands.jpg);
	height: 112px;
	width: 113px;
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	text-indent: -9000px;
	display: block;margin-left:5px;
}

.wrapper .content-wrapper .content .services a {
	background-image: url(../images/button-services.jpg);
	height: 112px;
	width: 113px;
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	text-indent: -9000px;
	display: block;margin-left:5px;
}

.wrapper .content-wrapper .content .about a {
	background-image: url(../images/button-about.jpg);
	height: 112px;
	width: 113px;
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	text-indent: -9000px;
	display: block;margin-left:15px;
}


.wrapper .content-wrapper .content a:hover {
	background-position: left top;
}
.wrapper .content-wrapper .content .baseLinks {
bottom:10px;
position:absolute;
right:345px;
}




/* =footer
-----------------------------------------------------------------------------*/
.footer {
	min-width: 750px;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	text-align: center;
}
.footer li {
	display: inline;
	padding-right: 5px;
	padding-left: 5px;
}

.footer p {
	padding-top: 10px;
		padding-bottom: 10px;
	line-height:20px; 
}

/* =Forms
-----------------------------------------------------------------------------*/
.content form {
	width: 100%;
	display: block;
	padding: 10px;
	margin-left: -10px;
}

.content form label {
	width: 120px;
	display: block;
	height: 20px;
	float: left;
}

.content form button { /* Resets button styles */
	background: none;
	background-color:transparent;
	cursor: pointer;
	border: 0px;
	margin: 0px;
}

/* =sIFR
-------------------------------------------------------------------------------
Scalable Inman Flash Replacement (SiFR) by Mike Davidson - http://www.mikeindustries.com/blog/sifr/
-----------------------------------------------------------------------------*/

.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 h1 {
	visibility: hidden;
}

/*.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}
*/

body .blockLinks ul { margin: 0px; padding: 0px;  }