/* CSS Document */

body {
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	background-image:url(images/bg_main2.gif);
	background-position:top;
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#6f7174;
}

a {
	color:#4b90f8;
	text-decoration:underline;
	font-weight:normal;
}

a:visited {
	color:#4b90f8;
	text-decoration:underline;
	font-weight:normal;
}

a:hover {
	color:#5f80ac;
	text-decoration:none;
	font-weight:normal;
}

a:active {
	color:#5f80ac;
	text-decoration:none;
	font-weight:normal;
}

h1 {
	width:575px;
	height:auto;
	color:#00457c;
	font-size:22px;
	font-weight:bold;
	border-bottom:1px solid #e9eaeb;
	margin:0px 0px 10px 0px;
	padding:4px 0px 4px 0px;
}

.cleardiv {
	clear:both;
	width:100%;
	height:0px;
	font-size:0px;
}

.wrapper {
	position:relative;
	width:800px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	padding:37px 0px 90px 0px;
}

.logo {
	float:left;
	width:274px;
	height:91px;
}

.mainnav {
	float:right;
	padding:0px;
	width:520px;
	height:auto;
	font-size:12px;
	font-weight:bold;
	text-align:right;
	margin:45px 0px 0px 0px;
}

#mainnav li {
	float:right;
	width:auto;
	height:30px;
	line-height:14px;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	margin-left:0px;
	text-align:center;
}

.mainnav a, .mainnav a:visited {
	text-decoration: none;
	color: #6a89b2;
	font-size:12px;
	font-weight:bold;
	text-align:right;
	margin:0px 0px 0px 15px;
}

.mainnav a:hover, .mainnav a:active {
	text-decoration: none;
	color: #00457c;
	font-size:12px;
	font-weight:bold;
	text-align:right;
	margin:0px 0px 0px 15px;
}

.pageimage {
	width:800px;
	height:auto;
	margin-bottom:10px;
}

.frontleft {
	float:left;
	width:575px;
	height:auto;
	margin-right:10px;
}

.frontright {
	float:left;
	width:215px;
	height:auto;
}

.frontbox {
	border:1px solid #e9eaeb;
	background-color:#fafafa;
	padding:4px;
}

.bottom {
	width:100%;
	height:auto;
	padding:10px 0px 50px 0px;
	border-top:1px solid #e9eaeb;
	background-color:#fafafa;
	text-align:center;
}

.subright {
	float:left;
	width:575px;
	height:auto;
}

.subleft {
	float:left;
	width:215px;
	height:auto;
	margin-right:10px;
}

.subnavtitle {
	width:199px;
	border-bottom:1px solid #d3d4d7;
	background-color:#f6f6f6;
	padding:9px 7px 9px 7px;
	color:#415d96;
	font-weight:bold;
	font-size:14px;
}

.subnav a, .subnava:visited {
	display:block;
	width:199px;
	height:auto;
	border-bottom:1px solid #d3d4d7;
	background-color:#ffffff;
	padding:5px 7px 5px 7px;
	color:#415d96;
	font-weight:normal;
	font-size:12px;
	text-decoration:none;
}

.subnav a:hover, .subnava:active {
	display:block;
	width:199px;
	height:auto;
	border-bottom:1px solid #d3d4d7;
	background-color:#ffffff;
	background-image:url(images/bg_subnav.gif);
	background-repeat:repeat-y;
	padding:5px 7px 5px 7px;
	color:#415d96;
	font-weight:normal;
	font-size:12px;
	text-decoration:none;
}

.photocell {
	float:right;
	width:auto;
	height:auto;
	margin:0px 5px 5px 5px;
}

/* ---- SLIDER ----- */

#slider {
   width: 800px; /* important to be same as image width */
   height: 140px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   background-color:#fff;
}

#slider ul {
  padding:0px;
  margin:0px;
}

#sliderContent {
   width: 800px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.sliderImage img {
   width:800px;
   height:140px;
}

.sliderImage span {
	display:none;
   position: absolute; /* important */
   left: 0;
   font: 12px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 800px;
   height:0px;
   font-size:0px;
   filter: alpha(opacity=0); /* here you can set the opacity of box with text */
   -moz-opacity: 0; /* here you can set the opacity of box with text */
   -khtml-opacity: 0; /* here you can set the opacity of box with text */
   opacity: 0; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 0;
   text-align:center;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.sliderbottom {
	bottom: 0;
    left: 0;
}