@charset "utf-8";

/**
 * /////////////////////////////////////////////////////////////
 * /////////////////////////////////////////////////
 *
 * @package Hermes
 */

@media screen, projection {

/* (>_<) {} */

/*/////////////////////////////////////////////////////////////////*/

html, body {
	height: 100%;
}

body {
	font: .8em/165% Arial, sans-serif;
	background: #fff;
	margin: 0;
}

body, a, h2 span, h3 span {
	color: #6c6c6c;
}

/* >-Selector may cause problems in IE6 */
li.active, a:hover, strong, a:focus, #royal:hover, h2, h3, .footer h4, .article h3 {
	color: #c36;
}

li.active > a {
	color: #c36;
}


a {
	text-decoration: none;
	border-bottom: dotted 1px #acacac;
	outline: 0;
}

a:hover {
	border-color: #c36;
}


h1 {
	width: 139px; height: 40px;
	margin: 210px 0 0 60px;
	text-indent: -8888px; cursor: pointer;
	background: transparent url("../img/hermes-logo.png") no-repeat top left;
}

h2 {
	font-size: 1.65em;
	text-shadow: #eee 2px 2px 2px;
}

h3 {
	font-size: 1.15em;
}

h4 {
	font-size: 1em;
	margin: 2em 0 0 0;
}

p {
	margin: 2em 0;
}

h2, h3, h4, li a {
	text-transform: uppercase;
	font-weight: normal;
}

input, textarea, select {
	width: 240px;
	padding: 3px;
	outline: 0;
	border: solid 1px #ddd;
	font: inherit;
}

select {
	width: 248px;
}

input:focus, textarea:focus, select:focus {
	border: solid 1px #c36;
	outline: 0;
}


/*/////////////////////////////////////////////////////////////////*/


.wrap {
	min-height: 100%;
	/* height: auto !important; */
	_height: 100%;
	margin: 0 auto -12em auto;
}

.header {
	width: 100%; overflow: hidden; /* cuts header image off if to wide */
	height: 413px;
	background: #fff url("../img/hermes-header-shadow.png") repeat-x left bottom;
	position: absolute; top: 40px; left: 0;
}

#flash {
	background: #c36;
	height: 337px;
}

.page-wrap {
	padding-bottom: 12em;
}

.page {
	width: 960px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

.aside {
	float: left;
	width: 260px;
	_width: 240px;
	margin-bottom: 60px;
}

.article {
	width: 700px; min-height: 550px;
	float: right;
	margin-top: 89px;
	background: transparent url("../img/hermes-content-background.png") no-repeat top left;
}

.footer {
	min-height: 12em;
	background: #eee;
}

/*/////////////////////////////////////////////////////////////////*/

.article .hd {
	min-height: 30px;
	_height: 30px; /* IE6 */
}

.article .bd {
	padding: 0 95px 25px 95px;
	margin-top: 40px;
}

.article h2 {
	margin-left: -27px;
}

.article h3 {
	margin: 2.5em 0 -1em 0;
	text-shadow: #eee 2px 2px 2px;
}

/*/ *change* /*/
h3.sub-headline {
	font-size: 1em; font-weight: bold;
	margin: 2em 0 0 0;
	text-shadow: none;
}

.nav {
	display: block;
	margin: 170px 0 0px 27px;
	padding: 0 50px 65px 65px;
	background: transparent url("../img/hermes-navigation-background.png") no-repeat bottom left;
	font-size: .9em;
}

.nav li {
	margin: .4em 0;
	padding: 0 0 .4em 0;
	border-bottom: solid 1px #f7f7f7;
}

.nav ul {
	margin: 0 0 0 14px; padding: 0;
	font-size: .9em;
	*list-style-type: disc; /* IE7 below, circle ugly in IE7 */
}

.nav a {
	border: 0;
	text-shadow: #eee 2px 2px 2px;
}

.footer {
		clear: both;
		overflow: auto;
}

.footer p {
	margin: 1em 0;
}

.footer .bd {
	width: 80em;
	font-size: .95em;
	margin: 0 auto;
	overflow: hidden;
}

.footer .col {
	float: left;
	display: inline;
	width: 11.5em;
	font-size: .9em;
	padding: 0 12px;
}

.footer .col.first {
	width: 25em;
	margin: 0 24px 0 50px;
}

.footer .col.last {
	margin-left: -17px;
}

.footer .col.odd {
	
}

.footer .col ul {
	margin-left: 3em;
}

/*/////////////////////////////////////////////////////////////////*/

#slider {
	overflow: auto;
	width: 630px;
	margin: 35px 0 0 36px;
}

#slider .slider-container {
	overflow: hidden;
	width: 1890px;
}

#slider .slide {
	overflow: hidden;
	width: 630px;  height: 253px;
	float: left;
}

.slider-nav {
	position: absolute;
	top: 372px; right: 50px;
	*top: 385px; /* IE 7 and below */
	_top: 295px; /* IE6 */
	list-style-type: none;
	cursor: pointer;
	display: none;

}

.slider-nav li {
	display: inline;
}

.slider-nav li a {
	font-size: 1.9em;
	padding: 1px;
	border: 0; outline: 0;
	color: #ccc;
}

.slider-nav .active a, .slider-nav li a:hover  {
	color: #c36;
}

#marken {
	overflow: hidden;
}



#marken .logo {
	display: block;
	width: 115px; height: 115px;
	float: left; overflow: hidden;
	margin: 4px; 
	border: solid 1px #eee;
}

#marken .logo img {
	border: 0;
}

#marken .logo:hover img {
	margin-left: -115px;
}

/*/////////////////////////////////////////////////////////////////*/


#form .fwrap {
	width: 360px;
	overflow: hidden;
	margin: 2em 0 1em 0;
}

#form label {
	float: left;
	text-align: right;
}

#form input, #form textarea, #form button, #form select {
	float: right;
}

#form textarea {
	height: 120px;
}

.newsletter input[type=submit] {
	float: left;
	width: 120px;
	margin-left: 8px;
}


.form-error {
	color: #fff;
	background: #c36;
	padding: 6px 8px;
	font-weight: bold;
	position: relative;
	display: inline;
}

.form-error .arrow {
	display: block;
	width: 15px; height: 8px;
	background: transparent url("../img/arrow-top.png") no-repeat top left;
	position: absolute;
	top: -8px; left: 8px;
}


/*/////////////////////////////////////////////////////////////////*/

::-moz-selection{
	background: #fafafa;
	color: #333;
}

::selection {
	background: #fafafa;
	color: #333;
}


.border {
	border: solid 1px #eee;
}

.message-box {
	background: #fff;
	padding: 16px;
	border: solid 1px #acacac;
	margin-top: 30px;
}

.message-box h3, .message-box p {
	margin: 2px 0;
}

.video {
	padding: 10px;
	border: solid 1px #eee;
	text-align: center;
}

.eyecode {
	display: inline;
}

.topbar {
	height: 24px; line-height: 24px; width: 29em;
	position: absolute; top: 8px; right: 15px;
}

.topbar a, .topbar span {
 	color: #ababab;
	border: 0; float: left; font-size: .8em;
}
.topbar a:hover {
	color: #c36;
}

.mobilesite {
	display: inline; height: 24px; padding: 0 0 0 22px;
	background: transparent url("../img/iphone-icon.png") no-repeat top left;
	margin: 0 0 0 10px;
}


}