/*
	GLOBAL
*/

@font-face {
  font-family: "Cochin";
  src: url("type/Cochin.ttc");
}

body {
	background: url(images/bg_00.jpg);
	color: #FFF;
	font-family: Cochin, Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	margin: 0;
}

#jacket1 {
	background: url(images/bg_01.png) center top no-repeat;
	height: 100%;
	margin: 0 auto;
}

#jacket2 {
	background: url(images/bg_02.png) no-repeat;
	height: 100%;
}

#jacket3 {
	background: url(images/bg_03.png) 0px 545px repeat-x;
	height: 100%;
}

#jacket4 {
	background: url(images/bg_04.png);
	height: 100%;
}

#wrapper {
	height: 100%;
	margin: 0 auto;
	width: 960px;
}

a {
	color: #e3c9a5;
	font-weight: normal;
	text-decoration: none;
}

a.button {
	background: url(images/bg_btn.png);
	padding: 4px 20px;
}

a:hover {
	color: #FFF;
}

a img {
	border: none;
	outline: none;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

/*
	HEADER
*/
#header {
	height: 154px;
	position: relative;
	z-index: 1;
}

#header .login {
	background: url(images/bg_05.png);
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	padding: 0 0 0 25px;
	position: absolute;
	width: 140px;
}

#header .logo {
	position: absolute;
	right: 0;
	top: 20px;
	z-index: 3;
}

/* #menu ul li { float: left; }
* #menu ul li a { height: 1%; }
*/

#menu {
	background: url(images/bg_05.png);
	bottom: 0;
	color: #FFF;
	height: 64px;
	line-height: 32px;
	padding: 0 25px;
	position: absolute;
	width: 910px;
	z-index: 2;
}

#menu .left {
	text-align: left;
	width: 650px;
}

#menu .right {
	text-align: right;
	width: 250px;
}

#menu ul {
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
}

#menu ul a {
	color: #FFF;
}

#menu ul a:hover {
	color: #e3c9a5;
}

#menu ul li {
	display: inline;
	position: relative;
}

#menu ul li a {
	margin: 0;
	padding: 10px 15px 10px 0;
}

#menu ul li a.last {
	padding: 0;
}

#menu li ul {
	background: url(images/bg_06.png);
	display: none;
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 26px;
}

#menu li:hover ul {
	display: block;
}

#menu li ul li {
	display: block;
	height: 30px;
	line-height: 30px;
	margin: 0;
	padding: 0;
	width: 150px;
}

#menu li ul li a {
	margin: 0;
	padding: 10px 15px;
}


/*
	CONTENT
*/
#content {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 19px;
	min-height: 534px;
	position: relative;
	top: -31px;
}

#content h2 {
	font-size: 12px;
	font-weight: bold;
}

#content .text {
	position: absolute;
}

#slider {
	background: #55493b;
	height: 534px; /* important to be same as image height */
	overflow: hidden; /* important */
	position: relative; /* important */
	width: 960px; /* important to be same as image width */
}

#sliderContent {
	list-style: none;
	margin: 0; /* important */
	padding: 0;
	position: absolute; /* important */
	top: 0; /* important */
	width: 960px; /* important to be same as image width or wider */  
}

.sliderImage {
	display: none; /* important */
	float: right; /* important */
	position: relative; /* important */
}

.sliderImage span {
	background-color: #000;
	bottom: 0;
	display: none; /* important */
	height: 75px;
	filter: alpha(opacity=70); /* here you can set the opacity of box with text */
	-moz-opacity: 0.7; /* here you can set the opacity of box with text */
	-khtml-opacity: 0.7; /* here you can set the opacity of box with text */
	opacity: 0.7; /* here you can set the opacity of box with text */
	position: absolute; /* important */
	left: 0;
	width: 960px;
	
   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.sliderImage span .subtitle {
	position: absolute;
	right: 110px;
	top: 13px;
}

.sliderImage span .view {
	position: absolute;
	right: 12px;
	top: 12px;
}

#content.about {
}

#content.contact {
	background: url(images/bg_contact.jpg);
}

#content.contact .text {
	left: 35px;
	top: 45px;
	width: 460px;
}

#content.contact .text p.center {
	text-align: center;
}

#content.contact input[type=text], #content.contact textarea {
	background: url(images/bg_form.png);
	border: none;
	color: #FFF;
	margin: 0 0 10px 0;
	padding: 0 5px;
	width: 330px;
}

#content.contact input[type=text] {
	height: 20px;
}

#content.contact input[type=submit] {
	background: url(images/bg_btn.png);
	border: none;
	color: #e3c9a5;
	font-family: Cochin, Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: bold;
	padding: 4px 20px;
}

#content.contact textarea {
	height: 60px;
}

#content.collections {
	background: url(images/bg_collections.jpg);
}

#content.collections .text {
	right: 35px;
	top: 50px;
	width: 470px;
}

#content.collections .buttons {
	position: absolute;
	right: 125px;
	top: 470px;
	width: 315px;
}

#content.couture {
	background: url(images/bg_couture.jpg);
}

#content.couture .text {
	left: 50px;
	top: 90px;
	width: 450px;
}

#content.designer {
	background: url(images/bg_designer.jpg);
}

#content.designer .text {
	left: 490px;
	top: 100px;
	width: 425px;
}

#content.stockists {
	background: url(images/bg_stockists.jpg);
}

#content.stockists .text {
	right: 25px;
	top: 60px;
	width: 480px;
}

#content.new {
	background: url(images/bg_new.jpg);
}

#content.new .text {
	left: 35px;
	top: 45px;
	width: 560px;
}

#content.bridal {
	background: url(images/bg_bridal.jpg);
}

#content.evening {
	background: url(images/bg_evening.jpg);
}

#content.disclaimer {
	background: #55493b;
	padding: 40px 35px 10px;
}

/*
	FOOTER
*/
#footer {
	background: url(images/bg_footer.png) repeat-x;
	color: #8a8580;
	padding: 10px 0;
	position: relative;
	text-align: center;
	top: -31px;
	width: 960px;
}