/*RESET----------------------------------------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:#000;background:#fff}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""}

/*BASE----------------------------------------------------------------------------*/
html,body {background:#EFEFEF  }
body {font:.8em Arial,sans-serif; color:#333;}

a {text-decoration:none; color:#643D6A;}
a:hover{text-decoration: underline; color: #0A2D72}
hr {display:none;}
ul{ margin: 10px 15px; padding: 0;}
li{ list-style: disc; margin: 0 0 6px;font-size:1em; line-height:1.4em; }
h2 {padding:0px 0 0.5em 0; font-size: 190%;font-family: "Arial",serif }
h3{ font-size: 150%;padding:0px 0 0.5em 0; font-family: "Arial",serif }
h2 em {display:block; background:url('images/hr-trans.png') no-repeat 50% 0; padding-top:11px; font-size:.9em;}
h2+ p{ margin-bottom: 1em;}
p+img {position:absolute; right:25px; background:url('images/cadrePhoto-trans.png'); padding:12px;}
table{border-collapse: collapse}
table td{vertical-align: top; padding: 10px 10px 10px 10px ; /*border-bottom: 1px solid #DEDEDE*/}

#image1{width:700px;height: 304px;position: absolute;top:0;background: url(/images/home_image.jpg) no-repeat; text-indent: -5000px}
#image2{width:700px;height: 304px;position: absolute;top:0;background: url(/images/2.jpg) no-repeat;text-indent: -5000px;}
#image3{width:700px;height: 304px;position: absolute;top:0;background: url(/images/4.jpg) no-repeat;text-indent:-5000px}
.image_align_right{float: right; margin: 0 0 15px 15px; padding: 10px; }
.image_right{float: right; margin: 0 0 15px 15px; padding: 10px; }

/*FRAME----------------------------------------------------------------------------*/
#page{width:700px; margin: 0 auto; background: #FFF; padding: 0 15px 0px 15px;}

#header{width:730px; height: 233px; margin: 0 auto; background: url(/images/header_bg.png) repeat-x 0 bottom}
#header_inner{width:850px;margin: 0 auto; height: 183px; /*background: url(/images/inner.png) no-repeat 0 bottom */}
#header h1{float: left; width:229px; height: 123px; text-indent: -5000px; }
#home_bg{width:100%; height: 290px; background: url(/images/home_bg.png) repeat-x}
#home_text{width:390px; height: 290px;float: left; margin-right: 30px;}
#home_image{width:380px; height: 290px;float: left; margin-top:20px;margin-right: 10px;}
#home_text h3{margin: 0px 0 0 20px}
#home_text p{margin: 10px 0 0 20px; font-size: 1.1em}

#nav{width:730px; margin:0px auto 0 auto; padding: 0;height: 35px;  }

#menu_nav {text-align:center; font-size:.8em;margin: 0 15px 0 0px; padding: 0;width:727px; margin: 0 auto}

#menu_nav li{ padding:0 0px 0 0px;margin: 0 0 0 0px; list-style: none; text-align: right; float: right;display: block;width:90px;height: 35px; background: url(/images/li.png) no-repeat;}
 #menu_nav li:hover{display: block;width:90px;height: 35px; background: url(/images/li.png) no-repeat 0 -37px;}
#menu_nav a{color:#643D6A;font-size: 110%; text-align: center;font-family: Arial,serif; letter-spacing: -1px; text-transform: uppercase; font-weight: normal;display: block;width:90px;
height: 35px;  padding-top: 13px }
#menu_nav a:hover {color:#0A2D72;background: url(/images/li.png) no-repeat 0 -38px}



#content { position:relative; width:700px; margin:0 auto; padding:0px 0 0px 0em;}
#foot_strip{width:730px; height: 30px; background: url(/images/foot_strip.png) no-repeat; margin: 0 auto}
#innerds{ width:700px;margin: 0px auto }

#innerds h3{color: #643D6A; font-size: 200%;font-family: Arial,serif; padding-top: 25px; padding-bottom:5px; }
#innerds h4{color: #AAA;font-family: Arial,serif; font-size: 130%; margin-bottom: 5px}
#innerds p{ line-height: 140%; margin-bottom: 15px; }
#innerds p strong{font-weight: bold}
#innerds p img{margin: 0px 10px 10px 0}
#footer { text-align:center;}
#footer #miniwrap {height:133px;  width:849px; margin:0 auto; padding-top:0;}
#footer br {display:none;}
#footer strong {text-transform:uppercase;}

#copyright{margin: 0 0 0 0; padding: 10px 0 0 0;  clear: both}

#bottom_nav{ margin: 0 auto; width:170px; padding: 5px 0}
#bottom_nav li{ float: left; margin-right: 10px; list-style: none}
#bottom_nav li a:hover{ text-decoration: underline}
#social{width:200px; float: right}
#twitter{background: url(/images/twitter_32.png) no-repeat 0 -32px;width:32px;height: 32px;text-indent: -5000px;display; float:right; margin-right: 10px; margin-top:5px;}
#facebook{background: url(/images/facebook_32.png) no-repeat 0 -32px;width:32px;height: 32px;text-indent: -5000px;display; float:right; margin-top:5px;}
#twitter:hover{background: url(/images/twitter_32.png) no-repeat 0 0px;width:32px;height: 32px;}
#facebook:hover{background: url(/images/facebook_32.png) no-repeat 0 0px;width:32px;height: 32px;}
#badge{ clear: both}
#newsletter{width:200px;float:right;text-align: right}
#newsletter a{text-align:right; display: block;width:200px}
#myform div{width:500px; clear: both; float: left; margin-bottom: 10px}
#myform label{float: left; width:120px;}
#myform input,#myform textarea{float: left; width:300px;border: 1px solid #DFDFDF}
img{}

.hygeine_prod{margin-top:10px;margin-bottom: 25px; clear: both;width:570px}
.hygeine_prod td{padding: 3px; border-bottom: 1px solid #EFEFEF; }
.hygeine_prod th{padding: 2px;font-size: 1.1em}
.hygeine_prod tr:last-child td{border-bottom:none; }

#home_gallery{width:800px; height: 150px; clear: both}
.home_item{width:80px;height:80px; border: 10px solid #333; background: #000; float: left; margin-right: 13px}

#home_tournaments{width:220px; float: left;margin-right:20px;}
#home_tournaments li{ margin-bottom: 10px; background: url(/images/bullet.png) no-repeat 0 2px; padding-left: 20px; list-style: none}
#home_second{width:560px; float: left;}

#main_image{margin-bottom: 15px;}
#med{width:225px; height: 303px; float: left; margin-right: 12px;background: url(/images/med.png) no-repeat; }
#med:hover{display: block; width:225px; height: 303px; background: url(/images/med.png) no-repeat 0 -303px;  }
#yog{width:225px; height: 303px; float: left; margin-right: 12px;background: url(/images/yog.png) no-repeat; }
#yog:hover{display: block; width:225px; height: 303px; background: url(/images/yog.png) no-repeat 0 -303px;  }

#kidyog{width:225px; height: 303px; float: left; background: url(/images/kidyog.png) no-repeat; }
#kidyog:hover{display: block; width:225px; height: 303px; background: url(/images/kidyog.png) no-repeat 0 -303px;  }

#med p, #yog p, #kidyog p{margin: 70px 15px 10px 15px; color: white}
#med ul, #yog ul, #kidyog ul{margin: 0 15px;}
#med ul li, #yog ul li, #kidyog ul li{margin: 0 0 10px 15px; padding: 0;color: white}
#med  a{display: block; width:225px; height: 303px;  position: absolute;text-indent: -5000px; z-index: 1 }
#med  a:hover{display: block; width:225px; height: 303px;   }
#yog  a{display: block; width:225px; height: 303px;  position: absolute;text-indent: -5000px; z-index: 1 }
#yog  a:hover{display: block; width:225px; height: 303px;   }
#kidyog  a{display: block; width:225px; height: 303px;  position: absolute;text-indent: -5000px; z-index: 1 }
#kidyog  a:hover{display: block; width:225px; height: 303px;   }