/*
 * Myleene Stylesheet for Myleene Klass
 * http://www.myleeneklass.co.uk
 * Written by John Stewart - http://www.jstewartdesign.com
*/

body{
	background-image: url(../_images/fashion/band.gif);
}

#center-image{
background-image: url(../_images/fashion/band_main.jpg);
background-repeat: no-repeat;
width: 765px;
height:61px;
margin: 0 auto;
}


#content{
height: 750px;
}

#series-left{
width: 465px;
float: left;
padding-right: 35px;
}

#series-right{
width: 260px;
float: left;
}

div.fashion-menu{
float: left;
overflow: hidden;
margin-bottom: 25px;
}

div.fashion-menu a{
width: 175px;
height: 231px;
display: block;
text-indent: -9999px;
background-repeat:no-repeat;
}

div.fashion-menu.marks a{
background-image: url(../_images/fashion/overview/marks.jpg);
padding-right: 10px;
}

div.fashion-menu.babyk a{
background-image: url(../_images/fashion/overview/babyk.jpg);
padding-right: 10px;
}

div.fashion-menu.pantene a{
background-image: url(../_images/fashion/overview/pantene.jpg);
}

div.fashion-menu.nails a{
background-image: url(../_images/fashion/overview/klassnails.jpg);
padding-right: 20px;
}



h2 {
margin:5px 0px 5px 0px;
font: 0.8em arial, helvetica, sans-serif;
font-weight: bold;
letter-spacing: 0.5px;
}

a:link {color:#4ba4d7; text-decoration: underline;}
a:visited {color:#4ba4d7; text-decoration: underline;}
a:visited:hover {color:#286181; text-decoration: none;}
a:hover {color:#286181; text-decoration: underline;}
a:active {color:#286181; text-decoration: none;}

.album{
padding: 10px;
border: 1px #CCCCCC solid;
margin-right: 10px;
}

/*-----------------
MAIN NAVIGATION
CSS Rollovers
------------------*/

#fashion_navigation{
padding:0px 0px 0px 0px;
margin: 27px 0px 2px 0px;
overflow: hidden;
float: left;
width:500px;
}

#fashion_navigation li{
margin:0px;
padding:0px;
float: left;
display:inline;
}

#fashion_navigation a {
background-position:bottom left;
height:29px;
display:block;
outline:none;
text-decoration:none;
text-indent:-5000px;
}

#fashion_navigation a:hover{
background-position:top left;
}
.fashion_overview{
background-image:url(../_images/fashion/menu_overview.jpg);
width:92px;
}

.fashion_mands{
background-image:url(../_images/fashion/menu_marks.jpg);
width:84px;
}

.fashion_babyk{
background-image:url(../_images/fashion/menu_babyk.jpg);
width:95px;
}

.fashion_pantene{
background-image:url(../_images/fashion/menu_pantene.jpg);
width:92px;
}

.fashion_klassnails{
background-image:url(../_images/fashion/menu_nails.jpg);
width:63px;
}

#fashion_navigation li a.selected{
background-position: top left !important;
}