@charset "UTF-8";
/* CSS Document */

body {
	background: #000;
	color:#999;
	margin:0;
	padding:0;
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-style: normal;
	font-weight: 400;
}

a:hover, a:visited, a:link, a:active {
	text-decoration: none;
	color:#FFF;
}

#wrapper {
	margin:20px auto;
	width:100%;
	text-align: center;
}


#titlezone img {
	width:73px;
	height:auto;
	margin-bottom: 18px;
}


#titlezone {
	font-weight: 200;
	text-transform: uppercase;
	font-size: 2.6em;
	letter-spacing: .1em;
	margin-bottom: 20px;
	padding:20px;
	line-height: .7em;
}

#subtitle {
	text-transform: none;
	font-size: .4em;
	letter-spacing: 0;
}

/* idlewild title
#titlezone {
	font-family: "Idlewild SSm A", "Idlewild SSm B";
	font-style: normal;
	font-weight: 400;
	font-size:1.6em;
	margin-bottom: 40px;
	padding:20px;
	color:#fff;
}
*/
.project {
	/*border:1px solid #000;*/
	padding:30px 0;
}

.project:hover {
	/*border:1px solid #4c4c4c;*/
	background:#232323;
	text-decoration: none;
}

.project:active {
	background:#4c4c4c;
	text-decoration: none;
}

.dotNumber{
	width:50px;
	height:50px;
	background: #eee;
	color: #000;
	border-radius: 100px;
	margin: 0 auto 16px auto;
	text-align: center;
	font-family: Georgia, Times, Times New Roman, serif;
	font-weight: 200;
	font-size: 2.4em; 
}

.project:hover .dotNumber{
	background: #fff;
}

.projectTitle {
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-style: normal;
	font-weight: 500;
	text-transform: uppercase;
	font-size:1.0em;
	margin-bottom: 14px;
	letter-spacing: .1em;
	color:#ccc;
}

.projectDesc {
	font-size: .9em;
	width:35%;
	margin:0 auto;
	color:#999;
}

.projectDesc:active {
	color:#FFF;
}

#footer{
	font-size:.6em;
	text-align: center;
	padding: 40px;
	color:#666;
}

#ceni {
	font-family: "Idlewild SSm A", "Idlewild SSm B";
	font-style: normal;
	font-weight: 400;
	font-size:2em;
	padding:8px 0;
	color:#ccc;
}

#footer:hover, #footer:hover #ceni, .project:hover .projectTitle {
	color:#fff;
}