/******************* global settings *******************/

a { outline:0; }

body, .body {
	margin: 0px;
	padding: 0;
	}

html {
	margin:0;
	padding:0;
}

.leftSide {
	position: relative;
	float: left;
	padding-top: 210px;
	padding-bottom: 80px;
	text-align: center;
	width: 50%;
/*  	background-color: #123456; */
}

.rightSide {
	position: relative;
	float: left;
	text-align: left;
	padding-top: 60px;
	padding-bottom: 60px;
	width: 50%;
/* 	background-color: #654321; */
}

.logo {
	display: inline-block;
	position: relative;
	width: 270px;
	height: 110px;
	padding-left: 10px;
	background: url(../images/catch-logo.png) no-repeat;
	
 
   border-bottom-width: 1px;
   border-bottom-color: #cccccc;
   border-bottom-style: solid;

	
	
}

.button {
	display: inline-block;
	position: relative;
	margin-top: 10px;
	width: 270px;
	height: 120px;
	padding-left: 10px;
	background: url(../images/button.png) no-repeat;
	z-index: 1;
	padding: 0;
}

.button:hover { background-position: 0px -120px; }

.phones {
	display: inline-block;
	position: relative;
	width: 270px;
	height: 450px;
}



@media (max-width: 800px) {
	.leftSide { width: 100%; padding-top: 100px; text-align: center; }
	.rightSide { width: 100%; padding-top: 50px; text-align: center; }
	.logo { padding:0px; }
	.button { padding:0px; }
	.phones { padding:0px; margin:0px; background: url(../images/game-small.png) no-repeat; }
}

@media (min-width: 800px) {
	.phones { padding:0px; margin:0px; background: url(../images/game-large.png) no-repeat; width: 540px; height: 880px; }
}