@import url(content.css);

* {
	margin: 0;
	padding: 0;
	outline-color: -moz-use-text-color;
	outline-style: none;
	outline-width: medium;
}

input::-moz-focus-inner { border: 0 solid transparent; }
input:focus::-moz-focus-inner { border-color: transparent } 

body {
	height: 100%;
	font-size: inherit !important;
	line-height: inherit !important;
	text-align: center;
	background-color: #d47611;
}


/* Layout
/* ----------------------------------------------- */

#container {
	margin: 15px auto;
	padding: 6px 0;
	width: 1000px;
	text-align: left;
	background-color: #fff;
}

.viewport {
	margin: 0 0 0 6px;
	width: 994px;
	background-color: #fff;
}

.header {
	padding: 0 0 6px 0;
	height: 125px;
	background-color: #fff;
	position: relative;
	z-index: 2;
}

.contentbox {
	width: 988px;
	min-height: 500px;
	height: auto !important;
	height: 500px;
	background: #fde1c5 url('../../img/bg-content.gif') 0 0 repeat-y;
}

.contentbox.home {
	background: #fff url('../../img/bg-content.gif') 0 0 repeat-y;
}



/* Header - Home
/* ----------------------------------------------- */

.header.xxl {
	height: 260px;
}

.header #home {
	position: absolute;
	top: 30px;
	left: 6px;
}

.header .photo {
	margin: 0 0 0 142px;
	width: 846px;
	height: 125px;
	background-repeat: no-repeat;
	display: none;
	overflow: hidden;
	position: relative;
}

.header.xxl .photo {
	height: 260px;
}

.header h2 {
	width: 382px;
	height: 39px;
	text-indent: -9999px;
	position: absolute;
	left: 170px;
	top: 70px;
	z-index: 10;
	background: url('../../img/img-logo-payoff.png') 0 0 no-repeat;
}

.header .intro {
	width: 257px;
	height: 236px;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #fff;
	text-indent: -9999px;
	position: absolute;
	right: 16px;
	top: 12px;
	z-index: 10;
	background: url('../../img/img-header-intro.png') 0 0 no-repeat;
}

dl {
	width: 136px;
	height: 129px;
	text-indent: -9999px;
	background: url('../../img/img-header-contact.gif') 0 0 no-repeat;
	position: absolute;
	bottom: 6px;
	left: 0;
}

dl span {
	display: none;
}

dl dd a {
	margin: 0; /* 105px 0 0 17px */
	width: 136px;
	height: 129px;
	display: block;
	background-color: transparent;
}


.column dl {
	position: relative;
}


/* General / Recurrent
/* ----------------------------------------------- */

.menubar ul,
.column.first ul {
	list-style-type: none;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clear {
	height: 0;
	line-height: 0;
	clear: both;
}



/* Columns
/* ----------------------------------------------- */

.column {
	float: left;
	display: inline;
}

.last {
	float: right;
}

.first {
	width: 136px;
}

.last {
	width: 847px;
}


/* Home - Layout Menu
/* ----------------------------------------------- */

.column.first ul.extra {
	margin: 0 0 30px 0;
}

.column.first ul.extra li {
	margin: 0 0 6px 0;
	width: 136px;
}

.column.first ul.extra li a {
	padding: 0 0 0 6px;
	height: 22px;
	font: 11px/22px Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	display: block;
	background-color: #dd7700;
}

.column.first ul.extra li a:hover {
	color: #78440c;
	background-color: #fac38b;
}

.column.first ul.extra li.international a {
	background: #dd7700 url('../../img/img-icon-int.gif') 100% 0 no-repeat;
}

.column.first ul.extra li.international a:hover {
	background: #fac38b url('../../img/img-icon-int.gif') 100% -22px no-repeat;
}


/* Home - Sub Nav Menu
/* ----------------------------------------------- */

.column.first div.sidebar {
	padding: 20px 0 0 0;
}

ul.side-nav {
	margin: 0 0 20px 6px;
	font: 11px/17px Arial, Helvetica, sans-serif;
	color: #575656;
}

ul.side-nav li {
}

ul.side-nav li a {
	padding: 0 0 4px 2px;
	line-height: 14px;
	text-decoration: none;
	display: block;
}

ul.side-nav li a:hover {
	text-decoration: underline;	
}

ul.side-nav li span {
	font-size: 18px;
	font-weight: bold;
	line-height: 23px;
}


/* Content Layout
/* ----------------------------------------------- */

.content {
	padding: 20px 0 10px 21px;
	font: normal 13px/18px Arial, Helvetica, sans-serif;
	color: #575656;
	background: url('../../img/bg-content-fill.gif') 0 0 no-repeat;
}

.home .content {
	background: none !important;
}

.content a {
	color: #b3640f;
}

.content a img {
	border: 0;
	text-decoration: none;
}

.content a:hover img {
	border: 0;
	text-decoration: none;
}