/* Unchanged */
/* CSS Document */
/* butterflyopensourcecode by mike filsaime */
body{
	margin:0;
	background:#000000;
	font:13px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	min-width:940px;
}

h3 {
	font-size:14px;
	color:#000000;
	}

img{border:0;}
a{
	color:#fff;
	text-decoration:underline;
}
a:hover{text-decoration:none;}
form, fieldset{
	margin:0;
	padding:0;
	border:0;
}
input{
	font:100% "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	vertical-align:middle;
	outline:none;
	color:#000;
}
#header{
	width:895px;
	padding:6px 0 0 10px;
	height:120px;
	position:relative;
	margin:0 auto;
	border-bottom:#f7931e;
}
.logo{
	background:url(../images/UCCLogo.gif) no-repeat;
	width:272px;
	height:120px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}
.logo a{
	display:block;
	height:100%;
}
#header .txt{
	font-size:12px;
	display:block;
	padding:0 0 0 33px;
	margin:-1px 0 0;
}
.btn-dev-login{
	background:url(../images/bg-btn-developers-login.gif) no-repeat;
	height:21px;
	line-height:19px;
	overflow:hidden;
	color:#dfe2e2;
	text-decoration:none;
	position:absolute;
	top:18px;
	right:0;
	padding:0 0 0 10px;
	cursor:pointer;
}
.btn-dev-login2{
	background:url(../images/bg-btn-developers-login.gif) no-repeat;
	height:21px;
	line-height:19px;
	overflow:hidden;
	color:#dfe2e2;
	text-decoration:none;
	position:absolute;
	top:18px;
	right:95px;
	padding:0 0 0 10px;
	cursor:pointer;
}
.btn-dev-login span{
	float:left;
	height:21px;
	padding:0 10px 0 0;
	background:url(../images/bg-btn-developers-login.gif) no-repeat 100% -21px;
}
.btn-dev-login2 span{
	float:left;
	height:21px;
	padding:0 10px 0 0;
	background:url(../images/bg-btn-developers-login.gif) no-repeat 100% -21px;
}
.btn-dev-login:hover{
	background:url(../images/bg-btn-developers-login.gif) no-repeat 0 -42px;
	color:#000;
}
.btn-dev-login2:hover{
	background:url(../images/bg-btn-developers-login.gif) no-repeat 0 -42px;
	color:#000;
}
.btn-dev-login:hover span{background:url(../images/bg-btn-developers-login.gif) no-repeat 100% 100%;}
.btn-dev-login2:hover span{background:url(../images/bg-btn-developers-login.gif) no-repeat 100% 100%;}
.visual-holder{
	background:#000;
	min-height:270px;
}
* html .visual-holder{
	overflow:visible;
	height:250px;
}
.visual-holder .holder{
	width:905px;
	overflow:hidden;
	margin:0 auto;
	height:250px;
}
.video-area{
	background:#000;
	width:522px;
	padding:3px 3px 3px 3px;
	height:220px;
	float:left;
	margin:10px 0 0;
}
.info-block{
	float:right;
	width:340px;
	padding:4px 0 0;
}
.ttl-download{
	background:url(../images/bg-ttl-dowlnoad.png) no-repeat;
	width:341px;
	height:70px;
	margin:0 0 7px;
	text-indent:-9999px;
	overflow:hidden;
}
.ttl-download a{
	display:block;
	height:100%;
}
.login-form{
	width:234px;
	padding:0 0 6px 30px;
}
.login-form label{
	color:#010202;
	display:block;
	padding:0 0 5px;
	text-align:center;
}
.login-form .decorated-field{
	background:url(http://all-images2.s3.amazonaws.com/bg-decorated-field2.png) no-repeat;
	width:281px;
	padding:8px 8px 0;
	height:30px;
	overflow:hidden;
	margin:0 0 13px;
}
.login-form .decorated-field input{
	float:left;
	padding:0;
	font-size:16px;
	height:22px;
	border:0;
	background:none;
	width:100%;
}
.btn-download{
	background:url(../images/bg-btn-download.png) no-repeat;
	width:281px;
	overflow:hidden;
	display:block;
	height:64px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 auto;
}
.btn-download2{
	background:url(../images/bg-btn-download.png) no-repeat;
	width:281px;
	overflow:hidden;
	display:block;
	height:64px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 auto;
}
#main{
	background:#f7931e;
}
.main-holder{
	width:905px;
	margin:0 auto;
}
.nav-area{
	width:100%;
	overflow:hidden;
	padding:0 0 19px;
}
#nav{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	overflow:hidden;
}
#nav li{
	float:left;
	background:url(../images/sep-nav.gif) no-repeat;
	padding:2px 17px 0 15px;
	margin:0 5px 0 -5px;
	line-height:28px;
}
#nav a{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}
#nav .active a,
#nav a:hover{color:#000;}
.point-area{
	margin:0 -2px 0 0;
	padding:7px 0 0;
	list-style:none;
	float:right;
	overflow:hidden;
}
.point-area li{
	float:left;
	margin:0 -2px 0 0;
}
.point-area a{
	display:block;
	background:url(../images/bg-point.png) no-repeat;
	width:100px;
	height:20px;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
}
.point-area .active a,
.point-area a:hover{background:url(../images/bg-point-hover.png) no-repeat;}
.content-area{
	width:100%;
	overflow:hidden;
}
.tab{
	width:100%;
	overflow:hidden;
	position:relative;
}
div.tab{
	float:left;
}
.swicher{
	float:left;
	width:40px;
	height:50px;
	background-color:#f00;
	display:block;
}
.inform-area-wrapper{
	width:909px;
	overflow:hidden;
	position:relative;
}
.inform-area-holder{
	width:9999px;
	padding:0;
	margin:0;
	list-style:none;
	overflow:hidden;
}
.inform-area-holder li{
	width:909px;
	float:left;
}
.content-block{
	margin:0 -14px 0 -12px;
	position:relative;
	padding:0;
	list-style:none;
}
.content-block li{
	width:230px;
	margin:0 0 0 38px;
	padding:0 0 7px 0px;
	display:inline-block;
	vertical-align:top;
	float:none;
}
.content-block p{margin:0 0 15px;}
.info-list{
	margin:0;
	padding:0 0 0 25px;
	list-style:none;
}
.info-list li{
	padding:0 0 20px 35px;
}
* html .info-list li{
	overflow:visible;
	height:1%;
}
.inform-area{
	overflow:hidden;
	padding:0px 0px 0px 0px;
}
* html .inform-area{
	overflow:hidden;
	height:1%;
}
.img-area{
	float:left;
	width:105px;
	font-size:12px;
	color:#fff;
	padding:5px 0 0;
	margin:0 17px 0 0;
}
* html .img-area{margin-right:14px;}
.img-area img{
	display:block;
	padding:0 0 7px;
}
.img-area a{text-decoration:none;}
.img-area a:hover{text-decoration:underline;}
.txt-info{overflow:hidden;}
* html .txt-info{
	overflow:visible;
	height:1%;
}
.txt-info h1{
	margin:0 0 18px;
	font:bold 18px Tahoma, Arial, Helvetica, sans-serif;
	color:#fff;
}
.txt-info p{margin:0 0 15px;}
#footer{
	background:#000;
	min-height:90px;
	padding:15px 0 0;
	text-align:center;
	font-size:11px;
}
* html #footer{
	overflow:visible;
	height:67px;
}
#footer ul{
	margin:0;
	padding:18px 0 0;
	list-style:none;
}
#footer li{
	display:inline;
	padding:0 0 0 10px;
	background:url(../images/sep-f-nav.gif) no-repeat 0 5px;
}
#footer li:first-child{background:none;}
#footer a{text-decoration:none;}
#footer a:hover{text-decoration:underline;}

.contentwhite {
	color:#000000;
	font-size:14px;
	font-weight:bold;
}
	
	
	
	
	
	
	
#gallery {
	position:relative;
	height:360px
}
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500
	}

	#gallery .caption {
		z-index:600; 
		background-color:#000; 
		color:#ffffff; 
		height:100px; 
		width:100%; 
		position:absolute;
		bottom:0;
	}

	#gallery .caption .content {
		margin:5px
	}
	
	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color:#1DCCEF;
	}