/*

copyright 2010 staystylish.com by Elsie Lam

look only, don't touch, don't even think about copying! 


*/



* {
	margin:0;
	padding:0;
	list-style:none;
}

body {
	margin:0;
	padding:0;
	overflow:hidden;
	background-color:#330000;
	background: url(images/SS10-background.jpg) no-repeat fixed;
	font-family: Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	font-size: 13px;
}

#preload img {
	height: 0; width: 0; border-width: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -30;
}

a {
	color: #663300;
	text-decoration: none;
	font-family: Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
}

a img {
	border: 0px;
}

a:visited {
	color: #330E00;
	text-decoration: none;
	font-family: Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
}

a:hover {
	text-decoration: underline;
	font-family: Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
}

a:active {
outline: 0;
}

a:focus {
-moz-outline-style: none;
outline: 0;
}

img {
	border:none;
}

strong {
	font-size: 16px;
	color:#660000;
}

h3 {
	font-weight:bold;
	font-size:11pt;
	color:#660000;
	text-transform:uppercase;
	padding: 2px 0 3px;
}

/*------------ GLOBAL ------------*/

#container {
	position: absolute;
	top: 184px;
	width: 10000px;
	height: 410px;
}

.box {
	width: 940px;
	height: 410px;
	padding-left: 340px;
	padding-right: 340px;
	float: left;
	margin:0;
	/*-- border: 1px dashed #ffffff; --*/
	position: relative;
}


#menu {
	position: fixed;
	top: 147px;
	left: 717px;
	width: 405px;
	height: 37px;
	clear: both;
	float: left;
	margin: 0;
}

#BGemail {
	position: fixed;
	top: 63px;
	left: 289px;
	width: 216px;
	height: 34px;
}

#footer {
	position: fixed;
	top: 630px;
	left: 160px;
	align: right;
	font-size: 10px;
	font-family: Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	color: #CC9966;
	width: 940px;
	height: 20px;
}

/*------------ HOME ------------*/

#home .polaroid {
	background: transparent url(images/SS10-Home_PhotoBG.jpg) no-repeat top left;
	width:365px;
	height:405px;
	position:absolute;
	left:190px;
	z-index: -10;
}

#home .slide1 {
	position:absolute;
	width: 261px;
	height: 253px;
	left: 244px;
	top:58px;
	z-index: 1;
}

#home .copytitle {
	background: transparent url(images/SS10-Home_Copy.png) no-repeat top left;
	position:absolute;
	width:502px;
	height:202px;
	top: 28px;
	left:616px;
	float: left;
}

#home .copy {
	position:absolute;
	width:460px;
	height:283px;
	top:125px;
	left:616px;
	float: left;
}

#home .copy p{
	line-height: 20px;
	padding: 0px 25px 10px;
	font-size: 14px;
}

/*------------ PROFILE ------------*/

#profile .photo {
	background: transparent url(images/SS10-Profile_Photo.png) no-repeat top left;
	width:344px;
	height:405px;
	left: 136px;
	position: absolute;
	z-index: -2;
}

#profile .note {
	background: transparent url(images/SS10-Profile_Copy.jpg) no-repeat top left;
	position: absolute;
	width:623px;
	height:381px;
	top:18px;
	left:480px;
	z-index: -1;
}

#profile .copy {
	position:absolute;
	width:529px;
	height:327px;
	top:98px;
	left:544px;
}

#profile .copy p {
	line-height: 18px;
	padding=bottom: 5px;
}

/*------------ MANIFESTO ------------*/

#manifesto .title {
	background: transparent url(images/SS10-Manifesto.png) no-repeat top left;
	width:54px;
	height:406px;
	left: 190px;
	float: left;
	position: absolute;
	z-index: -2;
}

#manifesto .copybox {
	position: absolute;
	width: 800px;
	height: 383px;
	left: 285px;
	top: 30px;
}

#manifesto .copybox p {
	line-height: 20px;
	padding: 0px 0px 15px;
	font-size: 13px
}

#manifesto .copybox h2 {
	font-size: 22px;
	color:#832720;
	font-weight: bold;
}

/*------------ MISSIONS ------------*/

#missions .title {
	background: transparent url(images/SS10-Missions_Title.png) no-repeat top left;
	width:54px;
	height:405px;
	left: 190px;
	float: left;
	position: absolute;
	z-index: -2;
}

#missions .foliobox {
	position: absolute;
	width: 810px;
	height: 370px;
	left: 275px;
	top: 24px;
	/*-- border: 1px solid #ffffff; --*/
}

/*------------ CONTACT ------------*/

#contact .title {
	background: transparent url(images/SS10-Contact_Title.png) no-repeat top left;
	width:156px;
	height:57px;
	left: 190px;
	float: left;
	position: absolute;
	z-index: -2;
}

#contact .book {
	background: transparent url(images/SS10-Contact_BG.jpg) no-repeat top left;
	position: absolute;
	width:584px;
	height:383px;
	top:23px;
	left:505px;
	z-index: -1;
}

#contact .intro {
	position: absolute;
	width: 234px;
	height: 253px;
	left: 195px;
	top: 75px;
}

#contact .intro p {
	line-height: 20px;
	padding: 0px 0px 15px;
	font-size: 14px;
}

#contact .yourmission {
	position: absolute;
	width: 234px;
	height: 158px;
	top: 150px;
	left: 190px;
}

#contact .social {
	position: absolute;
	width: 262px;
	height: 48px;
	left: 183px;
	top: 343px;
}

#contact .bookcopyleft {
	position: absolute;
	width: 220px;
	height: 289px;
	left: 555px;
	top: 70px;
}

#contact .bookcopyleft p {
	line-height: 18px;
	font-size: 14px;
}

#contact .bookcopyright {
	position: absolute;
	width: 240px;
	height: 289px;
	left: 805px;
	top: 70px;
}

#contact .bookcopyright p {
	line-height: 20px;
	padding: 0px 0px 15px;
}

/*

copyright 2010 staystylish.com by Elsie Lam

look only, don't touch, don't even think about copying! 


*/