body {
margin:0;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
}

img {
border:0;
padding:0;
margin:0;
}

a:link {
	text-decoration: none;
	color: #990000;
}
a:visited {
	text-decoration: none;
	color: #333333;
}
a:hover {
	text-decoration: underline;
	color: #CC6600;
}
a:active {
	text-decoration: none;
	color: #FF0000;
}

#navcontainer
{
margin: 0px auto;
text-align: centre;
font-family: Georgia, "Times New Roman", Times, serif;
}


#container
{
width: 804px;
margin: 0px auto;
text-align: left;
height: 100px;
position:relative;
}

#container h1
{
margin-left: 10px;
font-family: Arial, Helvetica, sans-serif;
font-size:18px;
color:#000000;
}


/*---- HEADER --------------------------------*/

#header {
width:100%;
margin:0;
padding:0;
background-color:#fff;
position:relative;
}

#header h1 {  margin-left:0; background:transparent url(images/smh_navLogo.gif) no-repeat; }

#header h1 a { display:block; width:212px; height:125px;
}

#header h1 a span, #header ul li a span { display:none; }

#header ul { 
margin:0; 
padding:0; 
list-style:none;
position:absolute;
top:58px;
left:250px;
}


#header ul li { 
height:55px; 
width:257px;
float:left;
}

#header ul li#msButton  { background:transparent url(../manga_shakespeare/images/ms_navbutton.gif) 0 -55px no-repeat; margin-right:20px; }
#header ul li#msButton:hover { background:transparent url(../manga_shakespeare/images/ms_navbutton.gif) 0 -55px no-repeat; }

#header ul li#ceButton { background:transparent url(../manga_shakespeare/images/ce_navbutton.gif) no-repeat; }
#header ul li#ceButton:hover { background:transparent url(../manga_shakespeare/images/ce_navbutton.gif) 0 -55px no-repeat; }



#header ul li#msButton a, #header ul li#ceButton a {
display:block;
height:100%;
width:100%;
}


/*---- HOMEPAGE --------------------------------*/

#homepage
{
text-align:center;
margin-top:10px;
padding-bottom:10px;

}

#para
{font:Georgia;
font-size:14px;
margin-top:10px;
border-bottom: 1px dotted #333333;
border-top: 1px dotted #333333;
padding:10px 0 10px 0;
}

#homeleft01
{
width:194px;
height:250px;
float: left;
margin-top:10px;

font-size: 12px;
line-height: 18px;
margin-bottom: 10px;

}

#homeleft02
{
width:190px;
height:250px;
float: left;
margin-top:10px;

margin-right:7px;
padding-right:15px;
border-right: 1px dotted #333333;
font-size: 12px;
line-height: 18px;
margin-bottom: 10px;
color: #666666;
}







#homeright01
{
width:195px;
height:250px;
float:left;
margin-top:10px;
font-size: 12px;

padding-left:1px;
line-height: 18px;
margin-bottom: 10px;
color: #666666;
}


#homeright02
{
width:195px;
height:250px;
float: right;
margin-top:10px;
font-size: 12px;
line-height: 18px;
margin-bottom: 10px;

}





/*---- NAVIGATION --------------------------------*/


ul#navlist { font-family: sans-serif; }

ul#navlist a
{
font-weight: bold;
text-decoration: none;
}

ul#navlist, ul#navlist ul, ul#navlist li
{
margin: 0px;
padding: 0px;
list-style-type: none;

}

ul#navlist li { float: left; font-size: 12px;width:159px; text-align:center;border-right:1px solid #FFFFFF; }

ul#navlist li a
{
color: #ffffff;
background-color: #000066;
padding: 3px;
display:block;
padding:5px 0 5px 0;
}

ul#navlist li a:hover
{
color: #ffffff;
background-color: #3399FF;
}

ul#navlist li a:active
{
color: #ffffff;
background-color: #336699;
}

ul#subnavlist { display: none; }
ul#subnavlist li { float: none;  }

ul#subnavlist li a
{
padding: 0px;
margin: 0px;


}

ul#navlist li:hover ul#subnavlist
{
display: block;
position: absolute;
font-size: 8pt;
padding-top: 1px;

}

ul#navlist li:hover ul#subnavlist li a
{
display: block;
width: 10em;
border-bottom:1px solid #FFFFFF;
width:159px;
padding:5px 0 5px 0;
}





/*---- MANGA --------------------------------*/



#contleft
{
width:159px;
float: left;


}



#contleft h2 {
font-size: 12px;
line-height: 18px;
font-weight:bold;
color: #666666;
padding:0px;
width:149px;
margin-top:0;
border-bottom: 1px dotted #669999;
letter-spacing: 0.3em; 
word-spacing: 0.3em;
text-align: left;
float: left;
align:top;
}

#contleft h3 {
font-size: 10px;
line-height: 12px;
font-weight:bold;
color: #669999;
padding:0;
margin-top:0;
border-bottom: 1px dotted #669999;
width:149px;
}

#contleft h4 {
font-size: 12px;
line-height: 18px;
font-weight:bold;
color: #669999;
padding:0px;
margin-top:0;
border-bottom: 1px dotted #669999;
letter-spacing: 0.3em; 
word-spacing: 0.3em;
width:149px;
}




#contmid
{
font-size: 11px;
line-height: 18px;
margin-bottom: 10px;
color: #666666;
width:460px;
border-left: 1px dotted #669999;
border-right: 1px dotted #669999;
float: left;
padding:20px 10px 0;
}



#contmid h2 {
font-size: 12px;
line-height: 18px;
font-weight:bold;
color: #333333;
padding:0;
margin-top:0;
border-bottom: 1px dotted #669999;
letter-spacing: 0.3em; 
word-spacing: 0.3em;
}

#contmid h3 {
font-size: 12px;
line-height: 18px;
font-weight:bold;

color: #333333;
padding:0;
margin:0;
}

#contmid h4 {
font-size: 10px;
line-height: 18px;
font-weight:bold;
color: #666666;
padding:0;
margin:0;
}

#contmid h5 {
font-size: 12px;
line-height: 18px;
font-weight:bold;
color: #666666;
padding:0;
margin:0;
}
#contmid p
{
padding:0;
margin:0;
line-height: 18px;
}

#contright
{
font-size: 10px;
line-height: 18px;
margin-bottom: 10px;
color: #666666;
height: auto;
width: 138px;
float: left;
padding:10px 10px 0;
}

#contright h2 {
font-size: 12px;
line-height: 18px;
font-weight:bold;
color: #666666;
padding:0px;
margin-top:0;
border-bottom: 1px dotted #669999;
letter-spacing: 0.3em; 
word-spacing: 0.3em;
text-align: left;
}

#contright h3 {
font-size: 10px;
line-height: 18px;
font-weight:bold;
color: #333333;
padding:0;
margin-top:0;
border-bottom: 1px dotted #669999;
text-align: left;
}

#contright h4 {
font-size: 10px;
line-height: 18px;
font-weight:bold;
color: #990000;
letter-spacing: 0.2em; 
padding:0;
margin-top:0;
border-bottom: 1px dotted #669999;
}

#contright h5 {
font-size: 14px;
line-height: 20px;
font-weight:bold;
color: #999999; 
padding:0;
margin-top:0;
}

#foliomid
{
width:460px;
}
		
#foliomid ul
{
margin:0;
padding:0;
}

#foliomid ul li
{
list-style:none;
font-style: inherit;
margin-top:16px;
margin-left:16px;
float:left;

}


#foliomid ul li.firstLi {
margin-left:0;
}


#foliomid ul li img {
border: 1px solid #000;
}





/*---- CLASSICAL EYE --------------------------------*/

#content_eye
{
width: inherit;
background-color: #9966FF;
font-family: Arial, Helvetica, sans-serif;
height:450px;
}

#conteye h3 {
font-size: 14px;
line-height: 18px;

font-weight:bold;
color: #FFFFFF;
padding:50px 50px 50px 250px;
margin:0px;
letter-spacing: 0.5em; 
word-spacing: 0.5em;

}


/*---- FOOTER --------------------------------*/

#footer
{
width: 800px;
border-top:1px dotted #333333;
position:relative;
clear:both;
height:20px;
}

#footerleft
{
font-size: 10px;
color: #666666;
list-style:none;
padding:5px 0 0 0px;
float: left;
}



#footerright
{
font-size: 10px;
color: #666666;
list-style:none;
float: right;
padding:5px 0 0 10px;
text-decoration: none;


}



/*---- ROLLOVERS --------------------------------*/

#smh
{
  display: block;
  width: 147px;
  height: 125px;
  background:  url(../images/rollovers/smh_btn.jpg) no-repeat 0 0;

}

#smh:hover
{ 
  background-position:  -147px;
}

#smh span
{
  display: none;
}

#pr
{
  display: block;
  width: 147px;
  height: 80px;
  background:  url(../images/rollovers/pr_roll_overs.jpg) no-repeat 0 0;

}

#pr:hover
{ 
  background-position:  -147px;
}

#pr span
{
  display: none;
}

#pd
{
  display: block;
  width: 147px;
  height: 80px;
  background:  url(../images/rollovers/pd_roll_overs.jpg) no-repeat 0 0;

}

#pd:hover
{ 
  background-position:  -147px;
}

#pd span
{
  display: none;
}

#pa
{
  display: block;
  width: 147px;
  height: 80px;
  background:  url(../images/rollovers/pa_roll_overs.jpg) no-repeat 0 0;

}

#pa:hover
{ 
  background-position:  -147px;
}

#pa span
{
  display: none;
}

#tof
{
  display: block;
  width: 147px;
  height: 80px;
  background:  url(../images/rollovers/tof_roll_overs.jpg) no-repeat 0 0;

}

#tof:hover
{ 
  background-position:  -147px;
}

#tof span
{
  display: none;
}


#dr
{
  display: block;
  width: 147px;
  height: 80px;
  background:  url(../images/rollovers/dr_roll_overs.jpg) no-repeat 0 0;

}

#dr:hover
{ 
  background-position:  -147px;
}

#dr span
{
  display: none;
}


#wk
{
  display: block;
  width: 147px;
  height: 80px;
  background: url(../images/rollovers/workshop.jpg) no-repeat 0 0;

}

#wk:hover
{ 
  background-position:  -147px;
}

#wk span
{
  display: none;
}

#rp
{
  display: block;
  width: 147px;
  height: 80px;
  background: url(../images/rollovers/rp_roll_overs.jpg)  no-repeat 0 0;

}

#rp:hover
{ 
  background-position:  -147px;
}

#rp span
{
  display: none;
}