#main-container
{
	margin-left:auto;
	margin-right:auto;
	width:960px;	
	overflow:hidden;
	z-index:1000;
}

#wrapper
{
	z-index:999;

	width:100%;
	margin: 0 auto;

	position:absolute;
	top:54px;
}

#flashcontent 
{
	height: 100%;
	width:100%;
	z-index:-1000;
	position:absolute;
}

.grey
{
	color:#88899a;
}

.blue
{
	color:#00b7ec;
}

.blue-b a
{
	color:#00b7ec;
}

.blue-b a:hover
{
	color:#ffffff;
}


/*===============  1. HEADER   ===============*/
#header-container
{
	height:182px;
	overflow:hidden;
	width:960px;
}

#header-top
{
	height:110px;
	width:960px;
	background-color:#ffffff;
}

#header-bottom
{
	height:61px;
	width:924px;
	background-color:#000000;
	padding-left:36px;
	padding-top:11px;
}

#header-bottom img
{
	padding-right:18px;
}

#header-icons
{
	width:270px;
	float:right;
	padding-top:45px;
	padding-right:36px;
}

#header-icons img
{
	display:block;
	float:left;
	margin-left:8px;
}

#header-logo
{
	padding-top:36px;
	padding-left:36px;
	width:251px;
	height:37px;
	float:left;
}

#header-lang
{
	color:#88899a;
	float:right;
	height:20px;
	padding-top:46px;
	text-align:right;
	padding-right:36px;
	display:block;
}

#header-lang a
{
	color:#00b7ec;
}

#header-lang a:hover
{
	color:#000000;
}

/*===============  1. HEADER END  ===============*/




/*===============  2. CENTER  ===============*/

#center-main
{
	clear:both;
	width:960px;
	height:324px;
}

#center-bottom
{
	clear:both;
	width:960px;
	height:200px;
	background-color:#000000;
}

#center-menu-bg
{	
	z-index:0;
}

#center-menu-wrap
{
	position:relative;
	z-index:3;
	top:306px;
	width:960px;
	height:17px;
	color:white;
	text-align:left;
	background:url(../images/center-bit.png);
	padding-top:1px;
}

#center-menu-wrap a
{
	color:#00b7ec;
}
#center-menu-wrap span
{
	float:left;
}

#center-menu-wrap a:hover
{
	color:#000000;
	
}

#png1
{
	background:url(../images/arrow-left.png);
	width:8px;
	height:9px;
	margin:4px 5px 0px 5px;
	background-repeat:no-repeat;
	cursor:pointer;
}

#png2
{
	background:url(../images/arrow-right.png);	
	width:8px;
	height:9px;
	margin:4px 5px 0px 5px;
	background-repeat:no-repeat;
	cursor:pointer;
}

#center-content
{
	background-color:#000;
	overflow:hidden;
	width:960px;
}

#center-title
{
	background-color:#00B7EB;
	height:36px;
	padding-left:36px;
	width:924px;
}

#content-top
{
	background-color:#00B7EB;
	height:72px;
	padding-left:36px;
	width:924px;
	padding-top:10px;
}

#content-top h1
{
	font-size:22px;
	font-weight:normal;
}

.contentMain
{
	padding-left:36px;
	overflow:hidden;
	padding-bottom:36px;
}

.content-column
{
	width:272px;
	float:left;
	padding:32px 36px 0px 0px;
	margin:0;
}


.content-column a
{
	color:#00B7EB;
}

.content-column a:hover
{
	color:#fff;
}

.content-column img
{
	padding-top:10px;
	border:0;
}

#project-pic
{
	width:617px;
	height:360px;
	float:left;
	margin-left:-36px;
}

#project-bg
{
	position:absolute;
	z-index:2;
}

#project-menu
{
	position:relative;
	z-index:3;
	top:342px;
	width:617px;
	height:17px;
	color:white;
	text-align:left;
	background:url(../images/center-bit.png);
	padding-top:1px;
}

#project-menu a
{
	color:#00b7ec;
}
#project-menu span
{
	float:left;
}

#project-menu a:hover
{
	color:#000000;
	
}

#ie6-fix
{
	height:36px;
	display:none;
}
/*===============  2. END center  ===============*/




/*===============  3. bottom-menu  ===============*/

#bottom-left
{
	margin-top:36px;
	padding-left:36px;
	float:left;
	width:590px;
}

#bottom-left h2
{
	font-weight:normal;
	font-size:16px;
	padding-bottom:10px;
}

#bottom-left h1
{
	font-weight:normal;
	color:#88899a;
	font-size:22px;
	line-height:28px;
}

#bottom-left span
{
	color:#ffffff;
	font-weight:bold;
}

#bottom-right
{	
	width:270px;
	padding-right:36px;
	margin-top:36px;
	float:right;
	font-size:11px;
}

#bottom-right span
{
	display:inline;
}

/*===============  3. END bottom-menu  ===============*/




/*===============  4. FOOTER  ===============*/
#footer-container
{
	padding-top:36px;
	padding-left:36px;
	padding-bottom:36px;
	overflow:hidden;
}

#footer-container span
{
	background-color:#000000;
}

#footer-container a
{
	color:#00b7ec;
}

#footer-container a:hover
{
	color:#ffffff;
}

/*===============  4. END footer  ===============*/



/*===============  4. TEASER  ===============*/



.cleft{display:block !important;width:60px;float:left;clear:both;line-height:15px;}
.cright{display:block !important;float:left !important;line-height:15px;}
.ctitle{display:block !important;font-size:14px;float:left;text-align:left;margin-bottom:10px;margin-top:30px;line-height:17px;}

/*===============  4. END teaser  ===============*/