/****************************************************************************************************
	Definicion de etiquetas HTML
****************************************************************************************************/

body {background:#1a171b;	font-family:Arial, Helvetica, sans-serif;	font-size:62.5%; color:#1a171b;}

/****************************************************************************************************
	LAYOUT
****************************************************************************************************/

#topBar {position:relative; background:#000000; z-index:1;}
#container {position:relative; margin:auto; background:#ffffff url("http://www.evacosmetics.com/images/bg-body-prof.jpg") repeat-x top left; z-index:0;}
#header {position:relative;	margin:auto; padding:0 30px 0 30px;	width:895px; height:78px;	z-index:1;}
#menu {position:relative;	margin:auto; padding:10px 30px 0 30px; width:895px;	background:#000000; z-index:1;}
#content {position:relative; margin:auto; padding:10px 30px 10px 30px; width:895px; background:#000000 url("http://www.evacosmetics.com//images/trend-space/bg.jpg"); overflow:hidden; z-index:1;}
#brands-container {position:relative; margin:auto; padding:10px 30px 10px 30px; width:895px; background:#ffffff !important; overflow:hidden;}
#bottomBar {position: relative;	width:100%;	background:#1a171b;	z-index:1;}

/****************************************************************************************************
 estilos y etiquetas del contentido central.
****************************************************************************************************/

.trend-space h2 {position:relative; margin:0 0 40px 0; width:100%; height:126px; background:transparent url("http://www.evacosmetics.com/images/trend-space/trend-space.png") no-repeat top center;}
.trend-space h2 span {display:block; text-indent:-100000000px;}
.trend-space #main-video {position:relative; float:left; width:614px;}
.trend-space #what-is-it {position:relative; float:right; margin:0 0 0 0; padding:45px 0 0 0; width:260px; background:transparent url("http://www.evacosmetics.com/images/trend-space/bg-what-is-it.png") no-repeat top center; text-align:center;}
.trend-space #what-is-it p {margin:0 0 0.5em 0; font-family:"Trebuchet MS"; font-size:1.2em; color:#ffffff; line-height:normal;}
.trend-space #what-is-it a.go-to-gallery {display:block; width:200px; margin:20px auto 0 auto; padding:5px 10px 5px 10px; background:#8e8276; text-align:center; font-family:"Georgia"; font-weight:bold; font-style:italic; font-size:1.3em; color:#000000; text-decoration:none;}
.trend-space .divider {position:relative; margin:20px auto 0 auto; width:586px; height:21px; background:transparent url("http://www.evacosmetics.com/images/trend-space/bg-divider.png") no-repeat top center;}
.trend-space .trend {position:relative; float:left; margin:0 20px 0 0; width:285px; height:375px;	text-align:left;}
.trend-space .trend h3 {display:block; padding:172px 0 0 0; font-family:"Georgia"; font-weight:bold; font-style:italic; font-size:1.5em; color:#1a171b; text-align:center;}
.trend-space .trend p {margin:0 0 0 0; padding:30px 20px 0 20px; font-family:"Trebuchet MS"; font-size:1.2em; line-height:normal; color:#707173; text-align:center;}
.trend-space .trend a {display:block; width:150px; margin:10px auto 0 auto; padding:4px 0 5px 30px; text-align:left; background: transparent url("http://www.evacosmetics.com/images/trend-space/bg-link.png") no-repeat top left; font-family:"Georgia"; font-weight:bold; font-style:italic; font-size:1em; color:#9cd5f2; text-decoration:none;}
.trend-space #style_50-s-vision {background:transparent url("http://www.evacosmetics.com/images/trend-space/bg-50-s-vision.png") no-repeat top left;}
.trend-space #business-casual {background:transparent url("http://www.evacosmetics.com/images/trend-space/bg-business-casual.png") no-repeat top left;}
.trend-space #rock-glam {margin:0 0 0 0; background:transparent url("http://www.evacosmetics.com/images/trend-space/bg-rock-glam.png") no-repeat top left;}
.trend-space #night-essence {margin:0 20px 0 150px; background:transparent url("http://www.evacosmetics.com/images/trend-space/bg-night-essence.png") no-repeat top left;}
.trend-space #romantic {margin:0 0 0 0; background:transparent url("http://www.evacosmetics.com/images/trend-space/bg-romantic.png") no-repeat top left;}
.trend-space #foot p {margin:10px 0 20px 0; padding:0; font-family:"Georgia"; font-weight:bold; font-style:italic; font-size:1.2em; line-height:normal; color:#707173; text-align:center;}

/* breadcrumbs y buscador.
**************************************************/

#content .breadAndSearchBar {margin:0 0 0 0; width:100%; overflow:hidden;}
#content #breadcrumbs {position:relative; float:left; padding:0 0 0 10px; font-family:"Trebuchet MS"; font-size:1.1em; color:#ffffff;}
#content #breadcrumbs a {text-decoration:underline; color:#ffffff;}
#content #search {position:relative; float:right;}

/* brands (brands.php)
**************************************************/

#brands-container #brands {position: relative; clear: both; width: auto; padding: 0 5px 0 5px; overflow: hidden; margin: 20px 0 10px 0;}
#brands-container #brands h2 {font-family: "Trebuchet MS"; font-size: 1.1em; color: #99bfe4;}
#brands-container #brands li {float:left; padding:6px 13px 0 0;}
#brands-container #brands li.first {padding:6px 13px 0 6px;}
#brands-container #brands li.last {padding:6px 0 0 0;}