body { margin: auto; background-color: #FFEEFF;}/*FFCCFF*/
#background { background-image: url('img/back.jpg');margin: auto; width: 1000px; }
#menubar { width: 980px; display: block; margin: auto; position: absolute; bottom: 10px; left: 0px; }
#menubar a, #menubar2 a { color: #EC00E8; margin: 0px 4px; font: bold 1.1em Times; text-decoration: none;}
#menubar2 a { margin: 0px 5px; }
#menubar a img, #menubar2 a img { border: 0px; }
#main { width: 980px; text-align: left; margin: auto; position: relative; background-image:url("./img/background.gif");}
#head { width: 980px; height: 280px; position: relative; text-align: center; }
#head img { border: 0px; }
#head .join_button { position: absolute; bottom: 65px; left: 355px; }
#head .members_button { position: absolute; bottom: 65px; left: 490px; }
#head .logo_button { position: absolute; bottom: 160px; left: 300px;}
body { text-align: center; }
img { vertical-align: middle;}

#god { width: 212px; text-align: center; position: absolute; bottom: 75px; right: 55px;}
#god h1 { font: bold 1.3em Times; color: #8f0e83; margin: 0px;}
#god h2 { margin: 0px; color: #07B5F1; font: 1em arial; text-align : center;}
#god a { color: #BB33BB; text-decoration: none; font-weight: bold; }
#god a:hover { text-decoration: underline; }
#god a img { border: 3px solid #dd66dd; height: 130px; }



.content { width:980px; margin: auto;   position: relative; text-align: center; font-family: Arial;}
.content h1 { font-family: Times New Roman; color: #BB33BB; margin: 5px auto 0px auto; text-align: center; }
.content h2 { color: #07B5F1; margin: 15px auto 5px auto; font-family: Times New Roman;} 
.content h3 { font:1.2em Arial; color:#BB33BB; text-decoration: underline; margin: 15px auto 5px auto; }
.content a { font-weight: bold; color: #BB33BB; }
p { text-align: center; color: #BB33BB; font: bold 0.8em arial; margin: 0px; vertical-align: middle;}


#ipod, #video { width: 375px; float: right; /*margin-right: 50px;*/ padding: 0px 4px; /*border: 1px solid red;*/}
#alphabet { margin: auto; text-align: center;  }
#alphabet a { text-decoration : none; color: #000; }
#bio_picture { float: left; width: 200px; text-align: center; }

#bio_sample { float: left; width: 460px; text-align: left; }
#bio { width: 950px; text-align: left; margin: auto;}

#bio_sample .desc { float: left; width: 300px; font: bold 0.8em Arial; }
#bio .desc { float: left; width: 600px; font: bold 0.8em Arial; }

#bio .label, #bio_sample .label, label { float: left;  text-align: left; color: #BB33BB; font-weight: bold; }
#bio_sample .label { width: 100px; }
#bio .label { width: 160px; text-align: right; margin-right: 5px; }

#bio .informations { float: left; width: auto; }
#bio_sample .informations { width: 420px; clear: both; }

#bio img, #bio_sample img { float: left; margin: 5px 10px 5px 0px;  }
#bio h2, #bio_sample h2 { text-align: center;}

input { float: left; }
#newpwd { width: 350px; margin: 50px auto; text-align: center; }


.intro { width: 300px; margin:auto; text-align: center; position: absolute; top: 130px; left: 450px; }
.intro img { margin: 30px 25px 5px 25px; vertical-align: middle; }
.intro p { text-align: left; }

.girl_reduce , .girl { width: 185px; height: 240px; border: 2px solid #FF99FF; float: left; text-align: center; margin: 7px 3px; position: relative;}
.girl_reduce a img , .girl a img { width: 185px; border: 0px; border-bottom: 4px solid #FF99FF; float: left; }
.girl_reduce a , .girl a { font: 0.8em Arial; color: #ffffff; }
.girl_reduce h4 , .girl h4 { font: bold 0.8em Arial; color: #BB33BB; margin: 0px;} /*07B5F1*/
.girl_name { width: 100%; font-family: Arial; font-weight: bold; display: block; text-decoration: none; background-color: #FF99FF;  margin: 0px; color: #ffffff; position: absolute; bottom:0px; left: 0px; }
.girl p { margin: 0px 2px; font-size: 0.7em; font-weight: normal; margin: 0px 5px; }
.girl_reduce .video , .girl .video { float: left; margin-left: 5px; }
.girl_reduce .image , .girl .image { float: right; margin-right: 5px; }

.girl_reduce { height: 155px; }

.set { float: left; width: 185px; height: 520px; border: 2px solid #FF99FF; margin: 5px 3px; }
.set img { border: 0px; border-bottom: 5px solid #FF99FF; float: left; width: 185px;}

.set p { margin: 5px 5px 0px 5px; font-weight: normal; text-align: center; }
.set h2 { font: 0.8em Arial; color: #BB33BB; margin: 0px;}

.keywords, .keywords2 { text-align: center; background-color: #dd66dd; font: 0.7em Arial; }
.keywords { color: #ffffff; }
.keywords2 { color: #ffffff; font-weight: bold; }
.models { float: left; width: 120px; text-align: center; }
.next { text-decoration: none; font-size: 0.8em; }
.next img { border:0px; }

.updates_group { width: 980px; text-align: center; margin: auto; }
.updates_group h2 { margin: 20px 0px 5px 0px; padding: 0px; /*border-bottom: 1px solid #8f0e83;*/ text-decoration: underline;}
.updates_group h3 { margin: 0px 0px 5px 0px; padding: 0px; text-decoration: none;} 
.updates { width: 150px; float: left; color: #BB33BB; }
.updates a img { border: 4px solid #FF99FF; }

.models { margin: 5px 0px;}
.models a { text-decoration: none; }
.models a img{ border:3px solid #FF99FF; }

.videos { width: 600px; margin: auto; }
.images { width: 750px; margin: auto;  }

#footer { width: 980px; background-color: #CC66CC; color: #FFF; margin: auto; text-align: center; text-align: center;}
#footer a { color: #FFF; text-decoration: none; }
#footer a:hover { text-decoration: underline; } 

#menubar2 { width: 980px; background-color: #CC66CC; margin: 0px auto; padding: 5px 0px; text-align: center; border-top: 3px solid #FFCCFF; }

#pages { color : #BB33BB; font-weight: bold; }
#pages a { color: #FF99FF; font-weight: normal; text-decoration: none; }
#pages a#mark {  color: #07B5F1; }

#copyright { text-align: center; font: 0.8em Arial; }

.middle_button { font: bold 1em Times New Roman;  }
.middle_button a img { border: 0px; }

.small_index_banner   { border:0px; color: #BB33BB; font: bold 15px Arial ; /*letter-spacing: 5px; */ }
.small_index_banner a img { text-decoration: none; vertical-align: top; border: 0px; }

#sample { float: left; width: 450px; height: 500px; margin: 0px 20px; text-align: center; }
#sample a img { border: 2px solid #FF99FF; }

li { color: #BB33BB; font: bold 0.8em arial; text-align: left; }

