/*
----------------------------------------------- 
		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;
}

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

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

body {
		color: #000;
		background: #fff;
		font: 12px/20px HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
		padding-bottom: 50px;
}

img {
		border: none;
}


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

@-webkit-keyframes pulse { 
   0% { 
     opacity: 1.0; 
   } 
   50% { 
     opacity: 0;  
   } 
   100% { 
     opacity: 1.0; 
   } 
}
#header img:hover {
		-webkit-animation: pulse 2.5s infinite ease-in-out;
		cursor: pointer;
}


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

#header {
		padding: 20px 0 0 20px;
		width: auto;
		height: 140px;
		background: #fff url(344glow.png) 20px 20px no-repeat;
		-webkit-box-shadow: 0px 0px 10px rgba(0,0,0, 0.5);
}

#header img {
		float: left;
}

#nav {
		float: left;
		width: 600px;
		padding: 58px 0 0 40px;
}

#nav li {
		list-style: none;
		float: left;
}

#nav a:link, #nav a:visited {
		display: block;
		width: 100px;
		height: 40px;
		text-decoration: none;
		color: #000;
		text-transform: uppercase;
		font-weight: bold;
}


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

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

#wrapper div {
		float: left;
		margin: 40px 30px 0 0;
}

#wrapper img {
		width: 172px;
		border-bottom: 1px solid #ccc;
		-webkit-transition: -webkit-transform 0.2s ease-in-out;
		-moz-transition: -moz-transform 0.2s ease-in-out;
		transition: transform 0.2s ease-in-out;
}

#wrapper img:hover {
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-o-transform: scale(1.1);
		transform: scale(1.1);
		-webkit-transition: -webkit-transform 0.2s ease-in-out;
		-moz-transition: -moz-transform 0.2s ease-in-out;
		transition: transform 0.2s ease-in-out;
		cursor: pointer;
}