/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

body{min-width:960px}.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12,.push_13,.pull_13,.push_14,.pull_14,.push_15,.pull_15{position:relative}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_12 .push_3,.container_16 .push_4{left:240px}.container_12 .push_6,.container_16 .push_8{left:480px}.container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_12 .pull_3,.container_16 .pull_4{left:-240px}.container_12 .pull_6,.container_16 .pull_8{left:-480px}.container_12 .pull_9,.container_16 .pull_12{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both}.clearfix{zoom:1}

.colour1 {color:#56d5b3;}
.colour2 {color:#62e0ca;}
.colour3 {color:#7eebe7;}
.colour4 {color:#6edfe6;}
.colour5 {color:#63ccdc;}
.colour6 {color:#57b1cf;}
.colour7 {color:#499ac3;}

.lightgrey { color: #ccd2d6; }
.midgrey {color:#97a2a9;}
.darkgrey {color:#48535A;}

html { background-color: #48535A; }
body { color: #666; background: white url('/images/layout/bg4.jpg') no-repeat center top; font-family: 'PT Sans', Arial, sans-serif; font-size: 100%; line-height: 1.3; }

.plain { color: #666 !important; text-decoration: none !important; cursor: default !important; }
p { margin: 1em 0; }
li { margin: 0.5em 0; }
small {font-size:smaller;}
.small {font-size:0.8em;}
strong { font-weight: bold; }
em { font-style: italic; }
a { text-decoration: none; color: #56d5b3; }
.about a {color:#62e0ca;}
.services a {color:#7eebe7;}
.software a {color:#6edfe6;}
.news a {color:#63ccdc;}
.portfolio a {color:#57b1cf;}
.contact a {color:#499ac3;}
input, textarea { font-size: smaller; }
code, pre { display: block; font-family: monospace; margin: 1em 20px; }

a:hover { text-decoration: underline;  }
a.button { padding:4px 8px 4px 8px; color:#fff; font-size:0.7em; }
.portfolio a.button {background-color:#6edfe6;}
td { vertical-align: top; margin: 0; padding: 5px; }

/* defaut form styles */
input[type=text], input[type=email], textarea { border: 1px solid #ccd2d6; padding: 4px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

#header { height: 140px; position: relative; z-index: 100; }

#footer { color: #ccc; background-color: #48535A; margin-top: 30px; padding: 20px 0 0 0; font-size: smaller; }
/* #footer a { color: #6edfe6; } */
#footer a:hover { text-decoration: underline; }
#footer strong { color: white; }
#footer .footer_spiel { text-align: center; }
#footer input[type=email] { width: 100%; }
#footer input[type=submit] { float: right; }

.content { position: relative; z-index: 1; }

a.buttonbig, input[type=submit].buttonbig { display:block; text-align:center; width:140px; height:38px; color: #ffffff; line-height:38px; background: url('/images/layout/buttons.png') no-repeat left top; border: none; text-transform: uppercase; cursor: pointer; text-shadow: 1px 1px 0px #999; }
a.buttonbig:hover, a.buttonbig.active, input[type=submit].buttonbig:hover { background-position: left -38px; text-decoration:none; color:#fff;}
.about a.buttonbig:hover, .about a.buttonbig.active, .about input[type=submit].buttonbig:hover {  background-position: left -76px; }
.services a.buttonbig:hover, .services a.buttonbig.active, .services input[type=submit].buttonbig:hover {  background-position: left -114px; }
.software a.buttonbig:hover, .software a.buttonbig.active, .software input[type=submit].buttonbig:hover {  background-position: left -152px; }
.news a.buttonbig:hover, .news a.buttonbig.active, .news input[type=submit].buttonbig:hover {  background-position: left -190px; }
.portfolio a.buttonbig:hover, .portfolio a.buttonbig.active, .portfolio input[type=submit].buttonbig:hover {  background-position: left -228px; }
.contact a.buttonbig:hover, .contact a.buttonbig.active, .contact input[type=submit].buttonbig:hover {  background-position: left -266px; }

/* mailchimp */
div.mce_inline_error, div#mce-error-response { color: red; margin: 1em 0; }
div#mce-success-response { margin: 1em 0; }

.sidebar { padding-top: 270px; }

.home_separator { border-top: 1px solid #ccd2d6; margin: 20px 10px; padding: 0; clear: both; }

.sideimage {float:right; padding-bottom:15px; padding-left:15px;}

.codeblock { background-color:#eeeeee; padding: 10px; margin: 10px 0 10px 0; }
.fullwidth { width:100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

.submenu { position: absolute; top: 80px; left: 0; background-color:#48535A; display: none; width:620px; z-index:99; -moz-border-radius:10px; -webkit-border-radius:10px; font-size: smaller; color: #eee; opacity: 0.95; filter: alpha(opacity=95); text-shadow: none; }
.submenu_content { padding:15px 0 15px 15px; }
.submenu ul { float: left; width: 180px; margin-right: 16px; }
.submenu a { color: #eee; background: url('/images/layout/submenu-arrow.png') no-repeat left center; padding:2px 16px 2px 16px; display:block; }
.submenu strong { color: white; }
.submenu a:hover { color:#56d5b3; text-decoration:none;}

.mainnav_wrapper { position: relative; height: 80px; }
.mainnav { position: absolute; bottom: 0; right: 0; }
.mainnav li { float: right; margin: 0; }
.mainnav a { display: block; padding: 5px 10px; letter-spacing: -0.05em; font-weight:bold; font-size: 1.375em; text-decoration: none; color: #48535a; }
.mainnav a.active { background: url('/images/layout/submenu-select.png') no-repeat center bottom; }
.mainnav a.home:hover  {color:#56d5b3;}
.mainnav a.about:hover, .about .submenu a:hover {color:#62e0ca;}
.mainnav a.services:hover, .services .submenu a:hover {color:#7eebe7;}
.mainnav a.software:hover, .software .submenu a:hover {color:#6edfe6;}
.mainnav a.news:hover, .news .submenu a:hover  {color:#63ccdc;}
.mainnav a.portfolio:hover, .portfolio .submenu a:hover {color:#57b1cf;}
.mainnav a.contact:hover, .contact .submenu a:hover {color:#499ac3;}


.news_box { padding: 0 0 0 50px; background: transparent url('images/layout/news.png') no-repeat left 6px; font-size: smaller; }
.sidebar .news_box { margin-bottom: 20px; }
.home_testimonial { padding: 0 0 0 50px; background: transparent url('images/layout/testimonial40.png') no-repeat left 6px; font-size: smaller; }
.home_tweets { padding: 0 0 0 50px; background: transparent url('images/layout/twitter40.png') no-repeat left 6px; font-size: smaller; }

/* Body Lists */
ul.list li { margin-left:20px; background: transparent url('images/layout/bul1.png') no-repeat left 4px; padding: 0 0 0 20px; }
ul.list ul li { margin-left: 0; }
ol { list-style-type: decimal; margin-left: 30px; }
.about .list li { background: transparent url('images/layout/bul2.png') no-repeat left 4px; }
.services .list li { background: transparent url('images/layout/bul3.png') no-repeat left 4px; }
.software .list li { background: transparent url('images/layout/bul4.png') no-repeat left 4px; }
.news .list li { background: transparent url('images/layout/bul5.png') no-repeat left 4px; }
.portfolio .list li { background: transparent url('images/layout/bul6.png') no-repeat left 4px; }
.contact .list li { background: transparent url('images/layout/bul7.png') no-repeat left 4px; }


h1 a { display: block; text-indent:-9999em; background: transparent url('images/layout/logo.png') no-repeat left top; width:300px; height: 48px; }
h1.about a { background-position: 0 -48px; }
h1.services a { background-position: 0 -96px; }
h1.software a { background-position: 0 -144px; }
h1.news a { background-position: 0 -192px; }
h1.portfolio a { background-position: 0 -240px; }
h1.contact a { background-position: 0 -288px; }

h2 { margin-bottom: 20px; color: #48535A; font-size: 2em; line-height: 34px; height: 34px; text-align: right; padding-right: 26px; background: transparent url('images/layout/headicons.png') no-repeat right -125px; text-shadow: 1px 1px 0px white; }

.about h2 {  background-position: right 8px;}
.services h2 {  background-position: right -45px;}
.software h2 {  background-position: right -98px;}
.news h2 {  background-position: right -151px;}
.portfolio h2 {  background-position: right -204px;}
.contact h2 {  background-position: right -257px;}


h3 { font-size: 1.625em; text-shadow: 1px 1px 0px white; }
h3 a { color:#48535a !important; }
h4 { font-size: 1.25em; }
h4 a { color:#48535a !important; }

.about h3 a:hover, .about h4 a:hover { color:#62e0ca !important; text-decoration:none;}
.services h3 a:hover, .services h4 a:hover { color:#7eebe7 !important; text-decoration:none;}
.software h3 a:hover, .software h4 a:hover { color:#6edfe6 !important; text-decoration:none;}
.news h3 a:hover, .news h4 a:hover { color:#63ccdc !important;text-decoration:none;}
.portfolio h3 a:hover, .portfolio h4 a:hover { color:#57b1cf !important; text-decoration:none;}
.contact h3 a:hover, .contact h4 a:hover { color:#499ac3 !important;text-decoration:none; }

.hometext { font-size: 2.25em; font-family: 'PT Serif Caption', Arial, serif; color: #48535a; letter-spacing: -0.05em; }
.hometext p { margin-top: 0; }
.highlight { color: #56d5b3; }

/* TWITTER BOX */
.twitter_out { background-color: #56d5b3; -moz-border-radius:10px; -webkit-border-radius:10px; padding:15px; font-size: 0.86em; line-height: 1.3; }
.twitter_in { background-color: white; -moz-border-radius:5px; -webkit-border-radius:5px; padding: 15px 15px 5px 15px; }
.tweet {margin-bottom:10px;}
.twitter_bot { height:24px; background: transparent url('images/layout/downarrow.png') no-repeat left top; margin-left:30px;}
.about .twitter_bot {  background-position: left -24px;}
.services .twitter_bot {  background-position: left -48px;}
.software .twitter_bot {  background-position: left -72px;}
.news .twitter_bot {  background-position: left -96px;}
.portfolio .twitter_bot {  background-position: left -120px;}
.contact .twitter_bot {  background-position: left -144px;}

.about .twitter_out { background-color:#62e0ca !important; }
.services .twitter_out { background-color:#7eebe7 !important; }
.software .twitter_out { background-color:#6edfe6 !important; }
.news .twitter_out { background-color:#63ccdc !important;}
.portfolio .twitter_out { background-color:#57b1cf !important; }
.contact .twitter_out { background-color:#499ac3 !important; }

.contact input[type=submit] { float: right; }

.news_list { padding: 0 0 0 50px; margin: 0 0 20px 0; background: transparent url('images/layout/news.png') no-repeat left 6px; font-size: 0.875em; }
.imageborder { margin-bottom:20px; border:1px solid #ccd2d6; padding:9px; }
.imageborder img {vertical-align:bottom;}

.testimonial { font-style:italic; padding-left:80px; margin-top:15px; background: transparent url('images/layout/testimonial.png') no-repeat left top; }
.author { font-weight:bold; font-style:normal; text-align:right;}

/* SOFTWARE SECTION */
.software_tag { margin-left: 10px; }
.tag_parameter { margin-left: 10px; }

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px;
	background: #e0e0e0;
	overflow: hidden;
	position: relative;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 1px solid #fff;
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #fff;
	border-bottom: 1px solid #fff;
}
.tab_container {
	clear: both;
	float: left;
	width: 100%;
	background: #fff;
}
.tab_content {}