@charset "utf-8";

html, body {
	
	margin: 0;
	padding: 0;
	height: 100%;
}

body {
	background-color: #00445B;
	font-size:12px;
	color: #000;
	font-family: Verdana, Geneva, sans-serif;
}

a {}

a img {border: none;}

#main {
	width: 960px;
	margin: 30px auto 0 auto;
}

#menu {
	margin: 0 0 20px 0;
	height: 15px;
	position: relative;
	z-index: 1000;
}

ul.topnav {margin: 0; padding:0; list-style: none; }
ul.topnav li {cursor: default; float: left; margin: 0 60px 0 0 ; list-style: none; list-style-type: none; padding: 0 15px 0 0; position: relative; }
ul.topnav li a {display: block; padding: 10px 5px 10px 5px; color: #fff; text-decoration: none; font-weight: bold;}
ul.topnav li a:hover, ul.topnav li a.active {color: #7296A9;}
ul.topnav li a.active2 {color: #00445B;}


ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 34px;
	background: #00445B;
	margin: 0; 
	padding: 0;
	display: none;
	float: left;
	width: 170px;
	border: 1px solid #fff;
	z-index: 10000;
}


ul.topnav li ul.subnav li {
	margin: 0; padding: 0;
	border-bottom: 1px solid #fff;
	clear: both;
	width: 170px;
}

html ul.topnav li ul.subnav li a {
	float: left;
	width: 145px;
	padding: 10px 5px 10px 20px;
	background-color: #00445B;
}

html ul.topnav li ul.subnav li a:hover {background-color: #fff; color: #00445B;}

 ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background-color: #fff;
	color: #00445B;
}




#content { background-color: #fff; }

#innercontent {padding: 90px 40px 0px 50px; height: 485px;}
#innercontent2 {padding: 90px 40px 0px 50px; height: 445px;}
#footmenu {height: 20px; padding: 0 0 20px 50px;}
#footmenu a {color: #00445B; text-decoration: none;}
#contactcontent {padding: 90px 40px 0px 80px; height: 485px;}


#left {width: 520px; float: left; }
#right {width: 300px; float: right; margin: -15px 0 0 0; }

.bottomside {margin: 160px 0 0 30px; width: 300px; float: right;}

.leftslide {width: 500px; float: left; text-align: left; }
.rightslide {width: 250px; float: right; height: 400px;}

#cornertext {height: 336px;}


#homenews {position: absolute; top:660px; color: #fff;  }

#slider ul {margin: 0; padding: 0;}
#slider ul li a {color: #fff; display: block; width: 600px; height: 58px;}
#slider ul li {list-style: none; list-style-type: none; height: 58px;}
#slider ul li a {text-decoration: none;}


.listmarques {margin: 0 0 0 55px;}

.corner_femmes {background-color: #C30065;}
.corner_hommes {background-color: #C30065;}
.corner_ski {background-color: #00A4E8;}
.corner_outdoor {background-color: #94B633;}
.corner_running {background-color: #645649;}
.corner_tennis {background-color: #CA551E;}
.corner_beach {background-color: #EEC52A;}
.corner_fitness {background-color: #74787D;}

#backcontrol {position: absolute; top: 600px; text-align: right; width: 870px;}
#backcontrol a {font-size: 11px; font-weight: bold; text-decoration: none; color: #000;}

#footer {	}

/* Misc classes */


.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix { display: inline-block; }  /* for IE/Mac */
.clear { clear: both; }
.floatr {float: right;}
.floatl {floar: left;}
ul.topnav li.nomargin {margin: 0;}

.newsitem {}

.newsitem a {text-decoration: none; color: #333; display: block; padding: 5px;}

.activenews {background-color: #c6e8f4;}



input, textarea {
	border:1px solid #AFC4CC;
	color:#111;
	width:285px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 3px;
}


/* SLIDESHOW */


#slideshow {
	margin:0 auto;
	width:480px;
	height:400px;
	background:transparent url(img/bg_slideshow.jpg) no-repeat 0 0;
	position:relative;
	z-index: 10;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:480px;
  height:400px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:460px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:400px;
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:16px;
  height:16px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}

#leftControl {
  bottom:-30px;
  right:20px;
  background:transparent url(../images/control_left.jpg) no-repeat 0 0;
}

#rightControl {
  bottom:-30px;
  right:0;
  background:transparent url(../images/control_right.jpg) no-repeat 0 0;
}

.slide h2, .slide p {
  margin:15px;
}
.slide h2 {
  font:italic 24px Georgia, "Times New Roman", Times, serif;
  color:#ccc;
  letter-spacing:-1px;
}
.slide img {
  float:left;
  margin:0 0px;
}