html, body, div, span,
		h1, h2, h3, p, blockquote, ul, li,
		a, abbr, em, img, strong {
			margin: 0;
			padding: 0;
			border: 0;
			outline: 0;
			font-size: 100%;
			vertical-align: baseline;
			background: transparent;
		}
		html, body {
			height: 100%;
			min-width: 600px;	
		}
		body {
		    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
			color:#fff;
			background:#bb9824 url(i/bg.png) fixed no-repeat;
			background-size: cover;
			font-size-adjust:0.529;
			font-weight:normal;
			font-style:normal;
			color: #818285;
		}
		a {
		    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		    font-weight: 800;
		}
		a:hover {
		    color: #bb9824;
		    text-decoration: none;
		}

		#container {
			background: #f8f8f8;
			background: rgba(255, 255, 255, .9);
			max-width: 800px;
			min-height: 100%;
			margin: 0 auto;
		}
		.presents {
			font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
			font-weight: 200;
			margin-bottom: 0.5em;
		}
		.padd {
			padding: 130px 20px 20px;
		}
		small {
			font-size: 11px; 
			display: block; 
			width: 350px;
			margin: 10px 0 0 0;
		}
		h2 {			margin: 10px 0 0 0;
}

		ul.tools {
			margin: 1em 0 0;
			list-style: none;
		}
		ul.tools li {
			font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
			font-weight: 200;
			background:url(i/tools.png) no-repeat 0 0;
			padding-left:24px;
			margin-bottom:0.1429em;
		}
		ul.tools li.feed {
			background:url(i/tools.png) no-repeat 0 -199px;
		}
		ul.tools li.twitter {
			background:url(i/tools.png) no-repeat 0 -399px;
		}
		a:link,
		a:visited {
			color: #a60062;
			text-decoration: none;
		}
		a:hover,
		a:focus {
			text-decoration: underline;
		}
		h1 {
			position: relative;
			width: 560px;
			height: 79px;
			overflow: hidden;
		}
		h1 img.summary {
			display: none;
		}
		.ie h1 {
			cursor: auto;
		}
		.ie h1 img.summary {
			display: block;
		}
		.ie h1 span {
			display: none !important;
		}
		
		
		
		
		
				h1:first-of-type span {
			display: block;
			position: absolute;
			background: url("i/sprites2.png") 10px -10px no-repeat;
			text-indent: -99999px;
		}
		h1 > span:nth-of-type(1) {
			width: 52px;
			height: 60px;
			background-position: -18px -150px;
			-webkit-transition: all 250ms ease-in-out 300ms;
			-moz-transition: all 250ms ease-in-out 300ms;
			transition: all 250ms ease-in-out 300ms;
		}
		h1:hover > span:nth-of-type(1) {
			height: 0;
		}

		h1 > span:nth-of-type(1) > span:nth-of-type(1) {
			position: absolute;
			right:0;
			bottom: 0;
			width: 24px;
			height: 32px;
			background-position: -34px -27px;
			-webkit-transition: all 250ms ease-in-out;
			-moz-transition: all 250ms ease-in-out;
			transition: all 250ms ease-in-out;
			
		}
		h1:hover span:nth-of-type(1) > span:nth-of-type(1) {
			width: 24px;
			bottom: 50x;
			left: 50px;
			height: 32px;
			-moz-transform: 250ms rotate(-50deg);
			-webkit-transform: 250ms rotate(-50deg);
			-o-transform: 250ms rotate(-50deg);
			-ms-transform: r250ms otate(-50deg);
			transform: 250ms rotate(-50deg);
		}

		
		h1 > span:nth-of-type(2) {
			bottom: 19px;
			left: 56px;
			width: 24px;
			height: 45px;
			background-position: -86px -179px;
			-webkit-transition: all 700ms ease-in-out 500ms;
			-moz-transition: all 700ms ease-in-out 500ms;
			transition: all 700ms ease-in-out 500ms;
		}
				h1:hover > span:nth-of-type(2) {
			-moz-transform: scale(0) rotate(-500deg) translate(-50px, 50px) skew(0deg, 0deg);
			-webkit-transform: scale(0) rotate(-500deg) translate(0px, 0px) skew(0deg, 0deg);
			-o-transform: scale(0) rotate(-500deg) translate(0px, 0px) skew(0deg, 0deg);
			-ms-transform: scale(0) rotate(-500deg) translate(0px, 0px) skew(0deg, 0deg);
			transform: scale(0) rotate(-500deg) translate(-50px, 0px) skew(0deg, 0deg);
		}

		h1 > span:nth-of-type(3) {
			bottom: 19px;
			left: 78px;
			width: 43px;
			height: 44px;
			background-position: -168px -115px;
			-webkit-transition: all 500ms ease-in-out 200ms;
			-moz-transition: all 500ms ease-in-out 200ms;
			transition: all 500ms ease-in-out 200ms;
		}
				h1:hover > span:nth-of-type(3) {
			-moz-transform: scale(0) rotate(224deg) translate(200px, -2px) skew(0deg, 0deg);
			-webkit-transform: scale(0) rotate(224deg) translate(200px, -2px) skew(0deg, 0deg);
			-o-transform: scale(0) rotate(224deg) translate(200px, -2px) skew(0deg, 0deg);
			-ms-transform: scale(0) rotate(224deg) translate(200px, -2px) skew(0deg, 0deg);
			transform: scale(0) rotate(224deg) translate(200px, -2px) skew(0deg, 0deg);
		}

		h1 > span:nth-of-type(4){
			bottom: 19px;
			left: 125px;
			width: 37px;
			height: 43px;
			background-position: 0 -65px;
			-webkit-transition: all 300ms ease-in-out 650ms;
			-moz-transition: all 300ms ease-in-out 650ms;
			transition: all 300ms ease-in-out 650ms;
		}
				h1:hover > span:nth-of-type(4) {
			width: 0; 
			background-position: -28px -71px;
			-moz-transform: rotate(-20deg) skew(0deg, 0deg);
			-webkit-transform: rotate(-20deg) skew(0deg, 0deg);
			-o-transform: rotate(-20deg) skew(0deg, 0deg);
			-ms-transform: rotate(-20deg) skew(0deg, 0deg);
		}

		h1 > span:nth-of-type(5) {
			position: absolute;
			bottom: 6px;
			left: 166px;
			width: 41px;
			height: 57px;
			background-position: -123px -91px;
			-webkit-transition: all 200ms ease-in-out 850ms;
			-moz-transition: all 200ms ease-in-out 850ms;
			transition: all 200ms ease-in-out 850ms;
		}
				h1:hover > span:nth-of-type(5) {
			opacity: 0;
			right: 1000px;
			-moz-transform: rotate(-560deg);
			-webkit-transform: rotate(-560deg);
			-o-transform: rotate(-560deg);
			-ms-transform: rotate(-560deg);
			transform: rotate(-560deg);
		}


		h1 > span:nth-of-type(6) {
			bottom: 19px;
			right: 300px;
			width: 50px;
			height: 60px;
			background-position: -73px -94px;
			-webkit-transition: all 500ms ease-in-out 690ms;
			-moz-transition: all 500ms ease-in-out 690ms;
			transition: all 500ms ease-in-out 690ms;
		}
				h1:hover > span:nth-of-type(6) {
			right: -100px;
			-moz-transform: rotate(560deg);
			-webkit-transform: rotate(560deg);
			-o-transform: rotate(560deg);
			-ms-transform: rotate(560deg);
			transform: rotate(560deg);
		}

		h1 > span:nth-of-type(7) {
			position: absolute;
			bottom: 19px;
			right: 273px;
			width: 25px;
			height: 43px;
			background-position: -248px 0;
			-webkit-transition: all 200ms ease-in-out 500ms;
			-moz-transition: all 200ms ease-in-out 500ms;
			transition: all 200ms ease-in-out 500ms;
		}
				h1:hover > span:nth-of-type(7) {
			-moz-transform: translate(-20px, 0) scale(0) rotate(90deg) skew(200deg, 20deg);
			-webkit-transform: scale(0) rotate(90deg) skew(200deg, 20deg);
			-o-transform: scale(0) rotate(90deg) skew(200deg, 20deg);
			-ms-transform: scale(0) rotate(90deg) skew(200deg, 20deg);
			transform: scale(0) rotate(90deg) skew(200deg, 20deg);
		}

		h1 > span:nth-of-type(8) {
			bottom: 19px;
			right: 192px;
			width: 79px;
			height: 44px;
			background-position: -77px -21px;
			-webkit-transition: all 400ms ease-in-out 800ms;
			-moz-transition: all 400ms ease-in-out 800ms;
			transition: all 400ms ease-in-out 800ms;
		}
				h1:hover > span:nth-of-type(8) {
			opacity: 0;
			width: 500px;
			background-position: -250px top;
			-moz-transform: translate(800px, 0px) skew(-20deg, 0deg);
			-webkit-transform: translate(800px, 0px) skew(-20deg, 0deg);
			-o-transform: translate(800px, 0px) skew(-20deg, 0deg);
			-ms-transform: translate(800px, 0px) skew(-20deg, 0deg);
			transform: translate(800px, 0px) skew(-20deg, 0deg);
		}

		h1 > span:nth-of-type(9) {
			position: absolute;
			bottom: 18px;
			right: 156px;
			width: 35px;
			height: 55px;
			background-position: -238px -132px;
			-webkit-transition: all 200ms ease-in-out 850ms;
			-moz-transition: all 200ms ease-in-out 850ms;
			transition: all 200ms ease-in-out 850ms;
		}
				h1:hover > span:nth-of-type(9) {
			-moz-transform: scale(0) rotate(-500deg) translate(-50px, 50px) skew(0deg, 0deg);
			-webkit-transform: scale(0) rotate(-500deg) translate(0px, 0px) skew(0deg, 0deg);
			-o-transform: scale(0) rotate(-500deg) translate(0px, 0px) skew(0deg, 0deg);
			-ms-transform: scale(0) rotate(-500deg) translate(0px, 0px) skew(0deg, 0deg);
			transform: scale(0) rotate(-500deg) translate(-50px, 0px) skew(0deg, 0deg);
		}

		h1 > span:nth-of-type(10) {
			bottom: 19px;
			right: 98px;
			width: 56px;
			height: 42px;
			background-position: -204px -52px;
			-webkit-transition: all 500ms ease-in-out 800ms;
			-moz-transition: all 500ms ease-in-out 800ms;
			transition: all 500ms ease-in-out 800ms;
		}
				h1:hover > span:nth-of-type(10) {
			opacity: 0;
			right: -37px;
			-moz-transform: translate(-20px, 0) scale(0) rotate(90deg) skew(200deg, 20deg);
			-webkit-transform: scale(0) rotate(90deg) skew(200deg, 20deg);
			-o-transform: scale(0) rotate(90deg) skew(200deg, 20deg);
			-ms-transform: scale(0) rotate(90deg) skew(200deg, 20deg);
			transform: scale(0) rotate(90deg) skew(200deg, 20deg);
		}

		h1 > span:nth-of-type(10) > span:last-child {
			position: absolute;
			top: -19px;
			right: 23px;
			width: 27px;
			height: 15px;
			background-position: -293px -74px;
			-webkit-transition: all 500ms ease-in-out 300ms;
			-moz-transition: all 500ms ease-in-out 300ms;
			transition: all 500ms ease-in-out 300ms;
		}
		h1:hover > span:nth-of-type(10) > span:last-child {
			left:-400px;
		}

		h1 > span:nth-of-type(11) {
			bottom: 19px;
			right: 60px;
			width: 40px;
			height: 44px;
			background-position: -286px -15px;
			-webkit-transition: all 700ms ease-in-out 500ms;
			-moz-transition: all 700ms ease-in-out 500ms;
			transition: all 700ms ease-in-out 500ms;
		}
		h1:hover > span:nth-of-type(11) {
			height: 0;
		}

		.port {
		    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		    font-weight: 200;
		    text-transform: uppercase;
		    border-bottom: 1px dotted #C0C6CF;
		    padding-bottom: 20px;
		}
		.port h2 {
		    font-size: 16px;
		    color: #90969F;
		    font-weight: normal;
		    margin: 30px 0 10px 0;
		}
		.port li  {
		    list-style: none;
		}
		.port li a {
		    font-size: 45px;
		    color: #70767F;
		    margin: 0;
		    line-height: 0.9;
		    font-weight: 100;
		}
		/*.port li a.wepul {
			color: #5d8460;
			font-weight: bold;
		}
		.port li a.wepul b {
			color: #555756;
		}*/

		/*.port li a.itgp {
			color: #BD3027;
			font-weight: bold;
		}*/
		/*.port li a.itgp b {
			color: #BD3027;
		}*/

		.port li a b {
		    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		    font-weight: 900;
		    letter-spacing: -0.04em;
		}
		.port li a:hover {
		    color: #bb9824;
		    text-decoration: none;
		}
		/*.port li a.wepul:hover {
		    color: #5d8460;
		}
		.port li a.wepul b:hover {
		}

		.port li a.itgp:hover {
		    color: #BD3027;
		}
		.port li a.itgp b:hover {
		}*/