@charset "utf-8";
@import url("/assets/styles/page/reset.css");


/**************************************
            GLOBALS               
/**************************************/
html{
	font-family: Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif;
	overflow-y: scroll;
	min-height: 100%;
	margin-bottom: 1px;
	}
body{
	background-color:#FFFFFF;
	font-family: Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif;
	font-size:11px;
	color:#333333;
	line-height:18px;
	}
a:link, a:visited{
	color:#333333;
	font-weight:bold;
	text-decoration:none;
	font-style:italic;
	}
a:hover, a:active{
	text-decoration:underline;
	}
.clear:after{
	clear:both;
	content:"";
	display:block;
	}	
#mainContainer{
	position:relative;
	width:975px;
	margin: 0 auto;
	}
h2{
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	color:#000000;
	font-size:1.3em;
	margin:14px 0;
	padding:5px 0;
	text-transform:uppercase;
	}
h3{
	color:#000000;
	font-size:1.3em;
	text-transform: uppercase;
	}
h4{
	color:#000000;
	font-size:1.2em;
	text-transform: uppercase;
	font-weight: bold;
	}
.commercial{
	text-align: center;
    }





/**************************************
        STANDARD DEFS             
/**************************************/
.small		{color:#666666;font-size:0.96em;}
.italic		{font-style:italic;}





/**************************************
              HEADER                
/**************************************/
#header{
	width:100%;
	height:110px;
	padding-top: 12px;
	}
	
/*LOGO IMAGE REPLACEMENT*/
#header h1 a{
    background:transparent url(/assets/images/site/DMlogo.gif);
    text-indent:-9999px;
    display:block;
    height: 84px;
    width: 210px;
    margin-top:4px;
    padding:0;
    float: left;
    }
#ad0{
    float: right;
    }


/*LOGIN AND REGISTRATION*/
ul#login{
	color:#333333;
	float:right;
	width:350px;
	height:20px;
	font-size:0.7em;
	text-align:right;
	text-transform:uppercase;
	}
ul#login li{
	display:inline;
	margin:0 5px 0 5px;
	list-style:none:
	}
ul#login li a{
	font-style:normal;
	}
ul#login li img.msn-logo{
	vertical-align: middle;
	}
	
	
	
	
	
	
/**************************************
           NAV                   
/**************************************/
ul#nav{
	width: 620px;
	padding-bottom: 9px;
	height:0;
	overflow:visible;
	padding-left:0px;
	padding-top:4px;
}
ul#nav li{
	border-right:1px solid #DEDEDE;
	float:left;
	margin-right:10px;
	padding-right:10px;
	list-style:none
}
ul#nav li.nav-div{
	display:none;
}
#partnership-cont{
	margin-top:-10px;
}
.partnership-top{
	color:#666666;
	float:right;
	margin-right: 8px;
	margin-top:4px;
	text-align:right;
}
img.msn-logo-top{
	float:right;
}
ul#nav li a.studio-home{
	background:#FFFFFF url(/assets/images/site/nav-sprites.gif) no-repeat scroll 0 0;
	display:block;
	height:21px;
	text-indent:-9999px;
	width:171px;
	}
ul#nav li a.studio-home:hover,ul#nav li a.studio-home-current {
	background:#FFFFFF url(/assets/images/site/nav-sprites.gif) no-repeat scroll 0 -22px;
	display:block;
	height:21px;
	text-indent:-9999px;
	width:171px;
	}

ul#nav li a.articles{
	background:#FFFFFF url(/assets/images/site/nav-sprites.gif) no-repeat scroll -172px 0;
	display:block;
	height:21px;
	text-indent:-9999px;
	width:236px;
	}
ul#nav li a.articles:hover,ul#nav li a.articles-current {
	background:#FFFFFF url(/assets/images/site/nav-sprites.gif) no-repeat scroll -172px -22px;
	display:block;
	height:21px;
	text-indent:-9999px;
	width:236px;
	}
ul#nav li a.contact{
	background:#FFFFFF url(/assets/images/site/nav-sprites.gif) no-repeat scroll -409px 0;
	display:block;
	height:21px;
	text-indent:-9999px;
	width:79px;
	}
ul#nav li a.contact:hover,ul#nav li a.contact-current {
	background:#FFFFFF url(/assets/images/site/nav-sprites.gif) no-repeat scroll -409px -22px;
	display:block;
	height:21px;
	text-indent:-9999px;
	width:79px;
	}


/*
ul#nav li a.studio-home{
	background:#FFFFFF url(/assets/images/site/nav-makeover-studio.jpg) no-repeat scroll 0 0;
	display:block;
	height:21px;
	text-indent:-9999px;
	width:173px;
	}
ul#nav li a.studio-home:hover,ul#nav li a.studio-home-current {
	background:#FFFFFF url(/assets/images/site/nav-makeover-studio-over.jpg) no-repeat scroll 0 0;
	display:block;
	height:21px;
	text-indent:-9999px;
	width:173px;
	}
ul#nav li a.articles{
	background:#FFFFFF url(/assets/images/site/nav-fashion-beauty-news.jpg) no-repeat scroll 0 0;
	display:block;
	height:21px;
	text-indent:-9999px;
	width:244px;
	}
ul#nav li a.articles:hover,ul#nav li a.articles-current {
	background:#FFFFFF url(/assets/images/site/nav-fashion-beauty-news-over.jpg) no-repeat scroll 0 0;
	display:block;
	height:21px;
	text-indent:-9999px;
	width:244px;
	}
ul#nav li a.contact{
	background:#FFFFFF url(/assets/images/site/nav-kontakt.jpg) no-repeat scroll 0 0;
	display:block;
	height:21px;
	text-indent:-9999px;
	width:79px;
	}
ul#nav li a.contact:hover,ul#nav li a.contact-current {
	background:#FFFFFF url(/assets/images/site/nav-kontakt-over.jpg) no-repeat scroll 0 0;
	display:block;
	height:21px;
	text-indent:-9999px;
	width:79px;
	}
*/





/**************************************
          MAIN CONTENT 
/**************************************/
#mainContent-wrapper{
	width:100.5%;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	padding:8px 0 ;
	overflow:hidden;
	}
	
	
/*HOME PAGE*/
#mainTop{
	height:250px;
	margin-bottom:30px;
	}
#mainTop-left{	
	float:left;
	width:667px;
	height: 250px;
	}
#mainTop-right{
	background:#FFFFFF url(/assets/images/site/start-makeover-bg.jpg) no-repeat scroll 0 0; 
	float:right;
	width:299px;
	height:250px;
	}
#mainTop-right a.makeover-btn{
	background:transparent url(/assets/images/site/makeover-btn.gif) no-repeat scroll 0 0;
	display:block;
	height:28px;
	margin:182px 0 0 29px;
	width:249px;
	}
	
#mainTop-right a.makeover-btn:hover{
	background:transparent url(/assets/images/site/makeover-btn.gif) no-repeat scroll 0 0;
	display:block;
	height:28px;
	margin:182px 0 0 29px;
	width:249px;
	filter:alpha(opacity=65); /* IE's opacity*/
	opacity: 0.65;
	}
#mainBottom{
	margin:0;
	padding:0;
	overflow:auto;
	}
ul#bottomLeft{
	width:478px;
	float:left;
	margin-right:19px;
	}
ul#bottomRight{
	width:478px;
	float:left;	
	}
.column li, ul#beauty-news li{
    min-height:150px;
    height:auto !important;
    height:150px;/* IE6 min height hack*/
	margin-bottom: 15px;
	border-bottom: 1px solid #cccccc;
	list-style:none:
	}
li.last{
	border:none !important;
	}
.column li img{
	border: 1px solid #cccccc;
	float: left;
	margin-right:12px;
	}
.column li h3, .column li p{
	margin: 0 0 0 171px;
	}
.column li h3 a{
	font-style:normal;
	font-weight:normal;
	color: #000000;
	}
	

/*STUDIO HOME*/
img.vmo-placeholder{
	overflow:hidden;
	float:left; 
	margin-bottom:12px;
	}
	
	
/*FEATURES PAGE*/
#mainContent{
	width:668px;
	float:left;
	}
#featured-article{
	clear:both;
	}
/*ARTICLE LISTS*/
#featured-article img, ul#beauty-news li img{
	float:left;
	}	
#featured-article h3, #featured-article small, #featured-article p,
 ul#beauty-news li h3, ul#beauty-news li h4, 
 ul#beauty-news li small, ul#beauty-news li p{
	margin: 0 0 0 112px;
	width:473px;
	}
ul#beauty-news h3 a, #featured-article h3 a{
	font-style:normal;
	font-weight: normal;
	}	
ul#featured-links{
	list-style-position:inside;
	list-style-type:disc;
	margin-top:17px;
	}
	
	

/*CONTACT PAGE*/	
p.intro-text{
	padding:14px 0 29px 0;
	width:603px;
	}
/*FORM STYLING*/
form#contact-form ol {
	margin:0;
	padding:0 0 18px;
	width:429px;
	}
ol#formfields li {
	padding: 5px;
	margin: 0;
	}
ol#formfields label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	}
ol#formfields label span {
	margin-right:2px;
	vertical-align:middle;
	}
ol#formfields input, ol#formfields textarea {
	color:#333333;
	border-bottom:1px solid #CECECE;
	border-right:1px solid #CECECE;
	border-top:1px solid #959595;
	border-left:1px solid #959595;
	font-family:Trebuchet,Trebuchet MS,Arial,sans-serif;
	font-size:12px;
	margin:5px 0;
	padding:2px 0 2px 4px;
	width:318px;
	}
	ol#formfields input:focus, ol#formfields textarea:focus {
    background:#FFF1FF;
    border-bottom:1px solid #E5DDE5;
    border-right:1px solid #E5DDE5;
    border-top: 1px solid #AFAAAF;
    border-left: 1px solid #AFAAAF;
	}
ol#formfields label {	
	margin:5px 0;
	width: 87px;
	}
ol#formfields li.form-bottom{
	float:right;
	width:326px;
	margin: 0 2px 0 0;
	}
ol#formfields input#sendbutton {
	background:transparent url(/assets/images/site/send-btn.gif) repeat scroll 0 0;
	border:none;
	cursor:pointer;
	display:block;
	float:right;
	font-size:0;
	height:20px;
	line-height:0px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	width:60px;
	}
ol#formfields input#sendbutton:hover {
	background:transparent url(/assets/images/site/send-btn.gif) repeat scroll 0 -20px;
	border:none;
	cursor:pointer;
	display:block;
	float:right;
	font-size:0;
	height:20px;
	line-height:0px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	width:60px;
	}
span.validation-error{
    color:#FF0000;
}


	
/*SIDEBAR*/	
ul#sidebar{
	width:297px;
	float:left;
	margin-left:7px;
	}
ul#sidebar li{
	margin-bottom: 4px;
	list-style:none;
	}
	
	
	
	
	
	

/**************************************
              FOOTER               
/**************************************/
#footer{
	color:#666666;
	padding-top:20px;
	width:100%;
	height:30px;
	text-align:center;
	}
#footer a{
	font-weight: normal;
	}
#footer #ad2{
	margin-bottom:20px;
	}
#footer ul#footer-nav{
	margin:0 0 4px
	}
#footer ul#footer-nav li{
    border-right:1px solid;
    display:inline;
    font-style:italic;
    padding:0 10px 0 8px;
	}
#footer img.msn-logo{
	vertical-align: middle; 
	}
#footer p {
	margin:0 0 4px;
	color:#666666;
	}
#footer p.partnership {
	margin:12px 0 4px 0
	}