/* ---------------------------------------
   DESKTOP STYLES
   --------------------------------------- */

body { 
	background: url(../images/background.jpg) top center repeat-x; 
	color: #747474;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	}	
	
/* -- HEADER -- */

.header {
	height: 80px; 
	}

h1#logo {
	background: url(../images/logo.png) top left no-repeat;
	display: block;
	height: 157px;
	margin-top: 40px;
	margin-left: 15px;
	text-indent: -9000px;
	width: 102px;
	}
	
p.tagline { 
	font-size: 10px;
	padding-top: 0px;
	padding-bottom: 10px;
	text-align: right;
	}
	
p.intro {
	border-top: 1px solid #cacaca;
	border-bottom: 1px solid #cacaca;
	color: #a3a3a3;
	font-size: 24px;
	font-weight: 100;
	line-height: 32px;
	margin-bottom: 10px;
	padding: 20px 0px;
	}

ul#navigation {
	font-size: 11px;
	list-style: none;
	margin-top: 40px;
	line-height: 22px;
	text-align: right;
	text-transform: uppercase;
	width: 105px;
	}
	
	ul#navigation a {
		color: #929292;
		text-decoration: none;
		font-weight: 100;
		}
		
	ul#navigation a:hover {
		color: #48cbf0;
		}
		
		ul#navigation a.facebook {
			display: block;
			margin-top: 26px;
			}
			
		a.facebook, a.twitter, a.dribbble {
			padding-right: 16px;
			}
			
			a.facebook { background: url(../images/facebook-icon.gif) right center no-repeat; }
			a.twitter { background: url(../images/twitter-icon.gif) right center no-repeat; }
			a.dribbble { background: url(../images/dribbble-icon.gif) right center no-repeat; }
			
.footer {
	border-top: 1px solid #e1e1e1;
	margin-top: 10px;
	padding-top: 20px;
	}
			
p.copyright {
	background: url(../images/footer-logo.jpg) right center no-repeat;
	color: #e1e1e1;
	font-size: 10px;
	line-height: 14px;
	margin-bottom: 20px;
	padding: 15px 60px 10px 10px;
	text-align: right;
	text-transform: uppercase;
	}

/* ---------------------------------------
   MOBILE STYLES
   --------------------------------------- */

@media handheld, only screen and (max-width: 767px) {
	
	.header {
		height: 150px;
		}
		
	#navigation { 
		display: none;
		}
		
	h1#logo {
		margin-left: 0px;
		margin-top: 10px;
		}

}

/* ---------------------------------------
   HIGH-RES STYLES
   --------------------------------------- */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}