body { background-color: #222;  font: 11px arial; padding:0; margin:0}

h1 {font: 72px "Times New Roman", Times, serif; line-height: 50px;  padding:15px 0 0; margin:0;  color: #fff;}
h2 {font: bold 14px "Times New Roman", Times, serif; text-transform:uppercase; color: #666; padding:0; margin:0}

h3 {font: bold 40px arial; letter-spacing: -2px; color: #333; padding:5px 15px 0; margin: 25px -5px -10px; border-top: 1px solid #ddd}
h4 {font: 18px arial; background-color: #f0f0ea; padding:5px 10px; color: #444; line-height: 20px; margin:10px 5px 15px;}

p { margin:10px 15px; line-height:25px; padding:0; display:block; font: 13px arial; color: #444;}

.logo { margin: -80px 0 0;}


#main {width: 870px; background-color: #fff; padding:15px; text-align: left}


#login { background-color: #333; margin: -15px; padding: 10px; font: bold 18px arial; color: #fff; text-align: center; border-bottom: 3px solid #ddd}

#login form { padding:0; margin:0}

#login strong {font: bold 14px arial; color: #aaa; padding:0 0 0 0px;}

#login input {font: bold 15px arial; vertical-align:middle; color: #333; margin: 0px 5px; width: 200px;}
#login button {font: bold 15px arial; vertical-align:middle; color: #333; margin: 0px 5px; width:50px; cursor:pointer} 



#welcome { font: bold 19px arial; color: #666; text-align:left;}
#welcome h3 { border:none;}




#about i { font: 300px 'Times New Roman', Times, serif;  line-height: 200px; color: #333; float: right; padding: 20px 20px 0; margin:-20px 0 0}
#about h4 { margin-right:250px}

#about span { background-color: #333; display:block; font: 18px arial; letter-spacing:-1px;  color: #ddd; padding: 7px 10px 5px; text-align: left}
#about span img{ vertical-align: middle; margin: 0 0 0 0; border:0}
#about span a {color: #fff; font:18px arial;  letter-spacing:0px; padding: 5px; text-decoration: underline}




#sites strong{ font: bold 40px Arial; color: #444; letter-spacing: -3px;}

#sites sup {font: bold 20px arial; text-transform:uppercase; background-color: #444; color: #fff; margin:0 5px; padding:0 5px; letter-spacing: -1px;}
#sites span { text-align:left; font: 18px arial; line-height:25px; color: #444; letter-spacing: 0px; display:block; margin:0px 0px 10px; padding:5px 15px;}



#sexygoa {width: 423px; margin:0 -5px; height: 421px; text-align:left; background: url(images/siteb.jpg); padding: 0 12px 0 445px; font: bold 14px arial; color: #ccc; }
#sexygoa strong {font: bold 18px arial; color: #fff}

#sexygoa a {color: #fff;}
#sexygoa h5 {font: bold 45px arial; padding:25px 0 0; margin:0; text-align:center; color: #fff; text-decoration:underline; letter-spacing: -5px; text-transform:uppercase;}
#sexygoa h5 a {color: #fff;}
#sexygoa span { background-color: #222; display:block; letter-spacing:0; text-align: left; padding: 5px 10px; font: 12px arial; color: #f0f0ea; margin: 7px 0 }

#sexygoa em {font: bold 14px arial; text-align:right; line-height: 21px; padding: 0 10px 0 0; float:left; width: 90px; display:block; text-transform:uppercase; color: #666;}


#sexygoa ul {padding: 0; margin:0 0 0 100px; display:block}
#sexygoa li {font: bold 16px arial; list-style: none;  color: #eee; line-height: 23px; letter-spacing: 0}

#sexygoa p {border-bottom: 1px solid #444; display:block; padding:5px 0; margin:5px 0;  font: bold 18px arial; color: #eee; }
#sexygoa hr { height:1px; background-color: #444; border: none; color: #444}

#samples { background-color: #111; margin:0 -5px; text-align:center; font: 20px arial; color: #fff}


#promo { display:none; padding: 0px 20px; margin: 0px -5px; font: 14px arial; color: #666}

#promo strong {font: bold 14px arial; letter-spacing:0; display:block;  color: #444; padding:7px 0 0; margin:0;}


#promo span {display:block; font: 12px arial; color: #666; padding: 5px; margin: 5px -5px	0}
#promo span a {color: #444;}
#promo span em {}



#benefits {}

.facts { margin:10px 100px 25px; background-color: #fff; border: 2px solid #eee; padding: 15px;}
.facts h5{ background-color: #333; color: #fff; padding: 2px 5px; margin:0; margin-left: -20px; font: bold 20px arial; display:inline}

#benefits ul{padding:0 0 0 20px; margin:0; font: bold 20px arial; color: #444}
#benefits li {font: 13px arial; color: #444; text-align:left; padding: 15px 0 0; list-style: square; }
#benefits li em {font: 11px arial; color: #777;}
#benefits li.c1 strong {font: bold 35px arial; line-height: 35px; display:inline; letter-spacing: -2px; color: #444}
#benefits li.c2 strong {font: bold 30px arial; line-height: 30px;  display:inline; letter-spacing: -1px; color: #444}
#benefits li strong {font: 18px arial;  display:inline; line-height: 20px; letter-spacing: 0px; color: #444}




#end {border-top: 3px solid #ddd; font: bold 25px arial; color: #444; margin-top: 30px; padding: 10px 0 0; margin:0 -5px; text-align:center; letter-spacing: -1px;}
#end button {font: bold 35px arial; color: #000; padding: 5px 15px; margin:10px; cursor:pointer}
#end em {font: 14px arial; letter-spacing:0}

#thankyou { text-transform:uppercase; font: bold 13px arial; padding:20px; color: #fff;}
#thankyou strong{font: bold 40px arial; color: #333; line-height:40px; letter-spacing: -2px;}
