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

body {
	color: #666;
	min-width: 1200px;
	overflow-y: scroll;
}

/*SEO STYLES*/
.seo-image {display: block; text-indent: -900em; overflow:hidden;}
.seo-image-link {display: block; width: 100%; height: 100%; text-indent: -900em; background: transparent; overflow: hidden;}
/*IMG STYLES*/
.loading-image {
    margin: auto;
    background: url(../img/loadingIcon.gif) no-repeat 0 0;
    padding-left: 25px;
}
/*RESET STYLES*/
body,
input,
button,
select,
textarea {
	font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
}
.navbar-wrapper .container {
	width: 1080px;
}
/* Remove border and change up box shadow for more contrast */
.navbar .navbar-inner {
	background-color: #fff;
	background-image: none;
	border: none;
	box-shadow:none;
}
.navbar-inverse .navbar-inner {
	filter: none;
}
/* Downsize the brand/project name a bit */
.navbar .logo {
	background: url(../img/logo.png) transparent no-repeat center center;
	width: 360px;
	height: 100px;
	float: left;
	/*padding: 14px 20px 16px;*/ /* Increase vertical padding to match navbar links */
}

/* Navbar links: increase padding for taller navbar */
.navbar .nav > li > a {
	padding: 10px;
	text-shadow: none;
	color: #000;
	font-weight: 400;
}
.navbar .nav > li > a:hover {
	color: #bb0d0d;
}

/*LL NAV*/
.navbar {
	position: relative;
	margin-bottom: 0;
}
.navbar .navbar-inner .nav {
	position: absolute;
	top: 35px;
	left: 410px;
}
.navbar .navbar-inner .nav li {
	float:left;
}

/*LL BUTTONS*/
.navbar .navbar-inner .nav.actions,
.topbar .nav.actions{
	position: absolute;
	top: 40px;
	left: 820px;
}
.navbar .navbar-inner .nav.actions li a,
.topbar .nav.actions li a {
	font-weight:800;
	font-size: 0.9em;
	color:#fff;
	text-shadow: 0 1px 1px rgba(0,0,0,.5);
}
.navbar .navbar-inner .nav.actions a,
.topbar .nav.actions a {
	padding: 6px 12px;
	border-radius: 4px;
	line-height: 1em;
	margin-left: 20px;
}
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle {
	background-color: transparent;
	color: #bb0d0d;
}
.dropdown-menu {
    margin-top: -3px;
}
.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}
.dropdown:hover .dropdown-menu {
    display: block;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
	background-color: #bb0d0d;
	background-image: none;
}
.navbar .navbar-inner .nav ul.dropdown-menu li {
	float: none;
}
.navbar .navbar-inner .nav ul.dropdown-menu li.divider {
	margin: 0;
	line-height: 1px;
	height: 1px;
}
/*.navbar .navbar-inner .nav.actions a.btn-signin,
.topbar .nav.actions a.btn-signin {
	background: #bb0d0d;
	background: -moz-linear-gradient(top,  #e53634 0%, #bb0d0d 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e53634), color-stop(100%,#bb0d0d));
	background: -webkit-linear-gradient(top,  #e53634 0%,#bb0d0d 100%);
	background: -o-linear-gradient(top,  #e53634 0%,#bb0d0d 100%);
	background: -ms-linear-gradient(top,  #e53634 0%,#bb0d0d 100%);
	background: linear-gradient(to bottom,  #e53634 0%,#bb0d0d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e53634', endColorstr='#bb0d0d',GradientType=0 );
	-webkit-box-shadow: 0 1px 1px 0 #880000;
	-moz-box-shadow: 0 1px 1px 0 #880000;
	box-shadow: 0 1px 1px 0 #880000;
}
.navbar .navbar-inner .nav.actions a.btn-signin:active,
.topbar .nav.actions a.btn-signin:active {
	-webkit-box-shadow: inset 0 1px 10px 0 #880000;
	-moz-box-shadow: inset 0 1px 10px 0 #880000;
	box-shadow: inset 0 1px 10px 0 #880000;
}*/
.navbar .navbar-inner .nav.actions a.btn-signin,
.topbar .nav.actions a.btn-signin {
	/*width: 80px;*/
	text-align: center;
	background: #8ec23f; /* Old browsers */
	background: -moz-linear-gradient(top,  #8ec23f 0%, #78a534 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8ec23f), color-stop(100%,#78a534)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #8ec23f 0%,#78a534 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #8ec23f 0%,#78a534 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #8ec23f 0%,#78a534 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #8ec23f 0%,#78a534 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ec23f', endColorstr='#78a534',GradientType=0 ); /* IE6-9 */
	-webkit-box-shadow: 0 1px 1px 0 #5a7c27;
	-moz-box-shadow: 0 1px 1px 0 #5a7c27;
	box-shadow: 0 1px 1px 0 #5a7c27;
}
/*.navbar .navbar-inner .nav.actions a.btn-signin:hover,
.topbar .nav.actions a.btn-signin:hover {
	-webkit-box-shadow: 0 1px 5px 1px rgba(90,124,39,.5);
	-moz-box-shadow: 0 1px 5px 1px rgba(90,124,39,.5);
	box-shadow: 0 1px 5px 1px rgba(90,124,39,.5);
}*/
.navbar .navbar-inner .nav.actions a.btn-signin:active,
.topbar .nav.actions a.btn-signin:active {
	-webkit-box-shadow: inset 0 1px 10px 0 #5a7c27;
	-moz-box-shadow: inset 0 1px 10px 0 #5a7c27;
	box-shadow: inset 0 1px 10px 0 #5a7c27;
}
.navbar .navbar-inner .nav.actions a.btn-freetrial,
.topbar .nav.actions a.btn-freetrial {
	width: 70px;
	text-align: center;
	background: #90caf9; /* Old browsers */
	background: -moz-linear-gradient(top,  #90caf9 0%, #7eafe4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#90caf9), color-stop(100%,#7eafe4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #90caf9 0%,#7eafe4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #90caf9 0%,#7eafe4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #90caf9 0%,#7eafe4 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #90caf9 0%,#7eafe4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#90caf9', endColorstr='#7eafe4',GradientType=0 ); /* IE6-9 */
	-webkit-box-shadow: 0 1px 1px 0 #6092c7;
	-moz-box-shadow: 0 1px 1px 0 #6092c7;
	box-shadow: 0 1px 1px 0 #6092c7;
}
/*.navbar .navbar-inner .nav.actions a.btn-freetrial:hover,
.topbar .nav.actions a.btn-freetrial:hover {
	-webkit-box-shadow: 0 1px 5px 1px rgba(133,26,22,.5);
	-moz-box-shadow: 0 1px 5px 1px rgba(133,26,22,.5);
	box-shadow: 0 1px 5px 1px rgba(133,26,22,.5);
}*/
.navbar .navbar-inner .nav.actions a.btn-freetrial:active,
.topbar .nav.actions a.btn-freetrial:active {
	-webkit-box-shadow: inset 0 1px 10px 0 #851a16;
	-moz-box-shadow: inset 0 1px 10px 0 #851a16;
	box-shadow: inset 0 1px 10px 0 #851a16;
}

/*LL FOOTER*/
.footer {
	width: 100%;
	background-color: #000;
	font: 11px Helvetica, Arial, sans-serif;
	color: #ccc;
	padding: 20px 0 10px 0;
}
.footer .container {

}
.footer .container .footer-content {

}
.footer .container .footer-content ul.footer-nav {
	margin: 0;
}
.footer .container .footer-content ul.footer-nav li{
	float: left;
	list-style: none;
	margin: 0;
	padding: 0 15px;
	line-height: 1.1em;
	border-right: 1px #ccc solid;
}
.footer .container .footer-content ul.footer-nav li:first-child{
	padding-left: 0;
}
.footer .container .footer-content ul.footer-nav li:last-child{
	border-right: none;
}
.footer .container .footer-content p.footer-copyright{
	padding-top: 10px;
	float: left;
}

.footer .container .footer-icons {

}
.footer ul.footer-icons {
	list-style: none;
	margin-top: 5px;
	margin-right: 20px;
	float: right;
}
.footer ul.footer-icons li {
	border: none;
	float: left;
	list-style: none;
	margin-top: 10px;
	margin-right: 10px;
}
.footer .footer-icons a {
	background: url(../img/social-media-icons.png) transparent no-repeat top left;
	width: 24px;
	height: 24px;
}
.footer .footer-icons a.facebook-icon {
	background-position: 0 0;
}
.footer .footer-icons a.twitter-icon {
	background-position: 0 -24px;
}
.footer .footer-icons a.linkedin-icon {
	background-position: 0 -48px;
}
.footer .footer-icons a.youtube-icon {
	background-position: 0 -72px;
}
.footer .footer-icons a.google-icon {
	background-position: 0 -96px;
}
.footer .footer-icons a.facebook-icon:hover {
	background-position: -24px 0;
}
.footer .footer-icons a.twitter-icon:hover {
	background-position: -24px -24px;
}
.footer .footer-icons a.linkedin-icon:hover {
	background-position: -24px -48px;
}
.footer .footer-icons a.youtube-icon:hover {
	background-position: -24px -72px;
}
.footer .footer-icons a.google-icon:hover {
	background-position: -24px -96px;
}
.footer .container {

}
.footer .container a{
	color: #fff;
}

/*LL ARTICLE*/
.article {
	width: 100%;
	background: url(../img/bg_dot.png) #fff repeat top left;
	padding: 40px 0;
	border-top: 1px #eee solid;
}
.article1 {
	width: 100%;
	background: url(../img/bg_carousel.png) #fff repeat top left;
	padding: 40px 0;
	border-top: 1px #eee solid;
}
.article2 {
	width: 100%;
	background: url(../img/bg_page.png) #fff repeat-x top left;
	padding: 40px 0;
	border-top: 1px #eee solid;
}
.article-body {
	padding: 20px 40px;
	background-color: #fff;
	-moz-box-shadow: 0 0 10px #ccc;
	-webkit-box-shadow: 0 0 10px #ccc;
	box-shadow: 0 0 10px #ccc;
	border: 1px #eee solid; /* IE8 and below */
}
.article-body a {
	color: #666;
	text-decoration: underline;
}
.article-body h1,
.article-body h2,
.article-body h3 {
	font-weight: 400;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px #ccc dotted;
}
.article-body div.coming {
	text-align: center;
	margin: 100px auto;
}
.article-body div.coming h1{
	font-weight: 300;
	color: #000;
	padding: 0;
	margin: 0;
	border: none;
}

/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .span4 {
	text-align: center;
}
.marketing h2 {
	font-weight: normal;
}
.marketing .span4 p {
	margin-left: 10px;
	margin-right: 10px;
}

/* Featurettes
------------------------- */

.featurette-divider {
	margin: 80px 0; /* Space out the Bootstrap <hr> more */
}
.featurette {
	padding-top: 120px; /* Vertically center images part 1: add padding above and below text. */
	overflow: hidden; /* Vertically center images part 2: clear their floats. */
}
.featurette-image {
	margin-top: -120px; /* Vertically center images part 3: negative margin up the image the same amount of the padding to center it. */
}

/* Give some space on the sides of the floated elements so text doesn't run right into it. */
.featurette-image.pull-left {
	margin-right: 40px;
}
.featurette-image.pull-right {
	margin-left: 40px;
}

/* Thin out the marketing headings */
.featurette-heading {
	font-size: 50px;
	font-weight: 300;
	line-height: 1;
	letter-spacing: -1px;
}

/*Generic Styles
------------------------- */
a.coming-soon {
	color: #aaa !important;
	cursor: default;
}

/* RESPONSIVE CSS
-------------------------------------------------- */

/*@media (max-width: 979px) {

	.container.navbar-wrapper {
	margin-bottom: 0;
	width: auto;
	}
	.navbar-inner {
	border-radius: 0;
	margin: -20px 0;
	}

	.carousel .item {
	height: 500px;
	}
	.carousel img {
	width: auto;
	height: 500px;
	}

	.featurette {
	height: auto;
	padding: 0;
	}
	.featurette-image.pull-left,
	.featurette-image.pull-right {
	display: block;
	float: none;
	max-width: 40%;
	margin: 0 auto 20px;
	}
}*/


/*@media (max-width: 767px) {

	.navbar-inner {
	margin: -20px;
	}

	.carousel {
	margin-left: -20px;
	margin-right: -20px;
	}
	.carousel .container {

	}
	.carousel .item {
	height: 300px;
	}
	.carousel img {
	height: 300px;
	}
	.carousel-caption {
	width: 65%;
	padding: 0 70px;
	margin-top: 100px;
	}
	.carousel-caption h1 {
	font-size: 30px;
	}
	.carousel-caption .lead,
	.carousel-caption .btn {
	font-size: 18px;
	}

	.marketing .span4 + .span4 {
	margin-top: 40px;
	}

	.featurette-heading {
	font-size: 30px;
	}
	.featurette .lead {
	font-size: 18px;
	line-height: 1.5;
	}

}*/