/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*END OF RESET*/

body{	
	font-family: sans-serif;
}

body.home{
	background: #6c3054;
}

.home header{
	height: auto;
	background: none;
}

.largebtn {
	-moz-box-shadow: 0px 6px 0px 0px #9d738b;
	-webkit-box-shadow: 0px 6px 0px 0px #9d738b;
	box-shadow: 0px 6px 0px 0px #9d738b;
	/*box-shadow: 0px 6px 0px 0px rgba(255, 255, 255, 0.3);*/
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fdfffc), color-stop(1, #fffffd));
	background:-moz-linear-gradient(top, #fdfffc 5%, #fffffd 100%);
	background:-webkit-linear-gradient(top, #fdfffc 5%, #fffffd 100%);
	background:-o-linear-gradient(top, #fdfffc 5%, #fffffd 100%);
	background:-ms-linear-gradient(top, #fdfffc 5%, #fffffd 100%);
	background:linear-gradient(to bottom, #fdfffc 5%, #fffffd 100%);
	/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfffc', endColorstr='#fffffd',GradientType=0);*/
	background-color:#fdfffc;
	-moz-border-radius:41px;
	-webkit-border-radius:41px;
	border-radius:41px;
	border:1px solid #fffffd;
	display:inline-block;
	cursor:pointer;
	color:#6a2d4f;
	font-family:arial;
	font-size:16px;
	padding:12px 39px;
	text-decoration:none;
	position: relative;
	transition: background 0.3s ease,
							box-shadow 0.3s ease,
							top 0.3s ease;
	top:0;
	font-family: 'Krona One';
	margin:0 10px;
}
.largebtn:hover {
	/*background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fffffd), color-stop(1, #fdfffc));
	background:-moz-linear-gradient(top, #fffffd 5%, #fdfffc 100%);
	background:-webkit-linear-gradient(top, #fffffd 5%, #fdfffc 100%);
	background:-o-linear-gradient(top, #fffffd 5%, #fdfffc 100%);
	background:-ms-linear-gradient(top, #fffffd 5%, #fdfffc 100%);
	background:linear-gradient(to bottom, #f0f0f0 5%, #dddddd 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffffd', endColorstr='#fdfffc',GradientType=0);*/
	background-color:#fffffd;
	box-shadow: 0px 3px 0px 0px #9d738b;
	position: relative;
	top:3px;	
	text-shadow: 1px 1px 1px white;
}
.largebtn:active {
	position:relative;
	top:1px;
}

.smallspan{
	font-size:13px;
	font-weight: 300;
	display: block;
	text-align: center;
	font-family: 'Exo 2';
	margin-top:10px;
}

.al{text-align: left}
.ac{text-align: center}
.ar{text-align: right}
.fl{float: left}
.fr{float: right}
.clear{clear:both}
.block{display: block}

h1{margin-top:30px;margin-bottom: 15px}
h2{margin-top:10px;margin-bottom: 10px}
h3{margin-top:20px;margin-bottom: 10px}
h4{margin-top:15px;margin-bottom: 7px}
h5{margin-top:15px;margin-bottom: 7px}
h6{margin-top:15px;margin-bottom: 7px}

h1, h2, h3, h4, h5, h6{font-family: 'Exo 2'}

.home h1, .home h2, .home h3, .home h4, .home h5, .home h6{
	color:white;
	text-shadow: 1px 1px 5px black;
}

.home h1{}
.home h2{font-size: 38px;}
.home h3{font-size: 30px;}
.home h4{font-size: 22px;}
.home h5{font-size: 18px;}
.home h6{font-size: 14px;}

#logo{text-align: center}

.home #content{
	margin-top: 0;
	color:white;
}

.homebuttons{
	margin:20px 0;
}

.homebuttons .largebtn{
	margin:20px 10px;
}

#landingImage{
	/*position: fixed;
	width: 100%;
	bottom: 68px;
	left: 0;
	*/
	position:relative;
	/*margin-top:-270px;*/
	text-align: center;
	z-index: -1;
}

.home #main{
		margin-bottom: 80px
	}

#landingImage img{
	margin-top:-270px;
	width:100%;
	max-width: 910px;
}

.logos{
	margin:0px 0 0px 0;
	text-align: right;
	float:right;
	width:30%;
	font-size: 10px;
	color:white;
}
.logos img{vertical-align: middle}

/*FOOTER*/
.home footer{
	padding:10px 0 20px 0;
	background: rgba(0,0,0, 0.2);
	clear: both;
	position: fixed;
	width: 100%;
	bottom: 0;
	height: 72px;
}

.home .footer a{
	color:white;
}

.home .copyright{
	color:white;
	font-family: 'Exo 2';
	font-size: 13px;
	line-height: 16px;
	text-align: left;
	float:left;
	width:70%;
	vertical-align: middle;
	line-height: 17px;
}

.copyright img{
	margin-top: 0px;
	margin-left: 0px;
	vertical-align: middle;
}

@media only screen and (max-width: 767px)
{
	#landingImage img{
		margin-top:-200px;
	}	
}

@media only screen and (max-width: 700px)
{
	.logos{
		clear: both;
		float:none;
		width: auto;		
		text-align: center;
	}
	
	.home .copyright{
		clear: both;
		float:none;
		width: auto;		
		text-align: center;

	}
}

@media only screen and (max-width: 639px)
{
	#landingImage{
		display: none;
	}
	
	.logos{
		/*margin-bottom: 80px;*/
	}
	
	.home footer{
		background: rgba(0,0,0,0.4);
		margin-top:50px;
	}
	
	.home .copyright{
		display: none;
	}
}

@media only screen and (max-width: 539px)
{
	
	
	.home h2{
		margin-top: 0;
	}
	
	
}

