@charset "utf-8";
/* CSS Document */
html, body, #globalwarper {height: 100%;}
body > #globalwarper {height: auto; min-height: 100%;}
#contentwarper {padding-bottom: 171px;}


body{
	background: #eac776 url(images/background.jpg) repeat-x;
	margin:0;
	padding:0;
	}

tr, td, div, h2, p, form, input, label, ul, li, a, img, span{
	margin:0;
	padding:0;
	border: none;
	}

ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	}

.spacer{
	line-height:0;
	font-size:0;
	clear:both;
	}

/*-------------------------------------------Body Start----------------------------------------*/	
#globalwarper{
	width: 900px;
	margin: 0 auto;
	padding: 0 10px;
	position: relative;
	}

#cloud_01, #cloud_02, #cloud_03, #cloud_04, #cloud_05,#cloud_06,#cloud_07 {
	position:absolute;
	width:221px;
	height:113px;
	z-index:-4;
	}


#cloud_01 {
	left: -200px;
	right: -200px;
	top: 158px;
	position: absolute;

	}

#cloud_02 {
	left: 100px;
	top: 30px;
	}

#cloud_03 {
	left: 220px;
	top: 220px;
	}

#cloud_04 {
	left: 490px;
	top: 70px;
	}
	
#cloud_05 {
	left: 696px;
	top: 119px;
	}
	
#cloud_06 {
	left: 48px;
	top: 44px;
	}

#cloud_07 {
	left: 118px;
	top: 440px;
	}
	
#bgImage_01 {
	position:absolute;
	width:100px;
	height:124px;
	z-index:-11;
	left: 855px;
	top: 89px;
	background-image: url(images/bg_02.gif);
	}

#bgImage_02 {
	position:absolute;
	width: 140px;
	height: 159px;
	z-index: -1;
	left: 195px;
	top: 467px;
	background-image: url(images/bg_01.gif);
	}

#bgImage_03 {
	position:absolute;
	width: 300px;
	height: 60px;
	z-index: -2;
	left: 255px;
	top: 41px;
	background-image: url(images/bar_title.png);
	}

#bgImage_03 span {
	display:block;
	font:normal 36px/38px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0.6em 0 0 2.2em;
	font-weight: lighter;
	color: #fff;
	text-transform: Capitalize;
	}
	

	
#bgImage_04 {
	position:absolute;
	width: 100px;
	height: 100px;
	z-index: -2;
	left: 62px;
	top: 24px;
	background-image: url(images/bg_char_menu.gif);
	}
/*-------------------------------------------headerPanel Start----------------------------------------*/
.cams #headerPanel{
	width: 970px;
	height: 466px;
	margin: 0 auto;
	padding: 0 10px;
	position: relative;
	overflow: hidden;
	}

#headerImg{
	background: url(images/header.gif) no-repeat top center;
	width: 450px;
	height: 337px;
	margin: 0 auto;
	}

.cams #logo{
	background:url(images/logo.png) no-repeat 0 0;
	width:144px;
	height:63px;
	position: absolute;
	top: 99px;
	left: 56px;
	}
/*-------------------------------------------headerPanel Start----------------------------------------*/
#headerPanelfirst a{width:205px; height:102px; position:absolute; top:340px; left:50px; margin:0; padding:0px; background:url(images/bg_panel.png) no-repeat 0 0; color:#fff; text-align:center; padding: 1.5em 0 0 0 ;border: none;}
#headerPanelsecond a{width:205px; height:110px; position:absolute; top:340px; left:275px; margin:0; padding:0px; background:url(images/bg_panel.png) no-repeat 0 0; color:#fff; text-align:center; padding: 1em 0 0 0 ;border: none;}
#headerPanelthird a{width:205px; height:98px; position:absolute; top:340px; left:500px; margin:0; padding:0px; background:url(images/bg_panel.png) no-repeat 0 0; color:#fff; text-align:center; padding: 1.8em 0 0 0 ;border: none;}
#headerPanelfouth a{width:205px; height:102px; position:absolute; top:340px; left:725px; margin:0; padding:0px; background:url(images/bg_panel.png) no-repeat 0 0; color:#fff; text-align:center; padding: 1.5em 0 0 0 ;border: none;}

#headerPanelfirst a:hover, #headerPanelsecond a:hover, #headerPanelthird a:hover, #headerPanelfouth a:hover{background:url(images/bg_panel_hov.png) no-repeat 0 0;}

#headerPanelfirst img, #headerPanelsecond img, #headerPanelthird img, #headerPanelfouth img {border: none;}

/*-------------------------------------------menuWrapper Start----------------------------------------*/
#sidebar{
	width: 205px;
	margin: 100px 10px;
	padding: 0;
	color: #000000;
	float: left;
	}

#sidebar span.top{
	background: url(images/nav_top.png) no-repeat 0 0;
	font-size: 1px;
	height:11px;
	display:block;
	}

#sidebar span.bottom{
	background: url(images/nav_bottom.png) no-repeat 0 0;
	height:11px;
	font-size: 1px;
	margin: 0;
	padding: 0;
	display:block;
	}

.list-menu {
	background: #efffff;
	list-style-type: none; 
	margin: 0;
	padding: 0;
	}

.list-menu ul li {
	background: #fff;
	margin:0; padding:0; 
	list-style:none;
	}

.list-menu a{
	font:normal 11px/14px Arial, Helvetica, sans-serif;
	color:#515050; text-decoration:none;
	padding: 2.3em 0 0 5.6em;
	border-left:#F90 solid 2px;
	border-right:#F90 solid 2px;
	}

.list-menu ul li a {
	background: #efffff;
	display: block;
	font: bold 12px/28px Arial, Helvetica, sans-serif;
	color: #666;
	text-decoration:none;
	padding: 0 0 0 80px;
	}

.list-menu ul li a:hover {
	display: block;
	background: #f1592a;
	color: #fff;
	font: bold 12px/28px Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding: 0 0 0 80px;
	}

.list-menu a:hover {
	color:#0475AD;
	}

.activeMenu {
	display: block;
	background: #f1592a;
	font: bold 12px/28px Arial, Helvetica, sans-serif;
	text-decoration:none;
	color: #fff;
        }

.home {
	background:url(images/menu_home.png) no-repeat 0 0 #fff;
	display: block;
	height:16px;
	border-top:#999 2px dotted;
	}

.profile{
	background:url(images/menu_profile.png) no-repeat 0 0 #fff;
	display: block;
	height:16px;
	border-top:#999 2px dotted;
	}

.network{
	background:url(images/menu_network.png) no-repeat 0 0 #fff;
	display: block;
	height:16px;
	border-top:#999 2px dotted;
	}
	
.event{
	background:url(images/menu_event.png) no-repeat 0 0 #FFFFFF;
	display: block;
	height:16px;
	border-top:#999 2px dotted;
	}

.gallery{
	background:url(images/menu_gallery.png) no-repeat 0 0 #FFFFFF;
	display: block;
	height:16px;
	border-top:#999 2px dotted;
	}
	
.contact{
	background:url(images/menu_contact.png) no-repeat 0 0 #FFFFFF;
	display: block;
	height:16px;
	border-top:#999 2px dotted;
	}
	
.links{
	background:url(images/menu_link.png) no-repeat 0 0 #FFFFFF;
	display: block;
	height:16px;
	border-top:#999 2px dotted;
	}
	
.faq{
	background:url(images/menu_faq.png) no-repeat 0 0 #FFFFFF;
	display: block;
	height:16px;
	border-top:#999 2px dotted;
	border-bottom:#999 2px dotted;
	}
/*-------------------------------------------Content Start----------------------------------------*/
#contentwarper{
	float:left;	
	width: 665px;
	margin: 100px 10px 140px 0;
	}

#content{
	background: #fff;
	width:auto;
	padding: 10px 20px;
	color:#333;
	border-left:#F90 solid 2px;
	border-right:#F90 solid 2px;
	}
	
span.top{
	background:url(images/content_top.png) no-repeat 0 0;
	font-size: 1px;
	height:11px;
	display:block;
	}

span.bottom{
	background: url(images/content_bottom.png) no-repeat 0 0;
	font-size: 1px;
	height:11px;
	display:block;
	}

.text {
	font: 12px/1.7 Verdana, Geneva, sans-serif;
	color: #555;
	}

.text h2 {
	display:block;
	font: bold 24px/24px Georgia, "Times New Roman", Times, serif;
	color: #f1592a;
	line-height: 1;
	text-transform: capitalize;
	letter-spacing: 1px;
	margin: 0 0 0.5em 0;
	}

.text h2 a {
	display:block;
	font: 24px/24px Georgia, "Times New Roman", Times, serif;
	color: #f1592a;
	text-transform: capitalize;
	letter-spacing: 1px;
	}

#langx a {	
	font: 20px Georgia, "Times New Roman", Times, serif;
	color: #f1592a;
	}
	
#langx {
	position:absolute;
	left: 50px;
	top: 55px;
	}

.text h2 a:hover {
	display:block;
	font: 24px/24px Georgia, "Times New Roman", Times, serif;
	color: #f1592a;
	text-transform: capitalize;
	letter-spacing: 1px;
    text-decoration: underline;
	}

.text h3 {
	display:block;
	font:14px/18px Georgia, "Times New Roman", Times, serif;
	margin: 0 0 0.5em 0;
	color: #f1592a;
	text-transform: capitalize;
    padding-top:0;
	}

.text h3 a {
	display:block;
	font:bold 14px/18px Georgia, "Times New Roman", Times, serif;
	margin: 0 0 0.5em 0;
	color: #f1592a;
	text-transform: capitalize;
	}

.text h4 {
	font: bold 12px Arial, Helvetica, sans-serif ;
	color:#333;
	margin: 0;
	}
	
.text h5 {
	font: bold 10px Arial, Helvetica, sans-serif ;
	color:#333;
	margin: 0 0 1em 0;
	}
	
.text p {
	margin-bottom: 0.5em;
	}

.text ul {
	margin: 0.5em 3em;
	list-style-type: disc;
	}
	
.text ul a{
	margin: 0.5em 0;
	list-style-type: disc;
	color: #0475AD;
	}

.text ul a:hover{
	margin: 0.5em 0;
	list-style-type: disc;
	color: #f1592a;
	}
	
.text ol {
	font: 11px/1.7 Verdana, Geneva, sans-serif;
	list-style-type: decimal;
	margin: 0.5em;
	}

.text a {
	text-decoration: none;
	color: #0475AD;
	}
	
.text a:hover {
	text-decoration: underline;
	}

.text a:visited {
	color: #f1592a;
	}


.menu-content {
	font-size:10px;
	text-align: center;
	background: #eff;
	width:661px;
	margin: 0 0 0 -20px;
	padding: 1.3em 0;
	}

#content #imagestyle {
	float: left;
	background: #fff;
	margin: 1em 2em 1em 0;
	padding: 5px;
	border: 1px solid #ccc;
	}
	
/*-------------------------------------------Footer Start----------------------------------------*/
#footerPanel {
	width: 920px;
	height: 171px;
	color: #eee;
	font-size: 12px;
	position: relative;
	margin: 0 auto;
	margin-top: -150px;
	clear:both;}
	}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#footerImg {
	background: url(images/bg_footer.gif) no-repeat 0 0;
	width: 1100px;
	height: 170px;
	position: fixed !important;
	margin: 0 0 0 -90px;
	bottom: 0;
	}

/*-------------------------------------------Misc Start----------------------------------------*/
.thumb-img {
	border-top:1px solid #CCC; border-left:1px solid #CCC; border-bottom:1px solid #AAA; border-right:1px solid #AAA;
	position:relative; 
	width:150px; height:150px;
	margin:10px; padding:6px;
	background:#FFF;
}
.thumb-inner {
	position:relative; overflow:hidden; width:100%; height:100%; 
}
.thumb-img img {
	border:0;
}
.thumb-strip {
	position:absolute; width:150px; height:10px; bottom:6px; left:6px;
	background:#FFF;
	filter: alpha(opacity=60);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity:0.60;
}
.thumb-zoom {
	background:url(images/search.png) no-repeat;
	position:absolute; width:22px; height:22px;
	right:10px; bottom:7px;
}