/* GLOBAL RESET  Courtesy of the brilliant Eric Meyer http://meyerweb.com/eric/thoughts/2007/04/14/reworked-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, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
line-height: 1;
font-family: inherit;
text-align: left;
vertical-align: baseline;
}
a img, :link img, :visited img {
border: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
ol, ul {
list-style: none;
}


/* base layout from the excellent Layout Gala: http://blog.html.it/layoutgala/ */
html,body{
background-color:#1b1b1b;
background-image:url(../MEDIA/ebm__body_bg.gif);
background-repeat:repeat-x;
}

/*Styles*/
body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
line-height:1.75;
color:#fff;
font-weight:normal;
}

/* HEADINGS */
h1, h2, h3, h4, h5, h6 {
margin-bottom: 6px;
}

h1{
font-size:400%;
font-weight:bolder;
}

h2 {
font-size:150%;
font-weight:bold;
color:#FFFFFF;
}

h3 {
font-size:120%;
font-weight:bold;
color:#FFFFFF;
}


p {
margin: 0 1em 1em 0;
line-height:1.5;
}

a:link, a:visited{
color:#FFFFFF;
font-weight:bold;
line-height:1.75;

}

a:hover, a:active{
color:#FFFFFF;
font-weight:bold;
line-height:1.75;

}
	
abbr, acronym{
border-bottom:#fff dotted 1px;
cursor:help;
}
	

div#header {
position:relative;
width:880px; /* + padding_left:120px + padding_right:120px = 1120px */
height:80px; /* + padding_top:40px + padding_bottom:0px = 120px */
padding:40px 120px 0px 120px;
}

#header span {
display:block;
position:absolute;
left:120px;
top:40px;
z-index:1;
width:336px;
height:71px;
background-image:url(../MEDIA/eyebathmedia_logo_336px.gif);
}

div#navigation {
position:relative;
width:1000px; /* + padding_left:120px + padding_right:0px = 1120px */
height:37px;
background-image:url(../MEDIA/ebm_divider_top.gif);
background-repeat:no-repeat;
padding:1px 0px 0px 120px;
}

div#navigation img{
float:left;
}


div#container{
text-align:left; 
}

div#introduction {
width:720px; /* + padding_left:20px + padding_right:20px = 760px */
padding: 0px 20px 0px 20px;
}

div#content{
clear:both;
background-image:url(../MEDIA/ebm_content_bg.gif);
background-repeat:no-repeat;
background-position: 120px 0px;
color: #000000;
width:880px; /* + padding_left:120px + padding_right:120px = 1120px */
height:475px;
padding: 0px 120px 0px 120px;
}


div#footer{
font-size:0.85em;
color: #FFFFFF;
background-image:url(../MEDIA/ebm_divider_bottom.gif);
background-repeat:no-repeat;
width:880px; /* + padding_left:120px + padding_right:120px = 1120px */
height:50px; /* + padding_top:10px + padding_bottom:0px = 60px */
padding: 10px 120px 0px 120px;
}

div#footer a:link, a:visited{
color:#4fbe95;
font-weight:bold;
}

div#footer a:hover, a:active{
color:#4fbe95;
font-weight:bold;
}

.small {
font-size:75%;
}

.notice {
	color:#CCC;
	text-align:center;
	font-size:75%;
}

/* nav*/

#graphics
{
  display: block;
  float:left;
  width: 91px;
  height: 36px;
  background: url(../MEDIA/navGraphics.gif) no-repeat 0 0;

}

#graphics:hover
{ 
  background-position: 0 -36px;
}

#graphics span
{
  display: none;
}

#web
{
  display: block;
  float:left;
  width: 43px;
  height: 36px;
  background: url(../MEDIA/navWeb.gif) no-repeat 0 0;

}

#web:hover
{ 
  background-position: 0 -36px;
}

#web span
{
  display: none;
}

#animation
{
  display: block;
  float:left;
  width: 99px;
  height: 36px;
  background: url(../MEDIA/navAnimation.gif) no-repeat 0 0;

}

#animation:hover
{ 
  background-position: 0 -36px;
}

#animation span
{
  display: none;
}



div#container{width:1120px;margin:0 auto;}
div#footer{clear:both;}