/*!
 * TrippoApp v1.0
 * Copyright 2012 Trippo, Inc
 * Licensed under CC BY 3.0
 * http://creativecommons.org/licenses/by/3.0/
 *
 */

 /***** STRUCTURE *****/
 
 body { 
	/*background: url('../img/bg.png') repeat-x; */
	background-color: #fff1e0;
	
	}
	
h1, h2, h3, h4, h5, h6 {
	text-shadow: white 0.02em 0.02em;
	font-family: BentonSans, Helvetica, Arial, sans-serif;
	}
	
h2 {
	font-size: 2.3em;
}
 
 .section-top {
	padding-top:100px;
	font-size: 1.1em;
	line-height: 1.8em;
	}
	
.content p {
	font-size: 1.4em;
	line-height: 1.6em;
	margin-bottom: 1.1em;
	font-family: "BentonSanslight", Arial, Helvetica, sans-serif;
	}
	
	
.product-sections {
padding-top:0px;
font-size: 1.1em;
line-height: 1.8em;
font-family: "BentonSans";
font-weight: normal;
}

/***** BODY *****/
	
.page-title {
	font-family:"BentonSansBold", Arial, Helvetica, sans-serif;
	padding: 100px 0 30px 0;
	}
	
.arrow-top img {
	margin: -7px 0 0 15px;
	}


	
/***** NAVIGATION BAR *****/
.navbar .navbar-fixed-top {
background-color:#f6e9d8;
}

.navbar .brand {
	color: #fff1e0;
	/*text-shadow: 0 1px 0 rgba(255, 255, 255, .1), 0 0 30px rgba(255, 255, 255, .125);*/
}



/***** HOMEPAGE *****/
	
#details {
	position: relative;
	float: right;
	width: 527px;
	margin-top: 80px;
	padding-left: 20px;
}

#icon {
	position: relative;
	float: left;
	margin-right: 20px;
}

#app-name {
	position: relative;
	float: left;
	margin-top: 20px;
	margin-right: 20px;
	font-weight:normal;
}

#app-name h1 {
	font-family:"BentonSansLight", Arial, Helvetica, sans-serif;
	font-size: 10em;
	color: #333333;
	line-height:1.2;
	margin:0 0 20px 0;
	font-weight:normal;
	}
	
#version {
	display:none;
	top: 30px;
	position: relative;
	float: left;
}

#tagline {
	font-family:"BentonSansLight", Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	line-height:1.3;
	margin-top: 6em;
	clear: both;
}

#description {
	font-family:"BentonSansLight", Arial, Helvetica, sans-serif;
	margin-top: 20px;
	margin-bottom: 1.8em;
	margin-top:1em;
}

#features li {
	display:none;
	background: url('../img/check.png') no-repeat left;
	list-style: none;
	padding-left: 25px;
	margin-left: -23px;
	line-height: 1.7em;
}

.download-box {
	font-family:"BentonSansRegular", Arial, Helvetica, sans-serif;
	text-align: center;
	width: 47%;
	float: left;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	
	font-size: 0.9em;
	line-height: 1.3em;
	}
	
.offertext {
font-size:14px;
clear:both;	
}
	/*
.download-box a {
display: block;
width: 126px;
overflow: hidden;
margin: 0 auto;
}

.download-box a img {
display: block;
max-width: 172px;
}
*/

/***** ABOUT PAGE *****/

.updates ul {
	list-style: none;
	padding-top: 10px;
	clear: both;
	margin: 0 0 25px 0;
	}
	
.updates ul li {
	margin-bottom: 10px;
	}
	
.updates hr {
	border-top: 1px solid #CCC;
	}
	
.updates .label {
	display: block;
	float: left;
	margin-right: 10px;
}

.version {
	float:left;
	}

.release-date {
	float:right;
	margin-top: 4px;
	color: #999;
	font-size: 0.85em;
	}
	
.new {
  background-color: #3a87ad;
}

.fix {
	background-color: #468847;
	padding: 1px 8px 2px;
	}
	

	
/***** CONTACT *****/

#contact-form {
	border-left: 1px solid #cccccc;
	}
	
#contact-info {
	padding-bottom:20px;
	}
	
	
	
/***** FOOTER *****/

.footer {
	font-size: 0.85em;
	line-height: 1.5em;
	padding: 15px 0;
	border-top: 1px solid #CCC;
	width: 85%;
	text-align: center;
	
}

#copyright {
	float:left;
	}
	
#credits {
	float:right;
	}
	
/***** FOOTER *****/
	
.img-rt {
	margin:0 30px 0 0;	
}

.img-lt {
	margin:0 30px 40px 0;
	float:left;
	border:1px solid #e9decf;
}

/***** CUSTOM *****/

.bentonbold {
	font-family:"BentonSansBold", Arial, Helvetica, sans-serif;	
}

.content p.bentonbold {
	font-size: 1.6em;
	font-family:"BentonSansBold", Arial, Helvetica, sans-serif;	
}

.navbar .brand {
float:none;	
text-align:center;
}


.app-name h1{
	font-size: 42px;
	font-family: BentonSansBold;
	text-align: center;
	line-height: 1.2;
	letter-spacing: -1px;
	margin-bottom: 15px;
	
}

.subhead {
	font-size: 30px;
	font-weight: normal;
	text-align: center;
	color:  #458b00;
	margin-bottom: 25px;
	line-height: 1.3;
	
}


.tagline {
	font-size: 18px;
	font-family: BentonSansLight;
	text-align: center;
	margin-bottom: 15px;
	line-height: 1.3;
	
}

.tagline-title {
	font-size: 25px;
	font-weight: normal;
	text-align: center;
	margin-bottom: 5px;
	line-height: 1.3;
	}


.product-title {
	font-size: 35px;
	font-family: BentonSansBold;
	line-height: 1.2em;
	text-align: center;
	margin-top: 65px;
	margin-bottom: 15px;
}

.product-copy {
	font-size: 20px;
	font-family: BentonSansLight;
	text-align: center;
	margin-bottom: 10px;
}

.row-fluid {
	margin-bottom: 10px;
}

.promo-title {
	font-size: 25px;
	font-family: BentonSansBold;
	color: #9e2f50;
	text-align: center;
	margin-top: -10px;
	margin-bottom: 15px;
	line-height: 1.0;
	
}

.promo-title-1 {
	font-size: 25px;
	font-family: BentonSansBold;
	text-align: center;
	line-height: 1.8;
	
}

.promo-title-2 {
	font-size: 15px;
	font-family: BentonSansBold;
	text-align: center;
	margin-bottom: 5px;
	line-height: 1.2;
	
}


.promo-copy{
	font-size: 18px;
	font-family: BentonSansLight;
	text-align: center;
	line-height: 1.3;
	margin-bottom: 20px;
	letter-spacing: -0.5px;
}

.promo-copy-2 {
		font-size: 18px;
		font-family: BentonSansLight;
		text-align: left;
		line-height: 1.3;
		margin-bottom: 35px;
}



.container {	
}

/*button element*/

.button {
color:#ffffff;
background-color: #2e6e9e;
border-radius: 5px;
background-image: none;
padding:15px;
font-size: 15px;
text-decoration: none;
border-width: 0px;
line-height: 1.2em;
font-weight: 100;
text-align: center;
width:100%;
font-family: BentonSansBold;
margin-bottom: 20px;
}



.avia-button:hover{background-position: 0 -7px;}
.avia-button.avia-color-theme-color-subtle{background-image: none;}
.avia-button.avia-color-theme-color-subtle:hover{}

	/*ipad width hack to make text resize */
@media screen and (max-width: 768px) {
	.tagline {
	font-size:18px;
	}
	.app-name h1 {
	font-size:40px;
	}
}

@media screen and (max-width: 980px) {
	.section-top {
	padding-top:20px;
	}
}

@media screen and (max-width: 768px) {
	.product-title {
	margin-top:30px;
	}
	

	
@media screen and (max-width: 420px) {
	.product-title {
	margin-top:1px;
	}
}

@media screen and (max-width: 768px) {
	.hidden-desktop {
	margin-bottom:20px;
	}
}


@media screen and (max-width: 420px) {
.footer {
	width: 100%;
	
}

@media screen and (max-width: 420px) {
.footer {
	width: 100%;
	
}