body {
	font: 76% Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin: 0 auto;
	padding: 0;
	background: url(../../images/background.gif) repeat-x top #fff;
	color: #535353;
}

body#secondary {background: url(../../images/backgroun2.gif) repeat-x top}

* {margin: 0; padding: 0;}

#wrapper {
	width: 770px;
	height: 100%;
	text-align: left;
	font-size: 1em;
	padding: 0;
	margin: 0 auto;
}

.style {display: none;}

#header {height: 72px; margin: 0; padding: 0; overflow: hidden;}

#logo a{background: url(../../images/my-style-book.gif) no-repeat top; width: 228px; height: 64px; display: block; position: relative; top: 6px; float: left;}

#illustration {background: url(../../images/illustration.jpg) no-repeat 0 0; width: 770px; height: 353px; padding: 0; margin: 0;}

#banner {height: 224px;}

h1#never {background: url(../../images/h2-never-make.gif) no-repeat top; width: 372px; height: 60px; display: block; position: relative; top: 23px; left: 327px;}

h3#homeclick a {display: block; background: url(../../images/click-here.gif) no-repeat top; width: 343px; height: 21px; position: relative; top: 30px; left: 327px;}

#viewdemo {float: left; position: relative; top: 44px; left: 360px;}

#viewdemo a {background: url(../../images/view-our-demo.jpg) no-repeat top; width: 173px; height: 92px; border: 1px solid #e9ae54; display: block;}

#viewdemo a:hover {border: 1px solid #fabc5e;}

#login {background: url(../../images/login-bg.gif) no-repeat top; width: 211px; height: 92px; border: 1px solid #e9ae54; float: left; position: relative; top: 44px; left: 370px;}

label {width: 61px; display: block; font-size: 0.8em; color: #fff; font-weight: bold; float: left; margin: 6px 0 2px 0; padding-left: 10px;}

input.logsubmit {position: relative; left: 80px; top: 3px;}

input.log {width: 129px; height: 16px; border: 1px solid #d67705; float: left; margin: 6px 0 2px 0;}

#login p {font-size: 0.8em; color: #000; text-align: center; padding-top: 5px;}

#steps {height: 129px;}

#steps p {position: relative; left: 15px; top: 48px; font-size: 0.9em; font-weight: bold;}

#step1, #step2, #step3 {display: block; background: url(../../images/step01.jpg) no-repeat top; width: 232px; height: 107px; position: relative; top: 17px; left: 22px; float: left;}

#step2 {background: url(../../images/step02.jpg) no-repeat top; left: 42px;}

#step3 {background: url(../../images/step03.jpg) no-repeat top; left: 62px;}

.clear, br {clear: both;}

#homecontent p {padding: 5px 0;}

#column1, #column2, #column3 {width: 232px; position: relative; left: 22px; float: left; font-size: 0.9em; padding: 20px 0;}

#column2 {left: 42px;}

#column3 {left: 62px;}

#footer {width: 770px; border-top: 1px solid #e1dfdb; border-bottom: 1px solid #eceae6; padding: 10px 0 15px 5px; font-size: 0.8em; clear: both;}

#footer a {color: #535353;}

a:link {color: #d23434;}

a:hover {color: #9a3025;}

a:visited {color: #be292f;}

h4#create, h4#trying, h4#sharing {background: url(../../images/h2-create.gif) no-repeat top; width: 207px; height: 12px; display: block;}

h4#trying {background: url(../../images/h2-trying.gif);}

h4#sharing {background: url(../../images/h2-sharing.gif);}

/* Main Navigation -------------------------------------------------------------------- */

#mainnav {
	float: right;
	height: 65px;
	width: 440px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	position: relative;
	top: 10px;
}

#mainnav ul {
	padding: 0;
	margin: 0 0 0 4px;
	height: 20px;
}
#mainnav ul li {
	display: inline;
	float: left;
}

#mainnav ul li a{
	padding: 0;
	margin: 0;
	height: 20px;
	display: block;
}

#navjoin a{
	display: block;
	width:37px;
	background: url(../../images/menu-join.gif) no-repeat;
	background-position: 0 0;
}

#navjoin a:hover{
	background-position: 0 -20px;
}

#navcelebrity a{
	display: block;
	width:140px;
	background: url(../../images/menu-celebrity.gif) no-repeat;
	background-position: 0 0;
}

#navcelebrity a:hover, #navfind a:hover, #navcontact a:hover, #navpartners a:hover{
	background-position: 0 -20px;
}

#navfind a{
	display: block;
	width:101px;
	background: url(../../images/menu-find.gif) no-repeat;
	background-position: 0 0;
}

#navcontact a{
	display: block;
	width:90px;
	background: url(../../images/menu-contact.gif) no-repeat;
	background-position: 0 0;
}

#navpartners a{
	display: block;
	width:66px;
	background: url(../../images/menu-partners.gif) no-repeat;
	background-position: 0 0;
}

#content {background: url(../../images/illustration2.jpg) no-repeat 1px 1px; width: 752px; margin-bottom: 40px; position: relative; left: 15px;}

#secnav {width: 168px; float: left; position: relative; top: 126px; left: 1px}

#sechome a{
	display: block;
	width:167px;
	height: 22px;
	background: url(../../images/sec-home.gif) no-repeat;
	background-position: 0 0;
}

#sechome a:hover, #secmember a:hover, #secmystyle a:hover, #sechelp a:hover, #secjoin a:hover, #seccelebrity a:hover, #secview a:hover, #secabout a:hover, #seccontact a:hover{
	background-position: -167px 0;
}

#secmember a{
	display: block;
	width:167px;
	height: 26px;
	background: url(../../images/sec-member.gif) no-repeat;
	background-position: 0 0;
}

#secmystyle a{
	display: block;
	width:167px;
	height: 26px;
	background: url(../../images/sec-mystyle.gif) no-repeat;
	background-position: 0 0;
}

#sechelp a{
	display: block;
	width:167px;
	height: 25px;
	background: url(../../images/sec-help.gif) no-repeat;
	background-position: 0 0;
}

#secjoin a{
	display: block;
	width:167px;
	height: 23px;
	background: url(../../images/sec-join.gif) no-repeat;
	background-position: 0 0;
}

#seccelebrity a{
	display: block;
	width:167px;
	height: 25px;
	background: url(../../images/sec-celebrity.gif) no-repeat;
	background-position: 0 0;
}

#secview a{
	display: block;
	width:167px;
	height: 24px;
	background: url(../../images/sec-view.gif) no-repeat;
	background-position: 0 0;
}

#secabout a{
	display: block;
	width:167px;
	height: 26px;
	background: url(../../images/sec-about.gif) no-repeat;
	background-position: 0 0;
}

#seccontact a{
	display: block;
	width:167px;
	height: 25px;
	background: url(../../images/sec-contact.gif) no-repeat;
	background-position: 0 0;
}

#maincontent {width: 584px; float: left; background: url(../../images/content-bg.gif) repeat-y top; position: relative; top: 23px;}

#text {background: url(../../images/content-top.jpg) no-repeat top; width: 564px; padding: 10px 10px;}

#text p {padding: 5px 0; font-size: 0.9em;}

#textbottom {background: url(../../images/content-bottom.gif) no-repeat top; width: 584px; height: 3px; overflow: hidden;}

#sectop {background: url(../../images/sec-top.gif) no-repeat top; width: 167px; height: 16px; overflow: hidden;}

#secbottom {background: url(../../images/sec-bottom.gif) no-repeat top; width: 167px; height: 16px; overflow: hidden;}

h1.secondary {font-size: 1.3em; color: #b12626; text-transform: uppercase; margin-top: 15px; margin-bottom: 5px;}