@charset "utf-8";
/* CSS Document */
/* Color reference: green: #85ab2b*/

/* reset css */

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
}
ol, ul {
	list-style: none;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
}

/* typography.css
-------------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */

html, body, #container {height: 100%;}
body > #container {height: auto; min-height: 90%;}

#content {overflow:auto;
	padding-bottom: 40px;}  /* must be same height as the footer */

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}

body { 
  font-size: 80%;
  color: #333; 
  background: #fff;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
/*background-image: url(../images/bg.jpg);*/
  background-repeat: no-repeat;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight: normal; color: #333; }

h1 { font-size: 3em; line-height: 1;  }
h2 { font-size: 2em; margin-bottom: 0.75em;  }
h3 { font-size: 1.5em; line-height: 1.4em; color: #85ab2b;}
h4 { font-size: 1.2em; line-height: 1.6em; color: #85ab2b;}
h5 { font-size: 0.9em; line-height: 35px ; }
h6 { font-size: 0.9em; line-height:1.4;  }
h6.light { font-size: 0.9em; line-height:1.2; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0; color:#333; }
#footer p	{ font-size: 11px; color:#999;}

#footer a:focus, #footer a:hover { text-decoration: underline;}
#footer a, #footer a:visited { color: #85ab2b; text-decoration: none;}

a, a:visited{ color: #85ab2b; text-decoration: none; border:0; margin:0; padding:0;}
a:focus, 
a:hover     { color: #85ab2b; text-decoration: underline; border: 0; margin:0; padding:0;}

a.content, a.content:visited {background:url(../images/btn_search_off.jpg) no-repeat top left; display:block; float:left; height:29px; text-decoration:none; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; line-height:29px; width: 73px; text-align: center;}
a.content:hover, a.content:focus{background: url(../images/btn_button_on.jpg) no-repeat; color:#85ab2b;}

a.contactus:focus, 
a.contactus:hover     { color: #fff; text-decoration: underline;}
a.contactus           { color: #fff; text-decoration: none;}

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 		{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0; }
ul, ol      { margin: 0; }

ul          {display: block; line-height:20px; list-style-position:inside;}
ul.seo		{list-style-type:disc;}
ol          { list-style-type: decimal; }
#footer li	{ float:left; margin-right: 10px; line-height: 35px; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 0;width:100%;}
th          { font-weight: bold; }
thead th 	{ background: #666; }
th,td,caption { padding: 0;}
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }

table.plans	{color:#fff; border: 1px solid #666;}
tr.plans	{background-color:#222;}

/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 0.85em; color:#85AB2B;}
.hide       { display: none; }
.heavy		{ font-weight:bold;}

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

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

.topBar 	{float:right; margin-right:10px; line-height:30px;}
.borderRight {border-right: 1px solid #ccc; }
.noborder 	{border: none;}

.clear {clear:both;}

.marginRight { margin-right:15px; }
.marginBottom { margin-bottom: 15px; }
.marginTB	{margin:20px 0;}

.work		{ width: 700px; padding:10px 0; font-family:Arial, Helvetica, sans-serif; float:left; overflow:hidden;}
.work:hover .work_content .work_text {color:#333;}
/*.workimg	{margin-right: 15px; float:left; margin-bottom: 30px;}*/
.work_img a img, .work_img a {border:none; overflow: hidden; float:left;}
.work_img a:hover {border: 4px solid #85ab2b;}
.work_img a:hover img {margin: -4px;}

.work_content { width:380px; float:right;}
.work_title h3 a, .work_title h3 a:visited { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px;font-weight:bold; color:#85ab2b; height:24px; overflow:hidden;}
.work_title h3 a:hover, .work_title h3 a:focus { text-decoration: underline;}
h3.nolink { font-size: 15px; font-weight: bold; text-transform:uppercase;}

.work_company { font-size:14px; line-height: 18px; color:#aaa;}
.work_involve { font-size:12px; color:#fff; line-height:18px; padding-bottom: 10px;}
.work_text { width: 380px; float: right; font-size:12px; line-height:20px; color: #333;}

.detail { padding:10px; margin:0 20px 0 0; float:left;}
.detail_img { width:300px; float:left;}
.detail_img img { clear:both; padding-bottom: 10px;}

.homeColumn { width: 300px; float:left; margin-right:10px;}
.homeColumnLast	{ width: 300px; float:left;	margin: 0px; float:right;}

.showcase {width: 9em; float:left; padding-left: 170px; margin-top: -7.5em;}
h4.showcase_text a {width: 140px; padding-left:10px; line-height: 1.2em; margin-bottom: 5px;}
p.showcase_text {float: left; width: 140px; padding-left: 10px; line-height: 1.2em;}



/* Form (contact)
--------------------------------------------------------------*/
form table td {padding-bottom: 10px;}

#content label{ text-align: right; color: #fff;}
.inputfield { width: 400px; border: 1px solid #fcba63; background-color: #fff; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#333;}

input#name, input#contact_number, input#email, #contactform textarea { width: 99%;}

input.search {
	background-image: url(../images/btn_search_off.jpg);
	background-repeat: no-repeat;
	width: 72px;
	height: 29px;
	line-height: 29px;
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-transform: uppercase;
	}
	
input.search:hover, input.search:focus {
	background-image: url(../images/btn_button_on.jpg);
	color: #85ab2b;
	}

input.textbox {
	background-image: url(../images/textbox.jpg);
	background-repeat: no-repeat;
	width: 158px;
	height: 29px;
	line-height: 29px;
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 0 20px;
	overflow:hidden;
	color: #666;
	margin-top: -2px;
	}



/* DIV 
---------------------------------------------------------------*/

#container 	{width: 920px; margin: 0 auto; padding: 20px; background-color: #fff; filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;}

#top 	{width: 100%; height:70px; margin-bottom:10px;}

#logo 		{width: 223px; height: 54px; background-image: url(../images/logo_treesystem.png); margin: 20px 0 10px 0; background-repeat:no-repeat; float:left;}
#logo h1 a	{width: 223px; height: 54px; text-indent:-9999px; display:block;}
#nav		{float:right; text-align:right; margin: 45px 0 10px 0;}
#nav ul		{display:block; margin-right:-10px;}
#nav li		{list-style: none; display:inline; color: #333; position:relative;}
#nav ul li a, #nav ul li a:visited {color: #333; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:14px; text-decoration:none; padding: 5px 10px;}
#nav ul li a:focus, #nav ul li a:hover {color:#85ab2b;}

div#nav ul li div.navDropdown { position: absolute;z-index: 99; display:none; width:300px; padding:5px;}
div.navDropdown li {border-bottom: dotted 1px #fff; background: #e7f1d1;}
div.navDropdown li:focus, div.navDropdown li:hover {background:#f9f9f9;}
div#nav ul li:focus div.navDropdown, #nav ul li:hover div.navDropdown, #nav ul li div.navDropdown:focus, #nav ul li div.navDropdown:hover {display:block;}
div#nav ul li div.navDropdown ul li {display:block; text-align:left; padding:5px 0;}

#content	{ padding-top:20px; border-top: 1px solid #85ab2b;}
ul.points li {padding: 1px 0 0 20px; margin-left:10px; background-image:url(../images/bullet.png); background-position:-2px 0 0 0px; background-repeat:no-repeat; list-style-type:none; }
#home_left { width: 600px; float: left; }
#slogan	{width: 55%; float:left;}
#solutions {width: 50%; float: left;}
#search, #services 	{width: 275px; float:right; margin-right: -5px;}
#searchbox	{float:left; line-height: 1.4em; margin-top:1px;}
#searchbutton	{cursor: pointer; height:1.4em; float:left; padding:0;} 
#solutions, #services {margin-top: 40px;}
#solutions ul, #services ul {text-indent:10px; }

#home_right {width: 300px; float: right; }

#left {width: 700px; float:left;}
#right {width: 200px; float:right;}

#footer		{width: 960px; height: 40px; margin: -40px auto 0 auto; border-top: 1px solid #85ab2b; background-image:url(../images/logo_treesystem_footer.png); background-repeat:no-repeat; position:relative; clear:both; }

#footer_text{margin: 15px 0 0 160px; float:left;}
#footer .design {margin-top: 15px; float:right;}

/* Carousel*/

.infiniteCarousel {
  width: 450px;
  position: relative;
}

.infiniteCarousel .wrapper {
  width: 400px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  min-height: 10em;
  margin: 0 20px;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul a img {
  border: 1px solid #ccc;
  padding: 3px;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
}

.infiniteCarousel .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul li {
  display:block;
  float:left;
  padding: 15px;
  height: 85px;
  width: 105px;
}

.infiniteCarousel ul li a img {
  display:block;
}

.infiniteCarousel .arrow {
  display: block;
  height: 35px;
  width: 20px;
  background: url(images/arrow.jpg) no-repeat 0 0;
  text-indent: -999px;
  position: absolute;
  top: 37px;
  cursor: pointer;
}

.infiniteCarousel .forward {
  background-position: 0 0;
  right: 0;
}

.infiniteCarousel .back {
  background-position: 0 -70px;
  left: 0;
}

.infiniteCarousel .forward:hover {
  background-position: 0 -35px;
}

.infiniteCarousel .back:hover {
  background-position: 0 -105px;
}

/* Google Custom Search */

.cse .gsc-search-button-v2, .gsc-search-button-v2{
	background-color:#90b33f !important;
	border-color:#90b33f !important;
}
.cse .gsc-control-cse, .gsc-control-cse{
	padding:1rem 0 !important;
}

/* services-it-security page logo */
.cert-logo img{
	height: 65px;
}