html, body {
	height: 100%;         /* required */
}
body {
	text-align: center;   /* horizontal centering hack for IE */
	padding: 0;           /* required to "hide" distance div */
	margin: 0;            /* required to "hide" distance div */
color: #333;
font-family: verdana, arial, sans-serif;
font-size: 12px;
}


div#distance { 
	margin-bottom: -326px; /* half of content height */
	width: 1px;           /* required to "hide" distance div */
	height: 50%;          /* required */
	float: left;          /* required */

}
div#content {
	position: relative;   /* positions content on top of distance */
	text-align: left;     /* horizontal centering hack for IE */
	height: 650px;         /* required - desired height */
	width: 1000px;          /* required - desired width */
	margin: 0 auto;       /* required */
	clear: left;          /* required */
	border: 1px solid black;
}





#menu_box {
position: absolute;
top: 138px;
left: 50px;
	width:898px;
	height:452px;
	background: url('menu_bg.jpg');
	z-index:1;
margin: auto;
border: 1px solid #ccc;

}
	
#iframe {
position: absolute;
top: 138px;
left: 50px;
	width:898px;
	height:452px;
	background:#f0f0f0;
	z-index:1;
margin: auto;
border: 1px solid #ccc;
text-align: left;
}


	
#goback {
position: absolute;
bottom: 10px;
left: 25px;
}

#goback li.goback {
background: url('goback.png') 0px 0px no-repeat;
}
#goback li.goback:hover {
background: url('goback.png') 0px -25px no-repeat;
}

#goback ul {
list-style: none;
padding: 0;
margin: 0;
width: 75px;
}

#goback a  {
display: block;
height: 25px;
margin: 0;
}

#telephone {
position: absolute;
bottom: 10px;
right: 25px;
}

#logo {
position: absolute;
top: 12px;
left: 355px;
}

#aboutDWM {
position: absolute;
top: 106px;
left: 310px;
}

#contactDWM {
position: absolute;
top: 106px;
left: 538px;
}

#aboutDWM li.aboutDWM {
background: url('aboutdwm.png') 0px 0px no-repeat;
}
#aboutDWM li.aboutDWM:hover {
background: url('aboutdwm.png') 0px -30px no-repeat;
}

#contactDWM li.contactDWM {
background: url('contactdwm.png') 0px 0px no-repeat;
}
#contactDWM li.contactDWM:hover {
background: url('contactdwm.png') 0px -30px no-repeat;
}

#aboutDWM ul, #contactDWM ul {
list-style: none;
padding: 0;
margin: 0;
width: 150px;
}

#aboutDWM a, #contactDWM a  {
display: block;
height: 30px;
margin: 0;
}

#makeup ul, #hair ul, #makeupandhair ul, #stylists ul {
list-style: none;
padding: 0;
margin: 0;
width: 200px;
}

#makeup a, #hair a, #makeupandhair a, #stylists a  {
display: block;
height: 25px;
margin: 0;
}

#makeup li, #hair li, #makeupandhair li, #stylists li {
margin-bottom: 2px;
}

#makeup {
position: absolute;
top: 40px;
left: 50px;
}

#hair {
position: absolute;
top: 40px;
left: 325px;
}

#makeupandhair {
position: absolute;
top: 40px;
left: 600px;
}

/*
#stylists {
position: absolute;
top: 40px;
left: 690px;
}
*/

#refresh {
color: #777;
font-size: 10px;
font-family: verdana, arial, sans serif;
position: absolute;
bottom: 10px;
left: 150px;
width: 600px;
text-align: center;
}

#categories {
position: absolute;
top: 106px;
left: 50px;
z-index: 1000;
}

#categories a  {
display: block;
height: 25px;
margin: 0;
}

#categories ul {
margin: 0px;
padding: 0px;
}

#categories li {
list-style: none;
float: left;
margin-right: 20px;
}

#categories li.bio {
background: url('bio.gif') 0px 0px no-repeat;
width: 34px;
}
#categories li.bio:hover {
background: url('bio.gif') 0px -25px no-repeat;
}

#categories li.cv {
background: url('cv.gif') 0px 0px no-repeat;
width: 31px;
}
#categories li.cv:hover {
background: url('cv.gif') 0px -25px no-repeat;
}

#categories li.props {
background: url('props.gif') 0px 0px no-repeat;
width: 34px;
}
#categories li.props:hover {
background: url('props.gif') 0px -25px no-repeat;
}

#categories li.body {
background: url('body.gif') 0px 0px no-repeat;
width: 47px;
}
#categories li.body:hover {
background: url('body.gif') 0px -25px no-repeat;
}

#categories li.men {
background: url('men.gif') 0px 0px no-repeat;
width: 43px;
}
#categories li.men:hover {
background: url('men.gif') 0px -25px no-repeat;
}

#categories li.kids {
background: url('kids.gif') 0px 0px no-repeat;
width: 45px;
}
#categories li.kids:hover {
background: url('kids.gif') 0px -25px no-repeat;
}

#categories li.celebrities {
background: url('celebrities.gif') 0px 0px no-repeat;
width: 97px;
}
#categories li.celebrities:hover {
background: url('celebrities.gif') 0px -25px no-repeat;
}

#categories li.showreel {
background: url('showreel.gif') 0px 0px no-repeat;
width: 86px;
}
#categories li.showreel:hover {
background: url('showreel.gif') 0px -25px no-repeat;
}

#categories li.advertising {
background: url('advertising.gif') 0px 0px no-repeat;
width: 105px;
}
#categories li.advertising:hover {
background: url('advertising.gif') 0px -25px no-repeat;
}

#categories li.beauty{
background: url('beauty.gif') 0px 0px no-repeat;
width: 65px;
}
#categories li.beauty:hover {
background: url('beauty.gif') 0px -25px no-repeat;
}

#categories li.fashion{
background: url('fashion.gif') 0px 0px no-repeat;
width: 73px;
}
#categories li.fashion:hover {
background: url('fashion.gif') 0px -25px no-repeat;
}

#categories li.hairmakeup{
background: url('hairmakeup.gif') 0px 0px no-repeat;
width: 146px;
}
#categories li.hairmakeup:hover {
background: url('hairmakeup.gif') 0px -25px no-repeat;
}


#makeup li.carolbrown {
background: url('menu_images/carolbrown.png') 0px 0px no-repeat;
}
#makeup li.carolbrown:hover {
background: url('menu_images/carolbrown.png') 0px -25px no-repeat;
}

#makeup li.eliwakamatsu {
background: url('menu_images/eliwakamatsu.png') 0px 0px no-repeat;
}
#makeup li.eliwakamatsu:hover {
background: url('menu_images/eliwakamatsu.png') 0px -25px no-repeat;
}

#makeup li.fionajolly, #makeupandhair li.fionajolly {
background: url('menu_images/fionajolly.png') 0px 0px no-repeat;
}
#makeup li.fionajolly:hover, #makeupandhair li.fionajolly:hover {
background: url('menu_images/fionajolly.png') 0px -25px no-repeat;
}

#makeup li.ginnibogado, #makeupandhair li.ginnibogado {
background: url('menu_images/ginnibogado.png') 0px 0px no-repeat;
}
#makeup li.ginnibogado:hover, #makeupandhair li.ginnibogado:hover {
background: url('menu_images/ginnibogado.png') 0px -25px no-repeat;
}

#hair li.lisashepherd {
background: url('menu_images/lisashepherd.png') 0px 0px no-repeat;
}
#hair li.lisashepherd:hover {
background: url('menu_images/lisashepherd.png') 0px -25px no-repeat;
}

#makeup li.lizmartins {
background: url('menu_images/lizmartins.png') 0px 0px no-repeat;
}
#makeup li.lizmartins:hover {
background: url('menu_images/lizmartins.png') 0px -25px no-repeat;
}

#makeup li.natashabulstrode, #makeupandhair li.natashabulstrode {
background: url('menu_images/natashabulstrode.png') 0px 0px no-repeat;
}
#makeup li.natashabulstrode:hover, #makeupandhair li.natashabulstrode:hover {
background: url('menu_images/natashabulstrode.png') 0px -25px no-repeat;
}

#makeup li.phylliscohen {
background: url('menu_images/phylliscohen.png') 0px 0px no-repeat;
}
#makeup li.phylliscohen:hover {
background: url('menu_images/phylliscohen.png') 0px -25px no-repeat;
}

#makeup li.rubyhammer {
background: url('menu_images/rubyhammer.png') 0px 0px no-repeat;
}
#makeup li.rubyhammer:hover {
background: url('menu_images/rubyhammer.png') 0px -25px no-repeat;
}

#makeup li.sarahreygate {
background: url('menu_images/sarahreygate.png') 0px 0px no-repeat;
}
#makeup li.sarahreygate:hover {
background: url('menu_images/sarahreygate.png') 0px -25px no-repeat;
}

#makeup li.tanyachianale {
background: url('menu_images/tanyachianale.png') 0px 0px no-repeat;
}
#makeup li.tanyachianale:hover {
background: url('menu_images/tanyachianale.png') 0px -25px no-repeat;
}

#makeup li.yasminheinz {
background: url('menu_images/yasminheinz.png') 0px 0px no-repeat;
}
#makeup li.yasminheinz:hover {
background: url('menu_images/yasminheinz.png') 0px -25px no-repeat;
}

#hair li.billicurrie {
background: url('menu_images/billicurrie.png') 0px 0px no-repeat;
}
#hair li.billicurrie:hover {
background: url('menu_images/billicurrie.png') 0px -25px no-repeat;
}

#hair li.christophersweeney {
background: url('menu_images/christophersweeney.png') 0px 0px no-repeat;
}
#hair li.christophersweeney:hover {
background: url('menu_images/christophersweeney.png') 0px -25px no-repeat;
}

#hair li.deborahbrider {
background: url('menu_images/deborahbrider.png') 0px 0px no-repeat;
}
#hair li.deborahbrider:hover {
background: url('menu_images/deborahbrider.png') 0px -25px no-repeat;
}

#hair li.keiichirohirano {
background: url('menu_images/keiichirohirano.png') 0px 0px no-repeat;
}
#hair li.keiichirohirano:hover {
background: url('menu_images/keiichirohirano.png') 0px -25px no-repeat;
}

#hair li.piero {
background: url('menu_images/piero.png') 0px 0px no-repeat;
}
#hair li.piero:hover {
background: url('menu_images/piero.png') 0px -25px no-repeat;
}

#hair li.robinpawloski {
background: url('menu_images/robinpawloski.png') 0px 0px no-repeat;
}
#hair li.robinpawloski:hover {
background: url('menu_images/robinpawloski.png') 0px -25px no-repeat;
}

#hair li.saschabreuer {
background: url('menu_images/saschabreuer.png') 0px 0px no-repeat;
}
#hair li.saschabreuer:hover {
background: url('menu_images/saschabreuer.png') 0px -25px no-repeat;
}

#hair li.simonizzard {
background: url('menu_images/simonizzard.png') 0px 0px no-repeat;
}
#hair li.simonizzard:hover {
background: url('menu_images/simonizzard.png') 0px -25px no-repeat;
}

#hair li.wendyiles {
background: url('menu_images/wendyiles.png') 0px 0px no-repeat;
}
#hair li.wendyiles:hover {
background: url('menu_images/wendyiles.png') 0px -25px no-repeat;
}

#stylists li.lizzizita {
background: url('menu_images/lizzizita.png') 0px 0px no-repeat;
}
#stylists li.lizzizita:hover {
background: url('menu_images/lizzizita.png') 0px -25px no-repeat;
}

#stylists li.rebeccaleary {
background: url('menu_images/rebeccaleary.png') 0px 0px no-repeat;
}
#stylists li.rebeccaleary:hover {
background: url('menu_images/rebeccaleary.png') 0px -25px no-repeat;
}

#stylists li.michellekelly {
background: url('menu_images/michellekelly.png') 0px 0px no-repeat;
}
#stylists li.michellekelly:hover {
background: url('menu_images/michellekelly.png') 0px -25px no-repeat;
}

#makeupandhair li.sheilacarton {
background: url('menu_images/sheilacarton.png') 0px 0px no-repeat;
}
#makeupandhair li.sheilacarton:hover {
background: url('menu_images/sheilacarton.png') 0px -25px no-repeat;
}

#makeupandhair li.luisaduran {
background: url('menu_images/luisaduran.png') 0px 0px no-repeat;
}
#makeupandhair li.luisaduran:hover {
background: url('menu_images/luisaduran.png') 0px -25px no-repeat;
}

#makeupandhair li.karenmason {
background: url('menu_images/karenmason.png') 0px 0px no-repeat;
}
#makeupandhair li.karenmason:hover {
background: url('menu_images/karenmason.png') 0px -25px no-repeat;
}


.click {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #656766;
text-decoration: none;
}

.click:hover {
color: black;
text-decoration: underline;
}

a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: black;
text-decoration: underline;
}

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

table.centerbox {
width: 100%;
border: 1px;

}

table.centerbox td {
text-align: center;
padding: 15px 0 0 0;
margin: 0;
}

table.centerbox img {
border: 1px solid #333;
}

ul.yh_showreel {
padding: 0;
margin: 0;
width: 3500px;
}

ul.yh_showreel li {
list-style: none;
float: left;
margin-right: 20px;
width: 480px;
}