* { margin: 0; padding: 0; }
body {font-family: Arial, Helvetica, sans-serif; color: #FFF; font-size: 13px; height: 100%; }
img { border: none; }
.brd { border: 1px solid #000; }

#box { background: url(images/bg.jpg) bottom; height: 100%; position: absolute; bottom: 50px; width: 100%; }
#outercontainer { width: 100%; background: url(images/left.png) no-repeat left bottom; position: absolute; bottom: 50px; height: 100%; }
#innercontainer { width: 100%; float: left; background: url(images/right.png) no-repeat right bottom;  position: absolute; height: 100%;  }
#page { width: 440px; margin: 0 auto; height: 100%; }
#page .main { text-align: center; }

h1 { font-family: "Myriad pro"; font-size: 21px; font-weight: normal; }
h2 { font-family: "Myriad pro"; font-size: 18px; font-weight: normal; }
p { margin-top: 10px; line-height: 22px; }

a { color:#FFF; text-decoration:none; }
a:hover { text-decoration:underline; }


.mbLoading{ background: #000 url(loading.gif) no-repeat center; }/* IMAGE: loading gif */


#container .leftside { width: 261px; float: left;}
#container .rightside { width: 216px; float: right; background: url(images/right.png) no-repeat bottom; }
#container .main { text-align: center;}



.main .con { width: 440px; height: 440px; margin: 0 auto; padding-top: 100px; }



.ben { text-align: right; padding: 85px 100px 0 0; }
.neil { text-align: left; padding: 85px 0 0 100px; }

.main ul { width: 100%; float: left; display: inline; height: 400px; }
.main ul li { width: 90px; height: 70px; list-style: none; float: left; padding: 0 26px 26px 0; }
.main ul li.last { padding-right: 0; }
#bottom { width: 100%; margin: 0 auto; height: 50px; position: absolute; bottom: 0; background: url(images/bottom.jpg) repeat-x; }

#menus { width: 100%; margin: 0 auto; height: 50px; position: absolute; bottom: 0;  }
#menus .leftcell{ width: 111px; float: left; height: 50px; margin-left: 30px;}
#menus .rightcell{ width: 111px; float: right; height: 50px; text-align: right; margin-right: 30px; }
#menus .middle { text-align: center; }
.middle .content { width: 415px; height: 50px; margin: 0 auto; text-align: center; }

#ben a { width: 81px; height: 50px; display: block; background: url(images/ben.gif) top left; text-indent: 1000px; }
#ben a:hover { width: 81px; height: 50px; display: block; background: url(images/ben.gif) bottom right; text-indent: 1000px;  }
#ben a.selected { width: 81px; height: 50px; display: block; background: url(images/ben.gif) bottom right; text-indent: 1000px;  }

#neil a { width: 84px; height: 50px; display: block; background: url(images/neil.gif) top left; float: right; text-indent: 1000px;  }
#neil a:hover { width: 84px; height: 50px; display: block; background: url(images/neil.gif) bottom right;  text-indent: 1000px; }
#neil a.selected { width: 84px; height: 50px; display: block; background: url(images/neil.gif) bottom right; text-indent: 1000px;  }

#tv a { width: 42px; height: 50px; display: block; background: url(images/tv.gif) top left; float: left; text-indent: 1000px; }
#tv a:hover { width: 42px; height: 50px; display: block; background: url(images/tv.gif) bottom right; text-indent: 1000px;  }
#tv a.selected { width: 42px; height: 50px; display: block; background: url(images/tv.gif) bottom right; text-indent: 1000px;  }

#home a { width: 49px; height: 50px; display: block; background: url(images/home_btn.gif) top left; float: left; text-indent: 1000px; }
#home a:hover { width: 49px; height: 50px; display: block; background: url(images/home_btn.gif) bottom right; text-indent: 1000px;  }
#home a.selected { width: 49px; height: 50px; display: block; background: url(images/home_btn.gif) bottom right; text-indent: 1000px;  }

#print a { width: 42px; height: 50px; display: block; background: url(images/print.gif) top left; float: left; text-indent: 1000px; }
#print a:hover { width: 42px; height: 50px; display: block; background: url(images/print.gif) bottom right; text-indent: 1000px;  }
#print a.selected { width: 42px; height: 50px; display: block; background: url(images/print.gif) bottom right; text-indent: 1000px;  }

#digital a { width: 64px; height: 50px; display: block; background: url(images/digtal.gif) top left; float: left; text-indent: 1000px; }
#digital a:hover { width: 64px; height: 50px; display: block; background: url(images/digtal.gif) bottom right; text-indent: 1000px;  }
#digital a.selected { width: 64px; height: 50px; display: block; background: url(images/digtal.gif) bottom right; text-indent: 1000px;  }

#radio a { width: 55px; height: 50px; display: block; background: url(images/radio.gif) top left; float: left; text-indent: 1000px; }
#radio a:hover { width: 55px; height: 50px; display: block; background: url(images/radio.gif) bottom right; text-indent: 1000px;  }
#radio a.selected { width: 55px; height: 50px; display: block; background: url(images/radio.gif) bottom right; text-indent: 1000px;  }