/* ----------------------------------------

designed and coded by Adam Heath
version: 4.1
date: 31/12/08
email: info@vivacreative.co.uk
web: www.vivacreative.co.uk

copyright vivacreative 2009
all rights reserved :: vivacreative


-----------------------------------------*/

* { margin:0; padding:0; }

html {  margin:0px; padding:0px; border:none; font-family:Helvetica,Arial,sans-serif; font-size:11px; color:#000000; }
img { border:none; }
body { background:url(../images/bg.jpg) repeat-x top #d6c4b0; height:100%; }

#page { position:relative; width:1035px; margin:80px auto 0px auto; padding:0px 0px 20px 0px; }

a { text-decoration:none; }

h1,h2,h3,h4 { font-weight:normal; }

#content { width:1035px; height:470px; background:url(../images/stamp-trans.png) no-repeat; margin:20px 0px 0px 0px; }

#navigation { float:left; margin:0px 0px 20px 0px; list-style:none; width:1035px; height:84px; }
#navigation li { float:left; }
#navigation a { display:block; width:115px; height:84px; background:url(../images/nav-trans.png) no-repeat; text-indent:-5000px; }
#wireless a { background-position:-115px 0px; }
#silver a { background-position:-230px 0px; }
#pinup a { background-position:-345px 0px; }
#extra a { background-position:-460px 0px; }
#love a { background-position:-575px 0px; }
#calendar a { background-position:-690px 0px; }
#gentleman a { background-position:-805px 0px; }
#grocery a { background-position:-920px 0px; }

#paperClip { float:left; width:324px; height:76px; background:url(../images/paperclip-trans.png) no-repeat; margin:0px 0px 0px 340px; padding:0px 0px 40px 0px; }
#paperClip h4 { text-transform:uppercase; margin:50px 0px 0px 80px; font-weight:bold; font-size:10px; }

#exp { position:absolute; top:0px; left:0px; background:url(../images/backing-trans.png) no-repeat top center; width:100%; height:100%; }
//#pink { position:absolute; top:0px; left:0px; background:url(../images/pink) no-repeat top center; background-position:0px 127px; width:100%; height:100%; }

#mainSplash { float:left; margin:-20px 0px 0px -80px; }
#girlsLaying { float:left; margin:160px 0px 0px -60px; }
#phone { float:left; margin:20px 0px 0px -60px; }
#group { float:left; margin:25px 0px 38px 20px; }
#bio { float:left; margin:30px 0px 0px 30px; }
#innerContent { float:left; margin:40px 0px 0px 20px; }
#innerContent h1 { letter-spacing:-2px; }
#sailors { float:left; margin:20px 0px 0px -60px; width:350px; }

#girlsLaying2 { float:left; clear:both; margin:0px 0px 0px -60px; }

#girlsSitting { float:left; clear:both; margin:0px 0px 0px -10px; }


.news { width:280px; float:left; height:380px; overflow-x:hidden; overflow-y:auto;  padding:0px 40px 0px 0px; }
.news h2 { margin:10px 0px 0px 0px; }
.news p { width:300px; }

.gentlemen { width:300px; float:left; }
.gentlemen2 { width:300px; float:left; margin:40px 0px 0px 40px; }

.gentlemen h2 { margin:10px 0px 0px 0px; }
.gentlemen p { width:300px; }

.diaryL { width:350px; float:left; margin:20px 0px 0px 40px; }
#diaryR { float:left; margin:17px 0px 0px 35px; width:590px; height:420px; background:url(../images/diary-trans.png); }

.love { width:300px; float:left; }
.love2 { width:300px; float:left; margin:40px 0px 0px 40px; }
.love h2 { margin:10px 0px 0px 0px; }
.love p { width:300px; margin:0px 0px 10px 0px; }

.gentlemen a { color:#ff2a89; font-size:13px; font-weight:bold; }
.gentlemen a:hover { text-decoration:underline; color:#000000; }

#grContent { float:left; margin:0px 0px 0px 20px; }

.gr { width:300px; float:left; margin:30px 0px 20px 0px; }
.gr h2 { margin:10px 0px 0px 0px; }
.gr p { width:300px; }

.gr a { color:#ff2a89; font-size:13px; font-weight:bold; }
.gr a:hover { text-decoration:underline; color:#000000; }

.groc { float:left; clear:both; }

.homefront { font-family:Arial; font-size:12px; }

#calPages { float:left; margin:80px 0px 0px 25px; overflow-y:scroll; overflow-x:hidden; height:310px; width:540px; }
#calPageLeft { float:left; margin:0px 0px 0px 30px; width:230px; }

#diaryR h4 { color:#ff2a89; font-size:20px; font-weight:bold; } 
#diaryR h3 { font-size:20px; }
#diaryR h5 { margin:0px 0px 25px 0px; font-size:18px; }

.biography { width:300px; float:left; }
.biography h2 { margin:10px 0px 0px 0px; }
.biography p { width:300px; height:300px; overflow-y:scroll; overflow-x:hidden; margin:10px 0px 0px 0px; padding:0px 10px 0px 0px; font-family:Times; font-size:17px; }

.biographyHome { width:300px; float:left; }
.biographyHome h2 { margin:10px 0px 0px 0px; }
.biographyHome p { width:300px; height:350px; overflow-y:scroll; overflow-x:hidden; margin:10px 0px 0px 0px; padding:0px 10px 0px 0px; font-family:Arial; font-size:11px; }

#thegirls { float:left; position:relative; margin:-70px 0px 0px 30px; width:338px; height:260px; background:url(../images/allcards-trans.png) no-repeat; }

.bioRight { float:left; }

.about { width:300px; margin:20px 0px 0px 0px; float:left; }
.about h2 { margin:0px 0px 0px 0px; }
.about p { width:300px; }

.brown { color:#8b4004; }

.homeRight { float:left; width:420px; }

#circleSailor { float:left; margin:20px 0px 0px 0px; }
#loveNote { float:left; margin:-10px 0px 0px 0px; clear:both; }

.enlist { float:right; clear:both; }
.enlist { width:200px; }
.enlist .email { width:150px; padding:5px; float:left; }
.enlist label { width:50px; margin:8px 0px 0px 0px; float:left; }
.submit { float:left; margin:10px 0px 0px 0px; }

.enlistContact { float:left; margin:0px 0px 0px 50px; }
.enlistContact { width:200px; }
.enlistContact .email { width:150px; padding:5px; float:left; }
.enlistContact label { width:50px; margin:8px 0px 0px 0px; float:left; }
.enlistContact h2 { float:left; clear:both; margin:20px 0px 0px 0px; }

.quote { float:left; clear:both; margin:10px 0px 0px 20px; }

.socials { float:left; clear:both; margin:20px 0px 0px 0px; }

.genR { float:left; }

#pinupText { float:left; width:180px; margin:70px 0px 0px 20px; }
#pinupText a { float:left; clear:both; color:#ff2a89; font-size:14px; }

#thanks { position:absolute; bottom:50px; left:20px; font-weight:bold; font-size:9px; }

#smallPinups { float:right; margin:10px -10px 0px 0px; width:480px; height:458px; background:url(../pinups/assets/small-trans.png) 0px 0px no-repeat; }
#smallPinups img { height:440px; }

#thumbHolder { float:left; width:350px; height:342px; overflow-x:auto; overflow-y:none; z-index:1000; position:absolute; }
#pinupNav { float:left; list-style:none; width:333px; }
#pinupNav li { width:70px; height:71px; margin:5px 5px 0px 0px; float:left; clear:none; border:4px solid #ffffff; }
#pinupNav a { cursor:pointer; }

.loader { position:relative; left:220px; top:200px; }

#pinupLOCK { float:left; width:333px; margin:55px 0px 0px 32px;  }
#locked { background:url(../images/trans-trans.png); width:327px; height:337px; position:absolute; margin:3px 0px 0px 0px; }
#locked img { width:200px; float:left; margin:150px 0px 0px 65px; }
.load { color:#ffffff; float:left; clear:both; margin:0px 0px 0px 70px; font-weight:bold; }

#wire { float:left; }
#wire img { float:left; }

#wireR { float:left; margin:-20px 0px 0px 200px; }

.demo { position:absolute; margin:170px 0px 0px -85px; }
.demoVIDEO { position:absolute; top:110px; left:465px; }
.demoVIDEO2 { position:absolute; top:150px; left:465px; }
.demoVIDEO3 { position:absolute; top:150px; left:465px; }
#singingGirls { float:right; margin:0px -40px 0px 0px; }

#face { float:left; margin:100px 0px 0px 80px; }

#viva { float:left; clear:both; width:324px; margin:0px 0px 0px 460px; padding:0px 0px 40px 0px; }

#read { position:absolute; top:20px; left:270px; }

#videoButtons { float:left; clear:both; margin:20px 0px 0px 0px; }
#videoButtons a { padding:10px 20px; background:#ff2a89; color:#ffffff; font-weight:bold; -webkit-border-radius:5px; border:1px solid #ff2a89; }
#videoButtons a:hover { background:#ffffff; color:#ff2a89; border:1px solid #ff2a89; }

#sampler { float:left; clear:both; margin:10px 0px 0px 115px;}
#paypal { float:left; clear:both; margin:10px 0px 0px 140px; }
#paypal2 { position:absolute; right:10px; top:430px; }

#buyRecord { float:left; margin:60px 0px 0px 80px; }
#buyRecord { float:left; }

#keepCalm { float:left; margin:25px 0px 0px -10px; }

#buntingContainer { position:absolute; top:-5px; width:100%;}
#bunting { background:url(../images/bunting.png); width:1034px; height:77px; margin:0px auto; position:relative; }