@charset "utf-8";
/* CSS Document */

/* GLOBAL STYLES
    -------------------------------------------------- */
    /* Padding below the footer and lighter body text */

    body {
      padding-bottom: 40px;
      color: #5a5a5a;
    }
h1 {
	font-family: 'ABeeZee', sans-serif;
	font-weight:800;
	font-size:3.5em;
	line-height:1.1em;
}

h2 {
	font-family: 'ABeeZee', sans-serif;
	font-style:italic;
	font-weight:800;
	color:#3676A2;
	font-size:2.5em;
}

.lead {
	font-family: 'ABeeZee', sans-serif;
	letter-spacing:1.75px;
	color:#3676A2;
}

a {
		color:#5B1815;
}


.nav-pills a {
	color:#FFF;
}

.nav-pills > .active > a,
.nav-pills > .active > a:hover {
  color: #ffffff;
  background-color:#3676A2;
}

.btn-custom {
  background-color: hsl(202, 70%, 36%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#40a3dd", endColorstr="#1b6c9c");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#40a3dd), to(#1b6c9c));
  background-image: -moz-linear-gradient(top, #40a3dd, #1b6c9c);
  background-image: -ms-linear-gradient(top, #40a3dd, #1b6c9c);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #40a3dd), color-stop(100%, #1b6c9c));
  background-image: -webkit-linear-gradient(top, #40a3dd, #1b6c9c);
  background-image: -o-linear-gradient(top, #40a3dd, #1b6c9c);
  background-image: linear-gradient(#40a3dd, #1b6c9c);
  border-color: #1b6c9c #1b6c9c hsl(202, 70%, 31%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
  -webkit-font-smoothing: antialiased;
}


.announcement-area {
	height:310px;
	width:100%;
	margin:20px 0 20px 0;
	padding:20px 0 20px 0;
	background: #4b7b45; /* Old browsers */
	background: #4b7b45; /* Old browsers */
	background: -moz-linear-gradient(top,  #4b7b45 53%, #386234 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(53%,#4b7b45), color-stop(100%,#386234)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #4b7b45 53%,#386234 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #4b7b45 53%,#386234 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #4b7b45 53%,#386234 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #4b7b45 53%,#386234 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b7b45', endColorstr='#386234',GradientType=0 ); /* IE6-9 */
	 -moz-box-shadow:   inset 0  8px 8px -8px #000, 
                        inset 0 -8px 8px -8px #000;
    -webkit-box-shadow: inset 0  8px 8px -8px #000, 
                        inset 0 -8px 8px -8px #000;
}

.announcement {
	padding:80px 0 0 0;
}
.announcement h1 {
	color:#FFF;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.49);
  -webkit-font-smoothing: antialiased;
  margin-top:30px;
 }

.announcement .lead {
	color:#FFF;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.49);
  -webkit-font-smoothing: antialiased;
 }

.main-image {
	margin-top:-50px;
	padding-left:40px;
	float:left;
}

.header-tree {
	height:570px;
	background:url(../img/digitaltree.png) no-repeat;
	padding-top:10px;
	margin-top:30px;
}

.header-tree-sub {
	height:200px;
	background:url(../img/digitaltree.png) no-repeat;
	padding-top:10px;
	margin-top:30px;
}

.blue {
	background:#3676A2 url(../img/blue-back.jpg) repeat ;
	
	 -moz-box-shadow:   inset 0  8px 8px -8px #000, 
                        inset 0 -7px 8px -8px #000;
    -webkit-box-shadow: inset 0  8px 8px -8px #000, 
                        inset 0 -7px 8px -8px #000;
}

.navbar {
	max-height:20px;
}

.navbar-inner {
	padding:6px 0 0 0;
	color:#FFF;
	background: #7a7a7a; /* Old browsers */

background: -moz-linear-gradient(top,  #7a7a7a 0%, #4c4c4c 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7a7a7a), color-stop(100%,#4c4c4c)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #7a7a7a 0%,#4c4c4c 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #7a7a7a 0%,#4c4c4c 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #7a7a7a 0%,#4c4c4c 100%); /* IE10+ */

background: linear-gradient(to bottom,  #7a7a7a 0%,#4c4c4c 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7a7a7a', endColorstr='#4c4c4c',GradientType=0 ); /* IE6-9 */


border-bottom:#000;

}

.nav-pills > li > a:hover {
  background-color: #2C5C77;
}

.hero-unit {
		background:#3676A2 url(../img/blue-back.jpg) repeat ;

}

.hero-unit h1 {
	color:#FFF;
	letter-spacing:.05em;
}

.hero-unit h2 {
	color:#7FB5D3;
	font-size:2.7em;
}

.hero-unit h3 {
	color:#FFF;
	font-size:1.7em;
	letter-spacing:.12em;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  display: inline-block;
  height: 15px;
  padding: 4px 6px;
  margin-bottom:;
  font-size: 11px;
  line-height: 20px;
  color: #555555;
  vertical-align: middle;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.form-container {
	margin:4px 0 -8px 0;
}

.hidden-hr {
	display:inherit;
}

#customer-login-btn {
	margin-top:10px;
}

@media (max-width: 480px) {
.form-container {
	display:none;	
	
}

.navbar {
	display:none;
}

.header-tree-sub {
	height:100%;
	padding:20px;
	margin-top:-20px;
}
.header-tree {
	padding:20px;
	margin-top:-20px;
	height:170px;

}

.nav {
	float:left;
	margin:-50px auto 0 auto;
	
}


.announcement {
	padding:10px;
	margin:-50px 0 0 0;

}

.announcement h1 {
	font-size:2.5em;
	margin-top:60px;
}

.hidden-hr {
	display:inherit;
}

}
@media (max-width: 767px) {
	.form-container {
	display:none;	
	
}

.navbar {
	display:none;
}
	.header-tree-sub {
	height:100%;
	padding:20px;
	margin-top:-20px;
}
.header-tree {
	padding:20px;
	margin-top:-20px;
	height:360px;

}

.hero-unit {
	padding:10px;
}

.hero-unit h1{
	font-size:2.0em;
	letter-spacing:.02em;
}

.hero-unit h2 {
	font-size:2.7em;

}

.hero-unit h2 {
	font-size:2.5em;

}

.hero-unit h3 {
	font-size:1.4em;
	line-height:1.4em;
}


.nav {
	float:left;
	margin:-50px auto 0 auto;
	
}

.announcement {
	padding:10px;
	margin:-50px 0 0 0;

}

.announcement h1 {
	font-size:2.5em;
	margin-top:60px;
}

.hidden-hr {
	display:inherit;
}
	
}

@media (min-width: 768px) and (max-width: 979px) {
	
	
	.header-tree-sub {
	height:100%;
	padding:20px;
	margin-top:0;
}
.header-tree {
	padding:20px;
	margin-top:0;
	height:100%;

}

.nav {
	clear:both;
	float:left;
	margin:0 auto 0 auto;
	
}

.announcement {
	padding:10px;
	margin:-50px 0 0 0;

}

.announcement h1 {
	font-size:2.5em;
	margin-top:60px;
}

.hidden-hr {
	display:inherit;
}

#customer-login-btn {
	display:none;
}


}


@media (min-width: 980px) {
	.hidden-hr {
		display:none;
	
}

#customer-login-btn {
	display:none;
}

}

.tbox
{
     margin-top: 5px;
  margin-bottom: 5px;
  }