* {
	margin: 0;
	padding: 0;
}

/* F O N T S */

@font-face {
	font-family: "Fengardo";
	font-style: normal;
	font-weight: normal;
	src: url("fonts/FengardoNeueR.ttf") format("truetype");
}

@font-face {
	font-family: "Fengardo";
	font-style: normal;
	font-weight: 700;
	src: url("fonts/FengardoNeueB.ttf") format("truetype");
}

/* B A S E */

body {
	width: 100%;
	height: 100%;
	background-color: #fcfcfc;
}

img {
	width: 100%;
}

.maincolumn {
	width: 600px;
	min-width: 600px;
	margin-right: auto;
	margin-left: auto;
}

#wrapper:first-child {
	margin-top: 100px;
}

/* H E A D E R */

div#header {
	width: 600px;
	height: 292px;
	overflow: hidden;
	background-image: url("pics/a-a-a-2.png");
	background-size: 600px 292px;
	background-repeat: no-repeat;
}

img#aaa {
	transition-property: opacity;
	transition-duration: 200ms;
	-webkit-transition-property: opacity;
	-webkit-transition-duration: 200ms;
	-moz-transition-property: opacity;
	-moz-transition-duration: 200ms;
	-ms-transition-property: opacity;
	-ms-transition-duration: 200ms;
	-o-transition-property: opacity;
	-o-transition-duration: 200ms;
}

#header:hover img#aaa {
	opacity: 0;
}

/* C O N T E N T */

body {
	font-size: 20px;
	line-height: 120%;
	color: #333;
	font-family: Verdana, sans-serif;
}

h1, h2, p, ul {
	margin: 20px 0 20px 0;
}

h1 {
	font-family: "Fengardo", Verdana, sans-serif;
	font-weight: normal;
	font-size: 1em;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: red;
}

h2, h3 {
	font-family: "Fengardo", Verdana, sans-serif;
	font-weight: 700;
	font-size: 2.4em;
	letter-spacing: 1px;
	line-height: 0.95em;
	padding: 17px 0 5px 0;
	text-transform: uppercase;
	border-top: 3px solid #333;
	border-bottom: 3px solid #333;
}

h3 {
	font-size: 1.2em;
	letter-spacing: 1px;
	padding: 17px 0 9px 0;
}

p, ul {
	font-family: Verdana, sans-serif;
	font-size: 0.75em;
	letter-spacing: 0.01em;
	line-height: 135%;
}

ul {
	list-style-type: none;
	line-height: 20px;
}

a {
	text-decoration: none;
	color: red;
}

a.intext {
	color: #333;
	border-bottom: 1px dotted red;
}

a:hover {
	color: #00afec;
	border: none;
}

.whisper {
	color: #ccc;
}

/* M E D I A — Q U E R I E S */

/* iPhone 5 retina portrait */
@media (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation:portrait) {

}

#wrapper {
	min-width: 640px;
}


/* iPhone 4 retina landscape */
@media (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation:landscape) {

#wrapper {
	min-width: 960px;
}

}



/* iPad portrait */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

#wrapper {
	min-width: 768px;
}

}