/* In order of appearance */
#mainwrapper {
	color: white;
	font-size: 1px;
	position: absolute;
	left: 214px;
	top: 50px;
}

a {
	color: white;
}

#header {
	margin-left: -2px;
}

#header h1 {
	width: 474px;
	height: 37px;
	position: relative;	
}	
#header h1 span {
	background: url('../graphics/name.png') no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}
#header h2 {
	width: 474px;
	height: 41px;
	position: relative;	
}	
#header h2 span {
	background: url('../graphics/title.png') no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}
#header .email {
	width: 474px;
	height: 40px;
	position: relative;	
}	
#header .email span {
	background: url('../graphics/email.png') no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}
#header .phone {
	width: 474px;
	height: 38px;
	position: relative;	
}	
#header .phone span {
	background: url('../graphics/phone.png') no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

#menu {
	margin: 8px 0 8px 0;
}
#menu .line1 {
	display: block;
	width: 281px;
	border-top: 1px solid #7fc1ef;
}
#menu .line2 {
	display: block;
	width: 200px;
	border-top: 1px solid #ff7fff;
}
#menu ul {
	height: 14px;
	margin: 6px 0 6px 0;
}
#menu li {
	display: inline;
	float: left;
	margin-right: 5px;
}
#menu .fashion {
	width: 67px;
	height: 14px;
	position: relative;
	overflow: hidden;
}
#menu .fashion span {
	background: url('../graphics/btnFashion.png') no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

#menu .fashion a:hover span {
	background: url('../graphics/btnFashion_roll.png') no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}
#menu .fashion span.active {
	background: url('../graphics/btnFashion_roll.png') no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

#menu .portrait {
	width: 76px;
	height: 14px;
	position: relative;
	overflow: hidden;
}
#menu .portrait span {
	background: url('../graphics/btnPortrait.png') no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}
#menu .portrait a:hover span {
	background: url('../graphics/btnPortrait_roll.png') no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}
#menu .portrait span.active {
	background: url('../graphics/btnPortrait_roll.png') no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}
#menu .lifestyle {
	width: 80px;
	height: 14px;
	position: relative;
	overflow: hidden;
}
#menu .lifestyle span {
	background: url('../graphics/btnLifestyle.png') no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

#menu .lifestyle a:hover span {
	background: url('../graphics/btnLifestyle_roll.png') no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}
#menu .lifestyle span.active {
	background: url('../graphics/btnLifestyle_roll.png') no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}
#navigation-buttons {
	margin: 7px 0 0px -2px;
}

#navigation-buttons ul {
	height: 16px;
}
#navigation-buttons li {
	display: inline;
	float: left;
}
#navigation-buttons .prev {
	width: 40px;
	height: 16px;
	position: relative;
	overflow: hidden;
	border-right: 1px solid #ffbfff;
}
#navigation-buttons .prev span {
	background: url('../graphics/btnPrev.png') no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

#navigation-buttons .prev a:hover span {
	background: url('../graphics/btnPrev_roll.png') no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

#navigation-buttons .next {
	width: 39px;
	height: 16px;
	position: relative;
	overflow: hidden;
	margin-left: 1px;
}
#navigation-buttons .next span {
	background: url('../graphics/btnNext.png') no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

#navigation-buttons .next a:hover span {
	background: url('../graphics/btnNext_roll.png') no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}