/*
DEFAULT
version 1.0
Copyright (c) 2010, Vim Trousseau Fashion Design Inc. All Rights Reserved.
http://www.vimtrousseau.com/css/DEFAULT/default.css
*/

html, body {
height: 100%;
background-color: #fff;
}

body {
font: 12px "TeXGyreHerosRegular", Helvetica, Arial, sans-serif;
}

a:link {
color: #000;
font: 1em "TeXGyreHerosRegular", Helvetica, Arial, sans-serif;
text-decoration: none;
}

a:visited {
color: #000;
font: 1em "TeXGyreHerosRegular", Helvetica, Arial, sans-serif;
text-decoration: none;
}

a:hover {
color: #ed228b;
font: 1em "TeXGyreHerosRegular", Helvetica, Arial, sans-serif;
text-decoration: none;
}

a[rel^="external"] {
target-new: tab ! important;
}

img {
border: 0px;
}

div.container {
position: relative;
width: 2980px;
height: auto !important;
height: 100%;
margin: 0em;
padding: 0em;
border: none;
background-color: transparent;
color: #000;
font: 1em/1.5em "TeXGyreHerosRegular", Helvetica, Arial, sans-serif;
}

	#header {
	position: relative;
	width: 980px;
	height: 36px;
	margin: 0em;
	padding: 0em;
	background-color: transparent;
	color: #000;
	z-index: 10;
	}

		div.header-left {
		float: left;
		position: relative;
		width: 220px;
		height: inherit;
		background-color: transparent;
		}

			div.header-left ul {
			margin: 0em;
			padding: 0em;
			background-color: transparent;
			}

				div.header-left ul li {
				margin: 0em;
				padding: 0em;
				background-color: transparent;
				list-style-type: none;
				}

					div.header-left ul li a:hover span { 
					color: #ed228b;
					}

						div.header-left ul li span {
						margin-left: 0px;
						color: #000;
						font: 27px/36px "Audimat Mono";
						text-transform: uppercase;
						}

							div.header-left ul li span span {
							margin: 0em;
							color: #948a8a;
							}

		div.header-right {
		float: left;
		position: relative;
		width: 740px;
		height: inherit;
		background-color: transparent;
		}

				ul#call-to-action {
				float: right;
				margin: 0em;
				margin-right: 20px;
				padding: 0em;
				background-color: transparent;
				}

					ul#call-to-action li {
					display: block;
					margin: 0em;
					padding: 0em;
					background-color: transparent;
					list-style-type: none;
					}

						ul#call-to-action li a {
						background-color: transparent;
						color: #000;
						font: 12px/36px "TeXGyreHerosRegular", Helvetica, Arial, sans-serif;
						text-decoration: none;
						white-space: nowrap;
						}

						ul#call-to-action li a:hover {
						background-color: #fff;
						color: #ed228b;
						}

							ul#call-to-action li ul {
							margin: 0em;
							padding: 0em;
							visibility: hidden;
							}

								ul#call-to-action li ul li {
								float: none;
								margin: 0em;
								padding: 0em;
								}

									ul#call-to-action li ul li a {
									width: auto;
									background-color: transparent;
									color: #000;
									}

									ul#call-to-action li ul li a:hover {
									background-color: transparent;
									color: #ed228b;
									}

	#navigation {
	float: left;
	position: relative;
	width: 220px;
	height: 540px;
	margin: 0em;
	padding: 0em;
	background-color: transparent;
	color: #fff;
	z-index: 10;
	}

		#navigation a {
		display: block;
		margin: 0em;
		padding: 0em;
		color: #fff;
		text-align: left;
		text-decoration: none;
		}

		#navigation a:hover {
		color: #fff;
		}

			#navigation ul.navigation {
			margin: 0em;
			padding: 0em;
			list-style-type:none;
			}
			
				#navigation ul.navigation li {
				width: 220px;
				height: auto;
				margin: 0em;
				margin-bottom: 0px;
				padding: 0em;
				border-bottom: 1px solid #fff;
				background-color: #fff;
				text-transform: capitalize;
				}
				
					#navigation ul.navigation li a {
					display: block;
					width: 200px; /* -40px in consideration of padding-left */
					height: 24px; /* -12px in consideration of #navigation ul li { border-bottom } */
					margin: 0em;
					padding: 0em;
					padding-top: 12px;
					padding-left: 20px;
					background: #000 url("/img/layout/navigation/fifo.jpg") repeat 0% 0%;
					color: #fff;
					}
				
					#navigation ul.navigation li a:hover {
					background: #ed228b url("/img/layout/navigation/fifo.jpg") repeat 100% 100%;
					}
				
					#navigation ul.navigation li a:active {
					background-color: #ed5ca7;
					}
				
						#navigation ul.navigation li a span {
						padding-left: 20px;
						font: 12px "TeXGyreHerosRegular", Helvetica, Arial, sans-serif;
						text-transform: uppercase;
						}
						
						#navigation ul.navigation li ul {
						margin: 0em;
						padding: 0em;
						list-style-type:none;
						}
						
							#navigation ul.navigation li ul li {
							border: none;
							border-top: 1px solid #252525;
							}
							
								#navigation ul.navigation li ul li a {
								display: block;
								width: 165px; /* -40px in consideration of padding-left */
								height: 24px; /* -12px in consideration of #navigation ul li { border-bottom } */
								margin: 0em;
								padding: 0em;
								padding-top: 12px;
								padding-left: 55px;
								background: none;
								color: #000;
								}
								
								#navigation ul.navigation li ul li a:hover {
								background: none;
								color: #ed228b;
								}
							
								#navigation ul.navigation li ul li a:active {
								background: none;
								color: #ed228b;
								}
						
									#navigation ul.navigation li ul li a span {
									padding-left: 0em;
									font: 12px "TeXGyreHerosRegular", Helvetica, Arial, sans-serif;
									text-transform: uppercase;
									}
						
	#content {
	float: left;
	position: relative;
	width: 2740px;
	height: 540px;
	min-height: 540px;
	margin: 0em;
	padding: 0em; 
	background-color: #fff;
	z-index: 0;
	}
	
		.front { 
		background: #fff url("/img/home/bg.jpg") no-repeat 0% 0%;
		}
		
		.collections {
		z-index: 1;
		}

			.collections img {
			z-index: 2;
			width: 220px;
			height: 540px;
			margin-bottom: -36px;
			}

			.collections a {
			z-index: 3;
			position: relative;
			display: block;
			bottom: 36px;
			left: 0px;
			width: 160px;
			height: 36px;
			background-color: #fff;
			font: 9px "Lucida Bright", Georgia, sans-serif;
			}
		
		.handbags {
		z-index: 1;
		}
			
			.handbags img {
			z-index: 2;
			width: 220px;
			height: 540px;
			margin-bottom: -36px;
			}

			.handbags a {
			z-index: 3;
			position: relative;
			display: block;
			bottom: 36px;
			left: 0px;
			width: 160px;
			height: 36px;
			background-color: #fff;
			font: 9px "Lucida Bright", Georgia, sans-serif;
			}
		
		.scoop {
		z-index: 1;
		}
			
			.scoop img {
			z-index: 2;
			width: 220px;
			height: 540px;
			margin-bottom: -36px;
			}

			.scoop a {
			z-index: 3;
			position: relative;
			display: block;
			bottom: 36px;
			left: 0px;
			width: 160px;
			height: 36px;
			background-color: #fff;
			font: 9px "Lucida Bright", Georgia, sans-serif;
			}			
			
		.boxgrid {
		position: relative;
		width: 400px;
		height: 540px;
		border: none;
		background-color:transparent;
		overflow: hidden;
		}

			.boxgrid img {}

			.boxcaption{
			float: left;
			position: absolute;
			width: 360px;
			height: 297.7362px;
			padding: 18px 20px;
			background-color: #000;
			color: #fff;
			opacity: .8;
			/* For IE 5-7 */
			filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
			/* For IE 8 */
			-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
			}
		 
			 .caption .boxcaption {
			bottom: -330.7362px;
			left: 0px;
			}
		 
				.caption .boxcaption h3 {
				color: #ed228b;
				font: italic 27px/36px "Lucida Bright", Georgia, sans-serif;
				}


	#footer {
	position: relative;
	width: 980px;
	height: auto;
	margin: 0em;
	padding: 0em;
	background-color: #fff;
	color: #000;
	z-index: 10;
	}
	
		#footer a {
		text-decoration: none;
		}

		div.credits {
		float: left;
		width: 220px;
		background-color: transparent;
		font: 9px "Lucida Bright", Georgia, serif;
		}

			div.credits a {
			color: #000;
			font: italic 9px "Lucida Bright", Georgia, serif;
			}

			div.credits a:hover {
			color: #ed228b;
			}

			div.credits ul{
			
			}

				div.credits ul li {
				display: inline;
				list-style-type: none;
				}
			
		#twitter_div {
		float: left;
		position: relative;
		left: 0px;
		width: 740px;
		background-color: transparent;
		font: 9px/18px "TeXGyreHerosRegular", Helvetica, Arial, sans-serif;
		}

			#twitter_div a {
			color: #ed228b;
			}
			
			#footer img {
			position: absolute;
			top: 0px;
			left: 0px;
			width: 20.5px;
			height: 18px;
			}

			#twitter_div ul#twitter_update_list {
			position: relative;
			left: 40px;
			width: 700px;
			margin-left: 0px;
			padding: 0px;
			background-color: transparent;
			color: #000;
			}

				#twitter_div ul#twitter_update_list li {
				display: inline;
				list-style-type: none;
				}

					#twitter_div ul#twitter_update_list li a {
					display: inline;
					font: 12px "TeXGyreHerosRegular", Helvetica, Arial, sans-serif;
					font-size: 100% !important;
					list-style-type: none;
					}

						#twitter_div ul#twitter_update_list li span a {
						display: inline;
						font: 12px "TeXGyreHerosRegular", Helvetica, Arial, sans-serif;
						font-size: 100% !important;
						list-style-type: none;
						}
						
						div.triangle {
						display: none;
						position: absolute;
						top: 0px;
						left: 0px;
						width: 0px;
						border-top: 0px solid transparent;
						border-right: 20px solid #000;
						border-bottom: 18px solid transparent;
						font-size: 0px;
						line-height: 0%;
						}
						
						
		div.container-contact {
		width: 380px;
		background-color: transparent;
		}
	
		div.container-contact form#contact {
		
		}
		
			div.container-contact form#contact fieldset {
			margin: 0;
			padding: 0;
			border: none;
			}
			
			div.container-contact form#contact fieldset p {
			
			}
			
			div.container-contact form#contact fieldset h3 {
			margin: 0em;
			}
			
				div.container-contact form#contact fieldset h3 span {
				color: #ff0000;
				}
			
			div.container-contact form#contact fieldset input {
			width: 380px;
			height: 28px;
			margin-bottom: 18px;
			padding: 3px;
			}
			
			div.container-contact form#contact fieldset textarea {
			width: 380px;
			height: 154px;
			padding: 3px;
			}
			
			div.container-contact form#contact fieldset div.opencaptcha {
			float: left; 
			width: 300px; 
			height: 36px; 
			background-color: transparent;
			}
			
				div.container-contact form#contact fieldset div.opencaptcha img {
				float: left;
				}
			
				div.container-contact form#contact fieldset div.opencaptcha input {
				float: left; 
				width: 100px;  
				height: 32px; 
				margin-left: 20px;
				background-color: transparent; 
				}
			
			div.container-contact form#contact fieldset input[name^="button"] {
			float: left;
			width: 78px;
			height: 34px;
			margin: 0em;
			}