/* Loading CSS Web Font Typefaces */

@font-face {
  font-family: "GothicMBM";
  src: url("fonts/A-OTF-GothicMB101Pro-Medium.otf") format("opentype");}
@font-face {
  font-family: "Handwriting-Dakota";
  src: url("fonts/Handwriting-Dakota") format("truetype");}
  
/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

body { line-height: 1em; background: white; font-style: normal; font-weight: normal; padding: 0px 0px ; margin: 0px; 
font:13px/1.4em Arial, Helvetica, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3"; color: #404040;}

/* Wrapper */
/* GLOBALHEADER */
#globalheader {
	border-bottom: 1px dotted #a9a9a9;
	height: 120px; width: 100%;
	margin: 0px; 
	background: white;
	}

#globalheader .gh-wrapper{
	width: 980px; 
	border-right: 1px dotted #a9a9a9;
	border-left: 1px dotted #a9a9a9;
	height: 119px;
	margin: 0 auto;
	
	text-align: center;
	}
	
#globalheader .global_logo {
	margin-top: 10px; float: left; background: transparent url(images/biogaia_reuteri_logo.png) no-repeat bottom left;
	width: 288px;
    height: 95px; text-indent: -9999px;display: block; margin-left: 10px;
    margin-bottom: 0px;}
#globalheader .headerFigure { position: absolute; margin-left: 10px; top: -10px; z-index:auto;}

#globalheader ul { margin-left: 0; margin-bottom: 0; margin-right: 10px; margin-top: 80px; float: right; ; z-index: auto; }
#globalheader li {
left: 0px;
top: 0px;
font-family: GothicMBM; font-weight: bold; font-size: 14px;
padding-bottom: 0px; padding-top: 5px; margin-top: 0px; padding-left: 20px; 
padding-right: 10px; 
float: left;}

#globalheader li .CyanHWDSmall{
font-family: "Handwriting-Dakota";font-size: 10px;font-style: italic;font-weight: normal;
color: #00afe7;
position: absolute;
top: -20px;

}
#globalheader li a { position: relative; color: #4f4f4f; text-decoration: none;}
#globalheader li a:hover { color: #00afe7;}

#globalheader .breadcrumb { display:none; margin-right: auto; margin-left: auto; width: 100%; color: #bababa; padding-bottom: 10px; clear: both; float: left; padding-top: 0px; font-size: 10px;}
#globalheader .breadcrumb a { color: #bababa; padding-bottom: 10px; padding-top: 0px; font-size: 10px;}
#globalheader .breadcrumb a:hover { color: #000000; }

/* Tab Navigator if Page as Index of Each Page 
 */

#toptabnavi{
padding: 0px;
margin-top: 0px;
width: 980px;
margin-left: auto;
margin-right: auto;
text-align: left;
}


#toptabnavi h1 { font-family: "Arial";
font-size:20px; font-weight: bold; text-shadow: 2px 2px 1px white; padding-left: 0px; padding-bottom: 10px; padding-right: 0px; padding-top: 10px; margin-left: 10px; margin-bottom: 10px; margin-top: 5px;  line-height: 26px; font-size: 24px; color: #6d6d6d; }

#toptabnavi ul {
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 10px;
	margin-top: 0px;
	padding-top: 20px;
	float: right;
	text-align: right;
	list-style-type: none;
}

#toptabnavi li { 
	padding-left: 6px; padding-bottom: 6px; padding-right: 6px; padding-top: 6px; 
	margin-left: 12px; margin-top: 0px;
	color:#f2f2f2;
	font-weight: bold; font-size: 12px; float: left;
	color: white;
	text-decoration: none;
	background:#f2f2f2;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	}
	
#toptabnavi li a {color: black;}
#toptabnavi li a:hover {  color: #00afe7 ; }



#content{
	padding-left: 0px;
	padding-bottom: 100px;
	padding-right: 0px;
	padding-top: 0px;
	border-right: 1px dotted #a9a9a9;
	border-left: 1px dotted #a9a9a9;
	margin-right: auto; margin-left: auto; margin-bottom: 0px; margin-top: 0px;
	clear: both;
	width: 980px;

	}


.movieback{width:100%; height: 100%;
margin-left: auto; margin-right: auto;
margin-bottom: 0px; margin-top: 0px;
padding-left: 0px; padding-bottom: 10px; padding-right: 0px; padding-top: 10px; text-align: center; 
background-color:#f2f2f2 ;

}

#globalfooter {
	height: 100px;
	width: 100%; 
	border-top:1px dotted #a9a9a9;
	background:white;
	padding: 0px; margin: 0px; b}
#gfwrapper {
	height: 100px;
	width: 980px; 
	border-right: 1px dotted #a9a9a9;
	border-left: 1px dotted #a9a9a9;
	padding: 0px 0px;
	margin: 0px auto;
	}
#gfwrapper #gf-logo{float: left; width:580px;}

#gfwrapper #gf-logo .gf-company {
	color: tranparent;
	background-repeat: no-repeat; background-image: url(images/common/logo-footer.gif); 
	height: 21px;width: 240px; 
	margin:10px 0 0 10px; padding: 0px; 
	}

#gfwrapper #gf-logo .gf-address {font-size: 10px; }

#gfwrapper .gf-notes {right: 0px; display: block; position: static; float: right; width:300px;
font-size: 10px; margin: 20px 0px;}
#gfwrapper .gf-notes li{ color: black; font-weight: bold; margin-left: 20px; margin-bottom: 0; margin-right: 10px; margin-top: 0; list-style-image: url(images/r_arrow_gray.gif); background-position: 0; background-repeat: no-repeat;float: left;}
#gfwrapper .gf-notes li a:hover{color: #00afe7;text-decoration: none;}