/* global ------------------------------------------------------------------*/

html, body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	border: none;
	text-align: center;
}

body {
	background-color: #000;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
}

div {
	filter: inherit;  /* IE8 opacity fix */
}

a {
	color: #333;
	text-decoration: none;
}
a:hover {
	color: #999;
	text-decoration: none;
}

img { border: none; }

form {
	margin: 0px;
	padding: 0px;
	border: none;
}

a img.hoverImg {
	filter: Alpha(opacity=40);
	opacity: 0.4;
	-moz-opacity: 0.4;
}
a:hover img.hoverImg {
	filter: Alpha(opacity=100);
	opacity: 1;
	-moz-opacity: 1;
}

#content0 {
	width: 994px;
	height: 444px;
	margin: 0px auto;
	padding-top: 73px;
	overflow: hidden;
	position: relative;
	vertical-align: middle;
}

/* ajax ------------------------------------------------------------------*/

div.ajaxLoading {
	width: 100px;
	height: 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -50px;
	text-align: center;
	background: transparent none;
	filter: Alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity: 0.5;
}
div.ajaxLoading img {
	width: 16px;
	height: 16px;
	margin: 0px auto;
	vertical-align: middle;
}
div.ajaxLoading span.ajaxLoadingText {
	color: #fff;
	font-size: 10px;
	vertical-align: middle;
	background-color: #000;
}
div.ajaxError {
	width: 100px;
	height: 16px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -50px;
	text-align: center;
	background-color: #000;
	font-size: 10px;
	color: #fff;
}

/* top ------------------------------------------------------------------*/

#top {
	text-align: right;
	padding-right: 34px;
}
img.langImg {
	margin-right: 3px;
	width: 19px;
	height: 13px;
}

/* middle ------------------------------------------------------------------*/

#middle {
	width: 100%;
	height: 360px;
	clear: both;
	overflow: hidden;
	position: relative;
}

/* menu ------------------------------------------------------------------*/

#menu {
	width: 139px;
	height: 360px;
	border-right: 1px solid #a4a4a4;
	padding-right: 10px;
	text-align: right;
	position: absolute;
	top: 0px;
	left: 0px;
}
a.menuItem {
	display: block;
	padding: 3px 0px;
	font-size: 12px;
	font-weight: bold;
	color: #666;
}
a:hover.menuItem, a.menuItemSelected {
	color: #fff;
}

div.roundedButton {
	height: 13px;
	overflow: hidden;
	clear: both;
	padding: 7px 0px;
	font-size: 11px;
}
div.roundedButton1 {
	width: 5px;
	height: 13px;
	overflow: hidden;
	float: right;
	background-image: url('images/rounded1.jpg');
}
div.roundedButton2 {
	height: 13px;
	overflow: hidden;
	float: right;
	background-image: url('images/rounded2.jpg');
}
div.roundedButton2 a {
	color: #747474;
}
div.roundedButton2 a:hover {
	color: #fff;
}
div.roundedButton3 {
	width: 5px;
	height: 13px;
	overflow: hidden;
	float: right;
	background-image: url('images/rounded3.jpg');
}

/* content1 ------------------------------------------------------------------*/

#content1 {
	width: 840px;
	height: 360px;
	position: absolute;
	top: 0px;
	left: 150px;
	overflow: hidden;
}
div.cover {
	width: 840px;
	height: 360px;
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: left;
}
div.text {
	color: #fff;
	width: 350px;
	position: absolute;
	left: 450px;
	text-align: left;
}
.text1 {
	font-size: 40px;
	padding-top: 60px;
}
.text2 {
	font-size: 17px;
	padding-top: 5px;
}
.text3 {
	font-size: 12px;
	padding-top: 5px;
}
#content1Prev, #content1Next {
	width: 22px;
	position: absolute;
	top: 300px;
}
#content1Prev { left: 450px; }
#content1Next { right: 20px; }
img.navButton {
	width: 22px;
	height: 22px;
}

/* extras ------------------------------------------------------------------*/

#extrasText {
	position: absolute;
	top: 135px;
	left: 506px;
	width: 184px;
	height: 150px;
	color: #fff;
	text-align: left;
}
div.extrasText1 {
	font-size: 17px;
	font-weight: bold;
}
div.extrasText2, div.extrasText2 a {
	font-size: 12px;
	color: #999;
	font-weight: bold;
}
div.extrasText2 a:hover{
	color: #fff;
}

/* contact ------------------------------------------------------------------*/

#contactForm {
	color: #fff;
	width: 217px;
	height: 340px;
	position: absolute;
	top: 0px;
	left: 466px;
	padding: 20px 20px 0px 20px;
	text-align: left;
	font-size: 17px;
	font-weight: bold;
	border-left: 1px solid #a4a4a4;
	border-right: 1px solid #a4a4a4;
}
#contactFormContent {
	position: relative;
}
.textInput {
	width: 214px;
	border: 1px solid #a4a4a4;
	background-color: #000;
	color: #999;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
}
input.formButton {
	border: none;
	background-color: #000;
	color: #999;
	font-family: Arial, Helvetica, sans-serif;
}

#map {
	width: 430px;
	height: 320px;
	position: absolute;
	top: 20px;
	left: 147px;
	overflow: visible;
	font-size: 10px;
	color: #999;
	display: none;
}
div.blackBackground {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #000;
	filter: Alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity: 0.5;
}
#mapContent {
	padding-top: 10px;
	position: relative;
}
#map a {
	font-size: 10px;
	color: #999;
}
#map a:hover {
	color: #fff;
}
#mapButton{
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 0px 5px;
	background-color: #000;
}
#mapButton a {
	font-size: 11px;
	color: #999;
	font-weight: normal;
}
#mapButton a:hover {
	color: #fff;
}
#mapButton a img{
	width: 118px;
	height: 36px;
}

/* portfolio ------------------------------------------------------------------*/

#content2 {
	position: relative;
	height: 343px;
}
#content3 {
	position: relative;
	height: 326px;
}
#content4 {
	width: 640px;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 199px;
	overflow: hidden;
	text-align: left;
}
div.fullImageContainer {
	width: 640px;
	height: 360px;
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
	text-align: left;
	filter: Alpha(opacity=100);  /* IE7- filter fix */
}
#content4Mask {
	width: 640px;
	height: 360px;
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
	text-align: left;
	background: transparent none;
	filter: Alpha(opacity=20);
	opacity: 0.2;
	-moz-opacity: 0.2;
	/*background-position: center center;*/
}
#leftPanel {
	width: 198px;
	height: 100%;
	border-right: 1px solid #555;
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
}
#submenu1, #submenu2 {
	height: 16px;
	border-bottom: 1px solid #555;
	clear: both;
	overflow: hidden;
}
#submenu1 div {
	height: 15px;
	width: 66px;
	padding-top: 1px;
	text-align: center;
	font-size: 11px;
	color: #666;
	overflow: hidden;
	float: left;
}
#submenu1 div a {
	width: 100%;
	height: 100%;
	display: block;
	text-align: center;
	font-size: 11px;
	color: #666;
}
#submenu1 div.submenu1ItemRed {
	background-color: #6d0101;
	background-image: url('images/portfolio/bg_red.png');
	background-repeat: repeat-x;
	color: #ccc;
}
#submenu1 div.submenu1ItemRed a {
	color: #ccc;
}
#submenu1 div.submenu1ItemYellow {
	background-color: #f4c402;
	background-image: url('images/portfolio/bg_yellow.png');
	background-repeat: repeat-x;
	color: #903;
}
#submenu1 div.submenu1ItemYellow a {
	color: #903;
}
#submenu2 div {
	height: 14px;
	width: 66px;
	padding-top: 2px;
	text-align: center;
	font-size: 10px;
	color: #666;
	overflow: hidden;
	float: left;
}
#submenu2 div a {
	color: #666;
}
#submenu2 div a:hover, #submenu2 div a.menuItemSelected {
	color: #fff;
}
#submenu3 {
	height: 310px;
	clear: both;
	overflow: hidden;
}
#submenu3 a img {
	height: 49px;
	width: 49px;
	margin: 11px 0px 0px 11px;
	padding: 0px;
	border: 1px solid #fff;
	float: left;
	filter: Alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity: 0.5;
}
#submenu3 a:hover img, #submenu3 a img.menuItemSelected {
	filter: Alpha(opacity=100);
	opacity: 1;
	-moz-opacity: 1;
}
#submenu3nav {
	font-size: 10px;
	clear: both;
	padding: 1px 11px 0px 11px;
}
#submenu3nav div a {
	font-size: 10px;
	color: #666;
}
#submenu3nav div a:hover {
	color: #fff;
}
#submenu3nav div a img {
	width: 6px;
	height: 9px;
	vertical-align: -1px;
	filter: Alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity: 0.5;
}
#submenu3nav div a:hover img {
	filter: Alpha(opacity=100);
	opacity: 1;
	-moz-opacity: 1;
}

/* bottom ------------------------------------------------------------------*/

#bottom {
	text-align: center;
	color: #333;
	font-size: 10px;
	font-weight: bold;
}
.footerRed { color: #600; }