/*!
 * 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 0 40px;
	background-color: #fff;
	}
	
h1, h2, h3, h4, h5, h6 {
	text-shadow: white 0.02em 0.02em;
	font-family: 'CenturyGothic';
	}
	
h2 {
	font-size: 28px; color:#172e4c;
}
 
 .content {
	padding-top:100px;
	font-size: 1.1em;
	line-height: 1.8em;
	}
	
.content p {
	font-size: 16px;
	line-height: 1.3em;
	margin-bottom: 1.1em;
	}
	
.content h3 { font:bold 16px Arial, Helvetica, sans-serif; color:#338dd1; margin-bottom:1em; }
/***** BODY *****/
	
.page-title {
	padding:120px 0 30px 0;
	}
	
.page-title	h2 { font-family: 'CenturyGothic' !important; font-size:30px !important; color:#172e4c !important; }
	
.arrow-top img {
	margin: -7px 0 0 15px;
	}

.span5 img { margin-top:-60px;}
	
/***** NAVIGATION BAR *****/

.navbar .brand {
	font-weight: bold;
	color: black;
	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-left:-20px;
}

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

#app-name h1 {
	font-size: 5.5em;
	font-size: 5.5em;
	color: #ECECEC;
	text-shadow: -1px 0 #B3B3B3, 0 1px #B3B3B3, 1px 0 #B3B3B3, 0 -1px #B3B3B3, #020763 0.03em 0.03em;
	}
	
#version {
	top: 30px;
	position: relative;
	float: left;
}

#tagline {
	font-size:26px;
	/*margin-top: 6em;*/
	clear: both;
	font-family: 'CenturyGothic-Bold';
}

#description {
	margin-top: 2em;
	margin-bottom: 1.7em;
	font:normal 16px Arial, Helvetica, sans-serif; color:#fff;
}

#features li {
	background: url('../img/check.png') no-repeat left;
	list-style: none;
	padding-left: 25px;
	margin-left: -23px;
	line-height: 1.7em !important;
	font:bold 15px Arial, Helvetica, sans-serif; color:#000;
}

.download-box {
	width: 45%;
	float: left;
	padding-top: 35px;
	padding-right: 5%;
	/*font-size: 0.9em;*/
	line-height: 1.3em;
	color:#172e4c; font-size:14px;
	}
	
.download-box img { margin-bottom:15px;  }	
	
/***** 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;
}

#copyright {
	float:left; color:#338dd1;
	}
	
#credits {
	float:right;
	}
	
	
	
	
.aboutSec { float:left; width:100%;  }
.aboutSecBtn { width:288px; height:46px; background:url(../img/grnBtn.png) repeat-x; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; float:left; box-shadow:0 3px 3px #ccc; text-align:center; margin-bottom:13px; }
.aboutSecBtn a { display:block; line-height:46px; font-family: 'CenturyGothic-Bold'; color:#fff; font-size:20px; text-decoration:none; text-shadow:0 2px 2px #3f3f3f; }
.aboutSecBtn a:hover { text-decoration:none; }
	
.aboutSecBtn2 { width:288px; height:46px; background:url(../img/bluBtn.png) repeat-x; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; float:left; box-shadow:0 3px 3px #ccc; text-align:center; margin-bottom:40px;}
.aboutSecBtn2 a { display:block; line-height:46px; font-family: 'CenturyGothic-Bold'; color:#fff; font-size:20px; text-decoration:none; text-shadow:0 2px 2px #3f3f3f; }
.aboutSecBtn2 a:hover { text-decoration:none; }
#sitemap { margin:80px 0 60px 0;}
#sitemap ul{ margin:0 0 0 0;  }
#sitemap li { background:url(../img/dot.png) no-repeat left; padding:0 0 0 18px; list-style:none;  margin:0 0 5px 0; }
#sitemap li	a { color:#477194;}

#appStore { margin:40px 0 0 0; }
#faq { margin:0 0 0 0; }

#contact { margin:60px 0 0 0; }



.contact { margin-left:0 !important; }



#categories { margin:100px 0 0 0;}
#categories ul{ margin:0 0 0 0; width:25%; float:left; min-height:550px; /*margin-bottom:60px;*/ }
#categories ul span { font:bold 16px Arial, Helvetica, sans-serif; color:#338dd1; margin-bottom:15px; display:block; clear:both; }
#categories li { list-style:none;  margin:0 0 0 0; color:#477194; font-size:16px; }
#categories li	a { color:#477194;}