html {
	background-color: #747474;
	height: 100%;
}

body {
	background-color: #eee;
	margin: 0px;
	font-family: Arial, Geneva, Verdana, Helvetica, sans-serif;
	font-size: 12px;
}

.page {
	position: relative;
	width: 1006px;
	margin: auto;
}
.clear {
	clear: both;
}

a {
	color: #e36837;
}
a:hover,
a:active,
a:focus {
	color: #c14615;
}
a img {
	border: 0px none;
}



/*
 * BODY
 */
.body-header {
	background: url('img/header-bg.png') repeat-x;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	height: 136px;
}
.header-title {
	color: #656565;
	text-align: right;
	font-size: 18px;
	padding: 10px 0px 3px 0px;
}
.body-footer {
	background-color: #747474;
	min-height: 17px;
}

.hr {
	background: url('img/hr.png') repeat-x;
	height: 4px;
	left: 0px;
	right: 0px;
	position: absolute;
}
/*
 * HEADER
 */
.page .header {
	height: 136px;
	position: relative;
	background: url('img/header-bg-image.jpg') no-repeat center top;
}

.page .header #logo-peli {
	position: absolute;
	left: 27px;
	top: 24px;
}
.page .header #logo-pelican {
	position: absolute;
	top: 24px;
	left: 25px;
}

/*
 * PAGE FOOTER
 */
.page-footer {
	margin: auto;
	position: relative;
	background: url('img/copy-bg.png') repeat-y;
	width: 986px;
	margin-top: 19px;
	padding: 2px 10px 0px 10px;
}
.page-footer .top {
	position: absolute;
	background: url('img/copy-top.png') repeat-y;
	left: 0px;
	right: 0px;
	top: -9px;
	height: 9px;
}
.page-footer ul {
	display: block;
	float: left;
	width: 462px;
	padding-left: 30px;
	margin: 5px 0px;
	min-height: 64px;
}
.page-footer ul li {
	list-style: url(img/footer-list.png);
	color: #e3e3e3;
	font-size: 13px;
}
.page-footer ul li a {
	color: #f3f3f3;
}
.page-footer ul li a:hover {
	color: #c3c3c3;
}

/*
 * LANGUAGES
 */
.page .header .languages {
	position: absolute;
	top: 10px;
	right: 15px;
}
.page .header .languages a {
	display: inline-block;
	margin: 0px 1px;
	opacity: 0.7;
}
.page .header .languages a:hover,
.page .header .languages a.active {
	opacity: 1;
}
.page .header .languages a img {
	max-height: 16px;
}
/*
 * MENU
 */
.page .header .menu {
	position: absolute;
	top: 50px;
	right: 10px;	
}
.page .header .menu .menu-item {
 	float: left;
}
.page .header .menu a {
	font-size: 18px;
	display: block;
	position: relative;
	margin: 0px 10px;
	padding: 5px 10px;
	height: 31px;
	line-height: 31px;
	padding: 1px 7px 3px 7px;
	text-decoration: none;
	color: #484848;
}

.page .header .menu .menu-item:hover a.item {
	background: url('img/menu-hover-bg.png');
	color: #FFFFFF;
}
.page .header .menu a.item .menu-left,
.page .header .menu a.item .menu-right {
	width: 7px;
	height: 35px;
	display: block;
	position: absolute;
	top: 0px;
}
.page .header .menu .menu-item:hover a.item .menu-left {
	background: url('img/menu-hover-left.png');
	left: -7px;
}
.page .header .menu .menu-item:hover a.item .menu-right {
	background: url('img/menu-hover-right.png');
	right: -7px;
}

.page .header .menu a.active {
	background: url('img/menu-active-bg.png');
	color: #484848;
}
.page .header .menu a.active.item .menu-left {
	background: url('img/menu-active-left.png');
	left: -7px;
}
.page .header .menu a.active.item .menu-right {
	background: url('img/menu-active-right.png');
	right: -7px;
}


.page .header .menu .menu-item .sub-menu {
	display: none;
	position: absolute;
	z-index: 9999;
}
.page .header .menu .menu-item .sub-menu .sub-menu-content {
	position: relative;
	background: url('img/sub-menu-bg.png') repeat-x #7e8b8b;
	margin: 8px 7px 8px 10px;
	color: #000000;
}
.page .header .menu .menu-item .sub-menu .sub-menu-content .splitter {
	background-color: #707d7c;
	position: absolute;
	left: -4px; right: -4px;
	height: 1px;
}
.page .header .menu .menu-item .sub-menu .sub-menu-content .top {
	position: absolute;
	top: -7px; left: 0px; right: 0px; height: 7px;
	background: url('img/sub-menu-top.png') repeat-x;
}
.page .header .menu .menu-item .sub-menu .sub-menu-content .left {
	position: absolute;
	top: 0px; left: -8px; bottom: 0px; width: 8px;
	background: url('img/sub-menu-left.png') no-repeat;
}
.page .header .menu .menu-item .sub-menu .sub-menu-content .bottom {
	position: absolute;
	bottom: -8px; left: 0px; right: 0px; height: 8px;
	background: url('img/sub-menu-bottom.png') repeat-x;
}
.page .header .menu .menu-item .sub-menu .sub-menu-content .right {
	position: absolute;
	top: 0px; right: -8px; bottom: 0px; width: 8px;
	background: url('img/sub-menu-right.png') no-repeat;
}
.page .header .menu .menu-item .sub-menu .sub-menu-content .right-repeat {
	position: absolute;
	top: 105px; right: -8px; bottom: 0px; width: 8px;
	background: url('img/sub-menu-right-repeat.png') repeat-y;
}
.page .header .menu .menu-item .sub-menu .sub-menu-content .left-repeat {
	position: absolute;
	top: 105px; left: -8px; bottom: 0px; width: 8px;
	background: url('img/sub-menu-left-repeat.png') repeat-y;
}

.page .header .menu .menu-item .sub-menu .sub-menu-content .tl {
	position: absolute;
	top: -7px; left: -8px; height: 7px; width: 8px;
	background: url('img/sub-menu-corner-tl.png') no-repeat;
}
.page .header .menu .menu-item .sub-menu .sub-menu-content .tr {
	position: absolute;
	top: -7px; right: -8px; height: 7px; width: 8px;
	background: url('img/sub-menu-corner-tr.png') no-repeat;
}
.page .header .menu .menu-item .sub-menu .sub-menu-content .bl {
	position: absolute;
	bottom: -8px; left: -8px; height: 8px; width: 8px;
	background: url('img/sub-menu-corner-bl.png') no-repeat;
}
.page .header .menu .menu-item .sub-menu .sub-menu-content .br {
	position: absolute;
	bottom: -8px; right: -8px; height: 8px; width: 8px;
	background: url('img/sub-menu-corner-br.png') no-repeat;
}

.page .header .menu .menu-item .sub-menu .sub-menu-content a {
	padding: 3px 10px;
	margin: 0px;
	line-height: 25px;
	height: 25px;
}
.page .header .menu .menu-item .sub-menu .sub-menu-content a:hover {
	color: #FFFFFF;
}


.page .header .menu .menu-item:hover .sub-menu {
	display: block;
}



/*
 * CONTENT
 */
.content {
	font-size: 13px;
	color: #555555;
}
.content h1 {
	font-size: 17px;
	color: #646464;
	text-transform: uppercase;
	margin: 0px 0px 5px 0px;
	font-weight: bold;
}
.content h2 {
	font-size: 14px;
	color: #646464;
	margin: 5px 0px;
}
.content p {
	margin: 3px 0px;
}

/*
 * INPUT
 */
.input-48 {
	margin: 0px;
	border: 0px none;
	width: 34px;
	padding: 5px 7px;
	background: url('img/input-48.png') no-repeat;
	height: 23px;
	outline: none;
}
.input-175 {
	margin: 0px;
	border: 0px none;
	width: 161px;
	padding: 5px 7px;
	background: url('img/input-175.png') no-repeat;
	height: 23px;
	outline: none;
}
.button-100 {
	margin: 0px;
	border: 0px none;
	width: 100px;
	padding: 5px 10px;
	background: url('img/button-100.png') no-repeat top;
	height: 30px;
	outline: none;
	cursor: pointer;
}
.button-100:hover {
	background-position: bottom;
	color: #ffffff;
}