@font-face {
	font-family: 'CalibreWeb-Light';
	src: url('../webfonts/CalibreWeb-Light.eot');
	src: url('../webfonts/CalibreWeb-Light.woff') format('woff');
}

* {
	cursor: url("http://helloiamjohn.com/assets/cursor/cursor.png") 0 0, pointer; /* Legacy */
    cursor: url("http://helloiamjohn.com/assets/cursor/cursor.svg") 0 0, pointer; /* FF */
    cursor: -webkit-image-set(url("http://helloiamjohn.com/assets/cursor/cursor.png") 1x, url("http://helloiamjohn.com/assets/cursor/cursor@2x.png") 2x) 0 0, pointer; /* Webkit */
}

html {
	-webkit-font-smoothing: antialiased;
}

body {
	font-family: 'CalibreWeb-Light', Helvetica, sans-serif;
	color: #1a1a1a;
	text-rendering: optimizeLegibility;
}

img {
	margin: 0 0 20px 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-image: url("http://helloiamjohn.com/assets/imgs/preloader.gif");
	border-radius: 12px;
}

a, a img {
	opacity: 1;
	transition: opacity 0.4s ease-in-out;
}

a:hover, a img:hover {
	cursor: url("http://helloiamjohn.com/assets/cursor/cursor_hover.png") 0 0, pointer; /* Legacy */
    cursor: url("http://helloiamjohn.com/assets/cursor/cursor_hover.svg") 0 0, pointer; /* FF */
    cursor: -webkit-image-set(url("http://helloiamjohn.com/assets/cursor/cursor_hover.png") 1x, url("http://helloiamjohn.com/assets/cursor/cursor_hover@2x.png") 2x) 0 0, pointer; /* Webkit */
	opacity: 0.5;
}

.row {
	margin: 0 0 20px 0;
}

.home, .home:hover {
	color: #1a1a1a;
	text-decoration: none;
}

#wrapper {
	margin: 0 auto;
}

#header {
	margin: 40px 0 0 0;
}

#header p span a {
	color: #999999;
	text-decoration: none;
}

#cases {
	margin: 0 0 20px 0;
}

#cases p a {
	color: #999999;
	text-decoration: none;	
}

#cases p.info {
	margin: 0 0 60px 0;	
}

#footer {
	margin: 10px 0 40px 0;
}

#footer p span a, #phone {
	color: #999999;
	text-decoration: none;
}