/*
----------------------------------------------- 
		344 Design
----------------------------------------------- */


/*		B A S I C   S E T U P
----------------------------------------------- */

html,			body,
div,			span,
object,			iframe,
h1, h2, h3, h4, h5, h6,
p,				blockquote,
pre,			a,
abbr,			acronym,
address,		code,
del,			dfn,
em,				img,
q,				dl,
dt,				dd,
ol,				ul,
li,				fieldset,
form,			label,
legend,			table,
caption,		tbody,
tfoot,			thead,
tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		-webkit-font-smoothing: antialiased;
		text-rendering: optimizeLegibility;
}

html {
		height: 100%;
		overflow-y: scroll;
}

:focus, a {
		-moz-outline-style: none;
}

body {
		color: #735c43;
		background: url(bg_gradient.png) center 0 repeat-x, url(bg_mirror.png) 0 83px repeat;
		font: 13px/22px HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

img {
		border: none;
}


/*		L I N K S
----------------------------------------------- */

.infobox a:link, .infobox a:visited, #footer a:link, #footer a:visited {
		color: #444;
		text-decoration: none;
		border-bottom: 1px dotted #444;
}

.infobox a:hover, .infobox a:active, #footer a:hover, #footer a:active {
		color: #444;
		border-bottom: 1px solid #444;
}


/*		H E A D E R
----------------------------------------------- */

#header {
		padding: 0;
		width: 1024px;
		height: 111px;
		z-index: 1;
		margin: 0 auto;
		background: transparent url(nav.png) 0 0 no-repeat;
}


/*		W R A P P E R
----------------------------------------------- */

#wrapper {
		clear: both;
		padding: 0 50px 30px 20px;
		margin: auto 0;
}

#wrapper div {
		float: left;
		margin: 38px 50px 0 0;
		text-align: center;
		font-weight: bold;
		color: #555;
}

#wrapper span {
		width: 172px;
		height: 172px;
		display: block;
		margin-bottom: 6px;
		background-position: 0 0;
		-webkit-transition: background-position 0.2s ease-in-out;
		-moz-transition: background-position 0.2s ease-in-out;
		transition: background-position 0.2s ease-in-out;
}

#wrapper div:hover span {
		cursor: pointer;
		background-position: 0 -172px;
		-webkit-transition: background-position 0.2s ease-in-out;
		-moz-transition: background-position 0.2s ease-in-out;
		transition: background-position 0.2s ease-in-out;
}

#footer {
		width: auto;
		padding: 10px 0 50px 0;
		background: transparent url(bg_mirror_dark.png) 0 0 repeat-x;
}

#footer p {
		padding: 10px 0 0px 0;
		margin: 0 auto;
		color: #444;
		width: 850px;
		margin: 0 auto;
}

#footer span {
		width: 173px;
		float: left;
}

#footer em {
		opacity: 0;
		font-weight: bold;
		-webkit-transition: opacity 1s ease-in-out;
		-moz-transition: opacity 1s ease-in-out;
		transition: opacity 1s ease-in-out;
		cursor: default;
		font-style: normal;
		margin-left: 174px;
}

#footer em:hover {
		opacity: 1;
		-webkit-transition: opacity 0.5s ease-in-out;
		-moz-transition: opacity 0.5s ease-in-out;
		transition: opacity 0.5s ease-in-out;
}