/* ============================== */
/* General Reset */
/* ============================== */

*{
	margin: 0;
	padding: 0;
}
body{
	background: none #14212B;
	font-family: Arial, Helvetica, sans-serif;
}
#wrapper{
	width: 980px;
	margin: 0 auto;
}

/* ============================== */
/* Customizing Flash to CSS */
/* ============================== */

      #banner-gallery {
          width:100%;
          height:302px;
  position: relative;
	clear: both;
	background: #294977;
	overflow: hidden;
}
        #banner-gallery[style] {height: 302px;
        }
        .rsOverflow[style] {height:302px;
        }

.rsThumbs {
    float: right;
	position: relative;
	width: 280px;
}
.rsT

.updates-container{
	padding: 36px 0 0;
	overflow: hidden;
	clear: both;
	background: none #294977;
}
.bluebox-container{	
	margin: 0 43px 36px 43px;
	background: url(../images/blue-box.png) 0 0 no-repeat scroll;
	float: left;
	width: 404px;
}
.bluebox-head{
	padding: 0 15px;
	color: #fff;
}
.bluebox-head h3{
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	text-transform: capitalize;
	float: left;
	margin: 10px 5px 0 0;
}
.viewmore{
	float: right;
	margin-top: 15px;
}
.viewmore a{
	color: #ffcc66;
	font-size: 12px;
	text-decoration: none;
	text-transform: capitalize;
}
.viewmore a:hover{
	text-decoration: underline;
}
.blue-pager{
	float: right;
	margin-top: 15px;
	color: #99ccff;
	font-size: 12px;	
	font-weight: bold;
}

.bluebox-body{
	padding: 30px 30px 0;
	color: #fff;
	height: 199px;
	clear: both;
}

.info-box{
font-size: 12px;
	width: 310px !important;
}

.img-flt{
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

.img-frt{
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;
}

.img-clr{
	clear: both;
	margin: 10px 0;
}

.info-box strong{
	color: #ffcc66;
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
	display: block;
	text-transform: capitalize;
	margin-bottom: 5px;
}

.info-box ul{
	/*margin-left: 25px;*/
	    margin:0;	width: 293px;;
}

.info-box ul li{
	font-size: 12px;
	margin-bottom: 5px;
}

/* ============================== */
/* Slimscroll Styles */
/* ============================== */

pre.prettyprint { padding:15px; border:1px solid #eee; border-radius:5px; background:#eee; border-bottom:3px solid; }
.examples { border-radius:20px; background:#fff; padding:15px;
  margin:0 150px 0 0; border-collapse: collapse; border:1px solid #000; }
#nav { position:fixed; top:0 left:0; background:#fff; padding:15px; border-radius:20px; width:200px; }
#nav ul { list-style-type:square; list-style-position:inside; margin:20px 0 0 0; padding:0; }
#nav a { text-decoration:none; color:#000; }
#nav a:hover { text-decoration: underline }
#git-fork img { position:fixed; top:0; right:0; border:0; z-index:999; }

/* ============================== */
/* Simple Clean Carousel Styles */
/* ============================== */
#bc-carousel{
	position: relative;
}

#title-text{
	display: inline !important;
}

.pager-container{
	position: absolute;
	top: 170px;
	width: 100%;
	background: url(../images/cloud/blue-line.png) center center no-repeat scroll;
}

#left-arrow,
#right-arrow{
	width: 20px;
	height: 20px;	
	display: block !important;
}

#left-arrow{
	background: url(../images/cloud/l-arrow.png) left center no-repeat scroll;
	float: left;
}

#right-arrow{
	background: url(../images/cloud/r-arrow.png) right center no-repeat scroll;
	float: right;
}

.choose_slider_items li {
	position: relative;
	list-style: none;
	display: none;
	text-align: center;

	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.choose_slider_items .previous_hidden {
	display: block;
	transform: scale(0.6,0.6);
	-moz-transform: scale(0.6,0.6);
	-ms-transform: scale(0.6,0.6);
	-webkit-transform: scale(0.6,0.6);
	opacity: 0.0;
	position: absolute;
	z-index: 0;
	top:0;
	left:-18px;
}

.choose_slider_items .next_hidden {
	display: block;
	transform: scale(0.6,0.6);
	-moz-transform: scale(0.6,0.6);
	-ms-transform: scale(0.6,0.6);
	-webkit-transform: scale(0.6,0.6);
	opacity: 0.0;
	position: absolute;
	z-index: 0;
	top:0;
	left:-18px;
}

.choose_slider_items .previous_item {
	display: block;
	transform: scale(0.8,0.8);
	-moz-transform: scale(0.8,0.8);
	-ms-transform: scale(0.8,0.8);
	-webkit-transform: scale(0.8,0.8);
	opacity: 0.65;
	position: absolute;
	z-index: 0;
	top:0;
	left:-18px;
}

.choose_slider_items .next_item {
	display: block;
	transform: scale(0.8,0.8);
	-moz-transform: scale(0.8,0.8);
	-ms-transform: scale(0.8,0.8);
	-webkit-transform: scale(0.8,0.8);
	opacity: 0.65;
	position: absolute;
	z-index: 0;
	top: 0;
	left: 228px;
}


.choose_slider_items .previous_item_2 {
	display: block;
	transform: scale(0.6,0.6);
	-moz-transform: scale(0.6,0.6);
	-ms-transform: scale(0.6,0.6);
	-webkit-transform: scale(0.6,0.6);
	opacity: 0.35;
	position: absolute;
	z-index: 0;
	top:0;
	left:-18px;
}

.choose_slider_items .next_item_2 {
	display: block;
	transform: scale(0.6,0.6);
	-moz-transform: scale(0.6,0.6);
	-ms-transform: scale(0.6,0.6);
	-webkit-transform: scale(0.6,0.6);
	opacity: 0.35;
	position: absolute;
	z-index: 0;
	top:0;
	left:-18px;
}


.choose_slider_items .current_item {
	display: block;
	position: absolute;
	transform: scale(1,1);
	-moz-transform: scale(1,1);
	-ms-transform: scale(1,1);
	-webkit-transform: scale(1,1);
	z-index: 100;
	top: 0;
	left: 105px;
}

/*added newly*/
.choose_slider_items .previous_hidden > div,
.choose_slider_items .next_hidden > div,
.choose_slider_items .previous_item > div,
.choose_slider_items .next_item > div,
.choose_slider_items .previous_item_2 > div,
.choose_slider_items .next_item_2 > div,
.choose_slider_items .current_item > div{
  position: relative;
  background: url(../images/cloud/cloud-screen.png) center center no-repeat;
  width:132px;
  height: 156px;
}

.choose_slider_items .previous_hidden > div img,
.choose_slider_items .next_hidden > div img,
.choose_slider_items .previous_item > div img,
.choose_slider_items .next_item > div img,
.choose_slider_items .previous_item_2 > div img,
.choose_slider_items .next_item_2 > div img,
.choose_slider_items .current_item > div img{
	width: 112px;
	height: auto;
	position: relative;
	top: 10px;	
}

.choose_slider_items .previous_hidden > div span,
.choose_slider_items .next_hidden > div span,
.choose_slider_items .previous_item > div span,
.choose_slider_items .next_item > div span,
.choose_slider_items .previous_item_2 > div span,
.choose_slider_items .next_item_2 > div span,
.choose_slider_items .current_item > div span{
  position: absolute;
  left:0;
  bottom:28px;
  font-size: 12px;
  padding: 0 10px;
  text-align: left;
  color: #2d4565;
  height:30px;
}

.choose_slider_items .previous_hidden > div a,
.choose_slider_items .next_hidden > div a,
.choose_slider_items .previous_item > div a,
.choose_slider_items .next_item > div a,
.choose_slider_items .previous_item_2 > div a,
.choose_slider_items .next_item_2 > div a,
.choose_slider_items .current_item > div a{
  position: absolute;
  right:0;
  bottom:9px;
  text-transform: uppercase;
  font-size: 8px;
  font-weight: bold;
  color: #f00;
  text-decoration: none;
  padding: 0 12px;
  letter-spacing: 0.5px;
}

.choose_slider_items .previous_hidden > div a:hover,
.choose_slider_items .next_hidden > div a:hover,
.choose_slider_items .previous_item > div a:hover,
.choose_slider_items .next_item > div a:hover,
.choose_slider_items .previous_item_2 > div a:hover,
.choose_slider_items .next_item_2 > div a:hover,
.choose_slider_items .current_item > div a:hover{
	text-decoration: underline;
}

/* ============================== */
/* List-Slider - JSSOR Styles */
/* ============================== */

.jssort11 .i, .jssort11 .pav:hover .i
{
	position: absolute;
	top:3px;
	left:3px;
	width: 60px;
	height: 30px;
	border: white 1px dashed;
}
* html .jssort11 .i
{
	width /**/: 62px;
	height /**/: 32px;
}
.jssort11 .pav .i
{
	border: white 1px solid;
}
.jssort11 .t, .jssort11 .pav:hover .t
{
	position: absolute;
	top: 3px;
	left: 10px;
	height: 32px;
	line-height:32px;
	text-align: left;
	font-size:13px;
	font-weight:700;
	
	color: #98cbfe;
	width: 260px;
}
.jssort11 .pav .t, .jssort11 .phv .t, .jssort11 .p:hover .t
{
	color:#fff;
}
.jssort11 .c, .jssort11 .pav:hover .c
{
	position: absolute;
	top: 38px;
	left: 3px;
	height: 31px;
	line-height:31px;
	color:#fff;
	font-size:11px;
	font-weight:400;
	overflow: hidden;
	
	width: 260px;
}
.jssort11 .pav .c, .jssort11 .phv .c, .jssort11 .p:hover .c
{
	color:#fc9835;
	

}
.jssort11 .t, .jssort11 .c
{
	transition: color 2s;
	-moz-transition: color 2s;
	-webkit-transition: color 2s;
	-o-transition: color 2s;
}
.jssort11 .p:hover .t, .jssort11 .phv .t, .jssort11 .pav:hover .t, .jssort11 .p:hover .c, .jssort11 .phv .c, .jssort11 .pav:hover .c
{
	transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
}
.jssort11 .p
{
	background: #5a76a5;
}
.jssort11 .pav, .jssort11 .pdn
{
	background: #8e001c;
}
.jssort11 .p:hover, .jssort11 .phv, .jssort11 .pav:hover
{
	background:#5a76a5;
}
/* -- */
.scroll-head{
	line-height:1.5; 
	text-align: left;
}
.more-link{
	float: right;
}
.more-link a{
	text-decoration: none;
	color: #ffcc66;
}

.pav .scroll-head{
	font-size: 16px;
}
/*------------------*/

.rond{
	background: url(../images/cloud/cloud-screen.png) center center no-repeat;
	width:132px;
	height: 156px;
}
.rondell-container{
	left: -27px;
	top: -30px;
}