@import "1140.css";

/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

html {
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
	overflow-x: auto;
}
body {
	font-family: Arial, Helvetica, sans-serif;
}
header, footer {
	background-color: #524b26;
	padding: 0 15%;
	font-size: 13px;
	line-height: 1.4em;
	color: #fff;
	min-width: 755px;
}
header strong {font-size: 14px; color: #9e9671;}
.last {text-align: right;}
header .sixcol {padding: 1.5em 0;}
header .twelvecol {padding: 2em 0 1em 0;}
header img {display: inline;}
header a {color: #fff; text-decoration: underline;}
section {
	padding: 0 15%;
	text-align: center;
	font-size: 18px;
	line-height: 1.4em;
}
section .twelvecol {padding: 2em 0 0 0;}
article .last {margin: 0; float: right;}
article:after {
	content: "";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	font-size: 0;
}
article a:link, article a:visited {
	color: #520d50;
	font-weight: bold;
	text-decoration: none;
}
article a:hover, article a:active {
	color: #a600ff;
	font-weight: bold;
	text-decoration: underline;
}
div.fa {
	float: left;
	border: 1px solid #999;
	height:50px;
	width: 18%;
	-moz-box-sizing:    border-box;
	-webkit-box-sizing: border-box;
	box-sizing:        border-box;
	margin-right: 2.5%;
	margin-bottom: 2.5%;
}
div.fa img {
	width: 90%;
	margin: 0 auto;
}
h1, h2, h3, h4, h5, h6 {
	font-style: normal;
	font-weight: bold;
	font-size: 24px;
	color: #999;
	margin: 2em 0 1em 0;
}
h2 {
	font-style: normal;
	font-weight: normal;
	color: #fff;
	margin: 0 0 1em 0;
}
footer {
	font-size: 12px;
	line-height: normal;
	color: #9e9671;
	padding-top: 10px;
	padding-bottom: 10px;
}
footer a:link, footer a:visited {
	color: #cdc7aa;
	font-weight: bold;
	text-decoration: none;
}
footer a:hover, footer a:active {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}
div#exedo {
	position: relative;
	float: right;
	width: 20px;
	height: 20px;
	margin: -4px -2px 0 5px;
	background-image: url('../images/icons.png');
}
div#exedo:hover {background-position: 0px -20px;}
div#exedo a {float: left; width: 100%; height: 100%; outline: 0;}
div#exedo b, div#exedo strong {display: none;}
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 10px;
	right: 10px;
	overflow: hidden;
	width: 51px;
	height: 51px;
	border: none;
	text-indent: 100%;
	background: url('/images/ui.totop.png') no-repeat left top;
}
#toTopHover {
	background: url('/images/ui.totop.png') no-repeat left -51px;
	width: 51px;
	height: 51px;
	display: block;
	overflow: hidden;
	float: left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}
#toTop:active, #toTop:focus {outline:none;}

/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 767px) {

}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) {

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}

/* ======================================== */
/* ! Provide higher res assets for Retina   */
/* ======================================== */

// retina.less
// A helper mixin for applying high-resolution background images (http://www.retinajs.com)

.at2x(@path, @w: auto, @h: auto) {
  background-image: url('@{path}');
  @at2x_path: ~`"@{path}".split('.').slice(0, "@{path}".split('.').length - 1).join(".") + "@2x" + "." + "@{path}".split('.')["@{path}".split('.').length - 1]`;

  @media all and (-webkit-min-device-pixel-ratio : 1.5) {
    background-image: url(@at2x_path);
    background-size: @w @h;
  }  
}