* {padding:0;margin:0}
body {background:#fff url(../images/bg.gif) repeat-x;font:12px Arial, Helvetica, sans-serif;color:#333}
#page {width:800px;margin:0 auto;background-color:#fff;border:solid 1px #a18eb3}
a:link, a:visited {color:#5b4527;font-weight:bold;text-decoration:none}
a:hover {color:#34220a}
/*-------------------------header & top-----------------------------*/
#header {display:block;background: url(../images/bg_header.gif) repeat-x;padding:0 15px;border-bottom:solid 2px #fff}
h1.logo { text-indent: -9999px; background: url(../images/logo.gif) no-repeat 10px 5px;height:60px;display:block;width:250px;float:left}
h1.logo span {display:none}
h1 a:link, h1 a:visited {display:block;height:60px;width:250px;background: url(../images/logo.gif) no-repeat 10px 5px;float:left}
#joinfree {width:150px;height:30px;margin-top:30px;float:right}
#joinfree a {display:block;width:150px;height:30px;background-image: url(../images/btn-joinforfree.gif)}
#joinfree a:hover {background-position:0px -30px}
.cmlogo {margin:13px 0 0 20px;float:right}
.top {height:285px;background:url(../images/bg_top.gif) repeat-x;padding-left:40px}
.pic {height:285px;width:380px;float:left;margin-right:30px;display:block;background-image: url(../images/woman.jpg)}
#joinfreenow {width:280px;height:65px;margin:210px 0 0 90px}
#joinfreenow a {display:block;width:280px;height:65px;background-image: url(../images/btn-joinfreenow.gif)}
#joinfreenow a:hover {background-position:0px -65px}
/*-------------------------content-----------------------------*/
.content {padding:25px 10px 0px 25px}
.content em {font:bold 15px Arial, Helvetica, sans-serif;float:left;width:300px;padding-top:5px;color:#423223}
.browse {padding:0px 0 15px 15px;float:right}
.browse a:link, .browse a:visited {background-color:#e9e9e9;color:#333;font:bold 11px Arial, Helvetica, sans-serif;padding:5px;width:200px;display:block;text-decoration:none;text-align:center}
.browse a:hover {background-color:#ddd;color:#000;}
.member {border:solid 1px #aaa;padding:10px;float:left;margin:0 10px 10px 0;width:220px}
.name {text-align:center;padding:5px 0 10px 0;line-height:1.3em}
#contactme {width:160px;height:30px;margin-left:30px}
#contactme a {display:block;width:160px;height:30px;background:url(../images/btn-contactme.gif)}
#contactme a:hover {background-position:0px -30px}

#men {width:160px;height:30px;margin-left:15px;float:right}
#men a {display:block;width:160px;height:30px;background:url(../images/btn-men.gif)}
#men a:hover {background-position:0px -30px}
#women {width:160px;height:30px;margin-left:15px;float:right}
#women a {display:block;width:160px;height:30px;background:url(../images/btn-women.gif)}
#women a:hover {background-position:0px -30px}
/*-------------------------join link & footer-----------------------------*/
#join {background-color:#f3f2e3}
#join a:link, #join a:visited { color:#5b4527;  display:block; padding:10px 15px; font:bold 20px Arial, Helvetica, sans-serif; text-decoration:none; text-align:center; background-color:#f3f2e3 }
#join a:hover {color:#34220a}
.join {color:#5b4527;text-align:center;line-height:1.3em;padding:20px 15px;background-color:#f3f2e3;border-top:solid 2px #fff}
#footer {height:15px;background:url(../images/bg_footer.gif) repeat-x;clear:both;padding:10px;text-align:center;font:11px Arial, Helvetica, sans-serif;color:#380d25}
#footer a:link, #footer a:visited {color:#380d25;font:11px Arial, Helvetica, sans-serif;text-decoration:none}
#footer a:hover {color:#6c294e}
.right {float:right}
.left {float:left}
.clear {clear:both}