body{
	margin: 0px;
	background-image: url('http://quotebookapp.com/img/paper.jpg');
	padding: 30px;
	font-family: Helvetica;
}
@media (max-width:767px){
	body {
		background-image: none;
		padding: 0px !important;
	}
}

img {
	border: none;
}

/* ----- Main Div ----- */
.main {
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	border-bottom-right-radius: 8px;
}

/* ----- Navbar ----- */
.navbar {
	margin-bottom: 0px;
	height: 44px;
}
.navbar .container, .navbar .nav {
	height: 44px;
}
.navbar-inner {
	height: 44px;
	background-image: url('http://quotebookapp.com/img/leather.png');
	background-repeat: repeat;
	
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	border-top-right-radius: 8px;
	
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	border-bottom-right-radius: 0px;
}
@media (max-width:767px){
	.navbar-inner {
		-webkit-border-top-left-radius: 0px;
		-moz-border-radius-topleft: 0px;
		border-top-left-radius: 0px;
		-webkit-border-top-right-radius: 0px;
		-moz-border-radius-topright: 0px;
		border-top-right-radius: 0px;
	}
}

.navbar-inner .nav a {
	padding: 15px 20px !important;
	padding-top: 13px !important;
	color: #FFF !important;
	font-size: 15px;
	text-shadow: 0 0 0.2em #87F;
	font-weight: bold;
	
	-webkit-transition: 150ms linear 0s;  
    -moz-transition: 150ms linear 0s;  
    -o-transition: 150ms linear 0s;  
    transition: 150ms linear 0s; 
}
.hidden-phone .nav.pull-right a:hover {
	text-shadow: 0px 0px 20px #fff !important;
}

.navbar-inner .dropdown-menu {
	margin-top: -15px;
	margin-right: 11px;
	width: 200px !important;
}
.navbar-inner .dropdown-menu a {
	padding: 5px !important;
	font-size: 22px !important;
}
@media (max-width:767px){
	.navbar-inner .nav a {
		color: #000 !important;
		text-shadow: 0px 1px #E2E2E2 !important;
	}
}

.navbar a.brand {
	font-family: adobe-garamond-pro, serif;
	font-size: 30px;
	padding-top: 10px !important;
	color: #FFF !important;
	text-shadow: 0px 1px #000 !important;
	font-weight: 600;
}
.navbar-inner .nav a.active {
	text-shadow: 0px 0px 20px rgba(255, 255, 255, 0.7) !important;
}

.menu-icon {
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url('http://quotebookapp.com/img/menu.png');
}
.download-icon {
	display: inline-block;
	width: 15px;
	height: 15px;
	background-image: url('http://quotebookapp.com/img/download.png');
	position: relative;
	top: 2px;
}
.download-icon-black {
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url('http://quotebookapp.com/img/download-black.png');
	margin-right: 4px;
	position: relative;
	top: 2px;
}

/* ----- Get the App button ----- */
.navbar-inner .nav .btn-buy {
	margin: 0px !important;
	padding: 0px !important;
}
.navbar-inner .nav .btn-buy button {
	margin-left: 15px;
	margin-top: 9px;
	color: #FFF;
	padding: 3px 5px;
	text-shadow: 0px 1px #000;
	font-weight: bold;

	background: #8e8e8e;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhlOGU4ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzZkNmQ2ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzRjNGM0YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyYjJiMmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #8e8e8e 0%, #6d6d6d 50%, #4c4c4c 51%, #2b2b2b 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8e8e8e), color-stop(50%,#6d6d6d), color-stop(51%,#4c4c4c), color-stop(100%,#2b2b2b));
	background: -webkit-linear-gradient(top,  #8e8e8e 0%,#6d6d6d 50%,#4c4c4c 51%,#2b2b2b 100%);
	background: -o-linear-gradient(top,  #8e8e8e 0%,#6d6d6d 50%,#4c4c4c 51%,#2b2b2b 100%);
	background: -ms-linear-gradient(top,  #8e8e8e 0%,#6d6d6d 50%,#4c4c4c 51%,#2b2b2b 100%);
	background: linear-gradient(top,  #8e8e8e 0%,#6d6d6d 50%,#4c4c4c 51%,#2b2b2b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e8e8e', endColorstr='#2b2b2b',GradientType=0 );
	
	border-color: #666666;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.navbar-inner .nav .btn-buy button:hover {
	background: #5e5e5e;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVlNWU1ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyYjJiMmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #5e5e5e 0%, #2b2b2b 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5e5e5e), color-stop(100%,#2b2b2b));
	background: -webkit-linear-gradient(top,  #5e5e5e 0%,#2b2b2b 100%);
	background: -o-linear-gradient(top,  #5e5e5e 0%,#2b2b2b 100%);
	background: -ms-linear-gradient(top,  #5e5e5e 0%,#2b2b2b 100%);
	background: linear-gradient(top,  #5e5e5e 0%,#2b2b2b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e5e5e', endColorstr='#2b2b2b',GradientType=0 );
}
.navbar-inner .nav .btn-buy i {
	margin-top: 1px;
}

/* ----- Blurb ----- */
.blurb {
	text-align: center;
}
.app-icon {
	display: inline-block;
	width: 86px;
	height: 86px;
	background-image: url('../img/icon.png');
}
.blurb .brand {
	font-size: 50px;
	font-family: adobe-garamond-pro, serif;
	font-weight: 600;
}

.hidden-phone .blurb {
	text-shadow: 0px 1px #D8D8D8;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 270px;
	height: 475px;
	padding: 15px;
	padding-top: 50px;
	background-color: rgba(255, 255, 255, .7);
	z-index: 10;
	overflow: hidden;
}
.blurb .wrap {
	width: 270px;
}
.blurb.visible-phone {
	position: relative;
}
.appstore {
	display: inline-block;
	width: 150px;
	height: 52px;
	background-image: url('http://quotebookapp.com/img/appstore.png');
}

/* ----- Video ----- */
.video-container {
	position: relative;
	height: auto;
}
.video-container.hidden-phone {
	height: 528px;
}
.video-container .play {
	position: absolute;
	top: 200px;
	right: 280px;
	z-index: 50;
	cursor: pointer;
	opacity: 0.7;
}
.hidden-phone .video {
	cursor: pointer;
}
.visible-phone .video {
	position: absolute;
	top: 0px;
	left: 0px;
}
.visible-phone .video-ratio {
	width: 100%;
}

/* ----- FAQ / Updates ----- */
.main {
	background-color: #FFF;
}
.main .header {
	background-color: #B2B2B2 !important;
	color: #FFF;
	font-size: 15px;
	font-weight: bold;
	text-shadow: 0px 1px #A0A0A0;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
	border: none;
}
.main .category {
	cursor: pointer;
}
.category:hover {
	background-color: #E8E8E8 !important;
}
.main .data {
	margin: 0px !important;
	width: 609px;
	border-left: 1px solid #DDD;
	overflow: hidden;
	padding: 15px;
}
.accordion-toggle {
	font-size: 20px;
}
.accordion-group {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

.main .list {
	padding-left: 25px;
	font-size: 13px;
}
.main .list .list {
	padding-left: 50px;
	margin: 0px;
}
.label {
	position: relative;
	top: -3px;
}
.label {
	background-color: #BFBFBF;
	text-shadow: 0px 1px #A0A0A0;
}
.label.label-success {
	background-color: #65CC39;
	text-shadow: 0px 1px #007F0E;
}
.main .data h3 {
	margin-top: -5px;
	margin-bottom: -10px;
}
.main .questions h4 {
	margin-top: 30px;
}
.main .updates h4 {
	display: inline;
	text-indent: 50px;
	font-size: 13px;
}
#updates .accordion-body h4 {
	display: inline;
}
.main .data hr {
	margin: 40px 0px;
}
.accordion-toggle {
	color: #000;
}

/* ----- Praise ----- */
.praise {
	background-color: #FFF;
	width: 100%;
	border-top: 1px solid #DDD;
	overflow: hidden;
	text-align: center;

	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	border-bottom-right-radius: 8px;
}
.praise.hidden-phone {
	height: 190px;
}
.praise .wrap {
	width: 2820px;
	position: relative;
}
.praise .wrap .testimonial {
	width: 205px;
	float: left;
	padding: 20px 15px;
	margin: auto;
}
.praise.visible-phone  .testimonial {
	margin: auto;
	width: 90%;
	padding: 20px;
	
}

.praise .controls {
	display: inline-block;
	position: relative;
	margin: auto;
	z-index: 100;
	top: -10px;
}

.praise .controls div {
	display: inline-block;
	width: 10px;
	height: 10px;
	background-position: 0px 30px;
}
.praise .controls a div {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #808080;
	margin-left:5px;
	margin-right:5px;
}
.praise .controls a:hover div {
	background-position: 0px 0px !important;
	background-color: #404040;

}
.praise .controls a.current div {
	background-position: 0px 20px;
	background-color: #d9d9d9;
}

/* ----- Praise Logos ----- */

.praise .minimalmac div {
	display: inline-block;
	width: 90px;
	height: 25px;
	background-image: url('http://quotebookapp.com/img/praise/minimalmac.png');
}
.praise .gizmodo div {
	display: inline-block;
	width: 90px;
	height: 14px;
	background-image: url('http://quotebookapp.com/img/praise/gizmodo.png');
	background-position: 0px 0px;
}
.praise .gizmodo:hover div {
	background-position: 0px 14px;
}
.praise .apple div {
	display: inline-block;
	width: 21px;
	height: 25px;
	background-image: url('http://quotebookapp.com/img/praise/apple.png');
}
.praise .appadvice div {
	display: inline-block;
	width: 100px;
	height: 25px;
	background-image: url('http://quotebookapp.com/img/praise/appadvice.png');
	background-position: 0px 0px;
}
.praise .appadvice:hover div {
	background-position: 0px 25px;
}

.praise .shawnblanc div {
	display: inline-block;
	width: 90px;
	height: 15px;
	background-image: url('http://quotebookapp.com/img/praise/shawnblanc.png');
}
.praise .readwriteweb div {
	display: inline-block;
	width: 100px;
	height: 18px;
	background-image: url('http://quotebookapp.com/img/praise/readwriteweb.png');
	background-position: 0px 0px;
}
.praise .readwriteweb:hover div {
	background-position: 0px 18px;
}
.praise .tbr div {
	display: inline-block;
	width: 50px;
	height: 25px;
	background-image: url('../img/praise/tbr.png');
	background-position: 0px 0px;
}
.praise .tbr:hover div {
	background-position: 0px 25px;
}
.praise .iphonereview div {
	display: inline-block;
	width: 96px;
	height: 12px;
	background-image: url('http://quotebookapp.com/img/praise/iphonereview.png');
	background-position: 0px 0px;
}
.praise .iphonereview:hover div {
	background-position: 0px 12px;
}

.praise .al3x div {
	display: inline-block;
	width: 25px;
	height: 25px;
	background-image: url('http://quotebookapp.com/img/praise/al3x.png');
	background-position: 0px 0px;
}
.praise .al3x:hover div {
	background-position: 0px 25px;
}
.praise .carpeaqua div {
	display: inline-block;
	width: 97px;
	height: 16px;
	background-image: url('http://quotebookapp.com/img/praise/carpeaqua.png');
	background-position: 0px 0px;
}
.praise .carpeaqua:hover div {
	background-position: 0px 16px;
}
.praise .enough div {
	display: inline-block;
	width: 100px;
	height: 25px;
	background-image: url('../img/praise/enough.png');
	background-position: 0px 0px;
}
.praise .ala div {
	display: inline-block;
	width: 96px;
	height: 21px;
	background-image: url('http://quotebookapp.com/img/praise/ala.png');
	background-position: 0px 0px;
}
.praise .ala:hover div {
	background-position: 0px 21px;
}

@media all and (-webkit-min-device-pixel-ratio: 2) {
	.praise .minimalmac div {
		background-image: url('http://quotebookapp.com/img/praise/minimalmac@2x.png');
		background-size: 90px 25px;
	}
	.praise .gizmodo div {
		background-image: url('http://quotebookapp.com/img/praise/gizmodo@2x.png');
		background-size: 90px 28px;
	}
	.praise .apple div {
		background-image: url('http://quotebookapp.com/img/praise/apple@2x.png');
		background-size: 21px 25px;
	}
	.praise .appadvice div {
		background-image: url('http://quotebookapp.com/img/praise/appadvice@2x.png');
		background-size: 100px 50px;
	}

	.praise .shawnblanc div {
		background-image: url('../img/praise/shawnblanc-2x.png');
		background-size: 90px 15px;
	}
	.praise .readwriteweb div {
		background-image: url('../img/praise/readwriteweb-2x.png');
		background-size: 100px 36px;
	}
	.praise .tbr div {
		background-image: url('http://quotebookapp.com/img/praise/tbr@2x.png');
		background-size: 50px 50px;
	}
	.praise .iphonereview div {
		background-image: url('http://quotebookapp.com/img/praise/iphonereview@2x.png');
		background-size: 96px 24px;
	}

	.praise .al3x div {
		background-image: url('../img/praise/al3x-2x.png');
		background-size: 25px 50px;
	}
	.praise .carpeaqua div {
		background-image: url('http://quotebookapp.com/img/praise/carpeaqua@2x.png');
		background-size: 97px 32px;
	}
	.praise .enough div {
		background-image: url('http://quotebookapp.com/img/praise/enough@2x.png');
		background-size: 100px 25px;
	}
	.praise .ala div {
		background-image: url('http://quotebookapp.com/img/praise/ala@2x.png');
		background-size: 96px 42px;
	}
}


/* ----- Contact Form ----- */
#contact {
	width: 490px;
	margin-left: -245px;
}
#contact .name-last, #contact .name-first {
	width: 217px;
}
#contact textarea {
	height: 100px;
	width: 447px;
}
@media (max-width:767px){
	#contact {
		top: 10px;
		left: 10px;
		right: 10px;
		margin: 0px;
		width: auto;
	}
	#contact textarea {
		width: 100%;
	}
	#contact .name-last, #contact .name-first, #contact .email {
		width: 100%;
	}
}
#contact .alert {
	display: none;
}
#contact .invalid {
	box-shadow: 0px 0px 10px red;
}

/* ----- Footer ----- */
.footer {
	height: 40px;
	width: 100%;
	position: relative;
	text-align: center;
	line-height: 40px;
	margin-top: 15px;
	float: left;
}
.footer.visible-phone {
	height: 140px;
	padding-top: 10px;
}
.footer .lickability div{
	display: inline-block;
	width: 79px;
	height: 30px;
	background-image: url('http://quotebookapp.com/img/lickability.png');
	background-position: 0px 0px;
}
.footer.visible-phone .lickability {
	background-position: 0px 30px;
}
.footer .lickability:hover div{
	background-position: 0px 30px;
}
@media (max-width:767px){
	.footer .lickability div{
		background-position: 0px 30px;
	}
}
.footer .pipe {
	display: inline;
	color: #B2B2B2;
}
.footer .left {
	position: absolute;
	top: 5px;
	left: 10px;
}
.footer .right {
	position: absolute;
	top: 5px;
	right: 10px;
}
.footer a {
	color: #4C4C4C;
}
.footer a:hover {
	text-decoration: none;
	color: #000;
}
.appstore-small {
	display: inline-block;
	width: 90px;
	height: 31px;
	background-image: url('http://quotebookapp.com/img/appstore-small.png');
}
.footer .twitter-share-button {
	margin-left: 14px;
}

/* ----- Retina Images ----- */
@media all and (-webkit-min-device-pixel-ratio: 2) {
	.app-icon {
		background-image: url('../img/icon-2x.png');
		background-size: 86px 86px;
	}
	.appstore {
		background-image: url('http://quotebookapp.com/img/appstore@2x.png');
		background-size: 150px 52px;
	}
	.appstore-small {
		background-image: url('http://quotebookapp.com/img/appstore-small@2x.png');
		background-size: 90px 31px;
	}
	.navbar-inner {
		background-image: url('../img/leather-2x.png');
		background-size: auto 44px;
	}
	.menu-icon {
		background-image: url('http://quotebookapp.com/img/menu@2x.png');
		background-size: 20px 20px;
	}
	.download-icon {
		background-image: url('http://quotebookapp.com/img/download@2x.png');
		background-size: 15px 15px;
	}
	.download-icon-black {
		background-image: url('http://quotebookapp.com/img/download-black@2x.png');
		background-size: 20px 20px;
	}
	.footer .lickability div{
		background-image: url('http://quotebookapp.com/img/lickability@2x.png');
		background-size: 80px 60px;
	}
	.praise .controls div {
		background-image: url('http://quotebookapp.com/img/praise-controls@2x.png');
		background-size: 15px 60px;
	}
}