@charset "utf-8";
/* CSS Document */

html, body {
	margin:0;
	width:100%;
	height:100%;
	background:url(../images/bg.png);
	}
.main {
	margin:0 auto;
	width:838px;
	height:100%;
	}
.separator {
	width:2px;
	height:100%;
	background: url(../images/separator.jpg) repeat-y;
	float:left;
	}
.lifestyle_container, .communications_container {
	width:418px;
	height:100%;
	float:left;
	}
.logo {
	width:100%;
	text-align:center;
	margin-top:52px;
	margin-bottom:10px;
	}
.pic {
	width:100%;
	text-align:center;
	}
.text {
	width:auto;
	height:32px;
	padding:5px 0;
	color:#666666;
	font-family:Helvetica, Arial;
	font-size:12px;
	text-align:center;
	margin-bottom:8px;
	}
.button {
	height:120px;
	text-align:center;
	}
a.lifestyle_btn {
	display:inline-block;
	height:120px;
	width:120px;
	overflow:hidden;
	background:url(../images/lifestyle_btn.png) left top no-repeat;
	text-indent:-1000px;
	}
a.lifestyle_btn:hover {
	background:url(../images/lifestyle_btn.png) left bottom no-repeat;
	}
a.lifestyle_btn:active {
	background:url(../images/lifestyle_btn.png) left bottom no-repeat;
	-webkit-box-shadow:1px 1px 3px rgba(0,0,0,.3) inset;
	-moz-box-shadow:1px 1px 3px rgba(0,0,0,.3) inset;
	box-shadow:1px 1px 3px rgba(0,0,0,.3) inset;
	-webkit-border-radius:60px;
	-moz-border-radius:60px;
	border-radius:60px;
	}
a.communication_btn {
	display:inline-block;
	height:120px;
	width:120px;
	overflow:hidden;
	background:url(../images/communication_btn.png) left top no-repeat;
	text-indent:-1000px;
	}
a.communication_btn:hover {
	background:url(../images/communication_btn.png) left bottom no-repeat;
	}
a.communication_btn:active {
	background:url(../images/communication_btn.png) left bottom no-repeat;
	-webkit-box-shadow:1px 1px 3px rgba(0,0,0,.3) inset;
	-moz-box-shadow:1px 1px 3px rgba(0,0,0,.3) inset;
	box-shadow:1px 1px 3px rgba(0,0,0,.3) inset;
	-webkit-border-radius:60px;
	-moz-border-radius:60px;
	border-radius:60px;
	}