/*
----------------------------------------------- 
		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: #fff;
		background: #776659 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: 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: transparent url(344glow.png) 20px 20px no-repeat;
		z-index: 1;
		width: 1070px;
		margin: 0 auto;
}

#header img {
		float: left;
}

#nav {
		float: left;
		width: 550px;
		padding: 45px 0 0 40px;
}

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

#nav a:link, #nav a:visited {
		display: block;
		width: 100px;
		height: 36px;
		text-decoration: none;
		color: #000;
		text-transform: uppercase;
		font-weight: bold;
		-webkit-transition: all 0.6s ease-in-out;
		margin-right: 20px;
		padding-top: 10px;
		text-align: center;
		-webkit-transform: rotate(0deg);
		position: relative;
		top: 0;
		background: #e2e2e2;
		-webkit-box-shadow: 0px 0px 10px rgba(0,0,0, 0.5);
}

#nav a:hover {
		-webkit-transform: translate(0,-10px);
		padding-bottom: 10px;
		-webkit-transition: all 0.6s ease-in-out;
}


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

#wrapper {
		padding: 30px 50px 0 0;
		z-index: 150;
		background: #776659 url(bg_wrapper.png) 0 0 no-repeat;
		width: 966px;
		margin: -49px auto 30px auto;
}

#h2 {
		padding: 0 0 20px 2px;
		margin-bottom: 20px;
		margin-right: 33px;
		font-size: 36px;
		font-weight: normal;
		color: #fff;
		border-bottom: 3px double #fff;
}

#h2 span {
		float: right;
}

#wrapper .text {
		width: 570px;
		margin: 20px 0 0 0;
		padding-left: 181px;
		padding-right: 183px;
		border-bottom: 1px solid #c4bcb7;
}

#wrapper .caption {
		border-top: 1px solid #c4bcb7;
		color: #c4bcb7;
		font-weight: bold;
		padding-bottom: 5px;
		width: 901px;
		position: relative;
		left: -33px;
		top: -7px;
		padding-left: 1px;
		margin-bottom: 30px;
		text-shadow: 0px 1px 1px rgba(0,0,0, 1);
}

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

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

#wrapper .infobox {
		float: left;
		width: 100px;
		padding: 0 0 0 1px;
		color: #c4bcb7;
}

#footer {
		padding: 10px 0 0px 33px;
		color: #c4bcb7;
		width: auto;
		border-top: 3px double #c4bcb7;
}

#footer span {
		color: #77675a;
		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: #c4bcb7;
		-webkit-transition: color 0.5s ease-in-out;
		-moz-transition: color 0.5s ease-in-out;
}