/* 1 rem = 1/16 px */

html { 
  margin: 0;
  padding: 0;
}

body {
	text-align: center;
}

#main {
	position: relative; /* Needed for Safari */
	margin: auto; /* Takes care of horizontal alignment in standards compliant browsers */
	width: 760px;
	width: 47.5rem;
	height: 625px;
	height: 39.0625rem;
}

#main ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#main li {
	list-style: none;
	margin: 0;
	padding: 0;
	display: table;
	width: 150px;
	width: 9.375rem;
	height: 174px;
	height: 10.875rem;
	position: absolute;
}

#main li a {
	opacity: .8;
	filter: alpha(opacity=80);
	width: 130px;
	width: 8.125rem;
	padding: 0 10px;
	padding: 0 0.625rem;
	height: 174px;
	height: 10.875rem;
	background-image: url(/images/cel-green-150.png);
	background-repeat: no-repeat;
	
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	
	font: normal 1.4rem 'Lato', sans-serif;
	font-weight: 100;
	color: #fff;
	
	text-decoration: none;
	text-transform: uppercase;
	overflow: hidden;
}

#main li a.cel-smalltext {
	font-size: 1.2rem;
}

#main li a.cel-bigtext {
	font: normal 4rem Arial, Helvetica, sans-serif;
}

/*#main li a.cel-back {
	background-image: url(/images/cel-back.png);
  text-indent: -9999px;
}*/

#main li a.cel-grey {
	background-image: url(/images/cel-grey-150.png);
	cursor: default;
}

#main li a.cel-orange {
	background-image: url(/images/cel-orange-150.png);
}

#main li a.cel-pink {
	background-image: url(/images/cel-pink-150.png);
}

#main li a.cel-violet {
	background-image: url(/images/cel-violet-150.png);
}

#main li a:hover {
	opacity: 1;
	filter:alpha(opacity=100);
}

#cell-00 {
	z-index: 5;
	position: absolute;
}

#cel-11 {
	
}

#cel-12 {
	left: 174px;
	left: 10.875rem;
}

#cel-13 {
	left: 348px;
	left: 21.75rem;
}

#cel-14 {
	left: 522px;
	left: 32.625;
}

#cel-15 {
	left: 696px;
	left: 43.5rem;
}

#cel-31 {
	top: 300px;
	top: 18.75rem;
}

#cel-32 {
	top: 300px;
	top: 18.75rem;
	left: 174px;
	left: 10.875rem;
}

#cel-33 {
	top: 300px;
	top: 18.75rem;
	left: 348px;
	left: 21.75rem;
}

#cel-34 {
	top: 300px;
	top: 18.75rem;
	left: 522px;
	left: 32.625;
}

#cel-35 {
	top: 300px;
	top: 18.75rem;
	left: 696px;
	left: 43.5rem;
}

#cel-21 {
	top: 150px;
	top: 9.375rem;
	left: 87px;
	left: 5.4375rem;
}

#cel-22 {
	top: 150px;
	top: 9.375rem;
	left: 261px;
	left: 16.3125rem;
}

#cel-23 {
	top: 150px;
	top: 9.375rem;
	left: 435px;
	left: 27.1875rem;
}

#cel-24 {
	top: 150px;
	top: 9.375rem;
	left: 609px;
	left: 38.0625rem;
}

#cel-25 {
	top: 150px;
	top: 9.375rem;
	left: 783px;
	left: 48.9375em;
}

#cel-41 {
	top: 450px;
	top: 28.125rem;
	left: 87px;
	left: 5.4375rem;
}

#cel-42 {
	top: 450px;
	top: 28.125rem;
	left: 261px;
	left: 16.3125rem;
}

#cel-43 {
	top: 450px;
	top: 28.125rem;
	left: 435px;
	left: 27.1875rem;
}

#cel-44 {
	top: 450px;
	top: 28.125rem;
	left: 609px;
	left: 38.0625rem;
}

#cel-45 {
	top: 450px;
	top: 28.125rem;
	left: 783px;
	left: 48.9375em;
}

footer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 60px;
	height: 3.75rem;
	visibility: visible;
	display: block;
	text-align: right;
}

#logo {
	margin-right: 40px;
	margin-right: 2.5rem;
}

section#main {
	position: relative; /* Needed for Safari */
	margin: auto; /* Takes care of horizontal alignment in standards compliant browsers */
	text-align: left;
	clear: both;
	width: 545px;
	width: 34.0625rem;
	height: 610px;
	height: 38.125rem;
	font: normal 1.2rem Lato;
	color: #fff;
}

section#main #contact-form {
	background: url(/images/cel-green-460.png);
	width: 380px;
	width: 23.75rem;
	height: 373px;
	height: 23.3125rem;
	padding: 160px 40px 0;
	padding: 10rem 2.5rem 0;
	top: 70px;
	top: 4.375rem;
	left: 80px;
	left: 5rem;
	position: absolute;
	z-index: 1;
}

section#main #contact-form input[type=text], 
section#main #contact-form input[type=email], section#main #contact-form textarea {
	background: #fff;
	border: none;
	width: 380px;
	width: 23.75rem;
	margin: 6px 0;
	margin: .375rem 0;
	font: normal 1rem Lato;
}

section#main #contact-form textarea {
	height: 80px;
	height: 5rem;
}

section#main #contact-form button {
	margin: 6px 0;
	margin: .375rem 0;
	background: #ff5a12;
	color: #fff;
	border: none;
	font: normal 1em Lato;
	width: 160px;
	width: 10rem;
}