@import url(http://fonts.googleapis.com/css?family=Belleza|Roboto:300|Roboto+Condensed:400);


html {
	margin:		0;
	padding:	0;
	height:		100%
}



body {
	padding:		0;
	margin:			0;
	background-color: 	#fff;
	-webkit-font-smoothing: antialiased;	/* safari hack */
}


/* get rid of those system borders being generated for A tags */
:focus {
	outline: 0;
}
a img {
	border: none;
}
a:active {
	outline: none;
}
:focus {
	-moz-outline-style: none;
}

a {
	color: #000000;
	text-decoration: none;
	font-family: 'Belleza', Arial;
	
}

a:hover {
	text-decoration: underline;
}

#site-wrapper {
	padding:	0;
	margin:		0;
	width: 100%;
	height: auto;

}


#site-container {
	width: 402px;
	margin: 70px auto 0;
	text-align: center;
	height: auto;
	display: block;
}


#site-container img {
  max-width: 100%;
  height: auto;
}

div.clr {
	clear: both;
}


/* responsive */
html {
  -webkit-text-size-adjust: none;
  /* Prevent font scaling in landscape */
}


@media only screen and (max-width: 1024px) {

}


/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	#site-container {
	}

}

/* #Mobile (Landscape)
=============================================================================================================================================================
=============================================================================================================================================================
=============================================================================================================================================================
 */
/* Note: Design for a width of 480px */
@media only screen and (max-width: 767px) {
	#site-container {
	}


}


/*  #Mobile (Portrait)
=============================================================================================================================================================
=============================================================================================================================================================
=============================================================================================================================================================
 */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 479px) {
  /*Top*/
	#site-container {
	width: 320px!important;
	margin-top: 0px!important
}
}