html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; }
img { border: 0px; font-family: "Helvetica Neue", Helvetica, arial, sans-serif;}
/* Force the vertical scrollbar in FF */
html { overflow-y: scroll; }

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix { height: 1%;}
.clearfix {display: block;}

body {
	background-color:#d7f5ff;
	color:#2a2a2a;
	font-family: 'Open Sans', sans-serif;
}

#maincontent {
	padding-top:40px;
	width:1000px;
	margin:0 auto;
}

h1 {
	color:#c82a35;
	font-family: 'Cantarell', sans-serif;
	font-style: italic;
	font-size:49px;
}

a {
	color:#c82a35;
}

h2 {
	font-size:19px;
	margin-bottom:15px;
}

p {
	font-size:14px;
	margin-bottom:10px;
	line-height:20px;
}

#logo {
	float:left;
}

#navigation {
	float:right;
	margin-top:20px;
}

#navigation ul li {
	float:left;
	margin-right:20px;
	list-style:none;
}

#navigation ul li a {
	color:#c82a35;
	font-family: 'Cantarell', sans-serif;
	font-style: italic;
	font-weight: bold;
}

#content {
	margin-top:50px;
	padding-bottom:40px;
}

#contentleft img.left {
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}

#contentleft img.right {
	float:right;
	margin-left:20px;
	margin-bottom:20px;
}

#footer {
	padding-bottom:40px;
}

#copyright {
	margin-top:40px;
}

@media screen and (max-width: 1000px) {
	#maincontent {
		width:90%;
	}
}

@media screen and (max-width: 600px) {
	strong span {
		display:none;
	}

	#buy a {
		display:block;
		margin-bottom:10px;
	}
}