#wrapper {
	margin: 0px auto;
}

#container {
	width: 950px;
	margin: 0 auto;
}
.clearfix {
	display: inline-block;
}


.clearfix {
	display: block;
}

#content {
	
}

#content #promowrapper {
	background: url(../images/promo_banner_top22.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 36px;
	margin: 0px 0px 0px 0px;
	width: 900px;
	background-color: #fff;
}

#content #promobanner {
	background: url(../images/promo_banner_bottom22.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	display: inline;
	float: left;
	width: 900px;
	height: 225px;
	position: relative;
	background-color: #fff;
}

#content #promobanner #crop {
	position: relative; 
	width: 850px;
	height: 180px;
	overflow: hidden;
	margin-left: 25px;
	background-color: #fff;
}

#content #promobanner #widearea {
    position: absolute;
	width:20000em; 
	height: 180px;
}

#content #promobanner .slide {
	display: inline;
	float: left;
	width: 850px;
	height: 180px;
	margin: 0px;
	position: relative;
}



/*--*/

#promobanner a#backbtn, #promobanner a#nextbtn {
	display: block;
	cursor: pointer;
	padding-top: 30px;
	width: 30px;
	height: 0px;
	outline: none;
	overflow: hidden;
	position: absolute;
	top: 70px;
}

#promobanner a#backbtn {
	background: url(../images/promo_banner_left.png) no-repeat 0 0;
	left: -10px;
}

#promobanner a#nextbtn {
	background: url(../images/promo_banner_right.png) no-repeat 100% 0;
	right: -10px;
}

#promobanner #navi {
	position: absolute;
	top: 185px;
	left: 425px;
    width: 90px; 
    height: 14px;
} 
 
#promobanner #navi a { 
    width:8px; 
    height:8px; 
    float:left; 
    margin:3px; 
    background: url(../images/navigator.png) no-repeat 0 0; 
    display:block; 
    font-size:1px;
	cursor: pointer;
} 
 
#promobanner #navi a:hover { 
    background-position:0 -8px;       
} 
 
#promobanner #navi a.current { 
    background-position:0 -16px;      
}

/* ------- */

/*-- Promo Banner --*/



.flashbannerimagearea {
	width: 333px;
	float: left;
	height: 180px;
	margin-right: 15px;
	margin-left: 6px;
}

.flashbannerimagearea img {
float:left;
padding:2px;
	border:1px solid #ccc;
	cursor:pointer;
	width:325px;
	height:170px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	outline: none;
}
.flashbannerimagearea img:hover {
	border-color: #009900;
}

.flashbannertextarea {
	width: 480px;
	height: 180px;
	float: left;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color:#999;
	text-decoration: none;
}

.scrollreadmorearea {
	width: 91px;
	height: 28px;
	float: right;
	background:url(../images/slides/read-more.png);
	background-position: left top;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #009900;
	text-decoration: none;
	padding-top: 8px;
	text-align: center;
	padding-left: 1px;
}
.scrollreadmorearea a {
	color: #122d40;
	text-decoration: none;
}
.scrollreadmorearea a:hover {
	color: #009900;
	text-decoration: none;
}
.slidesheading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #122d40;
	text-decoration: none;
}
.slidesheading a {
	color: #122d40;
	text-decoration: none;
}
.slidesheading a:hover {
	color: #009900;
	text-decoration: none;
}