/* 
	Briefs Styles
	
	Initial Author: Sean Murphy, MartianCraft.

*/

/* Custom Fonts */

/* first for IE 4–8 */
@font-face 
{
  font-family: DINWeb;
  src: url("DINWeb.eot");
}

@font-face 
{
  font-family: DINWeb-Light;
  src: url("DINWeb-Light.eot");
}

@font-face 
{
  font-family: DINWeb-Cond;
  src: url("DINWeb-Cond.eot");
}

/* first for IE 4–8 */
@font-face {
  font-family: DINWeb-Medium;
  src: url("DINWeb-Medium.eot");
}

/* then for WOFF-capable browsers */
@font-face
{
  font-family: DINWeb;
  src: url("DINWeb.woff") format("woff");
}

@font-face 
{
  font-family: DINWeb-Light;
  src: url("DINWeb-Light.woff") format("woff");
}

@font-face 
{
  font-family: DINWeb-Cond;
  src: url("DINWeb-Cond.woff") format("woff");
}

/* then for WOFF-capable browsers */
@font-face {
  font-family: DINWeb-Bold;
  src: url("DINWeb-Bold.woff") format("woff");
}


/* then for WOFF-capable browsers */
@font-face {
  font-family: DINWeb-Medium;
  src: url("DINWeb-Medium.woff") format("woff");
}


body {
	padding-bottom: 40px;
	color: #5a5a5a;
	font-family: DINWeb, sans-serif;
	margin: 0;
	padding: 0;
}

h1,h2,h3,h4,h5
{
	font-weight: normal;
	font-style: normal;
	font-family: DINWeb-Cond, sans-serif;
	line-height: 1;
}

h1
{
	color: black;
	font-size: 62px;
	line-height: 1;
}

h3
{
	font-size: 33px;
}

h2,h3
{
	color: #3293e2;
}

p
{
	color: #666666;
}

.feature-block
{
	text-align: left;
	width: 470px;
	margin-right: 10px;
	float: left;
}

.feature-block h3
{
	font: 34px DINWeb-Cond;
	margin-bottom: 20px;
}

.feature-block.description p
{
	font-size: 16px;
	line-height: 26px;
	color: #2b2b2b;
}

.home-feature.borderless .feature-block.image
{
	margin-top: 14px;
}

.feature-block.image
{
	text-align: center;
	width: 480px;
}

.feature-block.image.extend
{
	width: 736px;
}

.feature-block.image.extend.left
{
	margin-left: -250px;
}

.feature-block.image.extend.right
{
	margin-right: -250px;
}

.features-section-headline h1
{
	margin-top: 40px;
}

/* Header/Navigation */

header
{
	margin-top: 0;
	background-color: #acb4bd;
	padding-top: 25px;
	padding-bottom: 20px;
}

#header-content
{
	margin-right: 10px;
	margin-left: 10px;
}

nav
{
	float: right;
	margin-top: 10px;
}

nav ul
{
	list-style-type: none;
}

nav ul li
{
	display: inline;
	margin-right: 20px;
	font-size: 16px;
	color: black;
}

nav ul li a
{
	color: black;
}

#purchase nav ul li a
{
	color: white;
}

#logo
{
	float: left;
	text-transform: uppercase;
	letter-spacing: 1px;
	background: url(../img/BriefsLogo.png) no-repeat;
	padding-left: 46px;
	height: 33px;
	padding-top: 7px;
	margin-left: 15px;
	cursor: pointer;
	font-size: 20px;
}

#logo a:link,
#logo a:visited
{
	color: black;
}

#purchase #logo a:link,
#purchase #logo a:visited
{
	color: white;
}

#purchase #logo
{
	color: white;
	background: url(../img/BriefsLogo-white.png) no-repeat;

}

nav ul li#download
{
	background-color: #4890E1;
	border-radius: 12px;
	padding: 6px 15px 4px;
}

#header-content nav ul li#download a
{
	color: white;
}

/* Banner */

#banner
{
	margin: 0;
	height: 615px;
	background: #a6afba url(../img/LeadImage.jpg) 48% -85px;
}

#banner-content-container
{
	margin-right: auto;
	margin-left: auto;
	width: 980px;
}

#banner-content
{
	width: 400px;
	float: right;
	margin-right: 60px;
	margin-top: 89px;
}

#banner-content h1
{
	margin: 0;
	color: #2b2b2b;
	font-size: 86px;
	line-height: 1;
}

#main-headline
{
	margin-top: 130px;
	margin-bottom: 134px;
}

#video-links
{
	margin-top: 35px;
}

.video-link
{
	width: 190px;
	text-align: center;
	background: url(../img/VideoThumb-Shadow.png) no-repeat center 90px;
	float: left;
	font-size: 15px;
}

#release-notes
{
	margin-top: 50px;
	width: 75%;
}

#release-notes h3
{
	margin-top: 28px;
}

.video-link a img
{
	margin-left: 11px;
	margin-bottom: 12px;
	display: block;
	float: left;
}

/* Main Features */

.initial-feature h3
{
	color: #3293e2;
	font-size: 18px;
	margin-top: 0;
	line-height: 22px;
}

#initial-feature-header
{
	margin-top: 30px;
}

.home-feature
{
	margin-top: 76px;
	border-bottom: 1px solid silver;
	padding-bottom: 50px;
}

.home-feature.borderless
{
	padding-bottom: 0px;
}

.content-container
{
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}

.features-section-headline
{
	text-align: center;
	color: black;
	margin-top: 50px;
	margin-bottom: 45px;
}

.show-grid [class*="span"]
{
	background-color: silver;
	text-align: center;
}

.home-feature.last
{
	border-bottom-style: none;
}

.initial-feature
{
	text-align: center;
}

#initial-feature-header #title
{
	text-align: center;
	margin-bottom: 20px;
}

#briefscase img
{
	float: left;
	margin-left: 0;
	margin-right: 20px;
}

#using-briefscase
{
	float: right;
}

footer
{
	margin-top: 60px;
	background: #252525 url(../img/FooterGradient.png) no-repeat 50% bottom;
	padding-top: 20px;
	padding-bottom: 0;
	color: #8E9295;
}

footer h1
{
	color: #3293e2;
	font-size: 40px;
	text-align: center;
}

footer h2
{
	margin-bottom: 0;
	color: white;
	margin-top: 0;
}

.button,
.purchase-link .download-button a
{
	background-color: #3593e3;
	color: white;
	border-radius: 10px;
	padding: 6px 20px 6px 19px;
}

.purchase-link .download-button
{
	position: absolute;
	bottom: 0;
	margin: 0 0 6px 158px;
}

#ios p.download-button
{
	margin-left: 129px;
}

.purchase-link h2
{
	margin-top: 18px;
	font: 22px DINWeb-Light;
}

#downloads
{
	width: 900px;
	margin: 60px auto 70px;
}

.purchase-link
{
	width: 430px;
	float: left;
	position: relative;
}

#mac.purchase-link
{
	margin-right: 40px;
}

#ios #icon
{
	margin-top: 4px;
}

#copyright
{
	clear: both;
	padding-bottom: 10px;
	margin-right: 30px;
	margin-left: 30px;
}

#copyright p.byline
{
	background: url(../img/MartianCraft.png) no-repeat right;
	padding-right: 34px;
	padding-top: 6px;
	padding-bottom: 6px;
	font-size: 13px;
}

#copyright p.byline a
{
	color: #8E9295;
	margin-left: 5px;
}

.purchase-link #icon
{
	float: left;
	margin-right: 18px;
}

#briefscase .feature-block.description
{
	width: 617px;
	margin-top: 37px;
	margin-left: 63px;
}

#briefscase.home-feature
{
	margin-top: 0;
}

#sharing.features-section-headline
{
	margin-bottom: 20px;
}

#briefscase div.feature-block.description h3
{
	margin-bottom: 0;
	margin-top: 0;
}

#briefscase .feature-block.image
{
	width: 250px;
}

/* Purchase Page */

#purchase-banner
{
	height: 400px;
	margin-top: 0;
	padding-top: 10px;
	background: #252525 url(../img/LeadImage-LogoGlow.png) no-repeat 65% -30px;
}

#purchase-banner-content
{
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}

#mac-icon
{
	margin-top: 30px;
}

#mas-button
{
	float: left;
	width: 290px;
	margin-top: 130px;
	margin-right: 40px;
}

#purchase header
{
	background-color: #303030;
}

#trial-download-link
{
	margin-top: 82px;
}

#purchase h2
{
	font-size: 28px;
}

#download-details img
{
	float: left;
	margin-right: 10px;
}

#download-details h3
{
	color: black;
	font-size: 22px;
	line-height: 1;
	margin: 0;
	padding-top: 7px;
}

#download-details
{
	margin-top: 20px;
}

#purchase-form #quantity
{
	width: 40px;
	margin-top: 7px;
}

#purchase-form p label
{
	color: black;
	font-size: 15px;
	display: inline;
	margin-right: 12px;
}

#purchase-form p label input
{
	margin-top: 7px;
	width: 260px;
}

#purchase-form button
{
	margin-left: -7px;
	margin-bottom: 3px;
	background-color: #3593e3;
	border-style: none;
	border-radius: 12px;
	padding-right: 30px;
	padding-left: 30px;
	color: white;
	font-size: 13px;
	padding-top: 3px;
	text-shadow: black 0 -1px 0;
	margin-top: -2px;

}

#checkout-errors
{
	text-align: center;
	margin-bottom: 5px;
	display: none;
}

#purchase #briefscase-link
{
	margin-top: 80px;
}

#briefscase-link #app-store-button
{
	float: left;
	margin-bottom: 20px;
	margin-right: 16px;
	margin-top: 58px;
}

#briefscase-link #screenshot
{
	float: right;
	margin-right: 120px;
}

#briefscase-link #description
{
	width: 410px;
	margin-top: 50px;
}

#briefscase-link #description h4
{
	margin-top: -1px;
	margin-bottom: 0;
	font-size: 27px;
	line-height: 1;
	font-weight: normal;
	font-style: normal;
}

#briefscase-link #description p
{
	margin-bottom: 1px;
}

#trial-download-link p.trial-disclaimer
{
	clear: both;
	margin-top: 18px;
	width: 699px;
}

#purchase p a:link
{
	color: #747474;
	text-decoration: underline;
}

#purchase div.content-container hr
{
	background-color: #B2B2B2;
	height: 1px;
	border-width: 0;
	border-top-width: 0;
	border-bottom-width: 0;
}

#download-details p
{
	margin: 8px 0 0;
	font-size: 17px;
}

#mas-button h1
{
	color: white;
	font-size: 34px;
}


#mas-button h1
{
	
}

footer.lightweight
{
	background-color: white;
	background-image: none;
}

footer.lightweight #copyright
{
	border-top: 1px solid silver;
	padding-top: 8px;
}

#download-details h3 span
{
	margin-right: 5px;
	margin-left: 5px;
}

#mac p.download-button
{
}

/* Screenshot Slider */

#screenshot-carousel
{
	text-align: left;
	margin: 12px auto 0;
}

.slider-wrapper
{
	margin-bottom: 70px;
}

.slider-wrapper .nivoSlider {
	position:relative;
	background:#fff url('../img/loading.gif') no-repeat 50% 50%;
    margin-bottom:10px;
    overflow: visible;
}

.slider-wrapper .nivoSlider img
{
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}

.slider-wrapper .nivoSlider a
{
	border:0;
	display:block;
}

.slider-wrapper .nivo-controlNav
{
	text-align: center;
	padding: 0;
	position: relative;
	z-index: 10;
	margin-top: 7px;
}

.slider-wrapper .nivo-controlNav a
{
	display:inline-block;
	width:10px;
	height: 11px;
	background: url(../img/screenshot-slider-indicators.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin: 0 2px 0 3px;
}

.slider-wrapper .nivo-controlNav a.active
{
	background-position:0 100%;
}

.slider-wrapper .nivo-caption
{
    font-family: Helvetica, Arial, sans-serif;
}

.slider-wrapper .nivo-caption a
{
    color:#fff;
    border-bottom:1px dotted #fff;
}

.slider-wrapper .nivo-caption a:hover
{
    color:#fff;
}

.slider-wrapper .nivo-controlNav.nivo-thumbs-enabled {
	width: 80%;
}

.slider-wrapper .nivo-controlNav.nivo-thumbs-enabled a
{
	width: auto;
	height: auto;
	background: none;
	margin-bottom: 5px;
}

.slider-wrapper .nivo-controlNav.nivo-thumbs-enabled img 
{
	display: block;
	width: 120px;
	height: auto;
}

.video-modal .modal-body
{
	background-color: black;
	margin-right: auto;
	margin-left: auto;
	width: 962px;
	height: 546px;
	max-height: 750px;
	margin-left: -221px;
	padding: 5px 5px 0;
}

.video-modal .modal-header .close
{
	width: 30px;
	z-index: 7;
	background: url(../img/close-button.png) no-repeat;
	height: 71px;
	filter: alpha(opacity=100);
	opacity: 1;
	float: none;
	padding: 0;
}

.video-modal div.modal-header
{
	background-color: rgba(0,0,0,0);
	height: 23px;
	position: absolute;
	left: 721px;
	bottom: 528px;
	padding: 14px;
	border-style: none;
	z-index: 10;
}

.detail-mode .feature-block.image.extend.right
{
}

#video div.content-container div.features-section-headline h1
{
	margin-top: -19px;
	margin-bottom: -43px;
}

#video .content-container
{
	text-align: left;
}

#video-player
{
	text-align: center;
	margin-right: 10px;
	margin-left: 10px;
}

#video-player #links
{
	margin-top: 20px;
}

.purchase-link h2 span,
#description h4 span
{
	font-family: DINWeb-Medium;
}

#briefscase-link #description h4
{
	font: 19px DINWeb-Light;
}

#briefscase .feature-block.description h3
{
	font: 24px DINWeb-Light;
	color: #2b2b2b;
}

#briefscase .feature-block.description h3 span
{
	font-family: DINWeb-Medium;
}

#release-note-video
{
	width: 720px;
	margin-bottom: 30px;
	text-align: center;
	font-size: 15px;
	margin-top: 114px;
	margin-left: -2px;
}

#release-note-video a img
{
	border: 1px solid #454545;
	margin-bottom: 6px;
}

/* Responsive Media Queries */

/* All small screens */
@media (max-width: 979px) {
	
#release-notes
{
	width: 100%;
}
	
#release-note-video
{
	width: 100%;
	margin-top: -30px;
}

#release-note-video a img
{
	width: 100%;
}

#screenshot-carousel
{
	width: 95%;
}

footer .purchase-link
{
	float: none;
	width: 95%;
	margin-left: 22px;
}

#downloads .download-button
{
}

#copyright p.byline.pull-right
{
	float: none;
	text-align: right;
}

#downloads
{
	width: 98%;
}

#downloads #mac
{
	margin-bottom: 49px;
}

#purchase-banner-content
{
	margin-left: auto;
	width: 95%;
	margin-right: auto;
	margin-top: -111px;
	height: 190px;
}

#purchase div.content-container
{
	width: 95%;
}

#mac-icon img
{
	margin-right: auto;
	margin-left: auto;
	height: 100%;
}

#purchase #mac-icon
{
	width: 100%;
	text-align: center;
}
	
#purchase #mas-button
{
	float: none;
	width: 290px;
	margin-top: 130px;
	margin-right: auto;
	margin-left: auto;
}

#trial-download-link p.trial-disclaimer
{
	width: 100%;
}

#trial-download-link
{
	margin-top: 11px;
}
	
}

@media (min-width: 650px) and (max-width: 979px) {

#banner
{
	background-size: 1700px auto;
	background-repeat: no-repeat;
	background-position: 52% -118px;
	height: 488px;
}

#banner-content-container
{
	margin-right: auto;
	margin-left: auto;
	width: 100%;
}

#banner-content
{
	width: 380px;
	float: left;
	margin-top: 24px;
	margin-left: 50%;
}

.content-container
{
	width: 100%;

}

.feature-block.description
{
	width: 54%;
	margin-left: 20px;
}

.feature-block.image,
.feature-block.image.extend.left,
.feature-block.image.extend.right
{
	margin-right: auto;
	margin-left: auto;
	width: 40%;
}


/*div.video-link
{
	margin-right: 0;
	background: none center;
	margin: 0;
	width: 170px;
}*/

/*#video-links div.video-link a
{
	font-size: 13px;
}*/

#video-links
{
	margin-top: 32px;
	background-position: 0;
}

#banner-content h1
{
	font-size: 80px;
}

	
}

@media (max-width: 649px) {

#briefslive-logo
{
	margin-bottom: 20px;
}

.content-container
{
	width: 100%;
	margin-right: 0;
	margin-left: 0;
	padding-right: 0;
	padding-left: 0;
	float: none;
}

.feature-block.description
{
	width: 90%;
	margin-left: 20px;
}

.feature-block.image,
.feature-block.image.extend.left,
.feature-block.image.extend.right
{
	margin-right: auto;
	margin-left: auto;
	width: 100%;
}

.feature-block.image img
{

}

#briefscase .feature-block.image
{
	display: none;
}

#briefscase
{
	padding-bottom: 80px;
}

.feature-block.image.extend.left,
.feature-block.image.extend.right
{
	margin: 0;
	width: 100%;
}

#banner
{
	background-image: none;
	height: 350px;
	width: 100%;
	float: none;
}

header
{
	height: 75px;
}

#banner-content-container
{
	width: 100%;
}

#banner-content h1
{
	font-size: 37px;
	text-align: center;
}

#banner-content
{
	width: 100%;
	float: none;
	margin: 0;
	padding-top: 17px;
}

#video-links
{
	margin-top: 20px;

}

#header-content
{
}

.video-link
{
	float: none;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 13px;
}

#logo
{
	margin-right: auto;
	margin-left: auto;
	display: block;
	float: none;
	text-align: left;
	width: 78px;
}

#header-content nav
{
	float: none;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-top: 20px;
}

.content-container
{
	margin-left: auto;
	width: 94%;
	margin-right: auto;
}

.features-section-headline
{
	margin-top: 14px;
	margin-bottom: -10px;
}

.home-feature
{
	margin-top: 41px;
}

.home-feature.first .image
{
	display: none;
}
	
#briefscase .feature-block.description
{
	width: 100%;
	margin: 0;
}

#briefscase div.feature-block.description img
{
	width: 80px;
}

#briefscase div.feature-block.description a img
{
}

.video-modal .modal-body
{
	width: 300px;
}

#video div.content-container div.features-section-headline h1
{
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 230%;
}

#video .content-container
{
	text-align: left;
}

#video-player
{
	text-align: center;
	margin-right: 10px;
	margin-left: 10px;
}

#downloads .purchase-link
{
	margin: 0 auto;
	width: 73%;
	text-align: center;
}

#downloads .purchase-link h2
{
	margin-bottom: 9px;
}

#footer-content h1
{
	font-size: 35px;
	margin-right: 20px;
	margin-left: 20px;
}

#downloads #mac .download-button,
#downloads #ios .download-button
{
	margin-left: auto;
	margin-right: auto;
	float: none;
	position: static;
	text-align: center;
	margin-top: 11px;
}

#release-note-video span.video-link-caption
{
}

.purchase-link #icon
{
	float: none;
	text-align: center;
}

#main-headline.features-section-headline
{
	margin-top: 40px;
	margin-bottom: 20px;
}


	
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  
#banner
{
	background-image: url(../img/LeadImage@2x.jpg);
	background-size: 1980px 800px;
}

#logo
{
	background-image: url(../img/BriefsLogo@2x.png) no-repeat;
	background-size: 34px 30px;
}

#purchase #logo
{
	background: url(../img/BriefsLogo-White@2x.png) no-repeat;
	background-size: 34px 30px;
}

.video-link
{
	background-image: url(../img/VideoThumb-Shadow@2x.png);
	background-size: 166px 24px;
}

#copyright p.byline
{
	background-image: url(../img/MartianCraft@2x.png);
	background-size: 27px 27px;
}

footer
{
	background-image: url(../img/FooterGradient@2x.png);
	background-size: 1800px 392px;
}


}

@media (min-width: 650px) and (max-width: 979px) and (-webkit-min-device-pixel-ratio: 1.5) {

#banner
{
	background-size: 1700px auto;
}

}

@media (max-width: 649px) and (-webkit-min-device-pixel-ratio: 1.5) {

#banner
{
	background-image:  none;
}

}