/**********************************************/
/* HOMEPAGE SLIDER BANNER
/**********************************************/
/* 
PASTA BLUE light: rgb(33, 100, 155) / #21649B
PASTA BLUE dark: rgb(30, 61, 92) / #1E3D5C
PASTA GREEN: rgb(150, 189, 72) / #96BD32
*/

/* box definition */
#slider_banner{ height:280px; overflow:hidden; border:0 solid rgb(240,240,240); border-width:1px 0;}
#slider_banner #banner_text_box{float:left; width:210px;}
#slider_banner #banner_slider_images_box{position:relative; float:left; height:100%; width:754px; margin:0 3px;}
/*#slider_banner #banner_image_box{float:left; width:220px; height:100%; }*/


/*********************************************/
/* Content areas / boxes 
/**********************************************/
/* left box */
#slider_banner #banner_text_box{text-align:left; padding:10px 0px; overflow:hidden;}
#slider_banner #banner_text_box h2{ color:rgb(33, 100, 155); font-size:20px;  margin:23px 8px 10px 15px; text-align:center;}
#slider_banner #banner_text_box p{font-size:1em; line-height:1.2em; color:rgb(33, 100, 155);  color:rgb(100,100,100); text-align:center;}

/* right box */
#slider_banner #banner_image_box{}



/**********************************************/
/* Slider area
/**********************************************/
#banner_slider_images_box{}

.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 536px;
	height:280px;

	margin:0;
	padding: 0;

	/* custom decorations */
    float:left;
}
/* needed to contain all items */
.scrollable .items{width:20000em; position:absolute; clear:both;}

.floater {position:relative; display:block; float:left; height:280px; width:536px; overflow:hidden;}
.floater img{width:auto; max-width:none;}
.floater a{display:block; position:absolute; left:0; top:200px; font-size:1.15em; letter-spacing:1px; background-color:rgb(150, 190, 70); background-color:rgb(25,100,155); text-decoration: none; color:white !important; padding:8px 20px;}
.floater a{}




/****************************************/
/* NAVIGATION */
/****************************************/
.navi_bar {position:absolute; top:0; right:0; text-align:center; margin:0; padding:0; }

/* position and dimensions of the navigator */
.navi {
	display:inline-block;
	text-align:center;
    margin-bottom:0 !important;
    padding:0; 
}


/* items inside navigator */
.navi a {
	width:15px;
	height:15px;
	float:left;
	margin:3px 2px 3px 2px;
	background:url(images/navigator.png) 0 0 no-repeat;
	font-size:1px;
}

/* mouseover state */
.navi a:hover {
	background-position:0 -15px;
	background-color:transparent;
}

/* active state (current page state) */
.navi a.active {
	background-position:0 -15px;
	background-color:transparent;
}