@charset "utf-8";
/* CSS Document */

html {
	/*overflow-x: hidden; */
	/*overflow-y: auto; */
	scrollbar-shadow-color: #ffffff;
	scrollbar-arrow-color: #ffffff;
	scrollbar-track-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-base-color: #ffffff;
	scrollbar-face-color: #0E1F3B;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	font-size: 100.01%;
	height:100%; /* works only if parent container is assigned a height value */
}
body {
	background: #232224;
	font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:12px;
	background-image:url(images/bg-tile.gif);
}
html, body {
	height:100%; /* works only if parent container is assigned a height value */
}
h1, h2, h3, h4, h5, h6 {
	font-family: Georgia;
	height: 0.0em;
}
h1 {
	font-size: 16px;
	color: #ffffff;
}
h2 {
	font-size: 14px;
	color: #ffffff;
}
h3 {
	font-size: 12px;
	color: #ffffff;
	line-height: 16px;
}
h4 {
	font-size: 11px;
	color: #ffffff;
}
h5 {
	font-size: 10px;
	color: #ffffff;
}
h6 {
	font-size: 9px;
	color: #ffffff;
	letter-spacing: 0.2em;
}
/******************** Lay-out styles **************************/
.Heading {
	font-size: 16px;
	color: #ffffff;
}
.Title-01 {
	font-size: 14px;
	color: #2CA9E1;
	font-weight: bold;
}
.Title-02 {
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
}
.Subtitle-01 {
	font-size: 12px;
	color: #2CA9E1;
	font-weight: bold;
}
.Subtitle-02 {
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
}
.Text-color-01 {
	font-size: 12px;
	color: #2CA9E1;
}
.Text-color-02 {
	font-size: 12px;
	color: #ffffff;
}
.Text-small-01 {
	font-size: 10px;
	color: #3D7EA3;
}
.Text-small-02 {
	font-size: 10px;
	color: #ffffff;
}
/******************** Buttons & ULR styles **************************/

a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2CA9E1;
}
a:visited {
	color: #2CA9E1;
}
a:hover {
	color: #FFFFFF;
}
a:active {
	color: #FFFFFF;
}
a.link-01 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
a.link-01:link, a.link-01:visited {
	color: #3D7EA3;
}
a.link-01:hover, a.link-01:active {
	color:#FFFFFF;
}
a.link-02 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
a.link-02:link, a.link-02:visited {
	color: #FFFFFF;
}
a.link-02:hover, a.link-02:active {
	color:#3D7EA3;
}
a.button-01 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-repeat: no-repeat;
	font-weight: bold;
	text-decoration: none;
	width: 120px;
	height: 23px;
	float: left;
	text-align: center;
	display:block;
	padding-top: 3px;
}
a.button-01:link, a.button-01:visited {
	color: #FFFFFF;
	background-image:url(images/button-menu-off.gif);
}
a.button-01:hover, a.button-01:active {
	color:#00CCFF;
	background-image:url(images/button-menu-on.gif);
}
a.button-01 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-repeat: no-repeat;
	font-weight: bold;
	text-decoration: none;
	width: 120px;
	height: 23px;
	float: left;
	text-align: center;
	display:block;
	padding-top: 3px;
}
a.button-02:link, a.button-02:visited {
	color: #FFFFFF;
	background-image:url(images/button-menu-off.gif);
}
a.button-02:hover, a.button-02:active {
	color:#00CCFF;
	background-image:url(images/button-menu-on.gif);
}
.clearArea {
	clear:both;
}
/******************** DIV Layers **************************/

div#Main {
	position:relative;
	margin: auto;
	top:0px;
	width:960px;
	background-color:#232224;
	height: auto;
}
div#TopHeader {
	height: 63px;
	background-image: url(images/heading.gif);
}
div#Language {
	position:absolute;
	right: 0px;
	top: 0px;
	width:387px;
	padding: 10px;
	text-align: right;
	height: 33px;
}
div#TopMenuHolder {
	height: 36px;
	background-image: url(images/menu-banner.gif);
}
div#TopMenu {
	height: 26px;
	right: 0px;
	float: right;
}
div#Banner {
	background-color:#666666;
	position:static;
	left: 0px;
	height: 250px;
	padding: 0px;
	margin-top: 0px;
}
div#LeftMarge {
	background-color:#232224;
	position:absolute;
	float: left;
	text-align: left;
	width: 180px;
	padding: 0px;
	line-height: 1.5em;
	margin-top: 359px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	top: 0px;
	border: 10px solid #3E3D3E;
}

div#ContainerMain {
	background-color:#003333;
	width: 940px;
	height: auto;
}
div#ContentHolder {
	float: right;
	text-align: left;
	width: 720px;
	padding: 0;
	line-height: 1.5em;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 230px;
}
div#ContentTitle {
	background-color:#232224;
	margin-top: 0px;
	padding: 10px;
	border: 10px solid #3E3D3E;
}
div#ContentAnimatic {
	background-color:#232224;
	padding: 10px;
	margin-bottom: 10px;
	border-right-width: 10px;
	border-bottom-width: 10px;
	border-left-width: 10px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #3E3D3E;
	border-bottom-color: #3E3D3E;
	border-left-color: #3E3D3E;
}
div#Footer {
	width: 940px;
	background-color:#000000;
	padding: 10px;
}
.mini_portfolio_item .block_inside {
	background-color:#3E3D3E;
	padding:25px 30px 15px 30px;
	background-image: none;
}
.mini_portfolio_item {
	border:1px solid #a3a09e;
	margin-bottom:10px;
	position:relative;
}
.mini_portfolio_item .thumbnail {
	float:left;
	margin-right:20px;
	border:1px solid #979390;
}
.ribbon {
	position:absolute;
	top:-3px;
	right:-3px;
}