* {
	margin: 0;
	padding: 0;
}
body {
	background: #000 url(images/bodybg.jpg) no-repeat center top;
	color: #fff;
	font-size: 12px;
	font-family: "lucida grande", Verdana, Arial, sans-serif;
}
img {
	border: 0;
}
a {
	color: #867c62;
	text-decoration: none;
}
a:hover {
	color: #fff;
}
.cnt {
	width: 900px;
	margin: 0 auto;
}

/* ------------------------------ header ------------------------------ */
.header {
	width: 900px;
	height: 154px;
}
h1.logo {
	background: transparent url(images/sergimorales_logo.jpg) no-repeat;
	width: 340px;
	height: 154px;
	margin-left: 280px;
}
h1.logo a {
	width: 340px;
	height: 154px;
	display: block;
}
h1.logo span {
	display: none;
}

/* ------------------------------ menu ------------------------------ */
.menu {
	background: transparent url(images/menubg.jpg) no-repeat;
	width: 900px;
	height: 35px;
}
.menu ul {
	width: 541px;
	list-style-type: none;
	margin: 0 auto;
}
.menu li {
	height: 35px;
	display: block;
	float: left;
}
.menu li span {
	display: none;
}
.menu a {
	height: 35px;
	display: block;
	float: left;
}
.menu a:hover {
	background-color: transparent;
	background-image: none;
}
.m-home {
	background: transparent url(images/m-home.jpg) no-repeat 0px -35px;
	width: 77px;
}
.m-home a {
	background: transparent url(images/m-home.jpg) no-repeat 0 0;
	width: 77px;
}

.m-about {
	background: transparent url(images/m-about.jpg) no-repeat 0px -35px;
	width: 82px;
}
.m-about a {
	background: transparent url(images/m-about.jpg) no-repeat 0 0;
	width: 82px;
}
.m-reels {
	background: transparent url(images/m-reels.jpg) no-repeat 0px -35px;
	width: 71px;
}
.m-reels a {
	background: transparent url(images/m-reels.jpg) no-repeat 0 0;
	width: 71px;
}
.m-imagebank {
	background: transparent url(images/m-imagebank.jpg) no-repeat 0px -35px;
	width: 131px;
}
.m-imagebank a {
	background: transparent url(images/m-imagebank.jpg) no-repeat 0 0;
	width: 131px;
}
.m-links {
	background: transparent url(images/m-links.jpg) no-repeat 0px -35px;
	width: 73px;
}
.m-links a {
	background: transparent url(images/m-links.jpg) no-repeat 0 0;
	width: 73px;
}
.m-contact {
	background: transparent url(images/m-contact.jpg) no-repeat 0px -35px;
	width: 107px;
}
.m-contact a {
	background: transparent url(images/m-contact.jpg) no-repeat 0 0;
	width: 107px;
}


.active {
	background-position: 0px -70px;
}

/* ------------------------------ main ------------------------------ */
.main {
	width: 900px;
}
h2 {
	font-family: Georgia, serif;
	font-size: 24px;
	font-weight: normal;
	text-align: center;
	margin-bottom: 10px;
	clear: both;
}
h2.logosidentity {
	background: transparent url(images/logosidentity.gif) no-repeat center 27px;
	height: 50px;
}
h2.logosidentity span {
	display: none;
}
ul.showcase {
	width: 796px;
	list-style-type: none;
	margin: 15px 0 30px;
	padding-left: 104px;
	float: left;
}
ul.showcase li {
	width: 173px;
	height: 140px;
	display: block;
	float: left;
}
ul.showcase a {
	width: 163px;
	height: 130px;
	padding: 5px;
	display: block;
	float: left;
}
ul.showcase a:hover {
	background-color: #2d2921;
	background-image: none;
}


/* ------------------------------ footer ------------------------------ */
.footer {
	background: transparent url(images/footerbg.jpg) no-repeat;
	width: 900px;
	height: 40px;
	padding: 10px 0 0 0;
}
.footer p {
	color: #41382f;
	font-size: 11px;
	text-align: center;
	padding-right: 30px;
}
.footer p a img {
	vertical-align: middle;
	margin-top: -1px;
}

/* ------------------------------ clear ------------------------------ */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both;
    visibility: hidden;
}