/* everything is constructed with a single background image */



/* panes */
#flowpanes {
	//background: url(/img/blue_panes.jpg) no-repeat 0 -100px;
	background-color: #dbe6ca;		
	width:920px;
	height:400px;
	position:relative;
	overflow:hidden;
	clear:both;	
}


/* single pane */
#flowpanes div {
	display:none;	
	color:#fff;	
	margin:0px, 0px;
	
	float:left;
	display:block;
	width:920px;
	max-width:920px
	font-size:14px;
}

/* some decorations for elements inside single pane */
#flowpanes div h2 {
	font-weight:normal;
	color:#ddd;
	letter-spacing:1px;
	margin:10px 0 0 0;
	font-size:22px;	
}



#flowpanes p, #flowpanes samp {
	color:#ccc;		
}

#flowpanes .narrow {
	padding-right:160px;		
}
/* our additional wrapper element for the items */
#flowpanes .items {
	width:22000em;
	position:absolute;
	clear:both;
	margin:0;
	padding:0;
}
#flowpanes .less, #flowpanes .less a {
	color:#999 !important;
	font-size:11px;
}



/* Navigation for slider*/

.navi {
	margin-right:4px;
	width:200px;
	height:20px;
}

#outSideNavi{
        float:right;
}
.navi div {
	width:11px;
	height:11px;
	max-height:11px;
	max-width:11px;
	float:left;
	margin:3px;
	display:block;
	font-size:10px;
	border: 1px black solid;
	background:black;
	text-align:center;
	padding-bottom:2px;
	color:white;
}

/* mouseover state */
.navi div:hover {
	background:white; 
	color:black;     
}

/* active state (current page state) */
.navi div.active {
	background:white;    
	color:black;  
}


/*slider Overlay */

#flowpanes div.itemsOverlay {
	height: 160px;
	width: 560px;
	
	margin-top:-160px;
	padding-left:5px;
	margin-bottom:0px;
	background-color:#1d1d1d;
	opacity:.85;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=85);
	z-index:80;
	overflow:hidden;
	
}



#outSideNavi {
        position: relative;
	top: -25px;
	margin-bottom: -60px;
	z-index:100;
	float:right;
	
}



.sliderImage{
        float:left;
        margin:0px;
}

.sliderTitle{
        margin-top:15px;
        font-size:22px;
        width: 540px;
        max-width: 540px;
        font-family:arial, vardana, sans-serif;
        color:#FFFFFF;
        font-weight:bold;
        padding-left:10px;
        padding-right:20px;
        padding-bottom:10px;
        
}

.sliderCopy{
        
        height: 35px;
        width: 540px;
        max-width:540px;
        font-size:12px;
        font-family:arial, vardana, sans-serif;
        color:#FFFFFF;
        margin-top:10px;
        padding-left:10px;
        padding-right:20px;
        padding-bottom:10px;
        overflow:hidden;
}
.sliderReadmore{
        width: 545px;
        max-width:545px;
        margin-top:5px;
        font-size:12px;
        font-family:arial, vardana, sans-serif;
        color:#FFFFFF;
        overflow:hidden;
        padding-left:10px;
        padding-right:15px;
        padding-bottom:10px;
}