@import url(reset.css);

/* #660033 pink */
/* #e0e6ff l.gray */
/* #777b88 gray */
/* #330033 d.purple */

body {
	font-family: sans-serif;
	font-size: 80%;
	color: #333;
	text-align: center;
	background-color: #ddd;
}

h1 {
	margin: 1em;
	font-family: Georgia, serif;
	font-size: 150%;
	font-weight: normal;
}

a {
	text-decoration: none;
	font-weight: bold;
	color: #603;
}
a:hover {
	color: #303;
}

strong {
	font-weight: bold;
}

/*
 * header
 */

#header {
	padding: 1em;
	text-align: center;
}

#header #header-inner {
	display: inline-block;
}

#header #header-inner h1 {
	margin: 0;
	padding: 0.33em;
	font-family: Georgia, serif;
	font-size: 300%;
	font-weight: normal;
	font-variant: small-caps;
	border-bottom: solid 1px #333;
}

#header #header-inner h1 a {
	color: #333;
	font-weight: normal;
}
#header #header-inner h1 a:hover {
	color: #111;
}

#header #header-inner span {
	position: relative;
	top: -8px;
	padding: 0 0.5em;
	font-size: 85%;
	font-weight: bold;
	letter-spacing: 2px;
	background-color: #ddd;
}

/*
 * menu
 */

#menu {
	display: inline-block;
	margin: 1em auto;
	font-size: 90%;
	font-family: serif;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#menu .menu-item {
	display: inline-block;
}

#menu .menu-item a {
	position: relative;
	display: inline-block;
	padding: 1em 1.5em;
	color: #d1b3c2;
	font-weight: normal;
	background-color: #660033;
	border-left: solid 1px #751947;
}
#menu .menu-item:first-child a {
	border-left: none;
}
#menu .menu-item a:hover {
	color: #c2b3c2;
	background-color: #330033;
}
#menu .menu-item a#menu_main:hover {
	background-color: #330033;
}
#menu .overlay {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	background: url('../img/menu_grad.png') repeat-x top;
	border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}
#menu .menu-item a.home {
	background: #660033 url('../img/home.png') no-repeat center center;
}
#menu .menu-item a.home:hover {
	background-color: #330033;
}
#menu .menu-item a.home .alt {
	display: none;
}

#menu.home .menu-item a.home,
#menu.news .menu-item a.news,
#menu.portfolio .menu-item a.portfolio,
#menu.services .menu-item a.services,
#menu.designers .menu-item a.designers,
#menu.collections .menu-item a.collections,
#menu.contact .menu-item a.contact {
	background-color: #4c0033;
}

#menu .menu-item:first-child a {
	border-radius: 8px 0 0 8px;
    -moz-border-radius: 8px 0 0 8px;
    -webkit-border-radius: 8px 0 0 8px;
}

#menu .menu-item:last-child a {
	border-radius: 0 8px 8px 0;
    -moz-border-radius: 0 8px 8px 0;
    -webkit-border-radius: 0 8px 8px 0;
}

/*
 * footer
 */

#footer {
	margin: 2em 20%;
	padding: 0.5em;
	color: #999;
	line-height: 150%;
}
#footer a {
	color: #666;
	font-weight: normal;
}
#footer a:hover {
	color: #333;
}