/* ====================================================================== */ /* ==| AUTHOR : Madara Ranawake |== */ /* ==| PROJECT : G.I.N.A WEBSITE |== */ /* ==| URL : http://www..ca |== */ /* ==| DATE : 2009 SEPTEMBER 01 |== */ /* ==| NOTE : All the attributes are editable, |== */ /* ==| do NOT change the class names or IDs |== */ /* ====================================================================== */ /* ---------------------------------------------------------------------- */ /* = Rules defined for apply GLOBALLY begins from this point forward = */ /* ---------------------------------------------------------------------- */ body { background:#7D7D7D; margin:0; font-family:Cambria,Georgia,Myriad Pro,Arial,Helvetica; color:#FFF; font-size:9pt; } h1, h2, h3, p, ul { margin:0 0 15px 0; padding:0; } a { color:#000; } /* ---------------------------------------------------------------------- */ /* = The style rules defined for HTML element IDs begins here = */ /* ---------------------------------------------------------------------- */ #divMain { width:100%; height:auto; clear:both; margin:auto; background:#222425 url(/img/bg/main.gif) repeat-x; } #divMainSWF, #divMainHome { width:100%; height:auto; clear:both; margin:auto; background:#222425 url(/img/bg/main_intro.gif) repeat-x; } #divMainHome { padding-top:50px; /*118*/ } #divBodyContainer { width:950px; height:auto; margin:auto; } #divTopContainer { width:inherit; height:82px; margin-bottom:35px; } #divTopContainerSWF { width:950px; height:555px; } #divTopContainerL { width:750px; height:82px; float:left; } #divTopContainerL h1 { margin:0; margin-top:12px; } #divTopContainerL h1 span { display:none; } #divTopContainerR { width:200px; height:82px; float:left; text-align:right; } #divTopContainerR p { margin:0; margin-top:12px; } #divTopContainerR p span { display:block; } #divContentContainer { width:inherit; height:auto; clear:both; position:relative; } #divFooterMain { width:100%; height:70px; clear:both; margin:auto; margin-top:-19px !important; background:url(/img/bg/footer_main.gif) repeat-x; } #divFooterContainer { width:950px; height:inherit; margin:auto; position:relative; } #divFooterContainerL { width:123px; height:inherit; float:left; position:absolute; top:0; left:0; } #divFooterContainerL p { margin:0; } #divFooterContainerM { width:557px; height:55px; float:left; position:absolute; top:20px; left:123px; font-size:8.5pt; /*background-color:#99FF00;*/} #divFooterContainerR { width:270px; height:54px; float:left; position:absolute; top:0; left:680px; font-size:8.5pt; } #divFooterContainerR ul { margin:0; padding:0; margin-top:25px; } #divFooterContainerR ul li { list-style:none; display:inline; margin-left:10px; } #divFooterContainerR ul li a { color:#FFF; text-decoration:none; } #divFooterContainerR ul li a:hover { color:#E7366C; } #divLanding1 { width:378px; position:absolute; top:0; left:0px; } #divLanding2 { width:370px; position:absolute; top:0; left:538px; } #divHome1 { width:480px; position:absolute; top:0; left:20px; } #divHome2 { width:220px; height:98px; padding:15px; color:#000; position:absolute; top:230px; left:20px; background:url(/img/bg/plaque.gif) repeat-x; } #divHome3 { width:220px; height:98px; padding:15px; color:#000; position:absolute; top:230px; left:290px; background:url(/img/bg/plaque.gif) repeat-x; } #divHome4 { width:35px; height:50px; position:absolute; top:140px; left:541px; } #divAboutGray1 { width:400px; height:auto; position:absolute; top:0; left:508px; } #divAboutGray2 { width:35px; height:50px; position:absolute; top:100px; left:474px; } #divAboutFact1 { width:530px; height:auto; position:absolute; top:0; left:378px; } #divAboutFact2 { width:530px; height:auto; position:absolute; top:200px; left:378px; } #divAboutFact3 { width:35px; height:50px; position:absolute; top:100px; left:344px; } #divAboutKids1 { width:410px; height:auto; position:absolute; top:0; left:498px; } #divAboutKids2 { width:35px; height:50px; position:absolute; top:230px; left:464px; } #divAboutAnimals1 { width:300px; height:auto; position:absolute; top:0; left:0px; } #divAboutAnimals2 { width:35px; height:50px; position:absolute; top:280px; left:341px; } #divAboutExercise1 { width:300px; height:auto; position:absolute; top:0; left:0px; } #divAboutExercise2 { width:35px; height:50px; position:absolute; top:120px; left:341px; } #divAboutHome1 { width:500px; height:auto; position:absolute; top:0; left:408px; } #divAboutHome2 { width:35px; height:50px; position:absolute; top:80px; left:374px; } #divAboutFAQ1 { width:480px; height:335px; position:absolute; top:0; left:428px; overflow:auto; } #divAboutFAQ2 { width:480px; height:auto; position:absolute; top:400px; left:428px; } #divAboutFAQ3 { width:35px; height:50px; position:absolute; top:405px; left:394px; } #divAboutreading1 { width:500px; height:auto; position:absolute; top:0; left:408px; } #divAboutreading2 { width:500px; height:auto; position:absolute; top:110px; left:408px; } #divAboutreading3 { width:35px; height:50px; position:absolute; top:20px; left:374px; } #divAboutGinaLanding1 { width:400px; height:auto; position:absolute; top:0; left:0px; } #divAboutGinaLanding2 { width:35px; height:50px; position:absolute; top:100px; left:441px; } #divAboutGina1 { width:630px; height:auto; position:absolute; top:0; left:0px; } #divAboutGina2 { width:35px; height:50px; position:absolute; top:100px; left:671px; } #divAboutSitting1 { width:358px; height:auto; position:absolute; top:0px; left:550px; } #divAboutSitting2 { width:35px; height:50px; position:absolute; top:330px; left:516px; } #divAboutMeet1 { width:300px; height:auto; position:absolute; top:0px; left:608px; } #divAboutMeet2 { width:35px; height:50px; position:absolute; top:230px; left:574px; } #divAboutMeet3 { width:585px; height:auto; position:absolute; top:0px; left:0px; } #divAboutWish1 { width:400px; height:auto; position:absolute; top:0px; left:508px; } #divAboutWish2 { width:35px; height:50px; position:absolute; top:280px; left:474px; } #divAboutMerch1 { width:300px; height:auto; position:absolute; top:0px; left:608px; } #divAboutMerch2 { width:35px; height:50px; position:absolute; top:150px; left:574px; } #divAboutAck1 { width:350px; height:auto; position:absolute; top:0px; left:0px; } #divAboutAck2 { width:35px; height:50px; position:absolute; top:320px; left:391px; } #divAdoption1 { width:700px; height:auto; position:absolute; top:0px; left:0px; } #divAdoption2 { width:35px; height:50px; position:absolute; top:178px; left:630px; } #divAdoptionProcess1 { width:910px; height:260px; position:absolute; top:0px; left:0px; overflow:auto; } #divAdoptionProcess2 { width:35px; height:50px; position:absolute; top:301px; left:450px; } #divFoster1 { width:450px; height:auto; position:absolute; top:100px; left:458px; } #divFoster2 { width:35px; height:50px; position:absolute; top:280px; left:424px; } #divFosterAbout1 { width:400px; height:auto; position:absolute; top:0px; left:0px; } #divFosterAbout2 { width:35px; height:50px; position:absolute; top:300px; left:441px; } #divFosterBecome1 { width:500px; height:auto; position:absolute; top:0px; left:0px; } #divFosterBecome2 { width:35px; height:50px; position:absolute; top:100px; left:541px; } #divJoin1 { width:300px; height:auto; position:absolute; top:50px; left:500px; } #divJoin2 { width:35px; height:50px; position:absolute; top:150px; left:466px; } #divJoinBenifits1 { width:550px; height:auto; position:absolute; top:0px; left:0px; } #divJoinBenifits2 { width:35px; height:50px; position:absolute; top:150px; left:591px; } #divContact1 { width:309px; height:auto; position:absolute; top:0px; left:600px; } #divContact2 { width:35px; height:50px; position:absolute; top:140px; left:566px; } #divContactForm1 { width:765px; height:auto; position:absolute; top:0px; left:70px; } #divContactForm2 { width:495px; height:auto; position:absolute; top:0px; left:0px; } #divContactKit1 { width:908px; height:auto; position:absolute; top:0px; left:0px; } #divContactKit2 { width:405px; height:auto; padding:30px; color:#000; position:absolute; top:190px; left:0px; background:url(/img/bg/plaque.gif) 0 -20px repeat-x; } #divContactKit3 { width:405px; height:auto; padding:30px; color:#000; position:absolute; top:190px; left:485px; background:url(/img/bg/plaque.gif) 0 -20px repeat-x; } #divContactKit2 h2, #divContactKit3 h2 { font-size:14pt; color:#E7366C; } #divBlock1 a, #divBlock2 a { color:#E7366C; text-decoration:none; } #divBlock1 a:hover, #divBlock2 a:hover { /*color:#EC608B;*/ text-decoration:underline; } /* ---------------------------------------------------------------------- */ /* = Definitions for classes begins which must be called separately = */ /* ---------------------------------------------------------------------- */ div.divBalloon { height:auto; padding:20px; border:1px solid #FFF; /*background:url(/img/bg/balloon.gif) repeat-x;*/ } div.divBalloon a { color:#FFF; font-weight:bold; } div.divBalloon a:hover { color:#E7366C; } div.divBalloon h2 { font-size:14pt; color:#E7366C; } div.divBalloon h3 { font-size:12pt; } div.divBalloon p, div.divBalloon ul, div.divBalloon ul li, div.divBalloon table tr td { font-size:11pt; line-height:16pt; } div.divBalloon ul { margin-left:20px; } div.divBalloon ul li { list-style-image:url(/img/button/pink_point.gif); } a.arrowButton { padding:4px 38px 7px 0; color:#FFF !important; text-decoration:none; background:url(/img/bg/arrow_button.gif) 100% 0% no-repeat; } a.arrowButton:hover { color:#FFF !important; } div.divContentContainerMinHeightSet { min-height:480px; } div.divLanding00 { background:url(/img/dog/GiNA-BGs_0000_INTERVIEW-LANDING.jpg) no-repeat; } div.divHome00 { background:url(/img/dog/GiNA-BGs_0001_HOME.jpg) no-repeat; } div.divAboutGray00 { background:url(/img/dog/GiNA-BGs_0002_ABOUTGH-TOPLEVEL.jpg) no-repeat; } div.divAboutGray01 { background:url(/img/dog/GiNA-BGs_0003_ABOUTGH-FASTFACTS.jpg) no-repeat; } div.divAboutGray02 { background:url(/img/dog/GiNA-BGs_0004_ABOUTGH-KIDS.jpg) no-repeat; } div.divAboutGray03 { background:url(/img/dog/GiNA-BGs_0005_ABOUTGH-SMALLANIMALS.jpg) no-repeat; } div.divAboutGray04 { background:url(/img/dog/GiNA-BGs_0006_ABOUTGH-EXERCISEREQS.jpg) no-repeat; } div.divAboutGray05 { background:url(/img/dog/GiNA-BGs_0007_ABOUTGH-ATHOME.jpg) no-repeat; } div.divAboutGray06 { background:url(/img/dog/GiNA-BGs_0008_ABOUTGH-FAQS.jpg) no-repeat; } div.divAboutGray07 { background:url(/img/dog/GiNA-BGs_0009_ABOUTGH-SUGGESTEDREADING.jpg) no-repeat; } div.divAboutGiNA00 { background:url(/img/dog/GiNA-BGs_0010_ABOUTGINA-TOPLEVEL.jpg) no-repeat; } div.divAboutGiNA01 { background:url(/img/dog/GiNA-BGs_0011_ABOUTGINA-WHATISGINA.jpg) no-repeat; } div.divAboutGiNA02 { background:url(/img/dog/GiNA-BGs_0012_ABOUTGINA-GREYSITTING.jpg) no-repeat; } div.divAboutGiNA03 { background:url(/img/dog/GiNA-BGs_0014_ABOUTGINA-WISHLIST.jpg) no-repeat; } div.divAboutGiNA04 { background:url(/img/dog/GiNA-BGs_0015_ABOUTGINA-MERCH.jpg) no-repeat; } div.divAboutGiNA05 { background:url(/img/dog/GiNA-BGs_0016_ABOUTGINA-ACKNOWLEDGE.jpg) no-repeat; } div.divAdoption00 { background:url(/img/dog/GiNA-BGs_0017_ADOPTION-TOPLEVEL.jpg) no-repeat; } div.divAdoption01 { background:url(/img/dog/GiNA-BGs_0018_ADOPTION-THEPROCESS.jpg) no-repeat; } div.divFoster00 { background:url(/img/dog/GiNA-BGs_0019_FOSTER-TOPLEVEL.jpg) no-repeat; } div.divFoster01 { background:url(/img/dog/GiNA-BGs_0020_FOSTER-ABOUTFF.jpg) no-repeat; } div.divFoster02 { background:url(/img/dog/GiNA-BGs_0021_FOSTER-BECOMEAFF.jpg) no-repeat; } div.divContact00 { background:url(/img/dog/GiNA-BGs_0024_CONTACT-TOPLEVEL.jpg) no-repeat; } div.divContact01 { background:url(/img/dog/GiNA-BGs_0025_CONTACT-FORM.jpg) no-repeat; } div.divJoin00 { background:url(/img/dog/GiNA-BGs_0022_JOINGINA-TOPLEVEL.jpg) no-repeat; } div.divJoin01 { background:url(/img/dog/GiNA-BGs_0023_JOINGINA-BENEFITS.jpg) no-repeat; } ul.ulFAQList, ul.ulFAQList li { margin:0; padding:0; list-style:none !important; list-style-image:none !important; } ul.ulFAQList li { margin-bottom:15px; } ul.ulFAQList li div { display:none; } ul.ulFAQList li strong { cursor:pointer; } /* ---------------------------------------------------------------------- */ /* = Definitions for any element begins = */ /* ---------------------------------------------------------------------- */ .divFFFix { width:auto; height:1px; font-size:1px; clear:both; } .pinkTitle { font-size:14pt; color:#E7366C; } .dottedTop { border-top:2px #FFF dotted; padding-top:10px; } .mb0 { margin-bottom:0; } .mb8 { margin-bottom:8px; } .mb15 { margin-bottom:15px; }