/* General
-------------------------------------------------- */
* {
margin:0;
padding:0;
}

html {
margin:0;
padding:0;
border-bottom:25px solid #304f0f;
}

body{
color:#333;
padding:0;
margin:0;
}

.shadow {
-webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

p {
color:#333
}

.justify {
text-align:justify;
}

.aligntop {
vertical-align:top
}

.aligntexttop {
vertical-align:text-top
}

.alignmiddle {
vertical-align:middle
}

.alignbottom {
vertical-align:bottom
}

.aligntextbottom {
vertical-align:text-bottom
}

.alignbaseline {
vertical-align:baseline
}

.alignsub {
vertical-align:sub
}

.alignsuper {
vertical-align:super
}

.full {
width:100%;
}

.half {
width:50%;
}

.third {
width:33.3%;
}

.quarter {
width:25%;
}

hr {
margin:20px 0;
border:0;
border-bottom:1px solid #fff;
}

hr.soften {
height:1px;
margin:40px 0;
background-image:-webkit-linear-gradient(left, transparent, rgba(0, 0, 0, .2), transparent);
background-image:-moz-linear-gradient(left, transparent, rgba(0, 0, 0, .2), transparent);
background-image:-ms-linear-gradient(left, transparent, rgba(0, 0, 0, .2), transparent);
background-image:-o-linear-gradient(left, transparent, rgba(0, 0, 0, .2), transparent);border:0;
}

.toplogo {
display:inline-block;
text-align:center;
width:60px;
height:60px;
margin-bottom:3px;
}


.triangle {
width: 0px;
height: 0px;
border-style: solid;
border-width: 50px 131.5px 0 131.5px;
line-height: 0px;
margin:0;
padding:0;
}

.rounded {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}

.rightcontent img, .centercontent img, .marketing img {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}


.topsearchtext {
clear:both;
padding-top:5px;
}

.floatimg {
float:left;
margin:4px 15px 0 0;
display:block;
border:none
}

iframe {
max-width:100%;
border:none
}

.titlewrap, .titlewrap3 {
margin-bottom: 16px;
}

.titlewrap3 .boxicon {
margin-right:8px;
margin-bottom: 16px;
padding:2px 10px;
text-align:center;
background:#304f0f
}

.titlewraptweets {
padding: 6px 12px 4px 12px;
margin-bottom: 18px;
background-color: #bbb;
}

.dropdown-menu>li>a {
padding: 7px 0 7px 10px;
}

.label, .badge {
padding:3px 7px 4px 7px;
}

form {
margin: 0 0 10px;
}

blockquote {
padding: 0 0 0 15px;
margin: 0 0 18px;
border-left: 5px solid #aaa;
}

/* columns 2, 3, 4
----------------------------------------------- */

.col2 {
-moz-column-count: 2; 
-moz-column-gap: 1.5em; 
-webkit-column-count: 2; 
-webkit-column-gap: 1.5em;
column-count: 2; 
column-gap: 1.5em; 
}

.col3 {
-moz-column-count: 3; 
-moz-column-gap: 1.5em; 
-webkit-column-count: 3; 
-webkit-column-gap: 1.5em;
column-count: 3; 
column-gap: 1.5em; 
}

.col4 {
-moz-column-count: 4; 
-moz-column-gap: 1.5em; 
-webkit-column-count: 4; 
-webkit-column-gap: 1.5em;
column-count: 4; 
column-gap: 1.5em;
}

/* margins
-------------------------------------------------- */

.margintop {
margin-top:20px;
}

.marginright {
margin-right:20px;
}

.marginbottom {
margin-bottom:20px;
}

.marginleft {
margin-left:20px;
}

.margin {
margin:20px;
}

/* paddings
-------------------------------------------------- */

.paddingtop {
padding-top:20px;
}

.paddingright {
padding-right:20px;
}

.paddingbottom {
padding-bottom:20px;
}

.paddingleft {
padding-left:20px;
}

.padding {
padding:20px;
}

.padding2 {
padding:25px;
}

.padding3 {
padding:30px;
}

/* floats
-------------------------------------------------- */

.floatleft {
float:left
}

.floatright {
float:right
}

/* text align and paragraphs
-------------------------------------------------- */

.left {
text-align:left
}

.center {
text-align:center
}

.right {
text-align:right
}

.justify {
text-align:justify
}

.italic {
font-style:italic
}

p small, small, .small {
line-height:normal;
color: #333;
}

.uppercase {
text-transform:uppercase
}


/* corner radius
-------------------------------------------------- */

.radiusall {
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}

.radiustopleft {
-webkit-border-top-left-radius:4px;
-moz-border-radius-topleft:4px;
border-top-left-radius:4px;
}

.radiusbottomleft {
-webkit-border-bottom-left-radius:4px;
-moz-border-radius-bottomleft:4px;
border-bottom-left-radius:4px;
}

.radiustopright {
-webkit-border-top-right-radius:4px;
-moz-border-radius-topright:4px;
border-top-right-radius:4px;
}

.radiusbottomright {
-webkit-border-bottom-right-radius:4px;
-moz-border-radius-bottomright:4px;
border-bottom-right-radius:4px;
}

/* lists and comments
-------------------------------------------------- */



 ul.nav-tabs {
margin-left:0;
}

ul, ol {
margin-left:20px;
}

ul.archive {
margin-left:0;
}

ul.list-unstyled {
margin-left:0;
}

.rightcontent li {
list-style:none;
}

ul.archive li {
list-style:none;
width:100%;
padding: 0;
margin-left:0;
margin-bottom:8px;
}

ul.comments, ul.nextcomment {
float:left;
list-style:none;
padding:0;
margin:0;
margin-left:15px
}

ul.comments li {
list-style:none;
float:left;
padding:10px 0;
margin:0;
border-bottom:1px solid #fff;
}

ul.comments li:last-child {
margin-bottom:30px;
}

ul.comments li p {
min-height:30px;
margin-right:0;
}

ul.comments li img.authorimg {
width:48px;
float:left;
margin:0 15px 5px 0;
border:none
}

ul.nextcomment li {
float:left;
padding-left:15px;
border:none;
border-bottom:1px solid #fff;
border-left:1px solid #fff;
background:url(../images/commentleft.png) no-repeat top left 
}

ul.nextcomment li:last-child {
padding-left:15px;border:none;
background:url(../images/commentleft-last.png) no-repeat top left;
border-bottom:1px solid #fff; 
}

ul.comments li small {
display:block;
margin-bottom:7px;
}

ul.footermenu li {
display:inline-block;
list-style:none;
margin-right:15px;
border:none;
}


/* thumbnails
-------------------------------------------------- */

.thumbnail {
display:block;
padding:2px;
line-height:1;
border:none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background:#fff
}

/* flickr thumbnails
-------------------------------------------------- */

.flickrimg {
border: 0px !important;
padding: 0px;
margin: 0 4px 5px 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
width:49px;
border-radius: 4px;
}

/* breadcrumbs
-------------------------------------------------- */

.breadcrumb {
padding:0;
margin: 15px 0 15px 0;
list-style: none;
background:none;
border:none;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
filter: none;
-moz-box-shadow: none;
box-shadow: none;
letter-spacing:0;
}


.breadcrumb li {
text-shadow:none
}

.white {
color:#eee
}

.childrenimg {
padding-top:40px;
position:relative;
margin-bottom:-50px;
}

/* video and photo hover
-------------------------------------------------- */

.video, .photo
{
opacity:1;
-webkit-transition: opacity .5s ease-in-out;
-moz-transition: opacity .5s ease-in-out;
-o-transition: opacity .5s ease-in-out;
-ms-transition: opacity .5s ease-in-out;    
transition: opacity .5s ease-in-out;
}

.video:hover, .photo:hover
{
opacity:0.3;
filter:alpha(opacity=80); /* For IE8 and earlier */
}

.scrolltop {
padding:20px 25px 30px 25px;
background:#406618;
border:4px solid #acd373;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}


/* footer
-------------------------------------------------- */

footer {
margin:0;
padding:0
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #79AB43 0%, #5C8233 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #79AB43 0%, #5C8233 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #79AB43 0%, #5C8233 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #79AB43), color-stop(1, #5C8233));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #79AB43 0%, #5C8233 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #79AB43 0%, #5C8233 100%);
}

.footer {
margin-top:30px;
}

.footer ul.archive li{list-style:none;width:100%;padding: 0;margin:10px 0 0 0;}

.footer ul.archive li .marginbottom {margin-bottom: 10px;}


/* Google Maps
-------------------------------------------------- */

#map_canvas {
height: 450px;
}

#text {
width: 600px;
overflow: auto;
}

/* Jumbotrons
-------------------------------------------------- */

.jumbotron {
position: relative;
}

.jumbotron h1 {
margin-bottom: 9px;
font-size: 81px;
font-weight: bold;
letter-spacing: -1px;
line-height: 1;
}

.jumbotron p {
margin-bottom: 18px;
font-weight: 300;
}

.jumbotron .btn-large {
font-size: 20px;
font-weight: normal;
padding: 14px 24px;
margin-right: 10px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}


/* Masthead (docs home) 
-------------------------------------------------- */

.masthead2 {
padding-top: 0;
margin-bottom: 5px;
}

.masthead {
padding-top: 30px;
margin-bottom: 25px;
}

.masthead h1, .masthead2 h1,
.masthead p, .masthead2 p {
text-align: center;
}

.masthead h1, .masthead2 h1 {
margin-bottom: 18px;
}

.masthead p, .masthead2 p {
margin-left: 5%;
margin-right: 5%;
}


/* Specific jumbotrons
-------------------------------------------------- */


.navbar-fixed-top .brand {
padding-right: 0;
padding-left: 0;
margin-left: 20px;
float: right;
font-weight: bold;
text-shadow: none;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
transition: all .2s linear;
}

.navbar-fixed-top .brand:hover {
text-decoration: none;
}

.alert {
padding: 12px 14px;
margin-bottom:0;
border: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}

.subhead {
z-index:100
}

/* Pricetable
-------------------------------------------------- */

table.pricetable td {
text-align:center
}

#myCarousel .carousel-caption {
text-shadow:none;
}

/* Slideshow content
-------------------------------------------------- */

#myCarousel3 .carousel-caption {
position: absolute;
top:0;
right:0;
bottom:0;
left:0;
z-index: 10;
padding-top: 0;
padding-bottom:0;
text-align: center;
text-shadow:none;
}

#myCarousel3 small {
color: #406618;
}

#myCarousel3 .carousel-control {
position: absolute;
top: 100px;
left:0;
width: 24px;
height: 24px;
margin-top: -20px;
font-size: 20px;
font-weight: 100;
line-height: 20px;
color: #eee;
text-align: center;
background: #304f0f;
border: 0;
-webkit-border-radius:0;
-moz-border-radius: 0;
border-radius: 0;  
opacity: 1;
}

#myCarousel3 .carousel-control.right {
left:28px;
}

#myCarousel3  {
margin-top:0;
margin-bottom:0;
}

#myCarousel3 .item {
height:120px;
}

/* Slideshow
-------------------------------------------------- */

#myCarousel2 {
margin-bottom: 0;
margin-top: 0;
}

#myCarousel2 > .carousel-inner > .item {
  height: 330px;
}


#myCarousel2 > .carousel-inner > .item > img  {
float:left;
height:auto;
}

#myCarousel2 .carousel-caption {
left:5%;
right:5%;
padding-top:10px;
padding-bottom:0;
bottom:5px;
text-align:center;
text-shadow:none;
margin:0;
}

#myCarousel2 > .carousel-control {
position: absolute;
top: 40%;
left:10px;
width: 24px;
height: 24px;
margin-top: -20px;
font-size: 20px;
font-weight: 100;
line-height: 20px;
color: #eee;
text-align: center;
border: 0;
-webkit-border-radius:0;
-moz-border-radius: 0;
border-radius: 0;  
opacity: 1;
background:#333;
}

#myCarousel2 .carousel-control.right {
left:37px;
}

#myCarousel2 .carousel-control:hover {
color: #eee;
text-decoration: none;
opacity: 1;
}

#myCarousel2 .item {
background:#333;
}

#myCarousel2 .item p {
color:#999999;
}


/* Slideshow
-------------------------------------------------- */

.carousel-control {
position: absolute;
top: 40%;
width: 24px;
height: 24px;
margin-top: -20px;
font-size: 20px;
font-weight: 100;
line-height: 20px;
color: #eee;
text-align: center;
border: 0;
-webkit-border-radius:0;
-moz-border-radius: 0;
border-radius: 0;  
opacity: 1;
}
.carousel-control.left {
background-image:none;
background:none
}

.carousel-control.right {
right: 24px;
left: auto;
background-image:none;
background:none
}

.carousel-control:hover {
color: #eee;
text-decoration: none;
opacity: 1;
}

/* sub navigation
-------------------------------------------------- */

.subhead {
padding-bottom: 0;
margin-bottom: 0;
}

.subnav {
border:none;
z-index:100
}

.subnav .nav > li > a {
margin: 0;
color:#FFFFFF;
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
text-shadow:none;
}

.subnav .nav {
margin-bottom: 0;
margin-left:0;
z-index:100
}

.subnav .nav > li > a:hover, .subnav ul li.current {
color:#ddd;
border: none;
background-color:#333;
-webkit-border-radius: 0;
 -moz-border-radius: 0;
	  border-radius: 0;   
}
.subnav .nav > .active > a, 
.subnav .nav > .active > a:hover {
color: #777;
border: none;
-webkit-border-radius: 0;
 -moz-border-radius: 0;
	  border-radius: 0;   
}
.subnav .nav > .active > a .caret,
.subnav .nav > .active > a:hover .caret {
border-top-color: #777;
}
.subnav .nav > li:first-child > a,
.subnav .nav > li:first-child > a:hover {
border: none;
text-align:center;
-webkit-border-radius: 0;
 -moz-border-radius: 0;
	  border-radius: 0; 
}
.subnav .nav > li:last-child > a {
border-right: 0;
}

.subnav-fixed {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

.nav-pills > .active > a, .nav-pills > .active > a:hover {
color: white;
background-color: #666;
}

.nav > li > a:hover{
text-decoration:none;
color:#eee;
background-color:#aaa;
}


/* tabs
-------------------------------------------------- */


.nav-tabs > .active > a, .nav-tabs > .active > a:hover {
cursor: default;
}

.nav-tabs > li > a:hover {
border-color: #aaa #aaa #aaa;
}

.nav-tabs > li > a {
color:#fff;
}

.nav-tabs > li > a, .nav-pills > li > a {
padding-right: 15px;
padding-left: 15px;
margin-right: 2px;
line-height: 14px;
}

.nav-tabs .dropdown-toggle .caret, .nav-pills .dropdown-toggle .caret {
border-top-color: #fff;
border-bottom-color: #fff;
}

.nav-tabs .dropdown-toggle:hover .caret,
.nav-pills .dropdown-toggle:hover .caret {
border-top-color: #eee;
border-bottom-color: #eee;
}

.tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover {
border-color: #aaa transparent #aaa #aaa;
}

.tabs-left > .nav-tabs > li > a:hover {
border-color: #aaa;
}

.tabs-left > .nav-tabs {
float: left;
margin-right: 19px;
border-right: 1px solid #aaa;
}

.navbar-inner {
min-height: 36px;
width: 100%;
float: left;
padding: 0;
background:none;
background-image:none;
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow:none;
-moz-box-shadow: none;
box-shadow: none;
}

.navbar .nav, .navbar {
margin:0;
min-height:inherit;
border:0;
}

.navbar .nav > li > a {
padding:8px 12px 9px;
}


/* modal
-------------------------------------------------- */

.modal-header {
padding: 9px 15px;
border:none
}

.modal {
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
border: none;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}

.modal-body {
border:none;
padding: 15px;
}

button.close {
color:#888;
text-shadow: none;
}

.close {
text-shadow: 0 1px 0 #000;
opacity:1;
font-weight:300
}

.modal-footer {
margin-top:0;
text-align: center;
border:none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
padding: 15px;
}

/* Specific Dropdowns
-------------------------------------------------- */

.open > .dropdown-menu {
display:block
}

.dropup, .dropdown {
position: relative;
}

.subnav .dropdown-menu {
padding: 10px 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}

.dropdown-menu {
border-top:none;
position: absolute;
top: 100%;
left:auto;
z-index: 1000;
display: none;
float: left;
min-width: 150px;
padding: 5px 0;
margin:0;
border:none;
list-style: none;
}

.navbar .nav>li>.dropdown-menu:before {
content:'';
display:inline-block;
border-left:7px solid transparent;
border-right:7px solid transparent;
border-bottom:7px solid #666;
border-bottom-color:rgba(0, 0, 0, 0.2);
position:absolute;top:-7px;left:9px;
}

.navbar .nav>li>.dropdown-menu:after {
content:'';
display:inline-block;
border-left:6px solid transparent;
border-right:6px solid transparent;
border-bottom:6px solid #444;
position:absolute;
top:-6px
;left:10px;
}

.dropdown-menu li a {
color:#fff;
}

.dropdown-menu li:last-child a {
color:#fff;
border-bottom:0;
}

.dropdown-menu li > a:hover,
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
background-image:none;
background-color: #888;
}

.nav-tabs .open .dropdown-toggle,
.nav-pills .open .dropdown-toggle,
.nav > li.dropdown.open.active > a:hover {
background-color: #333;
border: none;
}

/* tables
-------------------------------------------------- */

.table th, .table td {
border-top: 1px solid #ddd;
}

.table {
margin-bottom:0
}

.table tbody tr:hover td, .table tbody tr:hover th {
background:none;
}

/* moving clouds
-------------------------------------------------- */

.far-clouds {
background: transparent url(../images/clouds.png) 300px -65px repeat-x;
}
.near-clouds {
background: transparent url(../images/clouds2.png) 100px -45px repeat-x;
}

.stage {
position: absolute;
top: 0;
left: 0;
width: 100%;
min-width: 200px;
min-height: 100%;
overflow: hidden;
z-index: -100;
}

/* sub navigation responsive
-------------------------------------------------- */

@media (max-width: 768px) {
.subnav .nav > li + li > a {
border-top: none;
}}

/* top slider
-------------------------------------------------- */

#sliderWrap {
float:right;
margin:0;
color:#eee;
width: 240px;
}

#slider {
position: absolute;
background-repeat:no-repeat;
background-position: bottom;
width: 240px;
height: 230px;
margin-top: -230px;
z-index:2000
}

#slider img {
border: 0;
}

#sliderContent {
margin: 5px 0 5px 0;
position: absolute;
padding: 10px;
}

#sliderContent .smaller {
color:#fff;
}

#openCloseWrap {
position:absolute;
padding:5px 6px 3px 6px;
margin: 230px 0 0 210px;
}

/* box
-------------------------------------------------- */

.smallbox {
display:block;
width:22px;
height:22px;
float:left;
margin:4px 5px 4px 0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}

.css1{
background-color:#F2EBBF;
}

.css2 {
background-color:#8BC639;
}

.css3 {
background-color:#6ACEEB;
}

/* form
-------------------------------------------------- */

.navbar-form {
padding:0;
margin:0;
}

/* news ticker
-------------------------------------------------- */

.tickercontainer { /* the outer div with the black border */
max-width: 1004px; 
height: 20px; 
margin: 0; 
padding: 0;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
height: 20px; 
max-width: 1004px; 
overflow: hidden;
background:none
}
ul.newsticker { /* that's your list */
position: relative;
left: 1000px;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0 30px 0 0;
padding: 0;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ff0000;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
}

/* alert
-------------------------------------------------- */

.alert-dismissable .close {
right:0; 