/* reset.css (100%) */
/* --- RESETS --- */

div{
	vertical-align: baseline;
}
:focus {outline: 0;}

ol, ul {list-style: none;}

.hide {display: none;}

.clear {clear: both;}

.alignleft {float: left; margin: 0 15px 10px 0;}

.alignright {float: right; margin: 0 0 10px 15px;}

/* style.css (100%) */
/* --- BASIC STYLES --- */


#home {
	font: 12px/18px Helvetica, "Lucida Grande", Verdana, sans-serif;
	text-align: left;
}

body.subpage {
	background: #f9f7f3 url(/english/images/bg_body_subpage.jpg) top left repeat-x;
}



#container, .inner {
	width: 748px;
	float: left;
	text-align: left;
}

.home-buttons {width: 240px; height: 240px; float: right; margin: 11px 0; padding: 0;}
.highlight-box {background: url(/images/home/highlight-box.png) no-repeat top left; width: 240px; height: 96px; display: block;}

/* --- SLIDER --- */

#amountslider {clear: both;}


#slider {
	height: 251px;
	overflow: visible;
	padding: 1px 0 0 0;
	position: relative;
}

#slider .sliderItem {
	overflow: hidden;
	position: absolute;
	height: 250px;
	width: 748px;
	top: 1px !important;
	left: 0;
	text-decoration: none;
}

#slider .sliderItem * {cursor: pointer;}

#slider .sliderItem .sliderText {
	float: left;
	margin-left: 350px;
	margin-top: 30px;
}

#slider .sliderItem h2 {
	font: 26px Helen, Arial; color: #369;
	font-weight: bold;
	letter-spacing: -1px;
	text-shadow: #fff 1px 1px 0;
}


#slider .sliderItem p {
	font-family: Helen, Arial;
	color: #ea7a18;	font-size: 15px; font-weight: bold;
	line-height: 24px;
	margin-bottom: 15px;
	width: 350px;
	text-shadow: #fff 1px 1px 0;
}

ul.bullets {
	font: 14px Arial, Verdana; color: #555; /*484848*/
	font-weight: bold;
	left: 15px;
	margin-left: 35px;
	display: block;
	text-shadow: #fff 1px 1px 0;
}

#slider .sliderItem .left {margin-left: 0;}

#slider .sliderItem .bullets {width: 350px;}

#slider .sliderItem .bullets li {list-style: none; background: url(/english/home/images/tick.gif) no-repeat left; padding: 0 0 0 18px; margin-bottom: 10px;}

#slider .sliderItem .read-more {background: url(/english/home/images/read-more.gif) no-repeat right; float: right; padding: 0 15px 0 0; position: absolute; bottom: 43px; right: 260px; border-bottom: 1px #ebebeb solid;}

#slider .sliderItem img {
	float: right;
	z-index: -2;
	position: absolute;
	top: 0; right: 0;
	}

#sliderNav {
	overflow: hidden;
	position: absolute;
	margin-top: -35px;
	z-index: 100;
	padding-left: 2px;
	background: url(/images/home/slider-nav/nav-left.gif) no-repeat;
}

#sliderNav ul {
	padding: 0;
	margin: 0;	 
	overflow: visible;
	float: left;
}

#sliderNav ul li {
	float: left;
}

#sliderNav ul li a {
	width: 30px;
	height: 35px;
	display: block;
	text-indent: -9999px;
}

#sliderNav ul li.one a.activeSlide, #sliderNav ul li.one a:hover, 
#sliderNav ul li.two a.activeSlide, #sliderNav ul li.two a:hover, 
#sliderNav ul li.three a.activeSlide, #sliderNav ul li.three a:hover, 
#sliderNav ul li.four a.activeSlide, #sliderNav ul li.four a:hover,
#sliderNav ul li.five a.activeSlide, #sliderNav ul li.five a:hover {
	background-position: left;
}


#sliderNav ul li.one a {background: url(/images/home/slider-nav/1_inactive.gif) top right no-repeat;}
#sliderNav ul li.one a.activeSlide, #sliderNav ul li.one a:hover  {background: url(/images/home/slider-nav/1_active.gif) top right no-repeat;}


#sliderNav ul li.two a {background: url(/images/home/slider-nav/2_inactive.gif) top right no-repeat;}
#sliderNav ul li.two a.activeSlide, #sliderNav ul li.two a:hover  {background: url(/images/home/slider-nav/2_active.gif) top right no-repeat;}

#sliderNav ul li.three a {background: url(/images/home/slider-nav/3_inactive.gif) top right no-repeat;}
#sliderNav ul li.three a.activeSlide, #sliderNav ul li.three a:hover  {background: url(/images/home/slider-nav/3_active.gif) top right no-repeat;}

#sliderNav ul li.four a {background: url(/images/home/slider-nav/4_inactive.gif) top right no-repeat;}
#sliderNav ul li.four a.activeSlide, #sliderNav ul li.four a:hover  {background: url(/images/home/slider-nav/4_active.gif) top right no-repeat;}

#sliderNav ul li.five a {background: url(/images/home/slider-nav/5_inactive.gif) top right no-repeat;}
#sliderNav ul li.five a.activeSlide, #sliderNav ul li.five a:hover  {background: url(/images/home/slider-nav/5_active.gif) top right no-repeat;}

#sliderNav a.previous {
	float: left;
	width: 30px;
	height: 33px;
}

#sliderNav a.next {
	float: left;
	width: 30px;
	height: 33px;
}