html {
	-webkit-text-size-adjust: 100%; /* no resize on iphone portrait */
}

.navbar-static-top {
	margin-bottom: 19px;
}

.mega-container {
	background: #3B98E7 url('layout_v16/background_bluegradient.gif') repeat-x;
	font-family: "Roboto", Sans, Georgia, serif;
	font-size: 16px;
	line-height: 26px;
}

.main {
	background: #FFF;
	width: 100%;
}

.padded {
	padding: 5px 15px;
}

.header-wnw {
	padding: 0px;
}

.header-wnw img {
	width: 100%;
	border-bottom: 4px solid #004683;
	height: auto;
}

img.landscape {
	display: block;	
}

img.portrait {
	display: none;
}

a, a:visited {
    color: #c6134b;
    /*text-decoration: none;*/
}

h2 {
	font-family: "Roboto Condensed", Sans, Georgia, serif;
	font-weight: 800;
	font-size: 26px;
	margin-top: 26px;
	margin-bottom: 16px;
}

h2.headline {
	font-size: 30px;
	/*font-family: "Raleway", "Roboto", serif;*/
	text-align: center;
	
	border-bottom: 2px solid #c6134b;
	padding-bottom: 4px;
}

h2.dashed {
	border-bottom: 1px dashed #A7C3DD;
	padding-bottom: 4px;
}

h3 {
	font-weight: 800;
	font-size: 20px;
	margin-bottom: 40px;
}	

.all-caps {
	text-transform: uppercase;
}

.red {
	color: #c6134b;
}

.blue {
	color: #276296;
}

.italics {
	font-style: italic;
}

.mega-container h2 {
	color: #c6134b;
}

.mega-container p {
	margin-bottom: 30px;	
}

.auto-resize {
	max-width: 100%;
}

.btn {
	font-family: "Raleway", "Roboto", Sans;
	font-weight: 500;
	
	width: 100%;
	padding: 14px 0px;
	margin-bottom: 10px;
	min-height: 64px;
	max-width: 450px;

	border: 0px;
	border-radius: 5px;
	color: #FFF;	
}

.btn-dreamcast {
	font-size: 20px;
	text-shadow: 0px 2px 0px #ab0c39;
	background-color: #bf0f47;
	border-bottom: 3px solid #ab0c39;		
	background: repeating-linear-gradient(45deg, #bf0f47, #bf0f47 10px, #C6134B 10px, #C6134B 20px);	
}

.btn-greenlight {
	font-size: 20px;
	text-shadow: 0px 2px 0px #1B541B;
	background-color: #090;
	border-bottom: 3px solid #1B541B;
	background: repeating-linear-gradient(45deg, #249024 , #249024, 10px, #008D00 10px, #008D00 20px);	
}

.btn-pc {
	font-size: 16px;
	background-color: #fff;	
	color: #7e7d7d;
	border: 1px solid #7e7d7d;
	border-radius: 5px;
	border-bottom: 3px solid #9e9e9e;
}

.testimonial {
	padding-top: 20px;
	background-color: #E3F0FB;	
	border: 2px dashed #b4d4ef;
	margin-bottom: 30px;
}

.testimonial p {
	font-family: "Raleway", "Roboto", serif;
	font-style: italic;
	font-size: 1.2em;
	text-align: center;	
	color: #0C4DB0;
	
	padding: 0 15px;
	margin-bottom: 20px;
}

.testimonial .author {	
	text-align: right;
}

.testimonial a:visited,
.testimonial a:focus,
.testimonial a {
	color: #0C4DB0;
	text-decoration-color: rgb(174, 212, 245);
}

img.border {
	padding: 1px;
	border: 1px solid gray;
}

img.margin {
	margin: 10px;
}

img.small {
	width: 320px;
	height: auto;
	margin-left: 8px;
	margin-right: 8px;
	margin-bottom: 8px;
}

.gray {
	color: gray;
}

.price-disclaimer {
	color: gray;
	font-size: 16px; /*0.2rem;*/
	margin: 0px;
	padding: 0px;
}

.hidemail { display:none; }

.header-links {
	/*float: right;*/
	text-align: right;
	font-size: 16px;
	margin-right: 20px;
}

.header-links a {
	text-decoration: none;
	color: gray;
}

.header-links a:hover {
	text-decoration: underline;
}

/* MEDIA QUERIES (desktop-first) */
/* ----------------------------- */
@media (max-width: 992px) and (orientation: landscape)
{
	.auto-resize {
		max-width: 60%;
	}
	
	img.landscape {
		display: none;	
	}
	
	img.portrait {
		display: block;
	}
}

@media (max-width: 768px)
{
	img.small {
		max-width: 100%;		
	}
}

/* MEDIA QUERIES (mobile-first) */
/* ---------------------------- */

/* Bigger than phones... */
@media (min-width: 768px)
{	
	.mega-container {
		font-size: 20px;
		line-height: 34px;
	}
		
	h2 {
		margin-top: 36px;
		font-size: 34px;
	}
	
	h2.headline {
		font-size: 40px;
		line-height: 40px;
	}
	
	h3 {
		font-size: 26px;
	}
	
	.btn-dreamcast {
		font-size: 24px;
	}
	
	.btn-pc {
		font-size: 20px;
	}
}

@media (min-width: 992px)
{
	.main {
		/*width: 970px;*/
	}
	
	.padded {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.testimonial {
		margin: 30px;
	}

	.testimonial p {
		padding: 0 30px;
	}
}

/* Desktop screen (defualt is 1200px) */
@media (min-width: 1080px)
{
	.main {
		width: 1052px;
		background: #FFF url('layout_v16/page_background_trans.png') repeat-y top center;
	}
	
	.padded {
		padding-left: 100px;
		padding-right: 100px;
	}
	
	.header-wnw {
		padding: 0px 15px;
	}
	
	.header-wnw img {
		padding: 0px;
	}

}

.footer {
	background-color: #b4d0e7;
	color: #032576;
	text-align: right;
	padding-right: 30px;
	padding-top: 10px;
}

.footer img {
	margin-right: 10px;
}