@charset "utf-8";
/* CSS Document */
body{
margin:0;
padding:0;
background:#051b3d url(/images/bodyBg.jpg) repeat-x;
font:normal 12px Arial, Helvetica, sans-serif;
}
img{
border:none;
}
.wrapper{
position:relative;
display:block;
width:862px;
padding:0;
margin:0 auto 0 auto;
}
.header{
position:relative;
display:block;
float:left;
width:862px;
}
.topmenu{
position:relative;
display:block;
float:left;
width:862px;
height:35px;
margin:37px 0 0 0;
padding:0;
}
.topmenu ul{
position:relative;
display:block;
float:right;
width:627px;
height:35px;
margin:0 5px 0 0;
padding:0;
}
.topmenu ul li{
position:relative;
display:block;
float:left;
width:125px;
height:35px;
margin:0;
padding:0;
list-style:none;
}
.topmenu ul li a{
position:relative;
display:block;
float:left;
width:125px;
height:35px;
margin:0;
padding:0;
text-indent:-1000px;
overflow:hidden;
}
.topmenu ul li a.home{
background:url(/images/menuHome.jpg) no-repeat;
}
.topmenu ul li :hover.home{
background:url(/images/menuHomeH.jpg) no-repeat;
}
.topmenu ul li a.products{
background:url(/images/menuProd.jpg) no-repeat;
}
.topmenu ul li :hover.products{
background:url(/images/menuProdH.jpg) no-repeat;
}
.topmenu ul li a.video{
background:url(/images/menuVideo.jpg) no-repeat;
}
.topmenu ul li a.video:hover{
background:url(/images/menuVideoH.jpg) no-repeat;
}
.topmenu ul li a.about{
background:url(/images/menuAbout.jpg) no-repeat;
}
.topmenu ul li :hover.about{
background:url(/images/menuAboutH.jpg) no-repeat;
}
.topmenu ul li a.contact{
background:url(/images/menuContact.jpg) no-repeat;
}
.topmenu ul li :hover.contact{
background:url(/images/menuContactH.jpg) no-repeat;
}
h1{
position:relative;
display:block;
float:left;
margin:0;
padding:0;
width:108px;
height:124px;
background:url(/images/logo.jpg) no-repeat;
font-size:15px;
text-indent:-1000px;
overflow:hidden;
}
h2{
position:relative;
display:block;
float:left;
margin:0;
padding:0;
width:461px;
height:124px;
background:url(/images/name.jpg) no-repeat;
font-size:12px;
text-indent:-1000px;
overflow:hidden;
}
h3{
position:relative;
display:block;
float:left;
margin:0;
padding:29px 0 0 23px;
color:#d1ecfc;
font-size:26px;
min-width:820px;
}
.contentHome h3, .fr_contentHome h3{
position:relative;
display:block;
float:left;
margin-bottom:5px;
padding:29px 0 0 23px;
min-width: 340px;
_width:340px;
color:#d1ecfc;
font-size:25px;
text-align:center;
}
h4{
position:relative;
display:block;
float:left;
margin:0;
padding:5px 0 10px 10px;
min-width:220px;
color:#d1ecfc;
font-size:20px;
}
h5{
position:relative;
display:block;
float:left;
margin:0;
padding:5px 0 10px 23px;
min-width:820px;
color:#d1ecfc;
font-size:18px;
font-weight:normal;
text-align:center;
}
.rightContent h4{
	position:relative;
	display:block;
	float:left;
margin:0;
padding:5px 0 10px 10px;
min-width:420px;
color:#66ccff;
font-size:20px;
font-weight:normal;
}
.prodBigDesc h4{
position:relative;
display:block;
float:left;
margin:10px 0 0 10px;
padding:0;
width:248px;
color:#ffffff;
font-size:18px;
font-weight:normal;
}
.prodBigDesc ul{
position:relative;
display:block;
float:left;
margin:10px 0 0 10px;
padding:0;
width:248px;
}
.prodBigDesc ul li{
position:relative;
display:block;
margin:0 0 3px 0;
padding:0;
color:#ffffff;
font-size:14px;
font-weight:normal;
list-style:none;
}
.prodBigDesc img{
position:relative;
display:block;
float:left;
margin:10px 0 0 10px;
padding:0;
}
.lang{
position:relative;
display:block;
float:left;
margin:0;
padding:0;
width:293px;
height:124px;
background:url(/images/langBg2.jpg) no-repeat;
}
h1.home{
position:relative;
display:block;
float:left;
margin:0;
padding:0;
width:108px;
height:107px;
background:url(/images/logo.jpg) no-repeat;
font-size:15px;
text-indent:-1000px;
overflow:hidden;
}
h2.home{
position:relative;
display:block;
float:left;
margin:0;
padding:0;
width:461px;
height:107px;
background:url(/images/name.jpg) no-repeat;
font-size:12px;
text-indent:-1000px;
overflow:hidden;
}
.homeLogos{
position:relative;
display:block;
float:left;
margin:0;
padding:0;
width:862px;
height:73px;
background:url(/images/homeLogos.jpg) no-repeat;
}
.langHome{
position:relative;
display:block;
float:left;
margin:0;
padding:0;
width:293px;
height:107px;
background:url(/images/langBg2.jpg) no-repeat;
}

.lang_selector ul {
  list-style-type: none;
  float: right;
  margin-right: 20px;
  margin-top: 20px;
}

.lang_selector ul li {
  float: left;
  margin-left: 10px;
  padding: 2px 7px 3px 20px;
}

.lang_selector ul li.fr {
  background:url(/images/fr.png) no-repeat left 6px;
}

.lang_selector ul li.en {
  background:url(/images/en.png) no-repeat left 6px;
}

.lang_selector ul li.fr_act {
  background:url(/images/fr_act.png) no-repeat left 6px;
}

.lang_selector ul li.en_act {
  background:url(/images/en_act.png) no-repeat left 6px;
}

.lang_selector ul li a {
  font-size: 10px;
  color: #99ccff;
  line-height: 10px;
}

.lang_selector ul li.fr_act a, .lang_selector ul li.en_act a {
  color: #fff;
  text-decoration: none;
}

.contentB{
position:relative;
display:block;
float:left;
margin:0;
padding:0;
width:862px;
background:url(/images/contentBBg.jpg) repeat-y;
}
.content{
position:relative;
display:block;
float:left;
margin:0;
padding:0 21px 0 17px;
width:824px;
overflow: hidden;
background:url(/images/contentTopBg.jpg) no-repeat;
}
.contentHome{
position:relative;
display:block;
float:left;
margin:0;
padding:0 21px 0 17px;
width:824px;
height:269px;
background:url(/images/contentTopBgHome.jpg) no-repeat;
}

.contentHome p, .fr_contentHome p{
position:relative;
display:block;
float:left;
margin-top:5px;
padding:0 0 0 23px;
width:340px;
color:#d1ecfc;
font-size:12px;
text-align:center;
}

.contentHome p.welcome2{
position:relative;
display:block;
float:left;
margin-top:5px;
padding:0 0 0 23px;
width:320px;
color:#d1ecfc;
font-size:12px;	
}


.contentFishBg{
position:relative;
display:block;
float:left;
margin:0;
padding:0;
width:824px;
min-height:500px;
background:url(/images/fish.jpg) bottom right  no-repeat;

}

.contentFishBg h3{
position:relative;
display:block;
float: left;
margin:10px 0 0 350px;
_margin: 10px 0 0 180px;
padding:0;
}

.contentFishBg p{
position:relative;
display:block;
float:left;
margin:0;
padding:15px 23px 10px 23px;
color:#d1ecfc;
font-size:13px;
}
.contentFishBg p.contP{
position:relative;
display:block;
float:left;
margin:0;
padding:15px 23px 10px 23px;
color:#d1ecfc;
font-size:13px;
min-width:366px;
}
.contactMap{
position:relative;
display:block;
float:left;
margin:0;
padding:0;
width:430px;
height:300px;
}
.contactMap a{
position:relative;
display:block;
float:left;
margin:0;
padding:0 0 0 23px;
width:300px;
color:#FFFFFF;
}
.contactMap img{
position:relative;
display:block;
float:left;
margin:0;
padding:15px 23px 10px 23px;

}
.contentFishBg .aboutLogo{
position:relative;
display:block;
float:left;
margin:0;
padding:15px 23px 0 23px;
color:#d1ecfc;
width:778px;
}
.contentFishBg .aboutLogo{
position:relative;
display:block;
float:left;
margin:0;
padding:15px 23px 0 23px;
color:#d1ecfc;
width:778px;
}
.contentFishBg .contactLogo{
position:relative;
display:block;
float:left;
margin:0;
padding:15px 0 0 23px;
color:#d1ecfc;
width:366px;
}
.contentFishBg .contactLogo img{
position:relative;
display:block;
float:left;
margin:0 25px 0 0;
padding:0;
}
.contentFishBg .contactLogo a{
color:#66ccff;
}
.contentFishBg .contactBt{
position:relative;
display:block;
float:left;
margin:0;
padding:15px 23px 0 23px;
color:#d1ecfc;
width:778px;
text-align:center;
}

.leftMenu table.prods{
	display:block;
	position:relative;
	float:left;
	
	width:400px;
	}
.contentFishBg .aboutLogo img{
position:relative;
display:block;
float:left;
margin:0 25px 0 0;
padding:0;
}
/*.leftMenu{
position:relative;
display:block;
float:left;
margin:0 0 0 13px;
padding:0;
width:234px;
background:url(/images/leftMenuBg.jpg) no-repeat;
}*/
.leftMenu{
position:relative;
display:block;
float:left;
margin:0 0 0 13px;
_margin:0 0 0 5px;
padding:0;
width:862px;
}
.leftMenu p{
position:relative;
display:block;
float:left;
margin:0;
padding:0 23px 0 10px;
color:#d1ecfc;
font-size:13px;
font-weight:bold;
}
.leftMenu ul{
position:relative;
display:block;
float:left;
width:224px;
margin:0;
padding:5px 0 10px 10px;
_padding:5px 0 10px 0;
}
.leftMenu ul li{
position:relative;
display:block;
width:191px;
margin:0;
padding:0 10px 2px 12px;
_padding:0 0 2px 0;
list-style:none;
background:url(/images/leftMenuListB.jpg) 0 5px no-repeat;
color:#ffffff;
}
.leftMenu ul li a{
color:#ffffff;
text-decoration:none;
}
.leftMenu ul li a:hover{
color:#66ccff;
}

.rightContent{
position:relative;
display:block;
float:left;
margin:0 0 0 0px;
padding:0;
width:570px;
}
.prodBigPic{
position:relative;
display:block;
float:left;
margin:0 0 0 0px;
padding:0;
width:296px;
}
.prodBigPic img{
position:relative;
display:block;
margin:10px 0 0 10px;
padding:0;
width:251px;
height:250px;
border:4px #d1ecfc solid;
}
.prodBigPic a{
position:relative;
display:block;
margin:10px 0 0 20px;
_margin:10px 0 0 10px;
padding:0;
color:#d1ecfc;
}
.prodBigDesc{
	position:relative;
	display:block;
	float:left;
margin:0;
padding:0;
width:258px;
}
.allProducts{
	position:relative;
	display:block;
	float:left;
margin:0;
padding:0;
width:570px;
}
.allProducts .product{
	position:relative;
	display:block;
	float:left;
margin:15px 0 20px 0;
padding:0;
width:190px;
text-align:center;
}
.allProducts .product img{
	position:relative;
	display:block;
margin:0 auto 0 auto;
padding:0;
border:4px #d1ecfc solid;
}
.allProducts .product a{
	position:relative;
	display:block;
margin:5px auto 0 auto;
padding:0;
color:#FFFFFF;
}
.footer{
position:relative;
display:block;
float:left;
width:862px;
height:82px;
background:url(/images/footerBg.jpg) no-repeat;
}
.footerHome{
position:relative;
display:block;
float:left;
width:862px;
height:82px;
background:url(/images/footerBgHome.jpg) no-repeat;
}
.copy{
position:relative;
display:block;
float:left;
margin:60px 0 0 15px;
_margin:60px 0 0 5px;
padding:0;
width:462px;
font-size:11px;
color:#89aac9;
}
.madeBy{
position:relative;
display:block;
float:right;
margin:60px 15px 0 0px;
_margin:60px 0 0 5px;
padding:0;
width:300px;
font-size:11px;
color:#89aac9;
text-align:right;
}
.madeBy a{
color:#89aac9;
}




/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}


/* French */
.fr_contentHome{
position:relative;
display:block;
float:left;
margin:0;
padding:0 21px 0 17px;
width:824px;
height:269px;
background:url(/images/contentTopBgHome_fr.jpg) no-repeat;
}

.topmenu ul li a.fr_home{
background:url(/images/menuHome_fr.jpg) no-repeat;
}
.topmenu ul li a.fr_home:hover{
background:url(/images/menuHomeH_fr.jpg) no-repeat;
}
.topmenu ul li a.fr_products{
background:url(/images/menuProd_fr.jpg) no-repeat;
}
.topmenu ul li a.fr_products:hover{
background:url(/images/menuProdH_fr.jpg) no-repeat;
}
.topmenu ul li a.fr_video{
background:url(/images/menuVideo_fr.jpg) no-repeat;
}
.topmenu ul li a.fr_video:hover{
background:url(/images/menuVideoH_fr.jpg) no-repeat;
}
.topmenu ul li a.fr_about{
background:url(/images/menuAbout_fr.jpg) no-repeat;
}
.topmenu ul li a.fr_about:hover{
background:url(/images/menuAboutH_fr.jpg) no-repeat;
}
.topmenu ul li a.fr_contact{
background:url(/images/menuContact_fr.jpg) no-repeat;
}
.topmenu ul li a.fr_contact:hover{
background:url(/images/menuContactH_fr.jpg) no-repeat;
}