/* CSS Document */

html { margin: 0; padding: 0; width: 100%}

body {
	margin: 0; padding: 0;
	font-size: 72.5%;
	font-family: arial, helvetica, verdana, tahoma, sans-serif;
	background: url(../images/background.gif) repeat #413732; 
	color: #534741; 
	position: relative;
	line-height: 18px;
}

h1, h2, h3, h4, h5, h6, h7, p, form, ul, ol, li, blockquote { margin: 0; padding: 0; }
img { border:none; text-decoration: none;}

div.floatBreaker {
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
}

/* STRUCTURE */
#maincontent{
  width: 900px;
  height: 630px;
  margin: 0px auto 30px auto;
  padding: 0;
}

#topwhiteboxlogo{
  width: 900px;
  height: 148px; 
  background-color: #fff;
}

#fbbox{
  width: 300px;
  height: 148px;
  margin-left: 600px;
  padding: 0px;
  background: #fff;
}

#topwhiteboxtagline{
  width: 900px;
  height: 38px;
  background-color: #fff;  
}

#topnav {
	width: 900px;
	height: 42px;
	background: #998675;	
}

#topnavb {
	width: 900px;
	height: 32px;
	background: #efc5d9;	
}

#imagebar{
  width: 900px;
  height: 107px;
  background: #fbe9f0;
}

#pinkbar{
  width: 900px;
  height: 14px;
  background: #efc5d9;
}

#maintextarea{
  width: 840px;/* 900 */
  height: 112px;/* 152 */
  margin: 0;
  padding: 30px;
  background: #fbe9f0;
}

#maintextarea2{
  width: 840px;/* 900 */
  margin: 0 0 5px 0;
  padding: 30px;
  background: #fbe9f0;
}

#copyrightbox{
	width: 900px;
	height: 30px;
	margin: 0px auto 30px auto;
}

/*//////////////////*/

/* text formatting */

span {
	display:none;
}
	
p {
	margin-bottom: 10px;
	text-align: justify;
	font-size: 1.2em;
}


.copyright {
	color: #fff;
	font-size: 9px;
 	text-transform: uppercase;
}
	

ul.features {
	margin-bottom: 10px;
}

ul.features li {
	list-style: square;

}

ul.clients  {
	margin-bottom: 13px;
}

ul.clients li {
	list-style: square;
	margin-left: 13px;
	font-size: 1.2em;
}

ul.clients li {
	list-style: square;
	margin-left: 40px;
	font-size: 1.2em;
}

.title {
	font-size: 1.4em;
	font-style: italic;
	margin-bottom: 5px;
	margin-left: 0px;
	color: #c1156b;
}

.titlesub {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 5px;
	margin-left: 0px;
	color: #534741;
}

/* images */
#logo{
position: absolute;
	width: 458px;
  	height: 148px;
 	background: url(../images/mtl.png) no-repeat top left; 
 	margin-top: 10px;
	margin-left: 20px;
}

#tagline{
	width: 380px;
  	height: 36px;
  	background: url(../images/tagline.gif) no-repeat top left; 
	margin-left: 36px;
}

.press{
	border: 1px solid #000;
}

.melisa {
	text-align: right;
	margin-right: 0;
	border: solid 3px #f384a9;
}

/* LINK COLORS */
.body:link {
	color: #c1156b; 
	text-decoration: none;
}

.body:visited {
	color: #ee5892; 
	text-decoration: none;
}

.body:hover {
	color: #f7adc4; 
	text-decoration: none;
}

.body:active {
	color: #f7adc4; 
	text-decoration: none;
}

.copyrightlink:link {
	color: #fff; 
	text-decoration: none;
	text-transform: uppercase;
}

.copyrightlink:visited {
	color: #fff; 
	text-decoration: none;
	text-transform: uppercase;
}

.copyrightlink:hover {
	color: #f7adc4; 
	text-decoration: none;
	text-transform: uppercase;
}

.copyrightlink:active {
	color: #f7adc4; 
	text-decoration: none;
	text-transform: uppercase;
}


/* LIGHTBOX LINKS */
.fancybox:link {
	color: #c1156b; 
	text-decoration: none;
}

.fancybox:visited {
	color: #ee5892; 
	text-decoration: none;
}

.fancybox:hover {
	color: #f7adc4; 
	text-decoration: none;
}

.fancybox:active {
	color: #f7adc4; 
	text-decoration: none;
}

.lightbox:link {
	color: #c1156b; 
	text-decoration: none;
}

.lightbox:visited {
	color: #ee5892; 
	text-decoration: none;
}

.lightbox:hover {
	color: #f7adc4; 
	text-decoration: none;
}

.lightbox:active {
	color: #f7adc4; 
	text-decoration: none;
}


/* RSS STYLES */
.rss-items {
	margin-top:.5em;
	padding:0.5em; 0.5em;
	margin-left:0px;
	font-size: 1em;
	color:#534741;
}

.rss-item  {
  font-size:1em;
  font-weight : 500;
  list-style:none;
  padding-bottom:5em;
}

.rss-item a {
	text-decoration : none;
	color: #c1156b;
	font-size:1.2em;
	font-weight:normal;
}
	
.rss-item a:visited {
	color:#ee5892;
}

.rss-item a:hover {
	color:#f7adc4;
}

.rss-date {
	font-size: 85%;
	font-weight : normal;
	color: #ee5892;
}


/* TOP NAV  */

ul#mainNav {
	margin: 0 auto;
	height: 42px;
	width: 900px;
}

ul#mainNav li {
	height: 42px;
	list-style: none;
	margin: 0;
	float:left;
}

ul#mainNav li a {
	display: block;
	height: 42px;
}

ul#mainNav li a span {
	display: none;
}


/*home */
ul#mainNav li#home a:link, ul#mainNav li#home a:visited {
	width: 111px; 
	background: url(../images/nav-home.gif) left top no-repeat;	
}

ul#mainNav li#home a:hover {
	width: 111px;
	background: url(../images/nav-home-on.gif) left top no-repeat;
}

ul#mainNav li#home a.selected {
	width: 111px;
	background: url(../images/nav-home-on.gif) left top no-repeat;
}

/*  whymtl */
ul#mainNav li#whymtl a:link, ul#mainNav li#whymtl a:visited {
	width: 106px;
	background: url(../images/nav-whymtl.gif) left top no-repeat;	
}

ul#mainNav li#whymtl a:hover {
	width: 106px;
	background: url(../images/nav-whymtl-on.gif) left top no-repeat;
}

ul#mainNav li#whymtl a.selected {
	width: 106px;
	background: url(../images/nav-whymtl-on.gif) left top no-repeat;
}

/*  whoweare */
ul#mainNav li#whoweare a:link, ul#mainNav li#whoweare a:visited {
	width: 137px;
	background: url(../images/nav-whoweare.gif) left top no-repeat;	
}

ul#mainNav li#whoweare a:hover {
	width: 137px;
	background: url(../images/nav-whoweare-on.gif) left top no-repeat;
}

ul#mainNav li#whoweare a.selected {
	width: 137px;
	background: url(../images/nav-whoweare-on.gif) left top no-repeat;
}


/* whatwedo */
ul#mainNav li#whatwedo a:link, ul#mainNav li#whatwedo a:visited {
	width: 136px;
	background: url(../images/nav-whatwedo.gif) left top no-repeat;	
}

ul#mainNav li#whatwedo a:hover {
	width: 136px;
	background: url(../images/nav-whatwedo-on.gif) left top no-repeat;
}

ul#mainNav li#whatwedo a.selected {
	width: 136px;
	background: url(../images/nav-whatwedo-on.gif) left top no-repeat;
}

/* ourpress */
ul#mainNav li#ourpress a:link, ul#mainNav li#ourpress a:visited {
	width: 125px;
	background: url(../images/nav-ourpress.gif) left top no-repeat;	
}

ul#mainNav li#ourpress a:hover {
	width: 125px;
	background: url(../images/nav-ourpress-on.gif) left top no-repeat;
}

ul#mainNav li#ourpress a.selected {
	width: 125px;
	background: url(../images/nav-ourpress-on.gif) left top no-repeat;
}

/* ourclients */
ul#mainNav li#ourclients a:link, ul#mainNav li#ourclients a:visited {
	width: 137px;
	background: url(../images/nav-ourclients.gif) left top no-repeat;	
}

ul#mainNav li#ourclients a:hover {
	width: 137px;
	background: url(../images/nav-ourclients-on.gif) left top no-repeat;
}

ul#mainNav li#ourclients a.selected {
	width: 137px;
	background: url(../images/nav-ourclients-on.gif) left top no-repeat;
}

/* talktous */

ul#mainNav li#talktous a:link, ul#mainNav li#talktous a:visited {
	width: 148px;
	background: url(../images/nav-talktous.gif) left top no-repeat;	
}

ul#mainNav li#talktous a:hover {
	width: 148px;
	background: url(../images/nav-talktous-on.gif) left top no-repeat;
}

ul#mainNav li#talktous a.selected {
	width: 148px;
	background: url(../images/nav-talktous-on.gif) left top no-repeat;
}





/* TOP NAV 2 */

ul#navb {
	margin: 0 auto;
	height: 32px;
	width: 900px;
}

ul#navb li {
	height: 32px;
	list-style: none;
	margin: 0;
	float:left;
}

ul#navb li a {
	display: block;
	height: 32px;
}

ul#navb li a span {
	display: none;
}


/* fashion */
ul#navb li#fashion a:link, ul#navb li#fashion a:visited {
	width: 307px; 
	background: url(../images/nav2-fashion.gif) left top no-repeat;	
}

ul#navb li#fashion a:hover {
	width: 307px;
	background: url(../images/nav2-fashion-on.gif) left top no-repeat;
}

ul#navb li#fashion a.selected {
	width: 307px;
	background: url(../images/nav2-fashion-on.gif) left top no-repeat;
}

/*  beauty */
ul#navb li#beauty a:link, ul#navb li#beauty a:visited {
	width: 87px;
	background: url(../images/nav2-beauty.gif) left top no-repeat;	
}

ul#navb li#beauty a:hover {
	width: 87px;
	background: url(../images/nav2-beauty-on.gif) left top no-repeat;
}

ul#navb li#beauty a.selected {
	width: 87px;
	background: url(../images/nav2-beauty-on.gif) left top no-repeat;
}

/*  lifestyle */
ul#navb li#lifestyle a:link, ul#navb li#lifestyle a:visited {
	width: 92px;
	background: url(../images/nav2-lifestyle.gif) left top no-repeat;	
}

ul#navb li#lifestyle a:hover {
	width: 92px;
	background: url(../images/nav2-lifestyle-on.gif) left top no-repeat;
}

ul#navb li#lifestyle a.selected {
	width: 92px;
	background: url(../images/nav2-lifestyle-on.gif) left top no-repeat;
}


/* events */
ul#navb li#events a:link, ul#navb li#events a:visited {
	width: 86px;
	background: url(../images/nav2-events.gif) left top no-repeat;	
}

ul#navb li#events a:hover {
	width: 86px;
	background: url(../images/nav2-events-on.gif) left top no-repeat;
}

ul#navb li#events a.selected {
	width: 86px;
	background: url(../images/nav2-events-on.gif) left top no-repeat;
}

/* what's new */
ul#navb li#whatsnew a:link, ul#navb li#whatsnew a:visited {
	width: 328px;
	background: url(../images/nav2-whatsnew.gif) left top no-repeat;	
}

ul#navb li#whatsnew a:hover {
	width: 328px;
	background: url(../images/nav2-whatsnew-on.gif) left top no-repeat;
}

ul#navb li#whatsnew a.selected {
	width: 328px;
	background: url(../images/nav2-whatsnew-on.gif) left top no-repeat;
}