*, html {
    margin:					0;
    padding:				0;
}

body {
	font-family: 			'Roboto Condensed', sans-serif;
    font-size: 				14px;
    color: 					#444;
}

img {
    border:					0;
}

#page {
	width: 					994px;
	margin:	 				125px auto 0 auto;
}

#page div.logo {
	position: 				relative;
	width: 					0;
	height: 				0;
}

#page div.logo > div {
	position: 				absolute;
	left: 					-70px;
	top:					-115px;
	width: 					242px;
	height: 				105px;
	background: 			url(if/arbon.png) no-repeat;
}

#page div.headimage {
	border: 				4px solid #88ccf4;
	height: 				408px;
	overflow: 				hidden;
	-moz-box-shadow:		0px 9px 4px rgba(0,0,0,0.4);
	-webkit-box-shadow:		0px 9px 4px rgba(0,0,0,0.4);
	box-shadow:				0px 9px 4px rgba(0,0,0,0.4);
}

#page div.nav {
	position: 				relative;
}

#page div.nav ul {
	list-style: 			none;
	position: 				absolute;
	width: 					994px;
	top:					-86px;
}

#page div.nav li {
	float: 					left;
	/*
width: 					242px;
	height: 				119px;
*/
	background: 			url(if/button.png) no-repeat;
}

#page div.nav li a {
	display: 				block;
	width: 					218px;
	height: 				100px;
	text-decoration:		none;
	padding: 				19px 12px 0 12px;
	font-size: 				26px;
	line-height: 			29px;
	color: 					white;
	font-weight: 			300;
}

#page div.nav li:hover {
	background-position: 	0 -119px;
	cursor: 				pointer;
}

#page .eight {
	margin-right: 			8px;
}

#page .mobile {
	display: 				none;
}

#page .nine {
	margin-right: 			9px;
}

#page div.content {
	margin-top: 			20px;
	clear: 					left;
}

#page div.content > div {
	float: 					left;
	width: 					216px;
	height: 				422px;
	padding: 				20px 12px 0 12px;
	border: 				1px solid #999;
	line-height: 			19px;
	-moz-box-shadow:		0px 1px 3px rgba(0,0,0,0.4);
	-webkit-box-shadow:		0px 1px 3px rgba(0,0,0,0.4);
	box-shadow:				0px 1px 3px rgba(0,0,0,0.4);
	
	background: 			#ffffff; /* Old browsers */
	background: 			-moz-linear-gradient(top,  #ffffff 0%, #e7e7e7 100%); /* FF3.6+ */
	background: 			-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */
	background: 			-webkit-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%); /* Chrome10+,Safari5.1+ */
	background: 			-o-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%); /* Opera 11.10+ */
	background: 			-ms-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%); /* IE10+ */
	background: 			linear-gradient(to bottom,  #ffffff 0%,#e7e7e7 100%); /* W3C */
	filter: 				progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */
}

#page div.content > div.dummy {
	display: 				none;
}

#page div.content > div.active {
	background: 			#ffffff; /* Old browsers */
	background: 			-moz-linear-gradient(top,  #ffffff 0%, #abe4ff 100%); /* FF3.6+ */
	background: 			-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#abe4ff)); /* Chrome,Safari4+ */
	background: 			-webkit-linear-gradient(top,  #ffffff 0%,#abe4ff 100%); /* Chrome10+,Safari5.1+ */
	background: 			-o-linear-gradient(top,  #ffffff 0%,#abe4ff 100%); /* Opera 11.10+ */
	background: 			-ms-linear-gradient(top,  #ffffff 0%,#abe4ff 100%); /* IE10+ */
	background: 			linear-gradient(to bottom,  #ffffff 0%,#abe4ff 100%); /* W3C */
	filter: 				progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#abe4ff',GradientType=0 ); /* IE6-9 */
}

div.arb-on {
	text-align: right;
	padding-top: 16px;
	padding-right: 17px
}

div.arb-on img {
	border: none;
}


#page h4 {
	font-size: 				14px;
	font-weight: 			700;
}

#page p {
	margin-bottom: 			14px;
}
	
div.hidden {
	display: 				none;	
}

.clear {
	height: 0px;
	clear: both;
}