/*-----------------------
core.css
francis@artemisbranding.com
-----------------------*/
html, body, div, span, applet, object, iframe,
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td {
	padding: 0;
	margin: 0;
}
fieldset, img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-weight: normal;
	font-style: normal;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 100%;
}
q:before, q:after {
	content: '';
}
abbr, acronym {
	border: 0;
}
:focus {
	outline: 0;
}
a {
	text-decoration: none;
}
/***** General *****/
html {
	
	}
body {
	background: #ffffff;
	font: 62.5%/1.4 Arial, Helvetica, Verdana, Tahoma, sans-serif;
}
h2 {
	color: #ffffff;
	font-size: 2.0em;
}
h3 {
	color: #605f5f;
	font-size: 1.6em;
}
h5 {
	color: #605f5f;
	font-size: 1.2em;
}
p {
	padding: 0 0 10px 0;
}
.heading {
	background: url('/images/headings-gradient.png') repeat-x;
	float: left;
	height: 100%;
	width: 180px;
}
.lattice {
	background: transparent url('/images/lattice-frame.png') repeat;
}
.clear {
	overflow: hidden;
}
/*---- #container ----*/
#container {
	background: #ffffff;
	margin: 0 auto 0 auto;
	position: relative;
	width: 981px;
}
/***** #header *****/
#header {
	background: transparent url('/images/lattice-frame.png') repeat;
	height: 117px;
	width: 981px;
}
/*---- #menu ----*/
#menu  {
	background: transparent url('/images/trans-low.png') repeat;
	display: inline;
	float: left;
	height: 117px;
	margin: 0 0 0 41px;
}
#menu ul {
	background: transparent url('/images/menu-gradient.png') repeat 0 0;
	float: left;
}
#menu li {
	background: transparent url('/images/item-gradient.png') repeat 0 0;
	float:left;
	height: 117px;
}
#menu li a {
	color: #636262;
	cursor: pointer;
	float: left;
	font-size: 1.2em;
	height: 72px;
	padding: 45px 8px 0 8px;
}
#menu li a:hover {
	color: #383838;
}
@media screen {  
	.images-on #menu a {
		text-indent: -10000px;
		overflow: hidden;
	}
	.images-on #menu #item-main {
		background: url('/images/menu-sprite.png') -1px 51px no-repeat;
		width: 30px;
	}
	.images-on #menu #item-studio {
		background: url('/images/menu-sprite.png') -50px 51px no-repeat;
		width: 43px;
	}
	.images-on #menu #item-gallery {
		background: url('/images/menu-sprite.png') -109px 51px no-repeat;
		width: 53px;
	}
	.images-on #menu #item-services {
		background: url('/images/menu-sprite.png') -176px 51px no-repeat;
		width: 58px;
	}
	.images-on #menu #item-products {
		background: url('/images/menu-sprite.png') -246px 51px no-repeat;
		width: 66px;
	}
	.images-on #menu #item-whatsnew {
		background: url('/images/menu-sprite.png') -326px 51px no-repeat;
		width: 75px;
	}
	.images-on #menu #item-wecare {
		background: url('/images/menu-sprite.png') -418px 51px no-repeat;
		width: 54px;
	}
	.images-on #menu #item-contact {
		background: url('/images/menu-sprite.png') -490px 51px no-repeat;
		width: 56px;
	}
}
#menu .selected {
	background: transparent url('/images/item-gradient.png') 0 380px;
	float:left;
	height: 117px;
}
/*---- #logo ----*/
#logo {
	float: right;
	height: 117px;
	width: 350px;
}
#logo a {
	color: #636262;
	display: inline;
	float: right;
	font-size: 7.0em;
	height: 110px;
	margin: 3px 98px 0 0;
	width: 226px;
}
@media screen {  
	.images-on #logo a {
		background: url('/images/logo.png') no-repeat;
		overflow: hidden;  
		text-indent: -10000px;
	}
}
/*---- .pane ----*/
.pane {
	float: left;
	height: 445px;
	width: 100%;
}
#products .pane {
	height: 250px;
}
/*---- .content ----*/
.content {
	color: #605f5f;
	float: left;
	font-size: 1.1em;
	padding: 0 0 40px 0;
	width: 100%;
}
/*---- .wing ----*/
.wing {
	color: #605f5f; 
	float: right;
	height: 261px;
	width: 940px;
}
.wing  .heading h2 {
	height: 45px;
}
@media screen {  
	.images-on #studio .content .wing .heading h2 {
		background: url('/images/rubric-sprite.png') 25px 2px no-repeat;
		overflow: hidden;  
		text-indent: -10000px;
	}
	.images-on #services .content .wing .heading h2 {
		background: url('/images/rubric-sprite.png') 25px -94px no-repeat;
		overflow: hidden;  
		text-indent: -10000px;
	}
	.images-on #products .content .wing .heading h2 {
		background: url('/images/rubric-sprite.png') 25px -146px no-repeat;
		overflow: hidden;  
		text-indent: -10000px;
	}
	.images-on #whats-new .content .wing .heading h2 {
		background: url('/images/rubric-sprite.png') 18px -190px no-repeat;
		overflow: hidden;  
		text-indent: -10000px;
	}
	.images-on #we-care .content .wing .heading h2 {
		background: url('/images/rubric-sprite.png') 25px -240px no-repeat;
		overflow: hidden;  
		text-indent: -10000px;
	}
	.images-on #contact .content .wing .heading h2 {
		background: url('/images/rubric-sprite.png') 25px -290px no-repeat;
		overflow: hidden;  
		text-indent: -10000px;
	}
}
.wing .details {
	background: transparent url('/images/lattice-white.png') repeat;
	float: left;
	height: 241px;
	overflow: hidden; 
	padding: 20px 0 0 0;
	width: 760px;
}
.wing .details .info {
	display: inline;
	float: left;
	margin: 0 0 0 25px;
	width: 335px;
}
.wing .details .info .date {
	font-size: 1.1em;
	font-weight: bold;
}
.wing .details hr {
	border-color: #605f5f;
	border-width: 1px 0 0 0; 
	display: inline;
	float: right;
	height: 0; 
	margin: 5px 0 0 0;
	padding:0 0 10px 0;
	width: 740px;
}
/**** #main ****/
/*---- #sinistral ----*/
#main #sinistral {
	background: transparent url('/images/bumper.png') 0 0 no-repeat;
	float: left;
	width: 213px;
}
#main #sinistral #butress {
	background: transparent url('/images/main-gradient.png') repeat-x;
	float: right;
	width: 173px;
	height: 260px;
}
#main #sinistral #butress #rubric {
	width: 173px;
	margin: 0 0 15px 0;
}
#main #sinistral #butress #rubric  h2 {
	margin: 9px 0 0 17px;
}
@media screen {  
	.images-on #main #sinistral #butress #rubric  h2 {
		background: url('/images/rubric-sprite.png') 0 -350px no-repeat;
		overflow: hidden;  
		text-indent: -10000px;
	}
}
#main #sinistral #butress #blurb {
	float: left;
	height: 163px;
}
#main #sinistral #butress #blurb a{
	color: #605f5f;
	text-decoration: underline;
}
#main #sinistral #butress #blurb a:hover {
	color: #383838;
}
#main #sinistral #butress #blurb #date {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 0 0 17px;
}
#main #sinistral #butress #blurb p {
	margin: 0 10px 0 17px;
}
#main #sinistral #butress #badge{
	float: left;
	margin: 0 0 0 17px;
}
/*---- #central ----*/
#main #central {
	background: transparent url('/images/lattice-white.png') repeat;
	float: left;
	height: 260px;
	margin: 0 0 0 2px;
	width: 389px;
}
#main #central #carousel {
	float: left;
	height: 260px;
	width: 389px;
}
/*---- #dextral ----*/
#main #dextral {
	background: transparent url('/images/bumper.png') 334px 0 no-repeat;
	float: right;
	width: 375px;
}
#main #dextral #news {
	background: transparent url('/images/main-gradient.png') repeat-x;
	float: left;
	height: 260px;
	width: 334px;
}
#main #dextral #news h2 {
	display: inline;
	float: left;
	height: 55px;
	margin: 9px 0 15px 17px;
	width: 250px;
}
@media screen {  
	.images-on #main #dextral #news h2 {
		background: url('/images/labels-sprite.png') 0 2px no-repeat;
		overflow: hidden;  
		text-indent: -10000px;
	}
}
#main #dextral #news p {
	clear: both;
	margin: 0 0 0 17px;
	width: 300px;
}
/***** #gallery *****/
#gallery {
	background: #bdbdbd;
	border-top: 2px solid #ffffff; 
	float: left;
	width: 980px;
}
#gallery #wrapper {
	background: #ffffff;
	border-left: 2px solid #ffffff; 
	border-right: 2px solid #ffffff; 
	padding: 0;
	height: 525px;
	margin: 0 0 0 39px;
	width: 900px;
}
#gallery #stand {
	background-color: #dddddd;
	border-top: 2px solid #ffffff; 
	float: left;
	height: 210px;
	width: 100%;
}
#gallery #stand a {
	float: right;
	margin: 25px 40px 0 0;
}
@media screen {  
	.images-on #gallery #stand a {
		background: transparent url('/images/labels-sprite.png') 50px -400px no-repeat;
		height: 25px;
		overflow: hidden;  
		text-indent: -10000px;
		width: 200px;
	}
}
#gallery #stand .heading {
	display: inline;
	margin: 0 0 0 41px;
	width: 176px;
}
#gallery #stand .heading h2 {
	height: 45px;
}
@media screen {  
	.images-on #gallery #stand .heading h2 {
		background: transparent url('/images/rubric-sprite.png') 25px -48px no-repeat;
		overflow: hidden;  
		text-indent: -10000px;
	}
}
/***** #we-care *****/
#we-care .content .wing .details .info ul{
	list-style-type: circle;
	padding: 0 0 0 20px;
}
/***** #services *****/
#services .content .wing .details  #a-one {
	height: 210px;
}
#services .content .wing .details  #a-two {
	height: 180px;
}
#services .content .wing .details  #a-one #accordion-one div, #services .content .wing .details  #a-two #accordion-two div {
	border-bottom: 1px solid #605f5f;
}
#services .content .wing .details  #a-one #accordion-one h4, #services .content .wing .details  #a-two #accordion-two h4 {
	border-bottom: 1px solid #605f5f;
	cursor: pointer;
	font-size: 1.2em;
	padding: 5px 0 5px 0;
}
/***** #products *****/
#products .content .wing {
	float: left;
	height: 453px;
}
#products .content .wing .details {
	float: left;
	height: 433px;
}
#products .content .wing .info h3 {
	height: 90px;
}
#products .content .wing .info p {
	padding: 0 0 5px 0;
}
@media screen {  
	.images-on #products .content .wing #kerastase h3 {
		background: url('/images/labels-sprite.png') 75px -85px no-repeat;
		overflow: hidden;  
		text-indent: -10000px;
	}
	.images-on #products .content .wing #shuueumura h3 {
		background: url('/images/labels-sprite.png') 75px -175px no-repeat;
		overflow: hidden;  
		text-indent: -10000px;
	}
	.images-on #products .content .wing #loreal h3 {
		background: url('/images/labels-sprite.png') 75px -280px no-repeat;
		overflow: hidden;  
		text-indent: -10000px;
	}
}
/***** #whats-new *****/
#whats-new .wing .details {
	float: left;
	height: 261px;
	width: 377px;
}
#whats-new .wing .details .mask {
	float: left;
	height: 225px;
	margin: 20px 0 0 0;
	overflow: hidden;
	position: relative;
}
#whats-new .up, #whats-new .down {
	cursor: pointer;
	display: inline;
	float: right;
	height: 26px;
	width: 26px;
}
#whats-new .up {
	background: url('/images/news-arrows.png') -6px 0 no-repeat;
	margin: 32px 20px 0 0;
}
#whats-new .up:hover {
	background: url('/images/news-arrows-on.png') -6px 0 no-repeat;
}
#whats-new .down {
	background: url('/images/news-arrows.png') -6px -49px no-repeat;
	clear: both;
	margin: 55px 20px 0 0;
}
#whats-new .down:hover {
	background: url('/images/news-arrows-on.png') -6px -49px no-repeat;
}
#whats-new .wing #first {
	padding: 0;
}
#whats-new .wing #second {
	margin: 0 0 0 2px;
	padding: 0;
	width: 381px;
}
#whats-new .content .wing .details .info {
	height: 240px;
	padding: 0 0 0 25px;
	margin: 0;
	position: relative;
}
#whats-new .content .wing .details .info .holder{
	float: left;
	height: 240px;
}
#whats-new .content .wing .details .info .holder .date{
	
	height: 25px;
}
#whats-new .content .wing .details .info .holder .scroll{
	
	height: 200px;
}
/***** #contact *****/
#contact .wing .details #operation {
	width: 270px;
}
#contact .wing .details #operation #address {
	padding: 0 0 20px 0;
}
#contact .wing .details #operation #address a {
	color: #605f5f;
	text-decoration: underline;
}
#contact .wing .details #operation #address a:hover {
	color: #383838; 
}
#contact .wing .details #operation h5 {
	padding: 0 0 5px 0;
}
#contact .wing .details #operation li {
	padding: 0 0 2px 0;
}
#contact .wing .details #message {
	margin: 0 0 0 20px;
	width: 250px;
}
#contact .wing .details #message a {
	color: #3b5998;
}
#contact .wing .details #message a:hover {
	color: #383838; 
}
#contact .wing .details img {
	float: left;
	margin: 5px 0 0 0;
}

#contact .wing .details #message h3 {
	padding: 0 0 20px 0;
}
@media screen {  
	.images-on #contact .wing .details #message h3 {
		background: url('/images/labels-sprite.png') -1px -500px no-repeat;
		overflow: hidden;  
		text-indent: -10000px;
	}
}
/***** #error *****/
#error {
	background: url('/images/fade.png') -30px 0 repeat;
}
#error .content h2 {
	color: #605f5f;
	margin: 0 0 0 40px;
}
/***** #admin *****/
#admin {
	background: url('/images/fade.png') -30px 0 repeat;
	float: left;
	width: 900px;
}
#admin h2 {
	color: #605f5f;
	float: left;
	font-size: 2.6em;
	padding: 20px 0 0 40px;
}
#admin h3 {
	color: #605f5f;
	font-size: 1.6em;
	padding: 20px 0 10px 20px;
}
#admin #database {
	clear: both;
	float: left;
	margin: 20px 0 40px 20px;
	width: 400px;
}
#admin #database .scroll {
	background: #ffffff;
	height: 450px;
	overflow: auto;
}
#admin #database a {
	color: #000000; 
	font-size: 1.1em;
}
#admin #database a:hover {
	color: #008000; 
}
#admin #database .db-date {
	font-size: 1.2em;
	padding: 10px 0 0 20px;
}
#admin #database .db-info {
	padding: 10px 0 10px 20px;
}
#admin #editor {
	float: right;
	margin: 75px 40px 0 0;
	width: 400px;
}
#admin #editor form li {
	clear: both;
	float: left;
	margin: 10px 0 0 0;
}
#admin #editor #selection li {
	color: #ffffff;
	list-style: circle inside;
	padding: 0 0 0 10px;
}
#admin #editor ul .field input {
	color: #000000;
	font-size: 1.1em;
	padding: 0 0 0 5px;
	width: 200px;
}
#admin #actions input {
	border: 1px solid #8c8c8c;
	cursor: pointer;
	margin: 0 10px 0 0;
}
#admin #submit:hover {
	border: 1px solid #008000;
	color: #008000;
}
#admin #replace:hover {
	border: 1px solid #0000ff;
	color: #0000ff;
}
#admin #clear:hover {
	border: 1px solid #ffa500;
	color: #ffa500;
}
#admin #delete:hover {
	border: 1px solid #ff0000;
	color: #ff0000;
}
/***** #login *****/
#login {
	background: url('/images/fade.png') -30px 0 repeat;
	display: inline;
	float: left;
	height: 735px;
	width: 900px;
}
#login form {
	clear: both;
	color: #605f5f;
	display: inline;
	float: right;
	margin:50px 130px 20px 0;
}
#login label {
	clear: both;
	float: left;
	margin: 5px 0 0 0;
}
#login .login-field {
	border: 1px solid #c0c0c0;
	clear: both;
	color: #605f5f;
	float: left;
	padding: 0 0 0 3px;
	width: 150px;
}
#login #send {
	background: none;
	border: none;
	clear: both;
	color: #605f5f;
	cursor: pointer;
	float: right;
	margin: 10px 0 0 0;
}
#login #send:hover {
	color: #008000;
}
/***** #footer *****/
#footer {
	background: #ffffff url('/images/lattice-frame.png') repeat;
	float: left;
	height: 33px;
	width: 981px;
}
#footer #bottom-nav {
	display: inline;
	float: left;
	margin: 15px 0 0 35px;
}
#footer #bottom-nav  ul {
	float: left;
}
#footer #bottom-nav  li {
	cursor: pointer;
	float:left;
}
#footer #bottom-nav  li a {
	float: left;
	font-size: 1.0em;
	padding: 0 5px 0 5px;
}
#footer #bottom-nav .separator {
	color: #989696;
}
#footer p {
	color: #989696;
	display: inline;
	float: right;
	font-size: 1.0em;
	margin:15px 40px 0 0;
	padding: 0;
}
#footer a {
	color: #989696;
}
#footer a:hover {
	color: #605f5f;
}
/***** #curtain *****/
#curtain {
	background: #ffffff;
	clear: both;
	height: 894px;
	left: 0px;
	position: absolute;
	top: 0px;
	width: 982px;
}