/*
----------------------------------------------- 
		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: #444;
		background: #fff url(bg_mirror.png) 0 0 repeat-x;
		font: 13px/22px HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
		padding-bottom: 20px;
}

img {
		border: none;
}


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

@-webkit-keyframes pulse { 
   0% { 
     opacity: 1.0; 
   } 
   50% { 
     opacity: 1;  
   } 
   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;
}

#header img {
		float: left;
}

#nav {
		float: left;
		width: 400px;
		padding: 51px 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;
		-webkit-transition: color 0.6s ease-in-out;
		-moz-transition: color 0.6s ease-in-out;
}

#nav a:hover {
		color: #999;
		-webkit-transition: color 0.2s ease-in-out;
		-moz-transition: color 0.2s ease-in-out;
}


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

#wrapper {
		clear: both;
		padding: 0 50px 0 0;
		position: relative;
		top: -30px;
}

#wrapper .text {
		width: 500px;
		float: left;
		margin: 20px 0 0 33px;
}

#wrapper .caption {
		border-top: 1px solid #ddd;
		color: #999;
		margin: 0 0 0 0;
		width: 885px;
}

#wrapper p {
		margin-bottom: 20px;
}

#wrapper .image {
		float: left;
		margin: 0 0 0 33px;
}

#wrapper .infobox {
		float: left;
		width: 200px;
		margin: 20px 0 0 33px;
		color: #999;
}

#footer {
		padding: 10px 0 0px 33px;
		color: #000;
		width: auto;
		border-top: 1px solid #ddd;
}

#footer span {
		color: #fff;
		font-weight: bold;
		padding-left: 20px;
		-webkit-transition: color 1s ease-in-out;
		-moz-transition: color 1s ease-in-out;
		cursor: default;
}

#footer span:hover {
		color: #000;
		-webkit-transition: color 0.5s ease-in-out;
		-moz-transition: color 0.5s ease-in-out;
}