/* GLOBAL WHITE SPACE RESET */

* {
  margin:0;
	padding:0;
}

select {
  min-width:1.6em;
}

/* END GWSR */

/* CLEARFIX */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* END CLEAR FIX */

/* BASIC STUFF */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #353535;
	color: #222;
  margin:0;
	padding:0;
}

a {
	color:#565F73;
}

a img {
  border:0;
}

hr {
  display:none;
}

/* To stick footer */
html, body {
  height:100%;
}

.hidden {
  display:none;
}

/* END BASIC STUFF */


/* PAGE */

#page {
	position: relative; /* To stick footer */
	min-height: 100%;   /* To stick footer */
  width:784px;
	margin:33px auto 0 auto;
  background:#FFF url(../i/page_grad.gif) bottom left repeat-x;
}

/* To stick footer in IE */
* html #page {
  height:100%;
}

/* END PAGE */

/* HEADER */

#header {
  background:transparent url(../i/head_middle.gif) top left repeat-x;
	height:57px;
}

#header h1 {
  position:relative;
  height:37px;
  text-align:center;
  background:transparent url(../i/head_sides.gif) top left no-repeat;
}

#header h1 img {
  position:absolute;
	top:-28px;
	left:50%;
	margin-left:-82px;
}

#header h2 {
  position:absolute;
	width:400px;
	left:50%;
	margin-left:-200px;
	color:#FFF;
	font-size:12px;
	line-height:20px;
	text-align:center;
}

#header ul {
  list-style:none;
  border:1px solid #000;
	background-color:#565F73;
	height:18px;
}

#header ul li {
	line-height:18px;
}

#header ul li a {
	color:#FFF;
	font-weight:bold;
	text-decoration: none;
}

#header ul li#home {
  float:left;
	padding-left:5px;
}

#header ul li#language {
  float:right;
	padding-right:5px;
}


/* END HEADER */

/* WRAPPER */

#wrapper {
  position:relative;
	clear:both;
	border-left:1px solid #000;
	border-right:1px solid #000;
}

/* END WRAPPER */

/* SIDEBAR */

#sidebar {
  position:absolute;
  top:0;
	width:170px;
	clear:both;
}

/* NAVIGATION */

#nav {
  margin:10px;
	height:212px;
	width:155px;
	background:transparent url(../i/nav_shadow.gif) top right no-repeat;
}

#nav ul {
	background-color:#E9ECF2;
	border:1px solid #565F73;
  list-style:none;
	height:197px;
	width:133px;
	padding:8px 0 0 16px;
}

#nav ul ul {
  height:auto;
	width:auto;
	border:none;
	padding:0;
	padding-left:7px;
	margin-left:5px;
	border-left:2px solid #C4CCDC;
}

#nav ul li {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-weight:bold;
	margin:1px 0;
	color:#333;
}

#nav ul li a {
	color:#333;
	text-decoration: none;
}

#nav ul li.active a,
#nav ul li ul li.active a {
	text-decoration:underline;
}

#nav ul li ul li a {
  font-weight:normal;
	font-size:11px;
	color:#565F73;
	text-decoration: none;
}

#nav ul li a:hover,
#nav ul li ul li a:hover {
  text-decoration:underline;
}

/* END NAVIGATION */

/* COMPANY LOGOS */

#companyLogos {
  text-align:center;
}

#companyLogos img {
  padding:5px 0;
}

/* END COMPANY LOGOS */

/* END SIDEBAR */


/* CONTENT */

#content {
  margin-left:170px;
	padding:10px;
}

#content h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:20px;
	font-style:italic;
	color:#565F73;
	line-height:17px;
	border-bottom:1px solid #C4CCDC;
	margin-bottom:10px;
}

/* HAPPY TALK */

#happytalk {
	margin-bottom:20px;
}

#happytalk p {
	padding-left:10px;
	line-height:17px;
	margin-bottom:10px;
}

/* END HAPPY TALK */


/* CARE */

#care p {
	padding-left:10px;
	line-height:17px;
	margin-bottom:10px;
}

#care img {
  float:right;
	margin-left:5px;
	border:2px solid #565F73;
}

#care ul {
	padding-left:10px;
	line-height:17px;
	margin-bottom:10px;
	list-style:square;
	margin-left:25px;
}

/* END CARE */


/* COMPANY PROFILE */

#companyProfile p {
	padding-left:10px;
	line-height:17px;
	margin-bottom:10px;
}

#companyProfile p img {
  float:right;
	margin-left:5px;
	border:2px solid #565F73;
}

/* END COMPANY PROFILE */

/* CONTACT US */

#contactInformation p {
	padding-left:10px;
	line-height:17px;
	margin-bottom:10px;
}

#contactInformation p img {
  float:right;
	margin-left:5px;
	border:2px solid #565F73;
}

#contactInformation dl {
	padding-left:10px;
}

#contactInformation dl dt {
  font-size:13px;
	font-weight:bold;
	color:#565F73;
  margin-bottom:5px;
}

#contactInformation dl dd {
  margin-bottom:20px;
	padding-left:15px;
}

#contactInformation table col.weekday {
  width:80px;
}

/* END CONTACT US */

/* SALES - SOFTWARE */

#softwareSales table {
  width:80%;
  border:2px solid #565F73;
	padding-left:15px;
	margin:15px auto 0 auto;
}

#softwareSales table tr.even {
  background-color:#E0E4ED;
}

#softwareSales table td {
  padding:2px;
}

#softwareSales table td.name {
  font-weight:bold;
}

#softwareSales table td.price {
  text-align:right;
}

/* END SALES - SOFTWARE */


/* SALES - SYSTEMS */

#systems {

}

#systems h3 {
  position:relative;
  clear:both;
  text-align:center;
}


#systems div.systemType {
  margin-left:15px;
}

#systems div.systemBlock {
  position:relative;
	float:left;
  border:2px solid #565F73;
	width:45%;
	height:350px;
	margin-right:10px;
	margin-bottom:15px;
}

#systems div.systemBlock span.number {
  position:absolute;
	left:0;
  background:transparent url(../i/system_number.gif) -5px -3px no-repeat;
	color:#FFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:25px;
	font-weight:bold;
  line-height:30px;
	text-align:center;
	height:39px;
	width:32px;
}

#systems div.systemBlock h4 {
  margin-left:35px;
	font-size:16px;
	line-height:32px;
}

#systems div.systemBlock ul {
  margin-left:25px;
  margin-top:10px;
	font-size:11px;
}

#systems div.systemBlock div.price {
  position:absolute;
	right:0;
	bottom:0;
	background:transparent url(../i/system_price.gif) top left no-repeat;
	color:#FFF;
	text-align:right;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	height:35px;
	width:70px;
	padding-left:10px;
	text-align:center;
}

/* END SALES - SYSTEMS */

/* NEWS */

#news {
  position:relative;
	margin-bottom:20px;
}

#news div.newsBlock h3 {
  float:left;
  font-size:13px;
	color:#565F73;
	padding-left:10px;
}

#news div.newsBlock span.date {
  float:right;
	font-size:10px;
}

#news div.newsBlock p {
  clear:both;
	margin-left:10px;
	padding-top:5px;
	border-top:1px solid #C4CCDC;
	line-height:17px;
}

#news div.newsBlock div.readMore {
  text-align:right;
}

#news div.newsBlock div.readMore a {
  font-size:10px;
	font-style:italic;
  text-decoration:underline;
}

/* END NEWS */

/* TECH SUPPORT */

#techSupport,
#basePricing,
#timeBank, 
#packages {
	margin-bottom:20px;
}

#techSupport p,
#basePricing p,
#timeBank p,
#timeBank table, 
#packages p  {
	padding-left:10px;
	line-height:17px;
	margin-bottom:10px;
}

#timeBank table {
  margin:0 auto;
  width:70%;
	border:2px solid #565F73;
	margin-bottom:15px;
}

#timeBank table tr.even {
  background-color:#C4CCDC;
}

#timeBank table th {
  background-color:#565F73;
	color:#fff;
}

#timeBank table td {
  text-align:center;
}

/* END TECH SUPPORT */

/* PACKAGES */

#packages {
  margin-bottom:15px;
}

.packageBlock {
  position:relative;
  border:2px solid #565F73;
	margin-bottom:10px;
	margin-left:10px;
	width:578px;
}

.packageBlock h3 {
  float:left;
	padding:0 25px 0 5px;
  background:transparent url(../i/pack_name.gif) top right no-repeat;
	color:#FFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
  line-height:18px;
	height:21px;
	width:110px;
}

.packageBlock span.price {
  display:block;
  position:absolute;
	right:0;
	top:0;
	height:67px;
	width:65px;
	background:transparent url(../i/pack_price.gif) top left no-repeat;
	color:#FFF;
	text-align:right;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:36px;
	font-weight:bold;
	line-height:55px;
}

.packageBlock span.price sup {
  font-size:18px;
}

.packageBlock span.perMonth {
  position:absolute;
  top:20px;
	right:0;
  font-size:9px;
	display:block;
}

.packageBlock ul {
  clear:both;
	margin-left:35px;
	padding:5px 0;
}

.packageBlock ul li {
  margin:5px 0;
}

/* END PACKAGES */

/* END CONTENT */

/* FOOTER */

#footer {
  position: relative;
  width:784px;
	margin:0 auto 0 auto;
	text-align:center;
	color:#A9A9A9;
}

/* END FOOTER */