@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding:0
}


html, body {
	height: 100%;
}

h2 {margin-bottom:5px}
img {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(...);
}

body {
		background:#000000;
		font-family: Arial, Helvetica, sans-serif;
		margin: 0;
		padding: 0;	
		text-align:center;
		font-size:0.8em	
	}
	#header {
		background: url(../images/header.gif) repeat-x #000;
		text-align: center;
		width: 100%;
		margin:0 auto;
		text-align:left;
		padding: 10px 14px 0px;
		display:block;
		z-index:4;
		min-width:900px;
		position:relative		
	}
		
		.header-inner {
			text-align: left;
			width:auto;
			min-width:900px;
			margin:0 auto;
					}
					
		.logo {}		
				
				
		#beauty #flashcontent	 {background:url(../images/beautylrg.png) no-repeat}
		#editorial #flashcontent	 {background:url(../images/editoriallrg.png) no-repeat}
		/* Nav */		
				.nav { float:right; margin:25px 20px 0 0; color: #333333;
						position:absolute; right:30px; border:0
								}	
				.nav li, .subnav li{
				list-style:none;
				float:left;
				border:0
				}						
				.nav a {display:block; background-image: url(../images/nav.gif); background-repeat:no-repeat; text-indent:-6000px; float:left; display:inline; border:0; outline:none}
				.nav a.home {width:70px; height:20px; background-position:0 0; border:0}
				.nav a.about {width:75px; height:20px; background-position:-95px 0px;  border:0}
				.nav a.portfolio {width:105px; height:20px; background-position:-195px 0px;  border:0}
				.nav a.contact {width:70px; height:20px; background-position:-335px 0px;  border:0; margin-left:5px}
				
				.subnav { margin:0px 20px 0 0; position: absolute; right:60px; top:60px; background:url(../images/sub-tile.png) repeat-y; padding: 2px 5px}
				.subnav li {padding-right:5px}
				
				.subnav a {   text-indent:-6000px; float:left; display:inline; margin-left:0px; outline:none}
				.subnav a.beauty { display:block; width:60px; height:20px; background:url(../images/beauty.png) no-repeat; }	
				.subnav a.fashion {display:block; width:60px; height:15px; background: url(../images/fashion.png) no-repeat}	
				.subnav a.editorial {display:block; width:71px; height:15px; background: url(../images/ediorial.png) no-repeat}		
		
	.wrapper {
	min-height: 98%;
	height: auto !important;
	height: 98%;
	margin: 0px auto -20px; /* the bottom margin is the negative value of the footer's height */
	text-align:center
	}
		#flashcontent {	
				width: 100%;
				height: 85%;
				margin:0px 0;
				z-index: 0;		
			}

	#footer {
		text-align: center;
		width: 100%;
		height: 20px;
		padding: 10px 0;
		background:#333333
	}
	
	.content {margin:50px; color: #547476; text-align:left; min-width:900px}
	
	.quote {width:80%; background:; margin:20px auto; font-style:italic}
	
	.column {width:22%; float:left; margin-right:10px}
	
	.column ul {margin:0; padding:0 0 0 10px}
	.column ul li {line-height:1.5em; margin-left:0px; padding:0}
	
	
	.gradient {background:repeat-x url(../images/glow.jpg) center; padding:10px}
	h2 span {display:none}
	
	
	input, textarea {background: #0F1213; border:1px solid #181E1F; margin-bottom:10px; color:#CCFFFF; font-family:Arial, Helvetica, sans-serif; font-size:11px }
	
	.thanks {color:#CCFFFF;}
	
	input.submit {background:url(../images/submit.gif) no-repeat; display:block; width:61px; height:17px; border:none; text-indent:-1000px; cursor:pointer;  }
	
	form {background:repeat-x url(../images/glow.jpg) center; padding:10px}
	.contactdetails p {margin:10px 0}
	.contactdetails, .contactdetails a{color:#76D2E6}