/* Basic stuff */

html {
	overflow-y: scroll;
	font-family: Arial, sans-serif;
	font-size: 14px;
	background: #0f0f0f;
}

body {
	margin: 0;
	background: #005693;
}

h1, h2, h3, h4, h5, h6, ul, li, p, img, form, fieldset, input, table, th, td, tr {
	border-width: 0;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
	display: block;
}

a {
	color: #0f0f0f;
}

body a {
	cursor: pointer;
}

/* Page */

div#page {
	width: 980px;
	margin: 0 auto;
	padding: 44px 20px 40px 20px;
	z-index: 1;
	background: white;
}

/* Header */

div#header {
	position: relative;
	height: 104px;
	background: #005693;
}
img#logo {
	position: absolute;
	top: 21px;
	left: 25px;
}
img#phone_number {
	position: absolute;
	right: 34px;
	top: 20px;
}

/* Menu */

ul#menu {
	height: 44px;
	list-style-type: none;
	padding-left: 8px;
	z-index: 2;
}
ul#menu li {
	float: left;
	height: 44px;
	position: relative;
	z-index: 3;
}
ul#menu a {
	border-top: 2px solid white;
	color: #858585;
	float: left;
	height: 42px;
	line-height: 42px;
	text-transform: uppercase;
	font-size: 12px;
	text-decoration: none;
	padding: 0 16px;
}
ul#menu a.selected {
	color: #00102c;
	background: white;
}
ul#menu a:hover {
	color: #002a5c;
	background: #d4e2ed;
}

/* Submenu */

ul#menu li ul {
	z-index: 4;
	list-style-type: none;
	position: absolute;
	top: 44px;
	left: -26px;
	background: #d4e2ed;
	white-space: nowrap;
	min-width: 0;
	padding-bottom: 10px;
}
ul#menu li ul li {
	min-width: 0;
	height: 1%;
	clear: both;
}
ul#menu li ul li a {
	height: 30px;
	border-top-width: 0;
	padding: 0 30px 0 42px;
	line-height: 30px;
	color: #424243;
	background: #d4e2ed;
	cursor: pointer;
	display: block;
	height: 1%;
}
ul#menu li ul li a:hover {
	background: #e8f1f8 url("../img/bottommenu_bullet.png") no-repeat 15px 10px;
}

/* Main */

div#main {
	padding-bottom: 50px;
}
div.main_inner {
	border-top: 1px solid #d8d8d8;
	position: static !important;
	position: relative;
}

/* Left Menu */

div#left_menu {
	width: 284px;
	float: left;
	display: inline;
}

/* Home */

div#home_header {
	position: relative;
	height: 197px;
	background: #f2f2f2;
}
div#home_header img {
	display: block;
}
div#home_header h1 {
	position: absolute;
	top: 52px;
	left: 682px;
}

div#home_slides {
	position: relative;
}
div#home_slides img {
	position: absolute;
	top: 0;
	left: 0;
}

div#home_content {
	position: relative;
	margin-left: 20px;
	margin-top: 28px;
	width: 630px;
	float: left;
	display: inline;
}
div#home_right {
	position: relative;
	margin-left: 16px;
	margin-top: 28px;
	width: 314px;
	float: left;
	display: inline;
}
div#home_right h2 {
	margin-left: 16px;
}

/* Content */

div.content p {
	margin: 15px 0;
	color: #717171;
	line-height: 17px;
	font-size: 13px;
	padding-right: 24px;
}

div.content h1 {
	position: relative;
}
div.content h1 span.date {
	position: absolute;
	top: 2px;
	right: 0px;
	color: #858585;
	/*text-transform: uppercase;*/
	font-size: 12px;
	font-weight: normal;
}
div.content h2 {
	color: #002a5c;
	font-size: 20px;
	font-weight: normal;
	margin: 14px 0 15px 0;
}
div.content.news_item h2 {
	padding: 12px 0;
	border-bottom: 1px solid #d8d8d8;
	border-top: 1px solid #d8d8d8;
}
div.content h3 {
	color: #11728a;
	font-size: 15px;
	font-weight: bold;
	margin: 20px 0 15px 0;
}
div.content h4 {
	color: #11728a;
	font-size: 14px;
	font-weight: normal;
	margin: 20px 0 15px 0;
}

div.content ul {
	list-style-type: none;
	margin: 14px 0;
}
div.content li {
	font-size: 13px;
	color: #4f4f4f;
	padding: 4px 0 4px 18px;
	background: url("../img/bullet.png") no-repeat 0 8px;
}
div.content li a {
	font-size: 13px;
}

div.content li ul {
	margin: 6px 0 -2px 0;
}

/* Content */

div#content {
	padding-top: 40px;
	width: 420px;
	float: left;
	margin-left: 32px;
	display: inline;
}

div#content_wide {
	padding-top: 40px;
	width: 664px;
	float: left;
	margin-left: 32px;
	display: inline;
}

/* Contact */

div#contact_left {
	width: 210px;
	float: left;
}
div#contact_right {
	width: 454px;
	float: left;
}

div#contact_left table {
	font-size: 13px;
	margin-top: 20px;
}
div#contact_left table th {
	text-align: left;
	padding-right: 10px;
	font-weight: normal;
	color: #717171;
	padding-bottom: 5px;
}
div#contact_left table td {
	color: #11728a;
	padding-bottom: 5px;
}

/* Our Approach */

ul#our_approach_menu {
	list-style-type: none;
}
ul#our_approach_menu li {
	background: none;
	padding: 0;
	margin: 0 0 10px 0;
}
ul#our_approach_menu a {
	padding: 11px 0 0 72px;
	color: #5b5b5b;
	background: #edf3f8;
	display: block;
	clear: both;
	height: 45px;
	text-decoration: none;
	background-repeat: no-repeat;
}
ul#our_approach_menu a:hover {
	background-color: #d4e2ed;
	color: #002a5c;
}
ul#our_approach_menu h4 {
	margin: 0 0 3px 0;
	position: relative;
	left: -1px;
	height: 18px;
}
ul#our_approach_menu h4 img {
	float: left;
}
ul#our_approach_menu h4 img.bullet {
	position: relative;
	left: 10px;
	top: 2px;
}

/* Case studies */

div#right_photos {
	width: 220px;
	height: 165px;
	overflow: hidden;
	position: relative;
}
div#right_photos ul {
	list-style-type: none;
	width: 2200px;
	position: absolute;
	left: 0;
	top: 0;
}
div#right_photos ul li {
	width: 220px;
	height: 165px;
	float: left;
}

div#right_photos a.icon_enlarge {
	position: absolute;
	top: 10px;
	right: 10px;
}

div#right_photo_enlarged {
	position: absolute;
	top: 0;
	right: 0;
	padding-top: 17px;
	z-index: 2;
	cursor: pointer;
}
div#right_photo_enlarged img {
	display: block;
}

div#case_study_topper {
	background: #edf3f8;
	padding: 18px 18px 12px 18px;
	margin: 20px 0 20px 0;
}
div#case_study_topper table {
	/*text-transform: uppercase;*/
	font-size: 12px;
}
div#case_study_topper th {
	font-weight: normal;
	color: #3e8da0;
	text-align: left;
	width: 140px;
	padding-bottom: 4px;
}
div#case_study_topper td {
	color: #7e8182;
	padding-bottom: 6px;
}

/* Archive */

div.pagination {
	background: #f2f2f2;
	padding:  18px 54px 18px 32px;
	margin-top: 20px;
	height: 21px;
	color: #858585;
}
div.pagination_right {
	float: right;
}
div.pagination_left {
	float: left;
}

div.pagination_right a,
div.pagination_right span,
div.pagination_right select {
	float: left;
	margin-left: 10px;
}
div.pagination_right select {
	position: relative;
	top: -1px
}
div.pagination_right span {
	position: relative;
	top: 2px
}

div.pagination a.arrow {
	height: 20px;
	width: 20px;
	background: url("../img/arrows.png") no-repeat top left;
}
div.pagination a.arrow.next {
	background-position: top right;
}
div.pagination a.arrow.next_disabled {
	background-position: bottom right;
}
div.pagination a.arrow.prev_disabled {
	background-position: bottom left;
}

div.content ul#archive_list {
	list-style-type: none;
	padding-top: 30px;
}
div.content ul#archive_list li {
	background: none;
	margin: 0;
	padding: 0;
}
div.content ul#archive_list a {
	padding: 6px 0 6px 32px;
	display: block;
	color: #858585;
	font-size: 12px;
	/*text-transform: uppercase;*/
	text-decoration: none;
	position: relative;
}
div.content ul#archive_list a.alt {
	background: #f2f2f2;
}
div.content ul#archive_list a:hover {
	color: #002a5c;
	background: #d4e2ed;
}

span.archive_title {
	width: 446px;
	display: block;
	padding-right: 40px;
	overflow: hidden;
}
span.archive_date {
	position: absolute;
	top: 6px;
	left: 500px;
}

/* Buttons */

div.buttons {
	text-align: right;
}

div#home_right div.buttons,
div#home_content div.buttons {
	position: absolute;
	bottom: 0;
	right: 0;
}

div.button_browse_photos img {
	display: block;
}

/* Bottom Menu */

ul#bottommenu {
	list-style-type: none;
	clear: both;
	height: 227px;
	padding-top: 16px;
	margin-bottom: -26px;
}
ul#bottommenu li.bottommenu_item {
	position: relative;
	float: left;
	height: 227px;
	width: 320px;
	margin-right: 10px;
}
ul#bottommenu li.bottommenu_item img.bottommenu_img {
	position: absolute;
	bottom: 0;
	left: 0;
	border-top: 1px solid white;
}

div.bottommenu_content {
	position: absolute;
	background: #e8f1f8;
	width: 320px;
	bottom: 110px;
	left: 0;
}
div.bottommenu_content h3 {
	height: 16px;
	position: relative;
	overflow: hidden;
	margin-bottom: 16px;
}
div.bottommenu_content h3 img {
	position: absolute;
	top: 0;
	left: 0;
}
div.bottommenu_content p {
	color: #5b5b5b;
	line-height: 20px;
}
div.bottommenu_content a.bottommenu_link {
	height: 99px;
	display: block;
	text-decoration: none;
	padding: 18px 23px 0 23px;
}

div.bottommenu_content ul {
	list-style-type: none;
	background: #d4e2ed;
	height: 0;
	overflow: hidden;
}
div.bottommenu_content ul li {
	
}
div.bottommenu_content ul li a {
	color: #424243;
	font-size: 12px;
	/*text-transform: uppercase;*/
	text-decoration: none;
	text-indent: 38px;
	height: 30px;
	line-height: 30px;
	display: block;
}
div.bottommenu_content ul li a:hover {
	background: #e8f1f8 url("../img/bottommenu_bullet.png") no-repeat 20px 10px;
}

a.bottommenu_link:hover {
	background: #d4e2ed;
}
a.bottommenu_link:hover h3 img {
	top: -16px;
}

a.bottommenu_link.selected,
a.bottommenu_link.selected:hover {
	background: #002a5c;
}
a.bottommenu_link.selected h3 img,
a.bottommenu_link.selected:hover h3 img {
	top: -32px;
}
a.bottommenu_link.selected p,
a.bottommenu_link.selected:hover p {
	color: white;
}

/* Home latest news */

ul#latest_news {
	list-style-type: none;
	padding: 6px 0 6px 0;
}
ul#latest_news a {
	display: block;
	color: #777777;
	/*text-transform: uppercase;*/
	text-decoration: none;
	padding: 8px 16px 8px 16px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	font-size: 13px;
}
ul#latest_news a:hover {
	border-top: 1px solid #e2e4d8;
	border-bottom: 1px solid #e2e4d8;
	background: #f2f2f2;
}

/* Left menu */

div#left {
	padding-top: 40px;
	width: 284px;
	float: left;
	display: inline;
}
div#left h2 {
	padding-left: 24px;
}

ul#left_menu {
	padding-top: 16px;
	list-style-type: none;
}
ul#left_menu li a {
	padding: 7px 0 7px 24px;
	display: block;
	border-bottom: 1px solid #d8d8d8;
	color: #858585;
	font-size: 12px;
	text-decoration: none;
	/*text-transform: uppercase;*/
}
ul#left_menu li.indented a {
	text-indent: 40px;
}
ul#left_menu li a:hover,
ul#left_menu li a.selected {
	background: url("../img/leftmenu_bullet.png") no-repeat 5px 10px;
}
ul#left_menu li a:hover {
	color: #002a5c;
}

/* Right panels */

img.right_photo {
	display: block;
}

div#right {
	width: 220px;
	float: left;
	display: inline;
	margin-left: 24px;
	padding-top: 17px;
	position: relative;
}
a.right_panel_lightblue {
	background: #e8f1f8;
	margin-top: 10px;
	display: block;
	padding: 14px 10px 16px 12px;
	color: #5b5b5b;
	text-decoration: none;
}
a.right_panel_blue {
	background: #d4e2ed;
	margin-top: 10px;
	display: block;
	padding: 14px 10px 14px 12px;
	color: #5b5b5b;
	text-decoration: none;
}
a.right_panel_lightblue p,
a.right_panel_blue p {
	margin-top: 9px;
	line-height: 18px;
}

a.right_panel_contact {
	display: block;
	margin-top: 10px;
}
a.right_panel_contact img {
	display: block;
}

div.right_panel_datasheet {
	background: #f2f2f2;
	margin-bottom: -10px;
	padding: 30px 10px 30px 11px;
}
div.right_panel_datasheet p {
	font-size: 12px;
}
div.right_panel_datasheet a {
	color: #002a5c;
}
div.right_panel_datasheet a.bullet {
	color: #858585;
	text-decoration: none;
	/*text-transform: uppercase;*/
	display: block;
	padding: 14px 0 16px 40px;
	line-height: 20px;
	height: auto !important;
	height: 24px;
	min-height: 24px;
}
div.right_panel_datasheet a.bullet_pdf {
	background: url("../img/bullet_pdf.png") no-repeat 0 19px;
}
div.right_panel_datasheet a.bullet_doc {
	background: url("../img/bullet_doc.png") no-repeat 0 19px;
}
div.right_panel_datasheet a.bullet_xls {
	background: url("../img/bullet_xls.png") no-repeat 0 19px;
}
div.right_panel_datasheet a.bullet_ppt {
	background: url("../img/bullet_ppt.png") no-repeat 0 19px;
}

/* Footer */

div#footer {
	position: relative;
	height: 134px;
	border-top: 1px solid #d8d8d8;
	color: #858585;
	text-transform: uppercase;
	font-size: 12px;
	padding-left: 24px;
}

p#footer_links {
	padding: 18px 0 12px 0;
}
p#footer_links a {
	color: #002a5c;
	text-decoration: none;
}
p#footer_links a:hover {
	text-decoration: underline;
}

p#footer_contact,
p#footer_address {
	padding: 0 0 12px 0;
}
p#footer_contact strong {
	font-weight: normal;
	color: #11728a;
}

img#footer_institute_of_acoustics {
	position: absolute;
	top: 26px;
	right: 0;
}
img#footer_quality_assured {
	position: absolute;
	top: 26px;
	right: 98px;
}
img#footer_uvdb {
	position: absolute;
	top: 26px;
	right: 220px;
}

/* Misc */

div.clear {
	height: 0;
	overflow: hidden;
	clear: both;
}

/* Form */

form.form {
	margin: 0px;
	background-color: #edf3f8;
	padding-top: 12px;
}

form.form fieldset {
	margin: 0px;
	padding: 0px;
	border-width: 0px;
}

form.form input.text {
	border: 1px solid #bbbbbb;
	padding: 4px;
	font-size:12px;
	margin: 0px;
	width: 283px !important;
	width: 280px;
	background-color: white;
}

form.form textarea {
	border: 1px solid #bbbbbb;
	font-family: sans-serif;
	width: 283px !important;
	width: 280px;
	padding: 4px;
	font-size:12px;
}

form.form div.input {
	padding-top: 6px;
}

form.form div.field {
	padding-top: 5px;
}

form.form div.field_label {
	float: left;
	width: 140px;
}

form.form div.field_label label {
	display: block;
	padding-right: 10px;
	padding-top: 6px;
	text-align: right;
	color: #002a5c;
	font-size: 11px;
	/*text-transform: uppercase;*/
}

form.form div.field_input {
	margin-left: 140px;
}


form.form fieldset div.error  {
	margin-top: 5px;
}

form.form div.field.error {
	border: none;
	margin-top: 0px;
}

form.form div.field.error p.error {
	margin-top: 0px !important;
}

form.form div.error {
	background-color: #ffa79b !important;
	border: 1px solid #b91600;
	padding: 0px !important;
}

form.form div.error p.error {
	font-size: 13px !important;
	font-weight: bold !important;
	color: #b91600 !important;
	padding: 3px 0px 3px 26px !important;
	margin: 5px 10px 5px 6px !important;
	background-image: url("../img/backroom/error_icon.png") !important;
	background-position: 0px 0px !important;
	background-repeat: no-repeat !important;
}

form.form p.error a {
	color: #7b0f00;
}

form.form div.field_div {
	clear: both;
	padding-top: 5px;
}
form.form div.field_div.thicker {
	border-bottom: 2px solid #dfdfdf;
}

form.form div.field_div label {
	float: left;
}

form.form input.submit {
	margin-top: 6px;
	float: right;
}

form.form input.text:active,
form.form input.text:focus,
form.form textarea:active,
form.form textarea:focus {
	border-color: #002a5c;
}

.asterisk {
	font-size: 22px;
	font-weight: bold;
	color: #d61e3e;
	line-height: 10px;
	position: relative;
	top: 3px;
	left: -1px;
	display: none;
}

/* Global Installations */

div#glob_inst_cont {
	position: relative;
	width: 960px;
}
div#global_installations {
	padding-top: 20px;
	height: 480px;
	width: 960px;
}

div#glob_inst_overlay {
	position: absolute;
	top: -29px;
	right: 0;
	width: 772px;
	border-top: 1px solid #4992a4;
}
div.global_work_list {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	width: 262px;
	background: url("../img/globalworklist_bg.png");
	padding-bottom: 16px;
}
div.global_work_list a.list_close {
	position: absolute;
	top: 7px;
	right: 8px;
	background: url("../img/list_close.png") no-repeat;
	height: 20px;
	width: 20px;
}
div.global_work_list h3 {
	background: #4992a4;
	height: 34px;
}
div.global_work_list p {
	padding: 12px 20px 4px 26px;
	color: #717171;
	line-height: 18px;
	font-size: 13px;
}
div.global_work_list ul {
	list-style-type: none;
	padding: 2px 0 0 26px;
	color: #002a5c;
	font-size: 12px;
	font-weight: bold;
	/*text-transform: uppercase;*/
}
div.global_work_list li {
	padding: 3px 0 3px 17px;
	background: url("../img/bullet.png") no-repeat 0 6px;
}

a#button_globinst {
	width: 284px;
	height: 58px;
	display: block;
	position: relative;
	margin-top: 20px;
	overflow: hidden;
}
a#button_globinst img {
}
a#button_globinst:hover img {
	top: -58px;
	position: relative;
}