/** This site was designed in browser, so what you'll find here is dirty dirty CSS. I'm a whore. **/	
	
	
	html {
		height:100%;
	}
	body {
		background: #fff;
		font-family: "proxima-nova", Proxima Nova, sans-serif;
		height: 100%;
		color:#555;
	}
	.viewport {
		-webkit-animation:bodyslide 2s ease;

	}
	.colourbar {
			z-index: 1;
			position: absolute;
			width:100%;
			height:5px;
			background: #94e5ee; /* Old browsers */				background: -moz-linear-gradient(left, #94e5ee 0%, #2ccac1 23%, #ffd1a9 48%, #fbb5ae 75%, #d8a3bc 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, right top, color-stop(0%,#94e5ee), color-stop(23%,#2ccac1), color-stop(48%,#ffd1a9), color-stop(75%,#fbb5ae), color-stop(100%,#d8a3bc)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(left, #94e5ee 0%,#2ccac1 23%,#ffd1a9 48%,#fbb5ae 75%,#d8a3bc 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(left, #94e5ee 0%,#2ccac1 23%,#ffd1a9 48%,#fbb5ae 75%,#d8a3bc 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(left, #94e5ee 0%,#2ccac1 23%,#ffd1a9 48%,#fbb5ae 75%,#d8a3bc 100%); /* IE10+ */
			background: linear-gradient(to right, #94e5ee 0%,#2ccac1 23%,#ffd1a9 48%,#fbb5ae 75%,#d8a3bc 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94e5ee', endColorstr='#d8a3bc',GradientType=1 ); /* IE6-9 */
			-webkit-animation:topshine 2s ease;
	}
	.colourbar2 {
			z-index:2;
			position: absolute;
			width:100%;
			height:5px;
			background: #94e5ee; /* Old browsers */
			background: -webkit-linear-gradient(right, #94e5ee 0%,#2ccac1 23%,#ffd1a9 48%,#fbb5ae 75%,#d8a3bc 100%); /* Chrome10+,Safari5.1+ */
			opacity: 0;
			-webkit-animation:topslide 2s ease;

	}
	.rowone {
		background:#f5f5f5;
		padding-top:80px;
		padding-bottom: 100px;
	}
	.container {
		width:1180px;
		margin:0 auto;
	}
	.container h1 {
			background:url('../images/logo.png');
			width:215px;
			height:50px;
			overflow: hidden;
			text-indent: -1000em;
			margin-bottom: 60px;
			-webkit-animation:logo 1s ease;
    	}
	.container h2 {
		font-size:28px;
		color:#666;
		margin-bottom: 40px;
		line-height: 140%;
		-webkit-animation:delayfade 1s ease;
		-webkit-animation-iteration-count: 1;
		-webkit-animation-play-state: running;
		-webkit-backface-visibility:hidden;

	}
	.container input.field {
		border:none;
		width:980px;
		font-size: 26px;
		color:#ccc;
		padding:25px;
		-webkit-appearance: none;
		border-radius: 0;
		-webkit-transition:all 0.3s ease-in;
	}
	.container input.field:focus {
		color: #555;
		border:1px solid #EEEE;
		outline:none;
	
	}
	.container .button {
		width:150px;
		background: #FFBCAA;
		font-size: 26px;
		border:none;
		padding-top:25px;
		padding-bottom:25px;
		color:#FFF;
		-webkit-appearance: none;
		border-radius: 0;
	}
	.container .button:hover {
		background:#DBA5BB url("../images/hover-button.gif") 0 0;
		 -webkit-animation: button 5s infinite linear;
		 cursor: pointer;

	}
	
	.rowtwo {
		background: #FFF;
		margin-top:80px;
		clear: both;
		padding-bottom: 180px;
	}
	.front .rowtwo ul li {
		display: block;
		width:360px;
		float:left;
		-webkit-transition:all 0.3s ease-in;
	}
	.front .rowtwo ul li h3 {
		font-weight: bold;
		color:#666;
		margin-bottom: 15px;
		-webkit-transition:all 0.3s ease-in;
	}
		.front .rowtwo ul li p {
		font-size:14px;
		line-height: 160%;
		color:#666;
		-webkit-transition:all 0.3s ease-in;
	}
	.front .rowtwo ul li img {
		float: left;
		margin-right:20px;
		-webkit-transition:all 0.3s ease-in;
	}
	
	.front .rowtwo ul li:nth-child(2) {
		margin:0px 40px;
		}
	.front .rowtwo .new {
		color:#DBA5BB;
		text-transform: uppercase;
		font-size: 11px;
		margin-left:10px;
	}
	.front .rowtwo .sub {
		font-size: 11px;
		color:#CCC;
		float: right;
		margin-top:20px;
		
	}
	/** Medium - lazy responsive **/
	
	@media all and (max-width: 1279px) {
		.container {
		width:880px;
	}
	.container input.field {
		width:680px;
	}
	.front .rowtwo ul li {
		width:265px;
	}
	.front .rowtwo ul li p {
		font-size:12px;
	}
	.front .rowtwo ul li img {
		width:75px;
		height:60px;
		margin-top:10px;
		margin-bottom: 20px;
	}
	.front .rowtwo ul li h3 {
		font-weight: bold;
		color:#878787;
		font-size:13px;
		margin-bottom: 10px;
	}
	
}

	/** Small - lazy responsive **/
		
	@media all and (max-width:900px)	{

.container {
		width:300px;
	}
	.container h1 {
		margin:0 auto 40px auto;
		-webkit-animation:none;
	}
		.container input.field {
		width:250px;
	}
	.container input.button {
		width:300px;
		padding:25px;
	}
	.front .rowtwo ul li {
		width:300px;
	}
	.front .rowtwo {
		padding-bottom::250px;
	}
	.front .rowtwo ul li:nth-child(2) {
		margin:40px 0;
		}
	.viewport {
		-webkit-animation:none;
	}
		
	
}
/*** Sorry ***/
	.sorry .container {
		width:700px;
	}

	.sorry h4 {
		font-size:50px;
		font-weight: normal;
		padding-top: 50px;
		-webkit-animation:logo 1s ease;
		
	}
	.sorry .rowone p {
		font-size: 20px;
		font-weight: 100;
		color:#666;
		line-height: 160%;
		padding-top:30px;
	}
	.sorry .rowone .sig {
		background: url("../images/chopeh-sig.gif");
		display: block;
		width:120px;
		height:44px;
		text-indent: -1000em;
		overflow: hidden;
		margin-top:25px;
		opacity:0.4;
	}
	.sorry .rowone .sig:hover {
		opacity:0.8;
	}
	.sorry .rowone a {
		color:#FFBCAA;
		text-decoration: none;
	}
	.sorry .rowtwo h6 {
		font-size: 30px;
		margin-bottom: 50px;
	}
	.sorry .rowtwo ul li {
		margin-bottom: 30px;
	}
	.sorry .rowtwo ul li span {
		font-size:47px;
		font-weight: 200;
		float: left;
	}
	.sorry .rowtwo ul li span.one {
		color:#8BE3EA;
	}
	.sorry .rowtwo ul li span.two {
		color:#FBB7AE;
	}
	.sorry .rowtwo ul li span.three {
		color:#D8A3BB;
	}
	.sorry .rowtwo ul li span.four {
		color:#C8CFAF;
	}

	.sorry .rowtwo ul li p {
		font-size:20px;
		line-height: 47px;
		padding-left: 130px;
		font-weight: 100;
	}
	.sorry .rowtwo .sub {
		font-size: 12px;
		color:#ccc;
	}


/*** Animations ***/

	@-webkit-keyframes button {
	0%   { background-position: 0 0; }
	100% { background-position: 0 128px;  }
	
	}
	
	@-webkit-keyframes logo {
	0%   { opacity:0; margin-left:15px; }
	100% { opacity:1.0; visibility: }
	
	}
	@-webkit-keyframes delayfade {
	0%   { opacity:0; margin-left: 10px;  }
	40%	 { opacity:0; margin-left: 10px; }
	100% { opacity:1.0; }
	}
	@-webkit-keyframes topshine {
	0%   {opacity:0; height:30px }
	100% {opacity:1.0}
	}
	@-webkit-keyfames gradient {
	0%   {background-color: :red; }
	100% {background-color:yellow;}
	}
	@-webkit-keyframes topslide {
	0%   {opacity:1.0; height:30px }
	100% {opacity:0;}
	}
	@-webkit-keyframes bodyslide {
	0%   {padding-top:20px; }
	100% {padding-top:0px;}
	}