/* GLOBAL RESET by Eric Meyer
==================================================*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

/* remember to define focus styles! */
:focus { outline: 0; }

body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }

blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* SITE COLOURS
==================================================

TRESHNA RED: #BB2025;
TRESHNA BLACK: #333333;

*/

/* GENERAL
==================================================*/

body { background: url("/images/main_bg.gif") repeat-x 50% 0 #e6e6e6; font-family: Helvetica, Arial, Sans-serif; font-size: 64.5%; line-height: 1.8em; color: #777; }

/* HEADERS */
h1 { padding: 0 0 0.8em; margin: 0; font: normal 3em/1.3em Helvetica, Arial, Sans-Serif; letter-spacing: -0.035em; color: #BB2025; }
	h1 span { font-size: 1em; color: #ccc; }
h2 { padding: 0 0 0.8em; margin: 0; font: normal bold 1.8em/1.3em Helvetica, Arial, Sans-Serif; letter-spacing: -0.01em; color: #333; }
h3 { padding: 0 0 0.8em; margin: 0; font: normal 1.8em/1.3em Helvetica, Arial, Sans-Serif; letter-spacing: -0.01em; color: #000; }
h4 { padding: 0 0 0.2em; margin: 0; font: normal bold 1.4em/1.3em Helvetica, Arial, Sans-Serif; letter-spacing: 0.01em; color: #333; }
h5 { padding: 0 0 0.5em; margin: 0; font: normal bold 1.6em/1.3em Helvetica, Arial, Sans-Serif; letter-spacing: -0.01em; color: #333; }

span { font-weight: normal; }
img { border: 0; padding: 0; margin: 0; }
p { margin: 0 0 1.4em; display: block; }
strong { font-weight: bold; }
em { font-style: italic; }
small { font-size: 0.846em; }

/* a { padding-bottom: .3em; }*/
a { color: #BB2025; text-decoration: none; }
a:active { color: #aaa; font-style: normal; }
a:hover { color: #333; text-decoration: none; }

blockquote { font: italic normal 1em/2.25em Georgia, serif; padding-left: 2em; }

/* DIV TEMPLATE
==================================================*/

#container { margin: 0 auto; width: 100%; }

/* Generic containers used throughout site */
div.fullWidth { width: 100%; margin: 0 auto; } /* Stretches across whole page */
div.centredWidth { width: 940px; margin: 0 auto; } /* creates a container which is centred. Floats go within */
div.fullWidthFloat { width: 100%; float: left; padding: 0; margin: 0; } /* A divider for full width floats */

/* The red coloured stripe at the top of page */
#header-strip { margin: 0 auto; width: 100%; height: 5px; background: url("/images/header_pattern.gif") 50% 0; }

#header { float: left; width: 940px; height: 95px; display: inline; padding-top: 25px; z-index: 0;}
/* Header divider for the front page */
	#header.frontPage { height: 230px; }
	#header h1.logo { float: left; height: 70px; width: 200px; display: inline; }
	#header h1.logo a { float: left; overflow: hidden; background: url("/images/treshna-logo.png") 0 50% no-repeat; height: 70px; width: 200px; text-indent: -9999px; }
	
ul#menu { width: 740px; height: 60px; margin-top: 20px; float: right; }
ul#menu li { position: relative; float: right; display: inline; margin-left: 5px; }
ul#menu li.item a { height: 30px; float: left; display: inline; z-index: 100; /*background: url("/images/menu_items.png") no-repeat;*/ }
	ul#menu li.item li a { height: 36px; } /* For height of menu items */
/* Make it so it looks like a clickable */
ul#menu li.item a:hover { cursor: hand; background: #fff; color: #333; z-index: 100; }

/* Border for menu list items 
ul#menu li.item.hovering a, ul#menu li.item a:hover { border-left: 5px solid #eee; margin-left: -5px; }
ul#menu li.item.hovering .dropboxc a { border: 0; margin: 0; }  Excempt dropbox */

ul#menu li a, #searchBox a.searchButton { font: normal bold 1.0em/1.2em Helvetica, Arial, Sans-Serif; text-transform: uppercase; line-height: 30px; color: #888; letter-spacing: 0.025em; padding: 0 10px; z-index: 1; }
ul#menu li li a { font: normal normal 1.1em/1.2em Helvetica, Arial, Sans-Serif; text-transform: none; line-height: 36px; color: #333; letter-spacing: 0; padding: 0 10px; border-bottom: 1px solid #eee; width: 160px; float: left; height: 36px; }
	ul#menu li li a:hover { cursor: default; }
	ul#menu li li.last a { border: 0; }

	ul#menu li#separator { background: #444; float: right; width: 1px; height: 30px; margin: 0 8px; }
	
	/* Search box stuff */
	ul#menu li#search { width: 84px; height: 30px; float: right; display: inline; }
		#searchBox { position: relative; width: 84px /* full size: 266px */; height: 30px; float: right; overflow: hidden; z-index: 1; right: 0; top: 0; }
		#searchBox a.searchButton { float: right; height: 30px; width: 65px; z-index: 1; text-align: left; color: #656565; background: url("/images/menu_sprites.gif") no-repeat 62px -40px; }
			#searchBox.active a.searchButton { background: url("/images/menu_sprites.gif") no-repeat 62px -70px; }
		/* A transparent divider which opens the search box */
		#searchBox a.activateOpen { width: 84px; height: 30px; right: 0; position: absolute; float: right; display: inline; background: transparent; z-index: 20; top: 0; }
		#searchBox input.searchField { float: right; border: 0; font: normal normal 13px Helvetica, Arial, San-Serif; color: #aaa; border-bottom: 1px solid #ddd; margin-top: 7px; display: inline; width: 149px; }
		#searchBox a.close, #searchBox a:hover.close { float: right; height: 30px; width: 20px; display: inline; cursor: default; background: url("/images/menu_sprites.gif") no-repeat 4px 7px; margin-right: 10px; text-indent: -9999px; padding: 0; }
	
	/* Mega menu stuff */
	ul#menu div.dropboxc { display: none; }
	ul#menu div.dropboxd { display: none; }
	/* The little arrow on menu
		ul#menu li.dropbox a { background: url(/images/menu_sprites.gif) no-repeat 200% 13px; padding-right: 20px; }*/
	ul#menu li.dropbox div.dropboxc, ul#menu li.dropbox div.dropboxd { width: 240px; position: absolute; top: 30px; left: 0; padding: 25px; height: auto; background: #fff; color: #aaa; border-bottom: 1px solid #ddd; float: left; 
	/* menu shadows for different browsers */
	-moz-box-shadow: 0 0 50px rgba(51,51,51,0.4); box-shadow: 0 0 50px rgba(51,51,51,0.4); -webkit-box-shadow: 0 0 50px rgba(51,51,51,0.4); }
		
		/* For menus which open out towards the right */
		ul#menu li.dropbox div.dropboxc.right { left: auto; right: 0; }
		ul#menu li.dropbox div.dropboxd { width: 180px; padding:  0; }
		
		/* Menu for long down menu */
		ul#menu li.dropbox div.dropboxd ul { padding: 0; margin: 0; text-indent: 0; }
		ul#menu li.dropbox div.dropboxd ul li { padding: 0; margin: 0; text-indent: 0; display: block; text-transform: none; float: left; }

	ul#menu li.hovering div.dropboxc, ul#menu li.hovering div.dropboxd { display: block; z-index: -1; /* Fix shadow overlay */ }
	ul#menu li.hovering a { color: #333; background: #fff; }
		ul#menu li.hovering li a { color: #888; z-index: 100; }
			ul#menu li.hovering li a:hover { color: #333; background: #eee; text-shadow: 0 1px 0 #fff; border-bottom: 1px solid #e5e5e5; cursor: pointer; }
				ul#menu li.hovering li.last a:hover { border-bottom: 0; }
		ul#menu li.hovering a:hover { background: #fff; }
		
	/* Fix shadow overlay */
	ul#menu li.hovering.dropbox.item a, ul#menu li.hovering.dropbox.item { z-index: 100; }
		
	/* Dropboxc is the wide box */
	/* Dropboxd is the long box */
	ul#menu li.hovering div.dropboxc .boxesHold { width: 302px; float: left; }
	ul#menu li.hovering div.dropboxc .boxes { width: 110px; float: left; display: inline; margin-right: 15px; border-right: 1px solid #eee; padding-right: 15px; }
		ul#menu li.hovering div.dropboxc .last { margin: 0; border: 0; padding: 0; }
	ul#menu li.hovering div.dropboxc .boxes a { background: none; height: auto; width: auto; text-indent: 0; float: none; text-transform: none; line-height: 1.8em; padding: 0; letter-spacing: 0; }
		div.dropboxc .boxes p { margin-bottom: 0; padding: 0; display: block; line-height: 1.8em; }
		div.dropboxc .boxes a span.title { font: normal bold 1.1em/1.8em Helvetica, Arial, Sans-Serif; color: #555; }
		div.dropboxc .boxes a span.desc { font: normal normal 1.1em/1.8em Helvetica, Arial, Sans-Serif; color: #aaa; }
		
		div.dropboxc .boxes:hover a span.title { color: #BB2025; }
		div.dropboxc .boxes:hover a span.desc { color: #333; }

/* == Large Background Containers == */

/* The white background for the body */
#white-bg { float: left; width: 100%; background: #fff; }
	#white-bg.frontPage { }
	#white-bg.subPages { background: url(/images/subpages-bg2.jpg) no-repeat 50% 0 #fff; }
	.gymmasterBanner { background: url(/images/gymmaster-bg3.jpg) no-repeat 50% 0; float: left; width: 100%; }
		#white-bg.gymmaster { background: url(/images/gymmaster-repeat-bg.gif) 0 0 #fff repeat-x; float: left; width: 100%; }
#grey-bg { float: left; width: 100%; height: 300px; background: #333; }
#bodyContent { float: left; display: inline; padding-bottom: 20px; width: 100%; }

/* Break container */
div.break { font-size: 0.0001em; line-height: 0.0001em; height: 1px; float: left; width: 98%; }
div.break.gap { padding: 15px 0; }
div.break.smallGap { padding: 5px 0; }

.subpagesStrip { float: left; height: 50px; width: 100%; background: url(/images/front-page-banner.jpg) no-repeat 50% 100% #fff; }

/* Breadcrumbs container */
.breadcrumbsContainer { float: left; width: 100%; background: #fff; }
	.breadcrumbsContainer.top { border-bottom: 1px solid #eee; border-top: 1px solid #eee; }
	.breadcrumbsContainer.bottom { border-top: 1px solid #eee; }
	ul.breadcrumbs { float: left; }
	ul.breadcrumbs li { display: inline; font: normal normal 1.1em/3.1em Helvetica, Arial, Sans-Serif; float: left; height: 3em; padding-left: 25px; background: url(/images/breadcrumbs-arrow2.gif) -6px 50% no-repeat; !border-left: 1px solid #333; }
		ul.breadcrumbs li.home { background: url(/images/breadcrumbs-home.gif) 0 48% no-repeat; padding-left: 18px; }
	ul.breadcrumbs li a { color: #888; }
		ul.breadcrumbs li a:hover { color: #555; }
		
/* == Front page content == */

/* Front page banner */
#frontPageBanner { width: 940px; height: 220px; margin-top: -135px; float: left; position: relative; x-index: 0; }

/* The box holding together the four fortes */
#fortes { float: left; width: 940px; padding: 15px 0 30px; font: normal normal 1.1em/1.8em Helvetica, Arial, Sans-Serif; color: #555; }
#fortes h1 { padding: 0 0 .6em; margin: 0; font: normal 2.3em/1.3em Helvetica, Arial, Sans-Serif; letter-spacing: -0.04em; }
#fortes .box { float: left; width: 220px; margin: 0 20px 0 0; display: inline; /* background: url("/images/half-line.gif") 0 100% no-repeat; */ padding-bottom: 0px; }
	/*#fortes .box:hover { color: #333; }*/
#fortes .last { margin: 0; }
#fortes .image { float: left; height: 130px; width: 220px; margin-bottom: 15px; text-indent: -9999px; }
	#fortes .image.consultancy { background: url("/images/forte-consultancy.jpg"); }
	#fortes .image.databases { background: url("/images/forte-databases.jpg"); }
	#fortes .image.opensource { background: url("/images/forte-opensource.jpg"); }
	#fortes .image.gymmaster { background: url("/images/forte-gymmaster.jpg"); }
#fortes p { padding: 0 13px; font-size: 1em; }

/* Containers for the dividers following fortes */
div.threeQuartersFortes { float: left; width: 700px; border-top: 1px solid #e6e6e6; /*background: url(/images/line-shadow.gif) 50% 0 no-repeat;*/ margin: 10px 20px 10px 0; }
div.oneQuartersFortes { float: right; width: 220px; margin: 10px 0; display: inline; }

	div.whoWeAre { float: left; display: inline; padding-top: 35px; }
	.whoWeAre.left { width: 220px; float: left; height: 160px; display: inline; }
		.whoWeAre.left h1 span { width: 220px; float: left; height: 160px; background: url(/images/whoweare.gif) no-repeat 10px 0; text-indent: -9999px; }
	.whoWeAre.right { float: left; width: 440px; color: #aaa; padding-top: 35px; display: inline; margin-left: 20px; }
		.whoWeAre.right h1 { font: normal 1.3em Georgia, Serif; letter-spacing: 0.5em; text-transform: uppercase; padding-bottom: 1em; color: #555; }
		.whoWeAre.right p { font-size: 1.3em; line-height: 1.8em; }
		.whoWeAre.right em { color: #333; /* border-bottom: 1px solid #ddd; */ font-family: Georgia, Serif; }

a.gymMasterPromo span { margin-top: 0; float: left; width: 220px; height: 180px; background: url(/images/gymmaster-promo.gif); text-indent: -9999px; }
a:hover.gymMasterPromo span { background-position: 0 -180px; }

/* == Subpages content == */

div.default ul, div.default ol { padding: 0 0 1.4em 1em; }
	div.default ul, div.default ol { font-size: 1.4em; line-height: 1.5em; }
	div.default ul li { background: url(/images/dot2.gif) no-repeat 0 0.45em; padding-left: 15px; list-style-type: none; }
	
	div.default ul.gap { padding-bottom: 1em; }
	div.default ul.gap li { padding-bottom: 1em; }
	
	div.default ol li { list-style-type: decimal; list-style-position: outside; margin-left: 18px; }

#bodyContent div#left { float: left; width: 620px; display: inline; padding: 25px 0 10px; margin-right: 0; padding-right: 50px; }
	div.default p { font-size: 1.4em; line-height: 1.7em; padding-right: 0; }
	div.default div.smallFont p { font-size: 1.2em; line-height: 1.8em; }
	div.default p.intro { font-size: 1.8em; line-height: 1.6em; color: #555; padding: 0; }
		/*div.gymmaster p.intro { padding-top: 40px; }*/
	div.default a { border-bottom: 1px solid #ddd; }
	div.default a:hover { border-bottom: 1px solid #fff; }
	div.default blockquote p { line-height: 1.8em; }
	div.default em { font-family: Georgia, Serif; }
	div.default strong { color: #555; }
		
#bodyContent div#right { float: left; width: 170px; display: inline; padding: 25px 0 25px 50px; }
	div#right p { font-size: 1.1em; line-height: 2em; color: #888; }
	div#right .box { float: left; width: 220px; margin-bottom: 2em; }
	div#right em { color: #333; font-style: normal; }

#bodyContent div#right h1 { border-bottom: 1px solid #eee; margin-bottom: 10px; padding-bottom: 5px; text-transform: uppercase; font: normal bold 1.4em/1.3em Helvetica, Arial, Sans-Serif; letter-spacing: 0; color: #333; }

	div#right ul.submenu { padding-bottom: 1em; float: left; margin-top: 0.5em; }
	div#right ul.submenu ul { padding: 0; margin: 0; }
	div#right ul.submenu li { font-size: 1.2em; height: 2.6em; display: block; }
	div#right ul.submenu li a { padding: 0.6em 0; color: #333; max-width: 200px; float: left; display: block; clear: both; margin-bottom: 0.2em; }
	div#right ul.submenu li a:hover, div#right ul.submenu li a.current { background: url(/images/submenu-arrow.gif) 100% 50% no-repeat #eee; padding: 0.6em 1em 0.6em 0.7em; color: #333; text-shadow: #fff 0 1px 0; max-width: 200px; float: left; display: block; }
		div#right ul.submenu li a.highlight { font-weight: bold; color: #BB2025; }
		div#right ul.submenu li a:hover.highlight { color: #333; }

div#right blockquote p { font-size: 1.2em; }

#bodyContent div#left div.whole { width: 620px; float: left; }
#bodyContent div#left div.half { width: 280px; padding-right: 20px; }
#bodyContent div#left div.halfLeft { width: 300px; padding-right: 20px; }
#bodyContent div#left div.halfRight { width: 300px; padding-right: 0; } 
#bodyContent div#left div.oneThird { width: 220px; }
#bodyContent div#left div.twoThirds { width: 370px; }
#bodyContent div#left div.fourFifths { width: 550px; }

div.small p, div.small p { font-size: 1.2em; line-height: 1.8em; }

/*#bodyContent div.whole { width: 940px; float: left; }
#bodyContent div.half { width: 420px; float: left; padding-right: 40px; margin-left: 0px; }
#bodyContent div.oneQuarter { width: 200px; float: left; padding-right: 20px; }
#bodyContent div.threeQuarters { width: 670px; float: left; padding-right: 20px; }*/
/* Class is for dividers which require a 20px spacer margin */
#bodyContent .spacerMargin { margin-right: 30px; }
#bodyContent .spacerMarginLeftQuarter { padding-left: 50px; }
#bodyContent .oneQuarterBorderLeft { border-left: solid 1px #eee; width: 180px; float: left; padding: 0 20px; }

/* == Gym Master == */

#bodyContent h1.gymmasterLogo a { text-indent: -9999px; background: url(/images/gymmaster-logo.gif) 50% 50% no-repeat; width: 270px; height: 70px; float: right; margin: 45px 0 0 0; margin-bottom: 55px; }

h1.gmLogo { text-indent: -9999px; float: left; width: 300px; height: 80px; background: url(/images/gm-logo.png) no-repeat 0 0; margin: 0.25em 0 0; }
h1 span.gymmaster { padding: 0; font-size: 0.5em; color: #bbb; letter-spacing: 0; display: block; margin-top: -0.7em; }

.default ul.whyGymmaster { padding: 0 0 1em 2.2em; margin: 0; font-size: 1.4em; }
	.default ul.whyGymmaster li { padding: 0 0 0.5em; background: transparent; display: list-item; list-style: disc; list-style-position: outside; }
	.default ul.whyGymmaster li span { color: #333; }

.fancyBoxHold { float: left; width: 220px; }
.fancyBoxTop { height: 15px; width: 220px; background: url(/images/fancy-box-top.gif); }
.fancyBoxBottom { height: 15px; width: 220px; background: url(/images/fancy-box-bottom.gif); }
.fancyBox { width: 180px; background: url(/images/fancy-box-bg.gif) repeat-y; padding: 5px 20px; }
div.half.gymmasterSS { height: 550px; background: url(/images/gymmaster-ss.jpg) no-repeat; }

#bodyContent .imageBorder { background: #f5f5f5; padding: 10px; border: solid 1px #eee; border-top: solid 1px solid #e2e2e2; }
#bodyContent .imageBorder.left { float: left; margin-right: 20px; }
#bodyContent .imageBorder.right { float: right; margin-left: 20px; }
#bodyContent .screenshot { width: 70px; height: 70px; margin: 0 10px 10px 0; background: url(/images/screenshot-bg.gif) no-repeat; padding: 10px; }

div.buttonsHold { width: 500px; height: 55px; padding: 15px 0 0 120px; background: url(/images/buttons-bg.png); }
a.gymmasterButton { width: 180px; float: left; height: 40px; background: url(/images/gymmaster-buttons.gif) no-repeat; margin: 0 0 1em; text-indent: -9999px; border: none; display: inline; }
a.gymmasterButton { margin-right: 20px; }
a:hover.gymmasterButton { background-position: 0 -50px; }
a.gymmasterButton.buy { background-position: 0 -100px; }
a:hover.gymmasterButton.buy { background-position: 0 -150px; }

blockquote.gymmasterTestimonial { font-size: .91667em; background: url(/images/blockquote.gif) no-repeat -15px 10px #ededed; padding: 20px 20px 1px 20px; margin-bottom: 10px; display: block; width: auto; -moz-border-radius: 10px; font-style: normal; }

img.gmIcon { width: 46px; height: 46px; float: left; padding: 0.5em 1em 0.5em 0; }

div.commentary { float: left; background: url(/images/comment-bg.png) no-repeat 0 0; margin-top: 5px; padding: 20px 20px 10px; border-bottom: 1px solid #ebebeb; font: italic 1.1em/1.6em Georgia, Serif; color: #888; text-shadow: 0 1px #fff; }
	div.commentary strong { color: #888; }
div.commentary.noBg { background: none; margin: 0; padding: 0; border: 0; }	
div.commentary.center { text-align: center; }

div.default a.viewButton { background: #f2f2f2; -moz-border-radius: 5px; font-size: 0.8em; padding: 0.3em 0.5em; text-decoration: none; margin-left: 0.5em; color: #999; text-shadow: 0 1px 0 #fff; border: 0; text-transform: lowercase; white-space: nowrap; }
div.default a:hover.viewButton { background: #aaa; text-shadow: 0 1px 0 #999; color: #fff; }

div.default ul.spacing { font-size: 1.2em; padding-left: 0; margin: 0; }
	div.default ul.spacing li { padding-bottom: 0.5em; color: #333; }

div.default p.gmFeatures { float: right; width: 310px; }

/* == Footer content == */

#subFooter-bg { float: left; width: 100%; border-bottom: solid 1px #ccc; background: url("/images/subfooter-bg.png") no-repeat 50% 0; padding: 20px 0 10px; }
#subFooter-bg-shadow { float: left; width: 100%; background: #e6e6e6; }
#contentSubFooter #testimonials { float: left; width: 180px; margin-right: 20px; padding-right: 40px; }
#contentSubFooter blockquote { font: italic normal normal 1.2em/1.8em Georgia, Serif; color: #777; padding: 0; display: block; }

p.readmore { float: left; width: 100%; padding: 0; margin: 0; }
p.readmore a:link, .readmore a:visited { float: left; background: url(/images/read-more.gif) 100% 0 no-repeat; border: none; padding: 3px 16px 3px 8px; line-height: 20px; vertical-align: middle; font: normal 1em/21px Helvetica, Arial, Sans-serif; text-align: right; color: #fff; }
p.readmore a:hover { background-position: 100% -30px; color: #fff; }

#contentSubFooter h1.testimonial { font: normal bold 1.2em/1.8em Helvetica, Arial, Sans-Serif; color: #777; text-transform: uppercase; letter-spacing: 0.025em; padding: 0 0 0.25em; text-shadow: 0 1px 0 #fff; }
	#contentSubFooter #testimonials blockquote { text-shadow: 0 1px 0 #f5f5f5; }
	#contentSubFooter #testimonials div.author { font: normal 1.1em/1.8em Helvetica, Arial, Sans-Serif; display: block; padding: 0 0 2em 0; }
	#contentSubFooter #testimonials div.author span.name { color: #333; }

#contentSubFooter #thingsWeDo { float: left; width: 700px; }
	#contentSubFooter #thingsWeDo .box { float: left; width: 220px; margin-right: 20px; padding: 0; }
	#contentSubFooter #thingsWeDo .last { margin: 0; }
	#contentSubFooter #thingsWeDo ul { margin: 0; padding: 0; width: 100%; float: left; color: #777; }
		#contentSubFooter #thingsWeDo ul ul { margin: 0 0 15px; }
	#contentSubFooter #thingsWeDo ul li { margin: 0; padding: 0 0 1em; font: normal bold 1.2em/1.8em Helvetica, Arial, Sans-Serif; color: #777; text-transform: uppercase; letter-spacing: 0.025em; list-style: none; }
	#contentSubFooter #thingsWeDo ul li li { font: normal normal .9167em/1.8em Helvetica, Arial, Sans-Serif; text-transform: none; letter-spacing: 0; padding: 0; }
	#contentSubFooter #thingsWeDo ul li a, #contentSubFooter #thingsWeDo ul li { color: #777; text-shadow: 0 1px 0 #fff; }
		#contentSubFooter #thingsWeDo ul li li a { color: #888; text-shadow: 0 1px 0 #f5f5f5; }
	#contentSubFooter #thingsWeDo ul ul { margin-top: 0.25em; }
	#contentSubFooter #thingsWeDo ul li a:hover { color: #555; }
	
	#contentSubFooter #thingsWeDo a.searchButtonFooter { margin-top: 20px; text-indent: -9999px; float: left; height: 30px; width: 84px; background: url("/images/menu_items.png") -700px 0 #f2f2f2; }
		#contentSubFooter #thingsWeDo a:hover.searchButtonFooter { background-position: -700px -30px; }

#footerLine { float: left; width: 100%; border-top: solid 1px #f5f5f5; } 
#footer { float: left; width: 940px; padding-bottom: 25px; font: normal normal 1.1em/1.8em Helvetica, Arial, Sans-Serif; color: #999; }
	#footer a { color: #777; border-bottom: solid #ccc 1px; }
	#footer a:hover { color: #333; border-bottom: solid #ddd 1px; }
#footer #details-address { float: right; width: 220px; padding-top: 25px; /* background: url("/images/treshna-footer-logo.gif") no-repeat 15px 20px; */ }
#footer #details-contact { float: right; width: 220px; padding-top: 25px; margin-right: 20px; }
	#footer #details-contact span { height: 1em; width: 5em; float: left; }
	
/* MISC ITEMS
==================================================*/

.floatLeft { float: left; }
.floatRight { float: right; }
.moreBottomPadding { padding-bottom: 2em; }
.moreTopMargin { padding-top: 2em; }
img.imgBorder { -moz-border-radius: 10px; }

/* Buttons */
a.button, a.button span { margin: 0; padding: 0; position: static; }
a.button span { height: 30px; width: 100px; text-indent: -9999px; }

a.button.learnMore span { background: url("/images/buttons-map.gif") no-repeat 0 0; float: left; }
a:hover.button.learnMore span { background-position: 0 -50px; }

a.button.readMore span { background: url("/images/buttons-map.gif") no-repeat 0 -100px; float: left; }
a:hover.button.readMore span { background-position: 0 -150px; }

a.button.moreFeatures span { background: url("/images/buttons-map.gif") no-repeat 0 -200px; width: 150px; float: left; }
a:hover.button.moreFeatures span { background-position: 0 -250px; }

/* Buttons for cart */

div.commerce-navigation { float: left; width: 100%; padding-top: 2em; }
div.commerce-navigation h1 { padding: 0; margin: 0; }
	div.commerce-navigation a.button.continue span { float: right; }

	a.button.continue span { background: url("/images/buttons-map.gif") no-repeat 0 -300px; width: 84px; float: right; }
	a:hover.button.continue span { background-position: 0 -350px; }

a.button.next span { background: url("/images/buttons-map.gif") no-repeat 0 -400px; width: 87px; float: right; }
a:hover.button.next span { background-position: 0 -450px; }

/* Image text headers */
	h1.image { float: left; width: 220px; height: 27px; background: url("/images/subfooter-headers.gif") no-repeat; text-indent: -9999px; /* IE */ padding: 0; line-height: 25px; border-bottom: 1px solid #eee; margin-bottom: 10px; }
	h1.image.overview { background-position: -10px -200px; }
	h1.submenu { background-position: -10px -230px; }

img.left { float: left; }
img.right { float: right; }


/* TABLE SELECT PACKAGE
==================================================*/

table.software-packages { }
table.software-packages td, th { padding: 1em 0.5em; vertical-align: top; }
tr.table-headers th { font-weight: bold; border-bottom: 1px solid #ccc; font-size: 1.1em; white-space: nowrap; }
	table.software-packages tr.table-headers:hover { background: #fff; }

table.software-packages td { border-bottom: 1px solid #ddd; }

table.software-packages td.selection-radio { padding: 1.3em 0.5em; /*text-shadow: 0 1px 0 #777;*/ }
table.software-packages td.price { font-size: 2.4em; color: #ccc; padding: 0.7em 0.2em; /*text-shadow: 0 1px 0 #777;*/ }
table.software-packages td.product-name { font-size: 1.2em; font-weight: bold; color: #333; }
	/* table.software-packages tr:hover { background: #f5f5f5; } */
table.software-packages td.features { color: #999; font-size: 1.1em; }
table.software-packages td.description { color: #333; font-size: 1.1em; }


/* BUYER-DETAILS
==================================================*/

.buyer-details table { font-size: 1.2em; }

.buyer-details th, .buyer-details td, .buyer-details tr { vertical-align: top; padding: 0.7em 2em 0.7em 0; }
.buyer-details th label { float: left; line-height: 2.2em; display: block; }
.buyer-details input.ui_formitem, .buyer-details textarea.ui_formitem { width: 300px; display: block; border: 0; border-bottom: 1px solid #ddd; padding: 0.5em; font-size: 1em; background: #f2f2f2; -moz-border-radius: 5px; color: #555; }
	.buyer-details input.ui_formitem:focus, .buyer-details textarea.ui_formitem:focus { background: #e5e5e5; color: #000; }
.buyer-details textarea.ui_formitem { font-family: Arial, Sans-serif; }
.buyer-details select { width: 300px; font-size: 1em; margin: 0.4em 0; }

.buyer-details input.btsubmit { height: 30px; width: 82px; text-indent: -9999px; background: url("/images/buttons-map.gif") no-repeat 0 0; float: left; background-position: 0 -550px; border: 0; margin-right: 1em; margin-left: 12.5em; }
.buyer-details input.btcancel { height: 30px; width: 82px; text-indent: -9999px; background: url("/images/buttons-map.gif") no-repeat 0 0; float: left; background-position: 0 -600px; border: 0; }

/* IT CONSULTANCY SLIDING BOXES */

.slidebox { float: left; margin: 0.5em 0; width: 620px; }
.slidebox .heading { float: left; margin-bottom: 1em; }
	.slidebox .heading a { border-bottom: 0; text-shadow: 0 1px 0 #fff; }
.slidebox .heading h1 { font-size: 1.8em; margin: 0; padding: 0; font-weight: bold; float: left; clear: both; letter-spacing: 0; }
.slidebox .opening { float: left; clear: both; padding-left: 1em; }
.slidebox .open { }

.slidebox .heading h1 a span { float: left; color: #555; background: #e5e5e5; height: 40px; line-height: 40px; padding: 0 10px; font-weight: bold; }
	.slidebox .heading h1 a:hover span { color: #888; }
.slidebox .heading h1 a span.button { background: url(/images/slidebox_buttons.gif) no-repeat; float: left; height: 30px; text-indent: -9999px; width: 120px; margin-top: 5px; }
	.slidebox .heading h1 a:hover span.button { background-position: 0 -50px; }

.slidebox .heading h1 a span.button.open { background-position: 0 -100px; }
	.slidebox .heading h1 a:hover span.button.open { background-position: 0 -150px; }
	
.slidebox .hidden { display: none; }