/* CSS ADDITIONS */

/* Thematic Overrides */

#main {
	width: 940px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	background: white;
	-moz-box-shadow: 0px 0px 10px #333333;
	-webkit-box-shadow: 0px 0px 10px #333333;
	box-shadow: 0px 0px 10px #333333;
	padding: 50px 0 22px 0;
}
#content {
	margin: 0 0 0 50px;
	width: 500px;
}
#footer {
	border-top: none;
	margin-top: none;
}
#siteinfo {
	display: none;
}

#header, #footer { max-width:940px; }







/* Global */
   
body {
	font-family: 'Open Sans', helvetica, arial, sans-serif;
	background: url('/img/bg-wood.jpg') repeat;
}
h1,h2,h3,h4,h5,h6 {
	font-family: 'Open Sans', helvetica, arial, sans-serif;
	font-weight: normal;
}
h1 { font-size: 40px; line-height: 48px; font-weight: bold; color: #c02d00; }
h2 { font-size: 30px; line-height: 36px; }
h3 { font-size: 24px; line-height: 30px; }
h4 { font-size: 18px; line-height: 14px; }
a { color: #2a83d6; }
ul { list-style-type: none; margin: 0; }
.container {
	background: white;
	-moz-box-shadow: 0px 0px 10px #333333;
	-webkit-box-shadow: 0px 0px 10px #333333;
	box-shadow: 0px 0px 10px #333333;
}
p.copy {
	color: #555555;
	font-size: 15px;
	line-height: 25px;
}



/* Header */

/*
.logo {
	height: 93px;	
}
	.logo img {
		margin: 24px 0 0 40px;
	}
.top-nav-section {
	height: 93px;
}
	ul.top-nav {
		margin: 22px 38px 0 0;
		float: right;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		background: url('/img/btn-gray-noise.gif') repeat-x #e5e5e5;
		border: 1px solid #bbbbbb;
	}
	ul.top-nav li {
		height: 45px;
		padding: 0 30px;
		float: left;
		border-right: 1px solid #bbbbbb;
	}
	ul.top-nav li.last {
		border-right: none;
	}
	ul.top-nav li h3 {
		font-size: 18px;
		line-height: 20px;
		color: #777777;
		margin-top: 12px;
		text-shadow: 1px 1px 0px #fff;
		filter: dropshadow(color=#fff, offx=1, offy=1);
	}
	ul.top-nav a:hover {
		text-decoration: none;
	}
	ul.top-nav li:hover {
		-webkit-box-shadow: inset 0 0 25px 5px rgba(0,0,0,0.11);
		-moz-box-shadow: inset 0 0 25px 5px rgba(0,0,0,0.11);
		box-shadow: inset 0 0 25px 5px rgba(0,0,0,0.11);
	}
.bottom-nav-section {
	height: 51px;
	background: #ebebeb;
	background: url('/img/bg-blue-noise.gif') repeat-x #2a86d6;
}
	ul.bottom-nav {
		margin-left: 15px;
	}
	ul.bottom-nav li {
		height: 51px;
		padding: 0 30px;
		float: left;
		background: url('/img/blue-nav-divider.gif') no-repeat right;
	}
	ul.bottom-nav li a {
		color: white;
	}
	ul.bottom-nav li h3 {
		font-size: 18px;
		line-height: 20px;
		color: white;
		margin-top: 13px;
	}
	ul.bottom-nav li:hover {
		-webkit-box-shadow: inset 0 0 25px 5px rgba(0,0,0,0.11);
		-moz-box-shadow: inset 0 0 25px 5px rgba(0,0,0,0.11);
		box-shadow: inset 0 0 25px 5px rgba(0,0,0,0.11);
	}
	ul.bottom-nav a:hover {
		text-decoration: none;
	}
*/
	
	
.logo { height: 93px;  } 
	.logo img { margin: 20px 0 0 40px; width: 219px; height: 50px; } 
.top-nav-section { height: 93px;  } 
	ul.top-nav { margin: 22px 38px 0 0; float: right; border-radius:4px; padding:0; background: url('/img/btn-gray-noise.gif') repeat-x #e5e5e5; border: 1px solid #bbbbbb; }  
	ul.top-nav li{ height: 45px; padding: 0 20px; float: left; border-right: 1px solid #bbbbbb; }  
	ul.top-nav li.last { border-right: none; }  
	ul.top-nav li h3 { font-size: 18px; line-height: 20px; color: #777777; margin-top: 12px; text-shadow: 1px 1px 0px #fff;  }  
	ul.top-nav a:hover{ text-decoration: none; }  
	ul.top-nav li:hover{ .button-hover }
	.top-nav-section.col-md-8 { padding-right: 0; padding-left: 0; }
.bottom-nav-section { height: 51px; background: #ebebeb; background: url('/img/bg-blue-noise.gif') repeat-x #2a86d6; } 
	ul.bottom-nav { margin-left: 15px; }  
	ul.bottom-nav li { height: 51px; padding: 0 30px; float: left; background: url('/img/blue-nav-divider.gif') no-repeat right; }  
	ul.bottom-nav li a { color: white; }  
	ul.bottom-nav li h3 { font-size: 18px; line-height: 20px; color: white; margin-top: 13px; }  
	ul.bottom-nav li:hover { -webkit-box-shadow: inset 0 0 25px 5px rgba(0,0,0,0.11); -moz-box-shadow: inset 0 0 25px 5px rgba(0,0,0,0.11); box-shadow: inset 0 0 25px 5px rgba(0,0,0,0.11); }  
	ul.bottom-nav a:hover { text-decoration: none; }  


/* Footer */

.top-footer-section {
	height: 100px;
	background: #fcfcfc;
	border-top: 1px solid #ebebeb;		
}
	ul.top-footer {
		margin-left: 25px;
	}
	ul.top-footer li {
		float: left;
		font-style: italic;
		font-size: 14px;
		padding: 0 20px;
		margin: 39px 0 0 0;
	}
	ul.top-footer li a {
		color: #555555;
	}
.bottom-footer {
	height: 54px;
	background: url('/img/bg-dark-noise.gif') repeat #525252;
}
	.bottom-footer p {
		color: #c2c2c2;
		font-size: 14px;
		line-height: 17px;
		margin-top: 19px;
		text-align: center;
	}




/* RESPONSIVE CSS ADDITIONS */


/* Larger than 1200 */
@media (min-width:1200px) {
	.form-horizontal .btn { margin-left: 586px; }
}



/* iPad Portrait */
@media (min-width:767px ) and (max-width: 991px) {
	.col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8 { float:left; margin:0; padding:0; }
	.col-md-6 { width:48%; }
	.col-md-8 { float:right; }
	
	body { padding-right:10px; padding-left:10px; }
	
	p, p.copy { font-size:13px; line-height:19px }
	h1 { font-size: 27px; line-height: 35px;  } 

	.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: auto; margin-left: auto; margin-right: auto; }

	.testimonials p { font-size:13px; margin:0; }

	.main-img img, .about1-img img, .about2-img img, .about3-img img { display:block; width:80%; height:auto; }
	
	.main-text, .main-img { height: 370px; }
	.main-text h1 { padding: 30px 0 0 0; max-width: 330px; }
	.main-text p { padding-left: 0; max-width: 330px; }
		.buy-buttons-top { width: 380px; height: 60px; }
		.blue-btn-wrap, .buy-buttons-top .blue, .platform-btn { width: 100px; height: auto; }
			.blue-btn-wrap img { width: 100%; height: auto; }
		.learn-more-links-top a { display: block; font-style: italic; width: 96px; float: left; padding: 6px 0 0 15px; }
	.about1-img { float:right; }
	.about1-img img { margin-top: 80px; margin-left:30px; }
	.about1-text h1 { padding: 45px 0 0 50px; }
	.about1-text p { width: 290px; }
	
	.about2-img, .about2-text { height:395px; }
	.about2-text { float:right; }
	.about2-img img { margin-top:75px; margin-left:40px; }
	.about2-text h1 { padding: 35px 70px 0 0; }
	.about2-text p { width: 300px; padding: 0 70px 0 0; 	}
	
	.about3-img { height: 360px; float:right; }
	.about3-img img { margin:85px 20px 0 0; }
	.about3-text { height: 360px; }
	.about3-text h1 { padding: 25px 0 0 50px; }
	.about3-text p { width: 300px; padding: 0 0 0 50px; }
	.who-for-list ul { float: left; padding-right: 15px; font-size: 13px; color: #555; }
	ul.who-list1 { margin-left: 30px; }
		.who-for-img img { padding: 100px 0 0 0; width:80%; height:auto; float:right; }
		.buy-buttons-bottom-wrap { margin: 20px auto 0 auto; width: 360px; }
		.platform-btn { width: 100px; margin:auto; }		
		
	ul.top-footer li { font-size:13px; }
	ul.top-footer li img { display:none; }
		
	.more-apps-text p { max-width: 300px; }
	.moreapps-text p { max-width: 445px; }
	.moreapps-icon img { width: 200px; height: auto; padding: 20px 20px 0 20px; }
	.tutorials-text p { max-width: 445px; }
	.tutorials-list p { width: 480px; }
	.tutorials-list ul li { min-height: 150px;}
	.more-apps-img img { margin: 40px 40px 0 0; }
	.more-apps-img { float:right; }
	.moreapps-text { float:left; }
	
	.about-blurb { width:430px; }
	.about-img img { float:left; padding:40px; }
	
	.support-form { width:300px; float:left; margin-left:30px; }
	.support-blurb { width:300px; float:right; }
	.form-horizontal .btn { margin-left: 235px; margin-top:0; }
	
	.price { margin: 8px 0 0 10px; }
}




/* Smaller than iPad Portrait */
@media (max-width: 766px) {
	body { padding-right: 10px; padding-left: 10px; }

	/* Header */
	.logo img { display: block; margin: 20px auto 0 auto; }
	.top-nav-section { height: 45px; background: url('../img/btn-gray-noise.gif') repeat-x #e5e5e5; }
		ul.top-nav { height: 45px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; margin: 0 auto; float: none; border:0; }
		ul.top-nav li { height: 45px; padding: 0 14px; }
		ul.top-nav li h3 { font-size: 14px; line-height: 20px; }
		
	.bottom-nav-section { height: 42px; }
		ul.bottom-nav { margin-left: 0px; }
		ul.bottom-nav li { height: 42px; padding: 0 24px; 	}
			ul.bottom-nav li img { display: none; }
		ul.bottom-nav li h3 { font-size: 14px; line-height: 15px; }
		ul.bottom-nav li { padding: 0 15px; }
		ul.bottom-nav li.last { background: none; }

	/* Global */
	.main-img img, .about1-img img, .about2-img img, .about3-img img, .who-for-img img, .tutorials-icon img { display: block; margin: 0 auto; width: 300px; height: auto; }
	.main-text h1, .about1-text h1, .about2-text h1, .about3-text h1, .who-for-list h1, .moreapps-text h3, .tutorials-text h3 { font-size: 27px; line-height: 34px; margin-bottom: 10px; }
	.main-text h1, .main-text p, .about1-text h1, .about1-text p, .about2-text h1, .about2-text p, .about3-text h1, .about3-text p, .who-for-list h1, .moreapps-text h3, .moreapps-text p, .tutorials-text h3, .tutorials-text p { padding: 0 20px; width: auto; }
	.copy { padding: 10px 20px; }
	#home .btn { width: 140px; display: block; margin: 0 auto; }
	.buy-buttons-top { width: 132px; margin: 0 auto; height:225px; }
		.buy-buttons-top .blue { float: none; margin: 10px 0 0 0; width: 132px; 	}
	.buy-buttons-bottom { height: 250px; }
		.buy-buttons-bottom-wrap { width: 132px; margin: 0 auto; }
		.buy-buttons-bottom a { float: none; margin: 10px 0 0 0; width: 132px; }
	.simple-buy-link { display: block; text-align: center; }

	/* Main */
	.main-img { height: auto; padding: 20px 0 0 0;	 }
		.main-text { height: auto; padding: 20px 0 30px 0; border-bottom: none; 	}
	.learn-more-links-top { display: none; }

	/* About Sections */
	.buy-link-single { padding: 6px 0 0 0; text-align: center; margin: 0 auto; }
		.buy-link-single.ipad { padding: 6px 0 0 0; }
		.buy-link-single.iphone { padding: 6px 0 0 0; }
		.buy-link-single.mac { padding: 6px 0 0 0; }

	.about1-text { height: auto; padding: 20px 0 30px 0; }
		.about1-img { height: auto; border-bottom: none; border-top: 1px solid #ebebeb; padding: 30px 0 0 0; }
		.about1-img { float:none; }
	.about2-img { height: auto; padding: 20px 0 0 0; }
		.about2-text { height: auto; padding: 20px 0 30px 0; border-bottom: none; }
	.about3-text { height: auto; padding: 20px 0 30px 0; }
		.about3-img { height: auto; border-bottom: none; padding: 20px 0 0 0; float:none; }
		.about3-img img { float:none; }

	/* Who For */
	.who-for-list { height: auto; padding: 20px 0 0 0; }
		.who-for-list ul { float: none; padding-right: 0; margin: 0;}
		.who-for-list ul { float: none; padding-right: 0; margin: 0 0 0 60px; }
		.who-for-list ul.who-list1 { margin-left:60px; }
		.who-for-list ul { height:345px; }
	.who-for-img { height: auto; margin: 0; padding: 0 0 20px 0; }
	.who-for-img img { padding: 0 0 0 0; }

	/* Footer */
	.bottom-footer { height:74px; }
	.top-footer-section { height: auto; }
		ul.top-footer { margin: 0; }
		ul.top-footer li { float: none; margin: 0; padding: 20px 0 20px 20px; }
		.bottom-footer p { color: #c2c2c2; font-size: 14px; line-height: 17px; margin-top: 0; padding-top: 17px; text-align: center; }

	/* About Page */
	.about-img img { padding: 40px 0 0 0; display: block; margin: 0 auto; }
	.about-blurb p { padding: 40px; }
	
	/* More Apps Page */
	.moreapps-icon { padding: 0; margin-top:30px; }
	.moreapps-text .btn { width: 140px; display: block; margin: 0 auto; }
	.moreapps-text h3 { margin-top: 10px; color: #c02d00; font-weight: bold; padding: 0 20px; }
	.moreapps-text { height: auto; padding: 0 0 30px 0; }
	.apps-list ul li.odd { background:#fff; }
	
	.moreapps-icon, .moreapps-text { float:none; }
	
	.more-apps-img { float:none; width:100%; height:auto; border-bottom:none; padding: 30px 0 0 0; }
	.more-apps-img img, .moreapps-icon img { display:block; margin:0 auto; height:auto; float:none; }
	.moreapps-text p  { margin-left:0; } 
	.moreapps-text h3.moreapps-heading { font-size:40px; padding-top:0; padding-bottom:0; }
	.apps-list .buy-buttons-top { margin:0 auto; }
	.more-apps { padding:0 20px; }
	
	/* Tutorials Page */
	.tutorials-icon { padding: 0; }
	.tutorials-text h3 { margin-top: 10px; }
	
	/*Sub Pages */
	#mac .about1-img { height: 240px; }
	#mac .about1-text { height: 230px; }
	#ipad .about1-img { height: 220px; }
	#ipad .about1-text { height: 360px; }
	#iphone .about1-img { height: 260px; }
	#iphone .about1-text { height: 280px; }
	#moreapps .about1-img { height: 190px; }
	#moreapps .about1-text { height: 220px; }
	.buy-wrap { margin: 0 auto; }
	#iphone .about1-text { height: 320px; }
	#ipad .about1-text { height: 430px; }
	#mac .about1-text { height: 295px; }
	.col-md-7.support-form { padding-right: 35px; }
}


/* iPhone */
@media (max-width:400px) {
	.more-apps { padding:0 20px; }
	.about-blurb p { padding: 20px; }
	.moreapps-text h3, .moreapps-text p { padding:0; }
	.apps-list ul li { padding:0; }
	.mac-about1-text { overflow:hidden; width:100%; height:320px; }
	.trial-btn { margin-left:8px; }
}