body{background:url(../images/bg.jpg) repeat-x fixed #BCBCBC; margin:0 auto; text-align:center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}

a{color:#FF74D1}

#wrapper{margin:5px auto; width:993px; position:relative}

#header{background:url(../images/headerBg.png) no-repeat top; height:210px; margin:0 auto; position:relative}
#header #logo{float:right; margin:27px 43px}

#menu{position:absolute; top:125px; left:30px}
#menu li{float:left; border-right:1px solid #CCC; font-size:14px; color:#666666}
#menu li a{display:block; padding:5px 5px; color:#666666; text-decoration:none; margin:0 4px}
#menu li a:hover, #menu li .active{background:#FF74D1; color:#FFF}

#container{background:url(../images/wrapperBg.png) repeat-y; padding:0 17px 0 16px; position:relative; width:960px; min-height:689px; }

#container #picContainer {position:absolute; bottom:181px; left:16px;}
#container #picContainer img{height:511px; width:355px;}

#homeText{line-height:55px;margin-right:30px;text-align:right; width:570px; float:right; min-height:295px}
#homeText h1, #homeText h2, #homeText h3, #homeText p{font-size:30px; font-weight:normal; color:#999999}
#homeText strong{color:#111111}
#homeText h2 span{color:#FF74D1}
#homeText h1{}

#normalText{line-height:25px; margin-right:30px; text-align:left; width:570px; float:right; min-height:507px}
#normalText strong{color:#111111}
#normalText h1 {font-size:30px; font-weight:normal; color:#999999; margin-bottom:15px; text-align:right; text-transform:uppercase}
#normalText h1 span{color:#FF74D1!important}
#normalText h2 {font-size:22px; font-weight:normal; color:#999999; margin-bottom:10px}
#normalText h3 {font-size:16px; font-weight:normal; color:#999999; margin-bottom:5px}
#normalText p{font-size:14px; margin:0 0 10px 0}

#meetTheGirls{float:right; width:540px; margin-right:30px;}
#meetTheGirls h4{font-size:24px; background:#FF74D1; width:526px; height:24px; text-transform:uppercase; padding:7px; text-align:left; margin-bottom:10px; float:right}
#meetTheGirls h4 span{color:#FFF}
#meetTheGirls ul{clear:right;}
#meetTheGirls ul li{margin-right:10px; float:left; height:133px; width:100px; margin-bottom:10px; list-style:none}
#meetTheGirls ul li a{display:block; width:100px; height:133px; background:#666666; border:1px solid #ccc}
#meetTheGirls ul li a:hover{background:#FF74D1; border:1px solid #bbb}
.next{float:right; background:#ccc; padding:5px 6px; font-size:12px; color:#111111; cursor:pointer; margin-bottom:5px}
.next:hover{background:#111111; color:#FFFFFF}
 #controller span{font-size:10px}
.jFlowControl{background:#eee; padding:2px 10px; cursor:pointer; font-size:12px; font-weight:bold}
.jFlowControl:hover{background:#111; color:#eee; }
.jFlowSelected{background:#FF74D1!important; color:#FFF!important}

#footer{font-size:10px; background:url(../images/footerShadow.png) no-repeat bottom; padding:17px 17px 0px 17px}
#footer .friendlyCode{float:right}
#footer p{float:left}
#footer a{color:#333}
#footer a:hover{color:#FFF; text-decoration:none;}

#blogLatest{background: url(../images/latestBlogBg.jpg) repeat-x top #FF74D1; height:140px; border-top:1px solid #EEE; border-bottom:1px solid #EEE; text-align:left; padding:20px; position:relative}
#blogLatest h3{font-weight:bold; padding:3px; font-size:22px; margin-bottom:20px; color:#FFF}
#blogLatest .blogArticle{float:left; width:400px; margin-right:20px; background:#FF74D1; padding:20px}

#blogLatest .blogArticle h6 a{font-weight:bold; color:#FFF; text-decoration:none; padding:2px 3px}
#blogLatest .blogArticle h6 a:hover{background:#FFF; color:#FF74D1}
#blogLatest .blogArticle p{margin:10px 3px; font-size:14px}
#blogLatest .btn{position:absolute; top:-2px; right:-65px}

/** FORMS **/
form label{clear:left; float:left; width:100px; margin-top:15px; color:#555; font-style:italic; font-size:12px; text-align:right; margin-right:10px}
form label strong{font-size:130%}

form input{margin-top:15px; width:280px;}
form textarea{margin-top:8px; width:280px; height:80px;}
form input, form textarea{border: 1px solid #ccc; padding:5px; float:left; color:#FF74D1; font-size:14px; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background:#F8F8F8}
form .file{width:420px}
form .submit{background:#FF74D1; padding:10px 25px; color:#FFF; border:0; clear:left;  cursor:pointer; margin-left:110px; border:1px dashed #FF74D1}
form .submit:hover{background:#FFF; color:#FF74D1}
.error{background:#FF74D1 none repeat scroll 0 0;color:#FFF;float:left; padding:5px}
.success{background: #F2FBE1 none repeat scroll 0 0;float:left; padding:5px}
.formInfo{margin-left:110px; margin-bottom:5px; padding:3px 11px; font-size:13px; min-width:270px}
.formError{background:#FCD6D6 none repeat scroll 0 0; color:red; padding:10px; margin-bottom:10px; font-size:12px}
.formSuccess{background: #C5EFAB none repeat scroll 0 0; color:green; padding:10px; margin-bottom:10px; font-size:12px}

#become {float:left; width:550px; margin-left:50px}
#become textarea{margin-top:8px; width:410px; height:80px;}

#contact {float:right; width:300px;}
#contact label{width:50px}
#contact input, #contact textarea{width:200px}
#contact .submit{width:212px; margin-top:10px; margin-left:60px}
#contact .formInfo{margin-left:60px!important; width:190px!important; min-width:190px!important}

.profile{}
.profile .stats{float:left; width:150px; margin-right:20px}
.profile .stats li{font-size:24px; line-height:30px}
.profile .stats strong{font-weight:bold}
.profile .picBox{float:right; border: 1px solid #ddd}
.profile .thumbBox{float:right; margin-top:20px;}
.profile .thumbBox a{margin-left:20px; border: 1px solid #ddd; display:block; float:left; height:133px}
.profile #modDesc{float:left;margin:10px 0 0 !important;width:320px; clear:left}

.testimonials {}
.testimonials strong{font-weight:bold; font-style:italic; text-align:right; display:block; margin-top:-10px}
.testimonials .quoteLeft{margin-right:7px}
.testimonials .quoteRight{margin-left:7px}

#gallery{float:right; width:540px; margin-right:30px;}
#gallery img{text-align:center; margin:0 auto; }
#gallery li{width:540px; height:450px; text-align:center; margin:0 auto; position:relative}
#gallery .title{display:block; position:absolute; bottom:20px; left:0; width:510px; text-align:center}

/** CLASSES **/
.clear{clear:both}
.pink{color:#FF74D1}
.noMargin{margin:0!important}
.noMarginRight{margin-right:0!important}
.blogImg{margin-bottom:5px; float:right; margin-left:20px}
.left{float:left!important}
.right{float:right!important}
.width250{width:250px}
.displayNone{display:none}
