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

html, body {
	height: 100%;         /* required */
	overflow:hidden;    /* force not showing scrollers when window is smaller then website */
}
body {
	text-align: center;   /* horizontal centering hack for IE */
	padding: 0;           /* required to "hide" distance div */
	margin: 0;            /* required to "hide" distance div */
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#efefef;
	background-color:#465057;
	background-repeat:no-repeat;
	background-position:center;
	background-attachment:fixed;
}
#distance {
	margin-bottom: -280px; /* half of "content" height */
	background: none;      /* temporary - used to see div */
	width: 1px;           /* required to "hide" distance div */
	height: 50%;          /* required */
}
#content {
	position: relative;   /* positions content on top of distance */
	top:0px;
	height: 560px;         /* required - desired height */
	width: 980px;          /* required - desired width */
	margin: 0 auto;       /* required */
	padding:0;
	z-index:10;
}

a{
	text-decoration:none;
	color:#FFF;
}

a:hover{
	text-decoration:underline;
}

/*------------------Main Elements-----------------*/
#main{
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	overflow:hidden;
	z-index:20;
}
#header{
	position:relative;
	top:0;
	width:798px;
	height:17px;
	text-transform:uppercase;
	color:#5d6567;
}
#header ul#menu li{
	display:inline-block;
	background-color:#60696f;
	color:#a0a5a8;
}
#header ul#menu li.sep{
	width:10px;
	background-repeat:no-repeat;
	background-position:center;
}
#header ul#menu li.selected{
	padding:0px 12px;
	color:#FFF;
	font-style:normal;
}
#header ul#menu li a{
	padding:2px 12px;
	color:#a0a5a8;
	text-decoration:none;
}
#header ul#menu li a:hover{
	color:#b5babd;
}

#header ul#menu li.selected a{
	padding:0px 12px;
	color:#FFF;
	font-style:normal;
}

.msie6 #header ul#lang-menu,
.msie7 #header ul#lang-menu{
	width:150px;
}
#header ul#lang-menu li{
	display:inline-block;
	background-color:#60696f;
	color:#a0a5a8;
}
#header ul#lang-menu li.sep{
	width:10px;
	background-repeat:no-repeat;
	background-position:center;
}
#header ul#lang-menu li.selected{
	padding:0px 12px;
	color:#FFF;
	font-style:normal;
}
#header ul#lang-menu li a{
	padding:2px 12px;
	color:#a0a5a8;
	text-decoration:none;
}
#header ul#menu li a:hover{
	color:#b5babd;
}



#col_a{
	position:relative;
	top:0px;
	width:255px;
	height:433px;
	overflow:hidden;
}
#col_a img#logo{
	position:relative;
	top:0px;
	width:130px;
	height:130px;
}
#col_b{
	position:relative;
	top:0px;
	width:653px;
	height:524px;
	overflow:hidden;
}
#col_b h1{
	display:inline;
	font-size:16px;
}
#col_b h1 a{
	color:#FFF;
	text-decoration:underline;
}
#col_b h1 a:hover{
	color:#FFF;
	text-decoration:none;
}
#footer{
	position:absolute;
	bottom:0;
	font-size:12px;
	width:375px;
	height:70px;
	line-height:18px;
	color:#333;
	overflow:hidden;
	background-repeat:repeat-y;
}
#footer span{
	display:block;
}
#footer span.last{
	margin-bottom:0px;
}
#footer a{
	color:#333;
	text-decoration:none;
}
#footer a:hover{
	color:#000;
	text-decoration:line-through;
}
#FlashMain{
	position:fixed;
	top:0;
	overflow:hidden;
	width:100%;
	height:100%;
	z-index:1;
}
#bgMain{
	position:fixed;
	top:0;
	overflow:hidden;
	width:100%;
	height:100%;
	z-index:2;
}
/*------------------END Main Elements-----------------*/

/*====================== start side menu ======================*/
ul#side-menu{
	position:relative;
	top:70px;
}
ul#side-menu li,
ul#side-menu li.selected{
	display:inline-block;
	font-size:12px;
	letter-spacing:2px;
	color:#a0a5a8;
	width:195px;
	height:18px;
	margin-bottom:15px;
	background-repeat:no-repeat;
	background-position:center;
}
ul#side-menu li a{
	display:block;
	color:#a0a5a8;
	text-decoration:none;
}
ul#side-menu li a:hover{
	color:#b5babd;
}
ul#side-menu li.selected a{
	color:#D377EF;
}
/*====================== END side menu ======================*/

/*====================== Start Home Page ======================*/
#col_b #flash-pic{
	position:absolute;
	bottom:24px;
}
#col_a #contact-details{
	position:relative;
	padding:20px;
	top:70px;
}
/*====================== END Home Page ======================*/

/*====================== Start Office ======================*/
#col_b img.content-image{
	display:block;
	margin:0 auto;
	border:1px solid #939a9e;
	text-align:center;
	height:395px;
}
#pane-office{
	height:100px;
	cursor:text;
}
#pane-office p{
	margin:0 auto;
	width:550px;
}
/*====================== END Office ======================*/

/*====================== Start Team ======================*/
ul#partners{
	display:block;
	width:100%;
	height:100%;
}
ul#partners li.partner{
	padding:10px;
	width:188px;
	height:368px;
	overflow:hidden;
	border:1px solid #939a9e;
}
ul#partners li.partner span{
	display:block;
	background-color:#000;
}
ul#partners li.partner img{
	display:block;
	margin:0 auto;
	margin-bottom:10px;
	text-align:center;
}
ul#partners li.partner h2{
	display:block;
	margin:0 auto;
	margin-bottom:10px;
	padding:1px 0;
	background-color:#587583;
	text-align:center;
}
ul#partners li.partner h2:hover{
	background-color:#658595;
}
ul#partners li.partner h2 a{
	display:block;
	color:#CCC;
	text-decoration:none;
}
ul#partners li.partner h2 a:hover{
	color:#fff;
	text-decoration:none;
	font-style:italic;
}
ul#partners li.sep{
	padding:0;
	width:10px;
	height:368px;
	border:none;
}
ul#partners li.partner #pane-partner-1,
ul#partners li.partner #pane-partner-2,
ul#partners li.partner #pane-partner-3{
	height:228px;
	cursor:text;
}
/*====================== END Team ======================*/

/*====================== Start Partner ======================*/
#pane-partner{
	height:470px;
	cursor:text;
}
#pane-partner h2{
	display:block;
	margin:0 auto;
	margin-bottom:15px;
	padding:3px 0;
	background-color:#465057;
	text-align:center;
}
#pane-partner div.txt{
	width:455px;
}
ul#work{
	display:block;
	width:100%;
	height:100%;
}
ul#work li{
	padding:10px;
	width:290px;
	height:110px;
	margin-bottom:10px;
	overflow:hidden;
	border:1px solid #939a9e;
}
ul#work li h3{
	display:block;
	margin:0 auto;
	margin-bottom:10px;
	padding:3px 0;
	background-color:#587583;
	text-align:center;
}
ul#work li h3:hover{
	background-color:#658595;
}
ul#work li h3 a{
	display:block;
	color:#CCC;
	text-decoration:none;
}
ul#work li h3 a:hover{
	color:#fff;
	text-decoration:none;
	font-style:italic;
}
ul#work li span{
	display:block;
	width:100px;
	height:45px;
	background-color:#000;
}
ul#work li img{
	display:block;
	margin:0 auto;
	text-align:center;
	width:100px;
	height:45px;
}
ul#work li.sep{
	padding:0;
	width:10px;
	height:10px;
	border:none;
}
/*====================== END Partner ======================*/

/*====================== Start Category ======================*/
ul#category{
	display:block;
	width:100%;
	height:100%;
}
ul#category li{
	padding:10px;
	width:290px;
	margin-bottom:10px;
	border:1px solid #939a9e;
}
ul#category li h2{
	display:block;
	margin:0 auto;
	padding:3px 0;
	width:290px;
	height:32px;
	overflow:hidden;
	/*background-color:#587583;*/
	text-align:center;
}
ul#category li h2:hover{
	/*background-color:#658595;*/
}
ul#category li h2 a{
	display:block;
	color:#CCC;
	text-decoration:none;
}
ul#category li h2 a:hover{
	color:#fff;
	text-decoration:none;
	font-style:italic;
}
ul#category li span{
	display:block;
	background-color:#000;
}
ul#category li img{
	display:block;
	margin:0 auto;
	text-align:center;
	width:290px;
	height:130px;
}
ul#category li.sep{
	padding:0;
	width:10px;
	height:118px;
	border:none;
}
#pane-category{
	height:470px;
	cursor:text;
}
/*====================== END Category ======================*/

/*====================== Start Project ======================*/
#col_b .loading{
	position:relative;
	display:block;
	width:100%;
	height:100%;
	background:url(../../images/loading.gif) no-repeat center;
}
#photos h2{
	font-weight:bold;
	margin-top:5px;
}.galleryview{
	visibility:hidden;
}
/*====================== END Project ======================*/

/*====================== start contact ======================*/
span.contact-text{
	float:left;
}
span.contact-image img{
	border:5px solid #465057;
}
span.contact-image img:hover{
	border:5px solid #3B4449;
}
/*====================== END contact ======================*/

/*====================== start imgPreview ======================*/
#imgPreviewWithStyles {
	background: #222 url(../../images/loading.gif) no-repeat center;
    padding: 15px;
    z-index: 999;
    border: none;
}

/* Text below image */
#imgPreviewWithStyles span {
    color: white;
    text-align: center;
    display: block;
    padding: 10px 0 3px 0;
}
/*====================== END imgPreview ======================*/

/*------------------Classes-----------------*/

.clearboth{
	height: 0px;
	line-height: 0px;
	font-size: 0px;
	clear: both;
}
.clear{
	border:none;
}
.lower{
	position:relative;
	top:3px;
}
.low{
	position:relative;
	top:5px;
}
.transBg{
	padding:5px 0;
	background-image:url(../../images/transBg.png);
	background-repeat:repeat;
}
.msg{
	position:relative;
	padding:5px;
	font-size: 12px;
	border:1px solid #ccc;
	background-color:#FFC;
	display:none;
}
.msg strong{
	font-weight:bold;
}
.msg img{
	display:inline;
}
span.arrow{
	font-size: 18px;
}
div.top-link{
	position:absolute;
	top:0px;
}
div.top-link a{
	text-decoration:none;
	color:#FFF;
}
div.top-link a:hover{
	text-decoration:underline;
}
div.top-link span{
	color:#D377EF;
}
div#Desc-Panel{
	position:absolute;
	top:70px;
	width:379px;
	height:246px;
	background-image:url(../../images/desc-bg.png);
	background-repeat:no-repeat;
	background-position:center;
	display:none;
	z-index:100000;
}
div#Video-Panel{
	position:absolute;
	top:50px;
	width:400px;
	height:333px;
	background-image:url(../../images/video-bg.png);
	background-repeat:no-repeat;
	background-position:center;
	display:none;
	z-index:100000;
}
div#dscClose{
	position:absolute;
	top:28px;
	cursor:pointer;
	width:30px;
	height:28px;
}
div#vidClose{
	position:absolute;
	top:5px;
	cursor:pointer;
	width:31px;
	height:32px;
}
.centerVideo {
	margin:0 auto;
	text-align:center;
	width:400px;
}
.msg_ok{
	height:auto;
	padding:5px;
	margin:5px 0;
	display:block;
	border:1px solid #ccc;
}
.msg_err{
	height:auto;
	padding:5px;
	margin:5px 0;
	display:block;
	border:1px solid #ccc;
}
-->