body { margin: 0; padding: 0; text-align: left; font: 12px Arial, "Trebuchet MS", Tahoma; background: #000; color: #696969; }

img { border: 0; }

/* main container */
#container { position: relative; width: 720px; margin: 0 auto; padding: 0; z-index: 0; }
	
	/* banner */
	#banner { clear: both; position: relative; min-height: 350px; height: auto !important; height: 350px; margin: 0; padding: 0; border-top: 1px solid #c0dd29;
	background: #000 url("../img/rochii-mireasa-ocazie/bg-banner.jpg") no-repeat 0 0; }
		
		/* logo */
		#logo { position: absolute; top: 20px; left: 20px; }
		#logo img { width: 250px; height: 65px; }
		
		/* products */
		#products { position: absolute; top: 125px; left: 15px; }
		#products ul { display: block; clear: both; width: auto; margin: 0; padding: 5px; text-align: justify; }
		#products ul li { margin: 2px 0; padding: 3px 0; list-style: none; }
		#products ul li h1 { margin: 0; padding: 0 0 0 7px; font-style: italic;
		background: url("../img/rochii-mireasa-ocazie/dot-products.gif") no-repeat 0 7px; font-size: 15px; color: #c11b1b; }
		
		/* flower */
		#flower { position: absolute; top: 180px; left: -85px; z-index: 6; }
		#flower img { width: 293px; height: 270px; }
		
		/* dress 1 - ocasion */
		#dress1 { position: absolute; top: 46px; left: 218px; z-index: 4; }
		#dress1 img { width: 253px; height: 304px; }
		
		/* dress 2 - wedding */
		#dress2 { position: absolute; top: 18px; left: 430px; z-index: 5; }
		#dress2 img { width: 258px; height: 332px; }
	
	/* middle */
	#middle { clear: both; margin: 0; padding: 35px 5px 5px 5px; min-height: 125px; height: auto !important; height: 125px; border-top: 1px solid #fff;
	background: #000 url("../img/rochii-mireasa-ocazie/bg-middle.jpg") no-repeat 0 0; z-index: 7; }
	#middle h2 { margin: 10px 0; padding: 0; font-size: 13px; color: #fff; }
	#middle strong { font-size: 13px; color: #9b0d0d; }
		
		/* inner category */
		#inner-category { clear: both; width: auto; height: auto; margin: 0 0 20px 0; padding: 0; font-size: 12px; z-index: 10; }
		#inner-category span { font-weight: bold; font-size: 13px; color: #d90000; }
		#inner-category u { font-weight: bold; text-decoration: none; color: #696969; }
	
	/* footer */
	#footer { clear: both; margin: 0; padding: 5px; border-top: 1px solid #3f3e3e; background: #000; font-size: 11px; }
	#footer span { font-size: 12px; color: #9b0d0d; }
		
		/* links */
		#links { position: relative; clear: both; margin: 0 auto; padding: 5px; }
		#links b { color: #d80b0b; }
		#links a { line-height: 20px; padding: 0 3px; text-decoration: underline; color: #fff; }
		#links a:hover { text-decoration: none; color: #9b0d0d; }
		
		/* validation */
		#validation { position: relative; clear: both; margin: 0; padding: 5px; }
		#validation a { margin: 0; padding: 2px; text-decoration: none; }
		#validation a:hover { border-top: 2px solid #eee; }
		#validation a.html { background: #d80b0b; font-size: 10px; color: #fff; }
		#validation a.html:hover { background: #9b0d0d; }
		#validation a.css { background: #9b0d0d; font-size: 10px; color: #fff; }
		#validation a.css:hover { background: #d80b0b; }
		
		/* web design author */
		#creation-logo { position: relative; clear: both; margin: 0; padding: 5px; font: 11px Arial, "Trebuchet MS", Tahoma; color: #696969; }
		#creation-logo a { text-decoration: none; font-weight: bold; font-size: 11px; color: #696969; }
		#creation-logo a:hover { color: #5e9f1f; }
		#creation-logo em { font-style: normal; font-weight: bold; color: #5e9f1f; }
		#creation-logo strong { color: #444; }
		
		/* partners */
		.partners { clear: both; width: auto; margin: 7px 5px 7px 0; padding: 0; text-align: center; color: #696969; }
		.partners a { border: none; text-decoration: none; font-size: 11px; color: #eee; }
		.partners img { position: relative; float: none; margin: 3px 0 3px 0; padding: 0; border: 0; vertical-align: middle; }
		
/* clearfix */
/**/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
/* .clearfix { display: inline-block; } */
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.clear { clear: both; }
/**/