/*
Theme Name: Marcus Wareing
Theme URI: http://www.marcus-wareing.com/
Description: bespoke theme for Marcus Wareing at The Berkeley website
Author: Titus Bicknell
Author URI: http://titusbicknell.com/
*/

body { font-family: Verdana, Helvetica, Arial, Sans-Serif; font-size: 14px; background-image: url("images/bg.png"); line-height: 1.5;  }
h1 { font-size: 14px; color: #000000; line-height: 1.5; }
.mw_bl { font-size: 14px; color: #000000; font-weight: bold; line-height: 1.5; }
.mw_dg { font-size: 14px; color: #666666; font-weight: bold; line-height: 1.5; }
.mw_mg { font-size: 14px; color: #999999; font-weight: bold; line-height: 1.5; }

a { outline: none; }
a:link, a:visited { text-decoration: none; color: #999999; font-weight: bold; }
a:hover { color: #666666; }

#vertical { position:absolute; top:50%; margin-top:-290px; left:0; width:100%; }
#content { position: relative; width: 1200px; margin: 0px auto 0px; padding: 0px; }	
#one { position: absolute; left: 111px; height: 480px; width: 360px; margin: 0px; padding: 30px 25px 10px; }
#two { position: absolute; left: 521px; height: 500px; width: 550px; margin: 0px; padding: 10px; background-color: #ffffff; }
#nav { position: absolute; left: 1091px; height: 500px; width: 150px; margin: 0px; padding: 0px; }

#nav1 { position: absolute; left: 1091px; height: 500px; width: 90px; margin: 0px; padding: 10px; color: #ffffff; text-transform: uppercase; }
a.nav1:link, a.nav:visited { text-decoration: none; color: #666666; }
a.nav1:hover, a.nav:active { color: #ffffff; }	
	
#scrollcontrol1 { position: absolute; top: 445px; left: 186px; height: 10px; width: 10px; }	
#mwScrollContent { color: #666666; }

#box { position: absolute; top: 465px; left: 136px; height: 25px; width: 360px; padding: 10px 5px 10px; background-color: #999999; } 
 

/*
#box a:link, a:visited { text-decoration: none; color: #ffffff; }
#box a:hover { color: #666666; }
a.box:link, a.box:visited { text-decoration: none; color: #ffffff; }
a.box:hover { color: #666666; }
*/


	
#home { position: absolute; left: 111px; height: 520px; width: 980px; margin: 0px; z-index:-1; background-color: #ffffff;}

#front {
	background-color: #ffffff;
	margin: 0 0 0 0px;
	padding: 10px;
	height: 500px;
	width: 960px;
	border: 0px;
	float: left;
	color: #666666; 
	}
	
.displace { position: absolute; left: -5000px; }

ul.cssmenu { list-style: none; padding: 0px; margin: 0px; }
ul.cssmenu li { }
ul.cssmenu li a { display: block; width: 150px; height: 33px; background: url('images/nav.png'); background-repeat:no-repeat; }

ul.cssmenu li.marcus a { background-position: 0px -20px; }
ul.cssmenu li.marcus a:hover { background-position: -200px -20px; }
ul.cssmenu li.marcus a.selected { background-position: -200px -20px; }

ul.cssmenu li.restaurant a { background-position: 0 -70px; }
ul.cssmenu li.restaurant a:hover { background-position: -200px -70px; }
ul.cssmenu li.restaurant a.selected { background-position: -200px -70px; }	

ul.cssmenu li.menus a { background-position: 0 -120px; }
ul.cssmenu li.menus a:hover { background-position: -200px -120px; }
ul.cssmenu li.menus a.selected { background-position: -200px -120px; }

ul.cssmenu li.reservations a { background-position: 0 -170px; }
ul.cssmenu li.reservations a:hover { background-position: -200px -170px; }
ul.cssmenu li.reservations a.selected { background-position: -200px -170px; }

ul.cssmenu li.contact a { background-position: 0 -220px; }
ul.cssmenu li.contact a:hover { background-position: -200px -220px; }
ul.cssmenu li.contact a.selected { background-position: -200px -220px; }

ul.cssmenu li.gallery a { background-position: 0 -270px; }
ul.cssmenu li.gallery a:hover { background-position: -200px -270px; }
ul.cssmenu li.gallery a.selected { background-position: -200px -270px; }

ul.cssmenu li.news a { background-position: 0 -320px; }
ul.cssmenu li.news a:hover { background-position: -200px -320px; }
ul.cssmenu li.news a.selected { background-position: -200px -320px; }

ul.cssmenu li.shop a { background-position: 0 -370px; }
ul.cssmenu li.shop a:hover { background-position: -200px -370px; }	
ul.cssmenu li.shop a.selected { background-position: -200px -370px; }

ul.cssmenu li.food a { background-position: 0 -420px; }
ul.cssmenu li.food a:hover { background-position: -200px -420px; }	
ul.cssmenu li.food a.selected { background-position: -200px -420px; }
	
ul.cssmenu li.team a { background-position: 0 -470px; }
ul.cssmenu li.team a:hover { background-position: -200px -470px; }	
ul.cssmenu li.team a.selected { background-position: -200px -470px; }

ul.cssmenu li.dining a { background-position: 0 -520px; }
ul.cssmenu li.dining a:hover { background-position: -200px -520px; }	
ul.cssmenu li.dining a.selected { background-position: -200px -520px; }

#homediv { position: absolute; left: 441px; top: 472px; height: 20px; width: 150px; margin: 0px; padding: 0px; z-index: 10; }	
ul.submenu { list-style: none; padding: 0px; margin: 0px; }
ul.submenu li a { display: block; width: 100px; height: 30px; background: url('images/subnav.png'); background-repeat:no-repeat; }
ul.submenu li.home a { background-position: 0px -20px; }
ul.submenu li.home a:hover { background-position: -200px -20px; }

#restnavdiv	{ position: absolute; top: 467px; left: 135px; height: 20px; width: 200px; padding: 0px 1px; z-index: 10; }
ul.restnav { list-style: none; padding: 0px; margin: 0px; }
ul.restnav li a { display: block; width: 200px; height: 20px; background: url('images/restnav.png'); background-repeat:no-repeat; }
ul.restnav li.blank a { background-position: -100px -100px; }
ul.restnav li.blank a:hover { background-position: -100px -100px; }
ul.restnav li.next11 a { background-position: 0px -55px; }
ul.restnav li.next11 a:hover { background-position: -200px -55px; }
ul.restnav li.prev11 a { background-position: 0px -75px; }
ul.restnav li.prev11 a:hover { background-position: -200px -75px; }
ul.restnav li.next22 a { background-position: 0px -95px; }
ul.restnav li.next22 a:hover { background-position: -200px -95px; }
ul.restnav li.prev22 a { background-position: 0px -115px; }
ul.restnav li.prev22 a:hover { background-position: -200px -115px; }
ul.restnav li.next6 a { background-position: 0px -135px; }
ul.restnav li.next6 a:hover { background-position: -200px -135px; }
ul.restnav li.prev6 a { background-position: 0px -155px; }
ul.restnav li.prev6 a:hover { background-position: -200px -155px; }
ul.restnav li.next16 a { background-position: 0px -175px; }
ul.restnav li.next16 a:hover { background-position: -200px -175px; }
ul.restnav li.prev16 a { background-position: 0px -195px; }
ul.restnav li.prev16 a:hover { background-position: -200px -195px; }
ul.restnav li.next25 a { background-position: 0px -215px; }
ul.restnav li.next25 a:hover { background-position: -200px -215px; }
ul.restnav li.prev25 a { background-position: 0px -235px; }
ul.restnav li.prev25 a:hover { background-position: -200px -235px; }
ul.restnav li.next29 a { background-position: 0px -255px; }
ul.restnav li.next29 a:hover { background-position: -200px -255px; }
ul.restnav li.prev29 a { background-position: 0px -275px; }
ul.restnav li.prev29 a:hover { background-position: -200px -275px; }
ul.restnav li.next33 a { background-position: 0px -295px; }
ul.restnav li.next33 a:hover { background-position: -200px -295px; }
ul.restnav li.prev33 a { background-position: 0px -315px; }
ul.restnav li.prev33 a:hover { background-position: -200px -315px; }
ul.restnav li.next69 a { background-position: 0px -335px; }
ul.restnav li.next69 a:hover { background-position: -200px -335px; }

#gallerybox { position: absolute; top: 465px; left: 136px; height: 45px; width: 370px; background-image: url("images/bg.png"); }
#gallnavdiv	{ position: absolute; top: 485px; left: 142px; height: 20px; width: 75px; z-index: 10; }
ul.gallnav { list-style: none; padding: 0px; margin: 0px; }
ul.gallnav li a { display: block; width: 15px; height: 20px; margin: 0px 2px 0px 2px; background: url('images/gallarrows.png'); background-repeat:no-repeat; }
ul.gallnav li { float: left; }
ul.gallnav li.nolink a { background-position: -100px -100px; }
ul.gallnav li.nolink a:hover { background-position: -100px -100px; }
ul.gallnav li.arrowleft a { background-position: 0px 0px; }
ul.gallnav li.arrowleft a:hover { background-position: 0px -20px; }
ul.gallnav li.arrowright a { background-position: -15px 0px; }
ul.gallnav li.arrowright a:hover { background-position: -15px -20px; }

#arrowdiv { position: absolute; left: 455px; top: 445px; height: 20px; width: 150px; margin: 0px; padding: 0px; z-index: 10; }
ul.arrows { list-style: none; padding: 0px; margin: 0px; }
ul.arrows li a { display: block; width: 21px; height: 15px; background: url('images/arrows.png'); background-repeat:no-repeat; }
ul.arrows li { float: left; }
ul.arrows li.arrowdown a { background-position: 0px -15px; }
ul.arrows li.arrowdown a:hover { background-position: 0px 0px; }
ul.arrows li.arrowup a { background-position: -20px 0px; }
ul.arrows li.arrowup a:hover { background-position: -20px -15px; }

#footerdiv { position: absolute; left: 111px; top: 535px; height: 40px; width: 980px; margin: 0px; padding: 0px; }	
ul.footerdiv { list-style: none; padding: 0px; margin: 0px; }
ul.footerdiv li a { display: block; width: 980; height: 40px; background: url('images/emailfooter.png'); background-repeat:no-repeat; }
ul.footerdiv li.email a { background-position: 0px 0px; }
ul.footerdiv li.email a:hover { background-position: 0px -50px; }

#bannerdiv { position: absolute; left: 111px; height: 520px; width: 980px; margin: 0px; z-index:10; }	
ul.bannerdiv { list-style: none; padding: 0px; margin: 0px; }
ul.bannerdiv li a { display: block; width: 980; height: 520px; background: url('images/mwbanner.png'); background-repeat:no-repeat; }
ul.bannerdiv li.booking a { background-position: 0px 0px; }
ul.bannerdiv li.booking a:hover { background-position: 0px -520px; }

/* default opacity for IE */
img {
	filter:alpha(opacity=100);
	}

/* duplicate image positioning */
img.idupe {
	position:absolute;
	z-index:30000;
	visibility:hidden;
	}