*
{
margin: 0;
padding: 0;
}

body
{
background: #fff url(images/top-bg.gif) top left repeat-x;
font-size: 100%;
}

img
{
border: none;
}

p
{
margin: .5em 0;
}

ul
{
margin: 0 0 0 2em;
}

li
{
margin: .3em 0;;
padding: 0;
}

h1
{
font-size: 1.4em;
margin: .5em 0;
padding: 0;
}

h2
{
font-size: 1.3em;
margin: .5em 0;
padding: 0;
}

h3
{
font-size: 1.1em;
margin: .5em 0;
padding: 0;
font-weight: normal;
}

a:link
{
color: #580000;
text-decoration: none;
}

a:visited
{
color: #580000;
text-decoration: none;
}

a:hover,
a:focus
{
color: #000;
text-decoration: underline;
}

a:active
{
color: #783030;
}

#main
{
margin: 0 auto 2em auto;
/*width: 950px;
min-height: 1025px;
height: auto !important;
height: 1025px;*/
font-size: 0.75em;
line-height: 1.333em;
font-family: Trebuchet MS, Helvetica, sans-serif;
color: #333;
}

#header
{
background: url(images/top-bg.jpg) top left no-repeat;
height: 176px;
overflow: hidden;
width: 950px;
margin: 0 auto;
}

#header-left
{
width: 479px;
height: 176px;
text-indent: -10000px;
float: left;
/*background: url(images/love-stockings-logo.gif) top left no-repeat;*/
}

#header-right
{
width: 442px;
height: 176px;
/*margin: 0 75px 0 0;*/
float: right;
display: inline;
position: relative;
}

#top-menu
{
float: left;
font-size: 1.5em;
}

#top-menu ul
{
margin: 19px 0 0 11px;
padding: 0;
}

#top-menu ul li
{
margin: 0 52px 0 0;
padding: 0;
float: left;
list-style: none;
text-transform: uppercase;
text-indent: -10000px;
}

#top-menu ul li a
{
outline: none;
}

#top-menu ul li a:hover
{
padding: 0 0 3px 0;
border-bottom: 2px solid #fff;
}

#top-menu ul li.home a
{
display: block;
width: 49px;
height: 14px;
/*background: url(images/home.gif) top left no-repeat;*/
}

#top-menu ul li.login a
{
display: block;
width: 50px;
height: 14px;
/*background: url(images/login.gif) top left no-repeat;*/
}

#top-menu ul li.signup a
{
display: block;
width: 61px;
height: 14px;
/*background: url(images/signup.gif) top left no-repeat;*/
}

#top-menu ul li.about a
{
display: block;
width: 84px;
height: 14px;
/*background: url(images/about.gif) top left no-repeat;*/
}

#top-menu ul li.about
{
margin: 0;
}

#main-page-content
{
height: 635px;
overflow: hidden;
background: url(images/main-content-bg.jpg) top center no-repeat;
}

.interior #main-page-content
{
background: url(images/main-content-bg-int.jpg) top center no-repeat;
}

#main-page-content-inner
{
width: 950px;
margin: 0 auto;
}

#main-text-area
{
color: #fff;
width: 445px;
height: 450px;
overflow: hidden;
float: right;
margin: 50px 0 0 0;
font-size: 1.1em;
position: relative;
}

.front #main-text-area
{
text-indent: -10000px;
}

.front #main-text-area ul li
{
list-style: none;
}

.front #main-text-area .join-link a
{
display: block;
width: 109px;
height: 97px;
position: absolute;
top: 328px;
left: 316px;
}

.join #main-text-area h2
{
width: 419px;
height: 26px;
background: url(images/join-lis-free.png) top center no-repeat;
text-indent: -10000px;
margin: 10px 0 0 11px;
}

.login #main-text-area h2
{
width: 161px;
height: 26px;
background: url(images/member-login.png) top left no-repeat;
text-indent: -10000px;
margin: 10px 0 0 11px;
}

.about #main-text-area h2
{
width: 267px;
height: 26px;
background: url(images/about-lis.png) top left no-repeat;
text-indent: -10000px;
margin: 10px 0 0 11px;
}

.about #main-text-area p
{
margin: 1em 25px;
line-height: 1.5em;
}

.about #main-text-area p.join-now-button
{
margin: -.5em 0 0 0;;
padding: 0;
}

#main-text-area select
{
font-family: Trebuchet MS, Helvetica, sans-serif;
color: #333;
}

.about #main-text-area a.join-now
{
background: url(images/join-now-button.png) top left no-repeat;
width: 200px;
height: 87px;
display: block;
text-indent: -10000px;
margin: 0 auto;
}

/* JOIN FORM */

#join-form form
{
margin: 2em 0 1em 50px;
}

.member-login form
{
margin: 2em 0 1em 25px ! important;
}

#join-form .join-form-item
{
margin: .5em 0;
}

.join-form-item label
{
width: 120px;
float: left;
text-align: right;
padding: 4px 5px 0 0;
}

.hearabout label
{
width: 115px;
padding: 3px 10px 0 0;
}

.join-form-item .howheard
{
padding: .5em 0;
}

.join-form-submit-button
{
width: 128px;
height: 49px;
margin: .5em 0 .5em 110px;
}

.login-form-submit-button
{
width: 128px;
height: 49px;
margin: 1em 0 1em 140px;
}

#join-form .terms
{
font-size: .8em;
margin: 10px 0 0 25px;
}

#join-form .terms a
{
color: #fff;
text-decoration: underline;
}

#join-form .terms a:hover
{
text-decoration: none;
}

#join-form select
{
margin: 0;
padding: 2px;
border: 1px solid #000;
}

#join-form select.gender,
#join-form select.gender2
{
width: 75px;
}

#join-form select.day
{
width: 50px;
}

#join-form select.year
{
width: 60px;
}

#join-form select.howheardlist
{
width: 150px;
}

#join-form input
{
margin: 0;
padding: 3px;
border: 1px solid #000;
}

#join-form .join-form-submit-button input
{
border: none;
background: transparent;
padding: 0;
}

#join-form .login-form-submit-button input
{
border: none;
background: transparent;
padding: 0;
}

.member-login-item input.memberid,
.member-login-item input.password
{
width: 150px;
}

/* END JOIN FORM */

/* BEGIN CAROUSEL STYLES */

#latest-members
{
float: right;
}

#latest-members li img
{
width: 90px;
height: 90px;
}

/* END CAROUSEL STYLES */

#bottom
{
width: 960px;
height: 375px;
margin: 0 auto;
background: url(images/bottom-woman.jpg) bottom left no-repeat;
}

.login #bottom,
.join #bottom,
.about #bottom
{
background: url(images/bottom-woman.jpg) bottom center no-repeat;
}

#bottom-text
{
width: 360px;
padding: 10px 0 0 0;
height: 365px;
float: right;
}

#bottom-text h3
{
font-size: 1.6em;
font-weight: normal;
}

#bottom-text p
{
line-height: 1.6em;
margin: 1.5em 0;
}

#bottom-text p.big
{
margin: 1em 0;
font-size: 1.3em;
}

#footer
{
height: 34px;
background: url(images/footer-bg.gif) top left repeat-x;
color: #fff;
line-height: 34px;
text-align: center;
}

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
.clearfix { display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* stop commented backslash hack */