@charset "utf-8";

/* Reset */
a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,
code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4,
h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, ol, p, param, pre,
q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead,
tr, tt, ul, var {margin:0;padding:0;vertical-align:baseline}

/* Defaults */
:focus {outline:0}
a, a:visited {}
a:hover {}
body {background:#000;color:#FFF;font:75%/125% Verdana, Arial, Sans-Serif}
img {border:0;vertical-align:bottom}
fieldset {border:0}
h2 {color:#81badd;font-size:1.5em;font-weight:normal;margin:0 0 20px}
h3 {font-size:1.17em;margin:0 0 1em}
h5 {font-size:0.8em;margin:0 0 1em;font-weight: normal}
p {margin:0 0 1em}

/* Container */
.content {margin:0 auto;position:relative;width:960px}

/* Image Replacement */
.ir {overflow:hidden;position:relative}
.ir span {height:100%;left:0;position:absolute;top:0;width:100%}
	
/* Header */
#header {background:url(../images/header.png) repeat-x;height:39px}
#header img {margin:5px 0 0}
#header #customiser {background:url(../images/customiser-bg.png) no-repeat;height:34px;position:absolute;top:0;right:-1;width:362px}
#header #customiser strong {color:#069;float:left;font-size:0.83em;text-transform:uppercase}
#header #customiser p {display:inline;float:left;line-height:22px;margin:4px 0 0 15px;width:auto}

	/* Colours */
	#customiser .colour {float:left;height:24px;margin:0 2px;width:24px}
	#customiser .colour span {background:url(../images/colours.png) no-repeat;cursor:pointer}
	#customiser #green span {background-position:-29px 0}
	#customiser #orange span  {background-position:-57px 0}
	#customiser #red span  {background-position:-86px 0}
	#customiser #purple span  {background-position:-116px 0}
	
	/* Fonts */
	#customiser .font {background:url(../images/fonts.png) no-repeat;color:#3a86ac;float:left;height:24px;line-height:24px;margin:0 2px;width:24px;text-align:center;text-decoration:none;font-weight:bold}
	#customiser .font:hover {background-position:right top}
	#customiser #small {font-size:10px}
	#customiser #regular {font-size:12px}
	#customiser #large {font-size:14px;line-height:22px}

/* Splash */
#home #splash, #home #splash .content {height:260px}
#splash, #splash .content {color:#FFF;height:172px}

	/* Heading */
	#home #splash h1 {padding:0}
	#splash h1 {font-size:3.6em;line-height:165%;padding:30px 0 0}

	/* Text */
	#splash p {font:bold 1.6em Tahoma;font-weight:bold;line-height:120%;margin:15px 0 0;width:540px}
	
	/* Menu */
	#splash ul {position:absolute;bottom:1px;left:-10px;overflow:hidden;z-index:2}
	#splash ul li {float:left;list-style:none;margin:0 5px 0 3px;width:auto}
	#splash ul li a {color:#FFF;float:left;height:14px;font-weight:bold;line-height:1em;padding:9px 10px;margin:0 0 0 -3px;position:relative;text-decoration:none;text-transform:uppercase;height:14px}

	/* Monitor */
	#home #splash #monitor {height:390px;position:absolute;right:0;top:-34px;width:323px}
	#home #splash #product_monitor {height:381px;position:absolute;right:0;top:-23px;width:372px}
	#home #splash #support_monitor {height:331px;position:absolute;right:0;top:-12px;width:361px}
	#home #splash #stems_box {height:357px;position:absolute;right:0;top:-31px;width:357px}

/* Main */
#main {background:#000 url(../images/bg.jpg) repeat-x;overflow:hidden}

/* Content */
#products #content {width:100%}
#content {float:left;width:630px}
	
	/* Breadcrumb */
	#breadcrumb {color:#EEE;list-style:none;margin:30px 0 20px}
	#breadcrumb a {color:#EEE}

	/* Headings */
	#intro {height:20px;width:146px}
	#intro span {background:url(../images/stems-intro.png) no-repeat}
	#latest {height:20px;width:146px}
	#latest span {background:url(../images/latest-news.png) no-repeat}
	#contact-us {height:20px;width:115px}
	#contact-us span {background:url(../images/contact-us.png) no-repeat}
	#stems {height:20px;width:70px}
	#stems span {background:url(../images/stem.png) no-repeat}
	
	/*MINE*/
	#about_us {height:20px;width:132px}
	#about_us span {background:url(../images/about_us.png) no-repeat}
	#site_map {height:25px;width:132px}
	#site_map span {background:url(../images/site_map.png) no-repeat}
	#oops {height:20px;width:132px}
	#oops span {background:url(../images/oops.png) no-repeat}
	#thanks {height:20px;width:132px}
	#thanks span {background:url(../images/thank_you.png) no-repeat}
	#our_services {height:20px;width:132px}
	#our_services span {background:url(../images/services.png) no-repeat}
	#client_support {height:26px;width:154px}
	#client_support span {background:url(../images/client_support.png) no-repeat}
	#terms_conditions {height:21px;width:234px}
	#terms_conditions span {background:url(../images/terms.png) no-repeat}
	#stems_testimonials {height:26px;width:154px}
	#stems_testimonials span {background:url(../images/testimonials.png) no-repeat}

	/* Article */
	.article {background:#0c0c0c;clear:both;padding:20px 20px 10px}
	#home .article {margin:20px 0 0}
	
	/* Tabs */
	#tabs {font-weight:bold;list-style:none;margin:0 0 20px;overflow:hidden;height:28px}
	#tabs li {float:left;line-height:28px;margin:0 10px 0 0;width:auto}
	#tabs li a {color:#FFF;text-decoration:none;float:left;height:28px;padding:0 15px;width:auto}
	#tabs li.current, #tabs li:hover {background:url(../images/tab.png) no-repeat right bottom}
	#tabs li.current a, #tabs li:hover a {background:url(../images/tab.png) no-repeat left top;color:#2a6ebb;font-weight:bold}

	/* Product Page */
	div.top {background:url(../images/products-top.png) no-repeat}
	div.bottom {background:url(../images/products-bottom.png) no-repeat left bottom;color:#000;text-align:justify;overflow:hidden;padding:25px 25px 64px;width:910px}
	.bottom h1 {font-size:16px;text-transform:uppercase;margin:0 0 15px}
	.divider {clear:both;height:20px}
	
		/* Tabs */
		#products #tabs {background:url(../images/product-menu.png) no-repeat;height:56px}
		#products #tabs li {margin:0}
		#products #tabs li a {background:none;height:56px;padding:0;position:relative; cursor:pointer}
		#products #tabs li a span {background:url(../images/product-menu.png) no-repeat;height:56px;float:left;position:absolute;top:0;left:0;width:100%}
		#products #tabs li.current {background:none}
		#products #tabs li.current a {background:none}
		
		#products #tabs li a#tour {width:240px}
		#products #tabs li.current a#tour span {background-position:0 -56px}
		
		#products #tabs li a#editions {width:244px}
		#products #tabs li a#editions span {background-position:-239px 0}
		#products #tabs li.current a#editions span {background-position:-239px -56px}
		
		#products #tabs li a#pricing {width:233px}
		#products #tabs li a#pricing span {background-position:-485px 0}
		#products #tabs li.current a#pricing span {background-position:-485px -56px}
		
		#products #tabs li a#contact_demo {width:243px}
		#products #tabs li a#contact_demo span {background-position:right top}
		#products #tabs li.current a#contact_demo span {background-position:right bottom}
		
		/* Tour */
		#tour-box {background:#FFF url(../images/products-gradient.png) repeat-x left bottom}
		#tour-box .box {background:url(../images/box3.png) repeat-y center top;float:right;margin:0 0 0 25px;width:239px}
		#tour-box .box div {background:url(../images/box3.png) no-repeat}
		#tour-box .box div div {background:url(../images/box3.png) no-repeat right bottom;padding:8px}
		#tour-box .box h2 {color:#819d13;font-size:18px;font-weight:normal;text-transform:uppercase;margin:0 0 10px}
		
		.home {background:url(../images/front.png) no-repeat;float:left;margin:0 2px 5px;height:209px;width:450px}
		.home:hover {background:url(../images/front-over.png) no-repeat}
		.home div {display:inline;float:right;margin:15px;position:relative;height:180px;width:320px}
		.home img {float:left;margin:10px 0 0 9px}
		.home h2 {color:#000;font-size:16px;font-weight:bold}
		.home a {background:url(../images/learn-more.png) no-repeat;float:right;color:#000;font-weight:bold;position:absolute;bottom:0px;right:0px;text-decoration:none;text-align:center;line-height:28px;height:28px;width:124px}
		
		.home_big {background:url(../images/front_big.png) no-repeat;float:left;margin:0 2px 5px;height:252px;width:450px}
		.home_big:hover {background:url(../images/front_big-over.png) no-repeat}
		.home_big div {display:inline;float:right;margin:15px;position:relative;height:223px;width:320px}
		.home_big img {float:left;margin:10px 0 0 9px}
		.home_big h2 {color:#000;font-size:16px;font-weight:bold}
		.home_big a {background:url(../images/learn-more.png) no-repeat;float:right;color:#000;font-weight:bold;position:absolute;bottom:0px;right:0px;text-decoration:none;text-align:center;line-height:28px;height:28px;width:124px}
		
		/* Editions */
		#editions-box {background:#FFF url(../images/products-gradient.png) repeat-x left bottom}
		#headings {float:right;margin:0 0 0 25px}
		
		.compare {margin:0 0 25px;overflow:hidden;width:100%}
		.compare h2 {color:#000;font-size:18px;font-weight:bold;margin:0 0 -8px 124px;position:relative;z-index:101}
		.compare h3 {color:#000;font-size:12px;font-weight:bold;margin:0 0 -1px 124px;position:relative;z-index:101}
		.compare table {background:#FFF url(../images/gradient_small.png) repeat-x left bottom;float:right;font-size:11px;width:790px}
		.compare td {border-top:1px solid #c5c5c5;vertical-align:top}
		.compare td.tick-e {border-right:1px solid #a3a3a3;border-top:1px solid #a3a3a3}
		.compare td.tick-c {border-top:1px solid #a3a3a3}
		.compare th {font-size:10px;text-align:center;text-transform:uppercase}
		
		.admin {background:url(../images/icon-admin.png) no-repeat 0 5px}
		.tools {background:url(../images/icon-tools.png) no-repeat 0 5px}
		.ohs {background:url(../images/icon-ohs.png) no-repeat 0 5px}
		.hrs {background:url(../images/icon-hr.png) no-repeat 0 5px}
		.training {background:url(../images/icon-training.png) no-repeat 0 5px}
		.docs {background:url(../images/icon-docs.png) no-repeat 0 5px}
		.asset {background:url(../images/icon-asset.png) no-repeat 0 5px}
		
		.title {width:551px; padding-left:5px}
	
		/* Pricing Box */
		#pricing-box {background:#FFF url(../images/products-gradient.png) repeat-x left bottom}
		#pricing-box .bottom {padding:30px 45px 85px;width:870px}
		
		#pricing-box .description {float:left;width:300px}
		#pricing-box .description h1 {font-size:1.5em;font-weight:normal;margin:0 0 5px;text-transform:none}
		#pricing-box .description h2 {color:#000;font-size:1.2em;font-weight:normal;margin:0 0 15px}
		#pricing-box .description ul {margin:0 0 2em 18px}
		#pricing-box .description ul li {padding:0 0 0 20px}
		#pricing-box .leasing {float:right;margin:10px 0 0;width:348px}
		#pricing-box .leasing h2 {color:#000;font-size:14px;font-weight:normal}
		#pricing-box .leasing h3 {font-size:2em;font-weight:normal;margin:20px 0 10px 130px}
		#pricing-box .first p, #pricing-box .second p {font-size:10px;line-height:1.1em;margin:0 15px 0 130px;text-align:left}
		
		#pricing-box .first {height:115px;overflow:hidden;margin:0 0 10px}
		#pricing-box .second {height:115px;overflow:hidden;margin:0 0 20px}
		#pricing-box .ir {float:right;height:34px;width:181px}
		
		#essentials {background:url(../images/essentials-bg.png) no-repeat;height:374px;margin:0 0 15px;padding:15px;width:840px}
		#essentials .image {float:left}
		
		#essentials .ir span {background:url(../images/enquire-green-overlay.png) no-repeat}
		#essentials .ir span:hover {background-position:bottom; cursor:pointer}
		
		#essentials .first {background:url(../images/essentials-1-25.png) no-repeat}
		#essentials .second {background:url(../images/essentials-26-50.png) no-repeat}
		
		#central {background:url(../images/central-bg.png) no-repeat;height:374px;padding:15px;width:840px}
		#central .image {float:left}
		
		#central .ir span {background:url(../images/enquire-blue-overlay.png) no-repeat}
		#central .ir span:hover {background-position:bottom; cursor:pointer}
		
		#central .first {background:url(../images/central-1-25.png) no-repeat}
		#central .second {background:url(../images/central-26-50.png) no-repeat}

		/* Demo Box */
		#contact-box {background:#FFF url(../images/products-gradient.png) repeat-x left bottom}
		#contact-box h1 {font-size:2em;font-weight:normal;text-transform:none}
		#contact-box h2 {color:#000;font-size:14px}
		
		#contact-box .box {background:url(../images/box2.png) repeat-y center top;float:right;margin:37px 0 0 20px;width:437px}
		#contact-box .box div {background:url(../images/box2.png) no-repeat}
		#contact-box .box div div {background:url(../images/box2.png) no-repeat right bottom;padding:10px 15px}
		#contact-box .box h2 {font-size:16px;margin:0 0 12px}

		#contact-box form {width:430px}
		#contact-box form label {font-weight:bold;display:block;margin:20px 0 5px}
		#contact-box form input {border:1px solid #9fa6ac;color:#000;font-size:16px;margin:0 0 -5px;padding:2px;width:99%} /*changed to -5 from 3 */
		#contact-box form textarea {border:1px solid #9fa6ac;color:#000;font:16px Verdana, Arial;padding:2px;width:99%}
		#contact-box form em {color:#C00}
		
		#contact-box form input#first {width:99%} /*changed from 48 to 99*/
		/*#contact-box form input#last {width:48%}*/
		
		#contact-box form input#submit {border:0;padding:0;margin:10px 0 0;width:auto}

	/* Contact */
	#contact-info {background:#0e0d0d url(../images/contact-bg.jpg) repeat-x;border:1px solid #383838;height:1%;padding:10px 15px;overflow:hidden}
	#contact-info form {border-right:1px dotted #7e7e7e;float:left;padding:0 15px 0 0;width:290px}
	#contact-info label {font-size:1.2em;font-weight:bold;line-height:1.25em}
	#contact-info form em {color:#C00}
	#contact-info p input {display:block;margin:3px 0 0;width:285px}
	#contact-info textarea {display:block;font:1em Verdana, Arial, Sans-Serif;margin:3px 0 0;width:285px}
	#contact-info div {float:left;padding:20px 0 0 15px;width:270px}
	#contact-info a {color:#FFF;text-decoration:none}

	/* People */
	#people {clear:both;list-style:none}
	#people li {background:url(../images/light-bg.jpg);border:1px solid #646464;float:left;height:142px;width:280px;margin:0 0 15px 15px;padding:5px;position:relative;font-size: 12px}
	#people li img {float:left;margin:0 10px 0 0}
	#people li strong {display:block}
	#people li .more {background:url(../images/more.png) no-repeat right center;color:#8ec54d;font-size:.83em;font-weight:bold;padding:10px 25px 10px 0;position:absolute;right:5px;bottom:0;text-decoration:none;display:none}
	#people li:hover .more {display:block}
	
	/* Partners */
	#our_partners {clear:both;list-style:none}
	#our_partners li {background:url(../images/light-bg.jpg);border:1px solid #646464;float:left;height:142px;width:280px;margin:0 0 15px 15px;padding:5px;position:relative;font-size: 12px}
	#our_partners li img {float:left;margin:0 10px 0 0}
	#our_partners li strong {display:block}
	#our_partners li .more {background:url(../images/more.png) no-repeat right center;color:#8ec54d;font-size:.83em;font-weight:bold;padding:10px 25px 10px 0;position:absolute;right:5px;bottom:0;text-decoration:none;display:none}
	#our_partners li:hover .more {display:block}
	
	#our_partners li .more_2 {background:url(../images/more.png) no-repeat right center;color:#8ec54d;font-size:.83em;font-weight:bold;padding:10px 25px 10px 0;position:absolute;right:5px;bottom:0;text-decoration:none;display:none}
	#our_partners li:hover .more_2 {display:block}
	
	/* TESTEMONIAL - MINE */
	.client_testimonail {background:url(../images/light-bg.jpg);border:1px solid #646464;float:left;padding:5px;font-size:11px;margin:10px 0 5px 0; width:98%}
	.client_testimonail img {float:left;margin:4px 10px 0 0}
	.client_testimonail strong {display:block}
	
	/* SCREENSHOTS - MINE */
	.stems_screenshots {background:url(../images/light-bg.jpg);border:1px solid #646464;float:left;padding:5px;font-size:10px;margin:5px; width:45%; height:50px}
	.stems_screenshots img {float:left;margin:5px 10px 0 0}
	.stems_screenshots strong {display:block}

	/* Features */
	#features {background:#121212;height:1%;list-style:none;padding:10px 15px;overflow:hidden}
	#features li {background:url(../images/bullet.gif) no-repeat left center;float:left;padding:2px 0 2px 15px;width:250px}
	
	/* Enquire */
	#enquire {background:url(../images/enquire.png) no-repeat;color:#000;height:343px;width:282px}
	#enquire h3 {height:18px;margin:11px 0 5px 40px;width:169px}
	#enquire h3 span {background:url(../images/enquire-today.png) no-repeat}
	#enquire label {font-weight:bold;display:block}
	#enquire em {color:#C00}
	#enquire p input {width:200px}
	#enquire p {margin:0 0 8px 40px}
	#enquire textarea {display:block;font:1em Verdana, Arial, Sans-Serif;margin:3px 0 0;width:200px;resize:none;height:46px}
	#enquire #request {margin:2px 0 0 112px}
	* html #enquire #request {margin:2px 0 0 112px}
	*+html #enquire #request {margin:2px 0 0 112px}

/* Sidebar */
#sidebar {background:url(../images/divider.png) no-repeat;float:right;height:617px;margin:103px 0 0;padding:0 0 0 25px;width:279px}
	
	/* Headings */
	#featured {height:15px;width:170px}
	#featured span {background:url(../images/featured-product.png) no-repeat}

	/* Box */
	#box {display:block;height:216px;margin:0 0 18px;overflow:hidden;width:279px}
	#box:hover img {margin:0 0 0 -279px}
	
	/* Suppport */
	#sidebar #support {font-size:1.2em;font-weight:bold;margin:3px 0 0;text-transform:uppercase}
	#sidebar #support a {background:url(../images/support.png) no-repeat;color:#FFF;display:block;height:33px;padding:17px 0 0 50px;text-decoration:none;position:relative}
	#sidebar #support a:hover {background-position:left bottom}
	
	/* Contact */
	#sidebar #contact-details {background:url(../images/contact.png) no-repeat;color:#FFF;height:43px;margin:17px 0 0;padding:15px 0 0 45px}
	#sidebar #contact-details a {color:#FFF}
	#sidebar #contact-details a:hover {text-decoration:underline}
	#sidebar #more {color:#FFF;font-size:.83em;text-decoration:none}
	#sidebar #more:hover {text-decoration:underline}
	
	/* Map */
	#map {height:18px;width:36px}
	#map span {background:url(../images/map.png) no-repeat}
	#gmap {margin:0 0 10px}

/* Footer */
#footer {background:url(../images/footer.png) repeat-x;font-size:.83em;margin:25px 0 0;padding:12px 0 15px;overflow:hidden}
#footer p {float:left;margin:0;width:auto}
#footer ul {float:right;list-style:none;width:auto}
#footer ul li {background:url(../images/divider.gif) no-repeat left center;display:inline;padding:0 1px 0 5px}
#footer ul li#contact {background:none}
#footer ul li#contact a {background:url(../images/contact.gif) no-repeat;padding:0 0 0 15px}
#footer ul li#rss a {background:url(../images/rss.gif) no-repeat;padding:0 0 0 15px}
#footer ul li#sitemap a {background:url(../images/sitemap.gif) no-repeat;padding:0 0 0 15px}
#footer a {color:#017fa9}

/* IE6 */
* html body {behavior:url(js/hover.htc)}
* html #home #splash #support_monitor, * html #home #splash #product_monitor, * html #home #splash #monitor, * html #home #splash #stems_box {behavior:url(js/iepngfix.htc)}

/*Font Sizes*/

.small_font	#content { font-size:x-small; }
.medium_font #content {  }
.large_font	#content { font-size:medium; }
.x_large_font #content	{ font-size:x-large; }
.xx_large_font #content	{ font-size:xx-large; }

.small_font #customiser #small.font {background-position:right top}
.medium_font #customiser #regular.font {background-position:right top}
.large_font #customiser #large.font {background-position:right top}
}
		#essentials .ir span:hover {background-position:bottom; cursor:pointer}
		
		#essentials .first {background:url(../images/essentials-1-25.png) no-repeat}
		#essentials .second {background:url(../images/essentials-26-50.png) no-repeat}
		
		#central {background:url(../images/central-bg.png) no-repeat;height:374px;padding:15px;width:840px}
		#central .image {float:left}
		
		#central .ir span {background:url(../images/enquire-blue-overlay.png) no-repeat}
		#central .ir span:hover {background-position:bottom; cursor:pointer}
		
		#central .first {background:url(../images/central-1-25.png) no-repeat}
		#central .second {background:url(../images/central-26-50.png) no-repeat}

		/* Demo Box */
		#contact-box {background:#FFF url(../images/products-gradient.png) repeat-x left bottom}
		#contact-box h1 {font-size:2em;font-weight:normal;text-transform:none}
		#contact-box h2 {color:#000;font-size:14px}
		
		#contact-box .box {background:url(../images/box2.png) repeat-y center top;float:right;margin:37px 0 0 20px;width:437px}
		#contact-box .box div {background:url(../images/box2.png) no-repeat}
		#contact-box .box div div {background:url(../images/box2.png) no-repeat right bottom;padding:10px 15px}
		#contact-box .box h2 {font-size:16px;margin:0 0 12px}

		#contact-box form {width:430px}
		#contact-box form label {font-weight:bold;display:block;margin:20px 0 5px}
		#contact-box form input {border:1px solid #9fa6ac;color:#000;font-size:16px;margin:0 0 -5px;padding:2px;width:99%} /*changed to -5 from 3 */
		#contact-box form textarea {border:1px solid #9fa6ac;color:#000;font:16px Verdana, Arial;padding:2px;width:99%}
		#contact-box form em {color:#C00}
		
		#contact-box form input#first {width:99%} /*changed from 48 to 99*/
		/*#contact-box form input#last {width:48%}*/
		
		#contact-box form input#submit {border:0;padding:0;margin:10px 0 0;width:auto}

	/* Contact */
	#contact-info {background:#0e0d0d url(../images/contact-bg.jpg) repeat-x;border:1px solid #383838;height:1%;padding:10px 15px;overflow:hidden}
	#contact-info form {border-right:1px dotted #7e7e7e;float:left;padding:0 15px 0 0;width:290px}
	#contact-info label {font-size:1.2em;font-weight:bold;line-height:1.25em}
	#contact-info form em {color:#C00}
	#contact-info p input {display:block;margin:3px 0 0;width:285px}
	#contact-info textarea {display:block;font:1em Verdana, Arial, Sans-Serif;margin:3px 0 0;width:285px}
	#contact-info div {float:left;padding:20px 0 0 15px;width:270px}
	#contact-info a {color:#FFF;text-decoration:none}

	/* People */
	#people {clear:both;list-style:none}
	#people li {background:url(../images/light-bg.jpg);border:1px solid #646464;float:left;height:142px;width:280px;margin:0 0 15px 15px;padding:5px;position:relative;font-size: 12px}
	#people li img {float:left;margin:0 10px 0 0}
	#people li strong {display:block}
	#people li .more {background:url(../images/more.png) no-repeat right center;color:#8ec54d;font-size:.83em;font-weight:bold;padding:10px 25px 10px 0;position:absolute;right:5px;bottom:0;text-decoration:none;display:none}
	#people li:hover .more {display:block}
	
	/* Partners */
	#our_partners {clear:both;list-style:none}
	#our_partners li {background:url(../images/light-bg.jpg);border:1px solid #646464;float:left;height:142px;width:280px;margin:0 0 15px 15px;padding:5px;position:relative;font-size: 12px}
	#our_partners li img {float:left;margin:0 10px 0 0}
	#our_partners li strong {display:block}
	#our_partners li .more {background:url(../images/more.png) no-repeat right center;color:#8ec54d;font-size:.83em;font-weight:bold;padding:10px 25px 10px 0;position:absolute;right:5px;bottom:0;text-decoration:none;display:none}
	#our_partners li:hover .more {display:block}
	
	#our_partners li .more_2 {background:url(../images/more.png) no-repeat right center;color:#8ec54d;font-size:.83em;font-weight:bold;padding:10px 25px 10px 0;position:absolute;right:5px;bottom:0;text-decoration:none;display:none}
	#our_partners li:hover .more_2 {display:block}
	
	/* TESTEMONIAL - MINE */
	.client_testimonail {background:url(../images/light-bg.jpg);border:1px solid #646464;float:left;padding:5px;font-size:11px;margin:10px 0 5px 0; width:98%}
	.client_testimonail img {float:left;margin:4px 10px 0 0}
	.client_testimonail strong {display:block}
	
	/* SCREENSHOTS - MINE */
	.stems_screenshots {background:url(../images/light-bg.jpg);border:1px solid #646464;float:left;padding:5px;font-size:10px;margin:5px; width:45%; height:50px}
	.stems_screenshots img {float:left;margin:5px 10px 0 0}
	.stems_screenshots strong {display:block}

	/* Features */
	#features:#121212;height:1%;list-style:none;padding:10px 15px;overflow:hidden}
	#features li {background:url(../images/bullet.gif) no-repeat left center;float:left;padding:2px 0 2px 15px;width:250px}
	
	/* Enquire */
	#enquire {background:url(../images/enquire.png) no-repeat;color:#000;height:343px;width:282px}
	#enquire h3 {height:18px;margin:11px 0 5px 40px;width:169px}
	#enquire h3 span {background:url(../images/enquire-today.png) no-repeat}
	#enquire label {font-weight:bold;display:block}
	#enquire em {color:#C00}
	#enquire p input {width:200px}
	#enquire p {margin:0 0 8px 40px}
	#enquire textarea {display:block;font:1em Verdana, Arial, Sans-Serif;margin:3px 0 0;width:200px;resize:none;height:46px}
	#enquire #request {margin:2px 0 0 112px}
	* html #enquire #request {margin:2px 0 0 112px}
	*+html #enquire #request {margin:2px 0 0 112px}

/* Sidebar */
#sidebar {background:url(../images/divider.png) no-repeat;float:right;height:617px;margin:103px 0 0;padding:0 0 0 25px;width:279px}
	
	/* Headings */
	#featured {height:15px;width:170px}
	#featured span {background:url(../images/featured-product.png) no-repeat}

	/* Box */
	#box {display:block;height:216px;margin:0 0 18px;overflow:hidden;width:279px}
	#box:hover img {margin:0 0 0 -279px}
	
	/* Suppport */
	#sidebar #support {font-size:1.2em;font-weight:bold;margin:3px 0 0;text-transform:uppercase}
	#sidebar #support a {background:url(../images/support.png) no-repeat;color:#FFF;display:block;height:33px;padding:17px 0 0 50px;text-decoration:none;position:relative}
	#sidebar #support a:hover {background-position:left bottom}
	
	/* Contact */
	#sidebar #contact-details {background:url(../images/contact.png) no-repeat;color:#FFF;height:43px;margin:17px 0 0;padding:15px 0 0 45px}
	#sidebar #contact-details a {color:#FFF}
	#sidebar #contact-details a:hover {text-decoration:underline}
	#sidebar #more {color:#FFF;font-size:.83em;text-decoration:none}
	#sidebar #more:hover {text-decoration:underline}
	
	/* Map */
	#map {height:18px;width:36px}
	#map span {background:url(../images/map.png) no-repeat}
	#gmap {margin:0 0 10px}

/* Footer */
#footer {background:url(../images/footer.png) repeat-x;font-size:.83em;margin:25px 0 0;padding:12px 0 15px;overflow:hidden}
#footer p {float:left;margin:0;width:auto}
#footer ul {float:right;list-style:none;width:auto}
#footer ul li {background:url(../images/divider.gif) no-repeat left center;display:inline;padding:0 1px 0 5px}
#footer ul li#contact {background:none}
#footer ul li#contact a {background:url(../images/contact.gif) no-repeat;padding:0 0 0 15px}
#footer ul li#rss a {background:url(../images/rss.gif) no-repeat;padding:0 0 0 15px}
#footer ul li#sitemap a {background:url(../images/sitemap.gif) no-repeat;padding:0 0 0 15px}
#footer a {color:#017fa9}

/* IE6 */
* html body {behavior:url(js/hover.htc)}
* html #home #splash #support_monitor, * html #home #splash #product_monitor, * html #home #splash #monitor, * html #home #splash #stems_box {behavior:url(js/iepngfix.htc)}

/*Font Sizes*/

.small_font	#content { font-size:x-small; }
.medium_font #content {  }
.large_font	#content { font-size:medium; }
.x_large_font #content	{ font-size:x-large; }
.xx_large_font #content	{ font-size:xx-large; }

.small_font #customiser #small.font {background-position:right top}
.medium_font #customiser #regular.font {background-position:right top}
.large_font #customiser #large.font {background-position:right top}
}
		#essentials .ir span:hover {background-position:bottom; cursor:pointer}
		
		#essentials .first {background:url(../images/essentials-1-25.png) no-repeat}
		#essentials .second {background:url(../images/essentials-26-50.png) no-repeat}
		
		#central {background:url(../images/central-bg.png) no-repeat;height:374px;padding:15px;width:840px}
		#central .image {float:left}
		
		#central .ir span {background:url(../images/enquire-blue-overlay.png) no-repeat}
		#central .ir span:hover {background-position:bottom; cursor:pointer}
		
		#central .first {
	background:url(../images/central-1-50.png) no-repeat
}
		#central .second {background:url(../images/central-26-50.png) no-repeat}

		/* Demo Box */
		#contact-box {background:#FFF url(../images/products-gradient.png) repeat-x left bottom}
		#contact-box h1 {font-size:2em;font-weight:normal;text-transform:none}
		#contact-box h2 {color:#000;font-size:14px}
		
		#contact-box .box {background:url(../images/box2.png) repeat-y center top;float:right;margin:37px 0 0 20px;width:437px}
		#contact-box .box div {background:url(../images/box2.png) no-repeat}
		#contact-box .box div div {background:url(../images/box2.png) no-repeat right bottom;padding:10px 15px}
		#contact-box .box h2 {font-size:16px;margin:0 0 12px}

		#contact-box form {width:430px}
		#contact-box form label {font-weight:bold;display:block;margin:20px 0 5px}
		#contact-box form input {border:1px solid #9fa6ac;color:#000;font-size:16px;margin:0 0 -5px;padding:2px;width:99%} /*changed to -5 from 3 */
		#contact-box form textarea {border:1px solid #9fa6ac;color:#000;font:16px Verdana, Arial;padding:2px;width:99%}
		#contact-box form em {color:#C00}
		
		#contact-box form input#first {width:99%} /*changed from 48 to 99*/
		/*#contact-box form input#last {width:48%}*/
		
		#contact-box form input#submit {border:0;padding:0;margin:10px 0 0;width:auto}

	/* Contact */
	#contact-info {background:#0e0d0d url(../images/contact-bg.jpg) repeat-x;border:1px solid #383838;height:1%;padding:10px 15px;overflow:hidden}
	#contact-info form {border-right:1px dotted #7e7e7e;float:left;padding:0 15px 0 0;width:290px}
	#contact-info label {font-size:1.2em;font-weight:bold;line-height:1.25em}
	#contact-info form em {color:#C00}
	#contact-info p input {display:block;margin:3px 0 0;width:285px}
	#contact-info textarea {display:block;font:1em Verdana, Arial, Sans-Serif;margin:3px 0 0;width:285px}
	#contact-info div {float:left;padding:20px 0 0 15px;width:270px}
	#contact-info a {color:#FFF;text-decoration:none}

	/* People */
	#people {clear:both;list-style:none}
	#people li {background:url(../images/light-bg.jpg);border:1px solid #646464;float:left;height:142px;width:280px;margin:0 0 15px 15px;padding:5px;position:relative;font-size: 12px}
	#people li img {float:left;margin:0 10px 0 0}
	#people li strong {display:block}
	#people li .more {background:url(../images/more.png) no-repeat right center;color:#8ec54d;font-size:.83em;font-weight:bold;padding:10px 25px 10px 0;position:absolute;right:5px;bottom:0;text-decoration:none;display:none}
	#people li:hover .more {display:block}
	
	/* Partners */
	#our_partners {clear:both;list-style:none}
	#our_partners li {background:url(../images/light-bg.jpg);border:1px solid #646464;float:left;height:142px;width:280px;margin:0 0 15px 15px;padding:5px;position:relative;font-size: 12px}
	#our_partners li img {float:left;margin:0 10px 0 0}
	#our_partners li strong {display:block}
	#our_partners li .more {background:url(../images/more.png) no-repeat right center;color:#8ec54d;font-size:.83em;font-weight:bold;padding:10px 25px 10px 0;position:absolute;right:5px;bottom:0;text-decoration:none;display:none}
	#our_partners li:hover .more {display:block}
	
	#our_partners li .more_2 {background:url(../images/more.png) no-repeat right center;color:#8ec54d;font-size:.83em;font-weight:bold;padding:10px 25px 10px 0;position:absolute;right:5px;bottom:0;text-decoration:none;display:none}
	#our_partners li:hover .more_2 {display:block}
	
	/* TESTEMONIAL - MINE */
	.client_testimonail {background:url(../images/light-bg.jpg);border:1px solid #646464;float:left;padding:5px;font-size:11px;margin:10px 0 5px 0; width:98%}
	.client_testimonail img {float:left;margin:4px 10px 0 0}
	.client_testimonail strong {display:block}
	
	/* SCREENSHOTS - MINE */
	.stems_screenshots {background:url(../images/light-bg.jpg);border:1px solid #646464;float:left;padding:5px;font-size:10px;margin:5px; width:45%; height:50px}
	.stems_screenshots img {float:left;margin:5px 10px 0 0}
	.stems_screenshots strong {display:block}

	/* Features */
	#featuresbeat