/*
CSS for Rabbits by Design
*/

p {
   font-weight: bold;
   color: darkgreen;
   }
   
img {
  border: 5px solid #390B25;
  }
   
.cbodydiv {
 font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
 height: 180px;
 }
  
.cpagewidth {
  width: 940px;
  background-color: #79005e;
  position: relative;
  margin-left: auto;
  margin-right: auto;
 }
 
  
.csitebranding {
 background-image: url('webpictures/greenstripe.jpg');
 /*background-color: #677D3C;*/
  color: #390B25;
  font-size: xx-large;
  font-weight: bold;
  font-family: edwardian script itc;
  text-align: center;
  border-width: 2px;
  border-style: solid;
  border-color: #390B25;
  }
  
  #sitebranding {
  height: 130px;
  }
  
.ctagline {
  background-color: #B56F97;
  color: #390B25;
  height: 50px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-right-style: solid;
  border-bottom-style: solid;
  border-right-color: #390B25;
  border-bottom-color: #390B25;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #390B25;
  border-left-width: 2px;
  border-left-style: solid;
  border-left-color: #390B25;
  text-align: center;
   }

   
.cnavigation {
  position: absolute;
  top: 187px;
  
  background-color: #B56F97;
  color: #390B25;
  padding-top: 14px;
  font-weight: bold;
  width: 250px;
  height: 200px;
  border-left-width: 2px;
  border-right-width: 2px;
  border-left-style: solid;
  border-right-style: solid;
  border-left-color: #390B25;
  border-right-color: #390B25;
  line-height: 225%;
  }
    
 #anavigation{
 border-bottom: 2px solid #390b25;
 }
 
 
 .border0 {
  border-width: 0px;
  }
  
 
  .crunningrabbit {
  position: absolute;
  top: 190px;
  left: 525px;
  }
  

  
  
  .crunningrabbitbkgd {
  position: absolute;
  top: 187px;
  left: 253px;  
  border-type: solid;
  border-width: 1px;
  border-color: #390B25;
  }
  
  
 

.button_class {
  font-style: italic;
  font-weight: bold;
  width: 100px;
 the value=
  height: 50px;
  text-align: center;
  background-color: darkgreen;
  position: absolute;
  top: 371px;
 left: 420px; }

  
 .crabbittable {
 position: absolute;
 top: 402px;
 width: 243px;
 border-width: 2px;
 border-style: solid;
 border-color: #390B25;
 font-size: 85%;
 padding-left: 7px;
 color: #390B25;
  background-color: #B5829F;
 padding-bottom: 5px;
  }
 
 .cbodycontent {
  position: absolute;
  top: 402px;
  left: 253px;
  color: #390B25;
  padding-left: 26px;
  border-width: 2px;
  border-style: solid;
  border-color: #390B25;
  background-color: #ACBE88;
 width: 658px;
 }
  
  .cfeaturedrabbit {
    position: absolute;
   /* top: 2px;*/
    top: 16px;
    left: 20px;
    left: float;
    width: 316px;
    float: left;
  }
  
  #bodycopy {
  padding-top: 15px;
  padding-left: 317px;
  padding-right: 15px;
  padding-bottom: 110px;
  }
  
  #bodycopy h4 {
  font-weight: bold;
  position: absolute;
  top: 505px;
  left: 340px;
  margin-top: -25px;  
  }
  
 #bodycopy h4 a {
  font-weight: bold;
  color: #79005e;
  
  }
  
  #bodycopy h4 a:hover {
    font-weight: bold;
    color: aqua;
  }
    
    
  #ordernow h4 {
  font-weight: bold;
  position: absolute;
  top: 1175px;
  left: 770px;
  margin-top: -25px;  
  }
  
 #ordernow h4 a {
  font-weight: bold;
  color: #79005e;
  
  }
  
  #ordernow h4 a:hover {
    font-weight: bold;
    color: aqua;
  }
     
    
    
 
   #galbodycontent {
  position: absolute;
  top: 401px;
     width: 937px;
  color: #390B25;
  background-color: #ACBE88;
  border: 2px solid #390B25;
   }
  
  #inventoryheader {
  text-align: center;
  }
  
  
 
.ccontactbody {
position: absolute;
top: 187px;
left: 254px;
padding-right: 100px;
color: #390B25;
background: #ACBE88;
padding-left: 100px;
height: 731px;
width: 757px;
}

#contactbodyx {
margin-right: 3px;
padding-bottom: 80px;
width: 485px;
border-right: 2px solid black;
border-bottom: 2px solid black;
}


#aboutrabbitsbody {
width: 485px;
border-right: 2px solid black;
border-bottom: 2px solid black;
length: 847px;
padding-bottom: 265px;
position: absolute:

}


#aboutrabbitcopy {
width: 500px;
padding-right: -100px;
length: 1400px;
}

#aboutrabbittable {
height: 775px;
position: absolute;
top: 401px;
}



#contactbody {
padding-bottom: 128px;
}



#indexbodycontent {
border-bottom: 2px solid black;
}



#phototable {
text-align: center;
padding-left: 25px;
}

a:link {
text-decoration: none;
color: #390B25;
}


a:visited {
color: black;
text-decoration: none;
}

a:hover {
color: aqua;
}

a:active {
color: red;
}


#aintroduction {
position: absolute;
top:220px;
left: 500px;
color: #390B25;
background: #ACBE88;
}

#alexaintroduction {
position: absolute;
top: 220px;
left: 465px;
text-align: center;
color: #390B25;
background: #ACBE88;
}

#chrissieintroduction {
position: absolute;
top: 220px;
left: 350px;
color: #390B25;
background: #ACBE88;
}

#arielintroduction {
position: absolute;
top: 220px;
left: 400px;
color: #390B25;
background: #ACBE88"
}

#ashlynintroduction {
position: absolute;
top: 220px;
left: 400px;
color: #390B25;
background: #ACBE88"
}

#fawnintroduction {
position: absolute;
top: 220px;
left: 510px;
color: #390B25;
background: #ACBE88;
} 

#glindaintroduction {
position: absolute;
top: 220px;
left: 345px;
color: #390B25;
background: #ACBE88;
}

#greenleeintroduction {
position: absolute;
top: 220px;
left: 355px;
color: #390B25;
background: #ACBE88;
}

#guinevereintroduction {
position: absolute;
top: 220px;
left: 330px;
color: #390B25;
background: #ACBE88;
}

#harumiintroduction {
position: absolute;
top: 220px;
left: 345px;
color: #390B25;
background: #ACBE88;
}

#jackieintroduction {
position: absolute;
top: 220px;
left: 365px;
color: #390B25;
background: #ACBE88;
}

#jasmineintroduction {
position: absolute;
top: 220px;
left: 450px;
color: #390B25;
background: #ACBE88;
}

#julietintroduction {
position: absolute;
top: 220px;
left: 480px;
color: #390B25;
background: #ACBE88;
}

#lucyintroduction {
position: absolute;
top: 220px;
left: 530px;
color: #390B25;
background: #ACBE88;
}

#marthaintroduction {
position: absolute;
top: 220px;
left: 290px;
color: #390B25;
background: #ACBE88;
}


#meganintroduction {
position: absolute;
top: 220px;
left: 350px;
color: #390B25;
background: #ACBE88;
}

#roseintroduction {
position: absolute;
top: 220px;
left: 350px;
color: #390B25;
background: #ACBE88;
}

#sakuraintroduction {
position: absolute;
top: 220px;
left: 410px;
color: #390B25;
background: #ACBE88;
}

#saraintroduction {
position: absolute;
top: 220px;
left: 530px;
color: #390B25;
background: #ACBE88;
}

#sunflowerintroduction {
position: absolute;
top: 220px;
left: 500px;
color: #390B25;
background: #ACBE88;
}

#suzannahintroduction {
position: absolute;
top: 220px;
left: 500px;
color: #390B25;
background: #ACBE88;
}

#tinaintroduction {
position: absolute;
top: 220px;
left: 500px;
color: #390B25;
background: #ACBE88;
}



.cportrait1 {
position: absolute;
top: 315px;
left: 295px;
}

#greenleephoto1 {
position: absolute;
top: 315px;
left: 285px;
}

.cportrait2 {
position: absolute;
top: 315px;
left: 640px;
}

#fawnphoto2 {
margin-left: 10px;
width: 230px;
}

#julietphoto2 {
margin-left: 10px;
width: 230px;
}

#marthaphoto2 {
position: absolute;
top: 315px;
left: 590px;
}

#jackiephoto2 {
position: absolute;
top: 315px;
left: 590px;
}

#angelinaphoto2 {
position: absolute;
top: 315px;
left: 660px;
}

#buttercupphoto2 {
position: absolute;
top: 315px;
left: 660px;
}

#chrissiephoto2 {
position: absolute;
top: 315px;
left: 660px;
}

#glindaphoto2 {
position: absolute;
top: 315px;
left: 580px;
width: 250px;
height: 150px;
}

#glindaphoto3 {
position: absolute;
top: 500px;
left: 580px;
width: 200px;
}

#greenleephoto2 {
position: absolute;
top: 315px;
left: 600px;
}

#rosephoto2 {
position: absolute;
top: 315px;
left: 620px;
}

#saraphoto2 {
position: absolute;
top: 315px;
left: 615px;
}

#sunflowerphoto2 {
position: absolute;
top: 315px;
left: 620px;
}

#tinaphoto2 {
position: absolute;
top: 315px;
left: 620px;
}


.callinfo {
background: #ACBE88;
color: darkgreen;
height: 805px;
border-right: 2px solid black;
border-bottom: 2px solid black;
}

#sunflowerallinfo {
padding-bottom: 7px;
}

#suzannahallinfo {
padding-bottom: 7px;
}

#tinaallinfo {
padding-bottom: 7px;
}


#allinfo {
padding-bottom: 6px;
}

.cdescription {
position: absolute;
top: 750px;
left: 310px;
width: 600px;
}



#chrissiedescription {
margin-top: -25px;
}

#emilydescription {
top-margin: 20px;
}


#buttrailer {
position: absolute;
top: 1000px;
}

.highlight {
color: #790053;
}

.ctrailer {
position: absolute;
background-color: #3D5114;
text-align: center;
width: 940px;
}

#idxtrailer {
position: absolute;
top: 1000px;
background-color: #3D5114;
text-align: center;
width: 940px;
border-top: 2px black solid;
}



#trailer5 {
position: absolute;
top: 1002px;
}

#strailer5 {
position: absolute;
top: 1001px;
}


#trailer {
position: absolute;
top: 975px;
}

#itrailer {
position: absolute;
top: 1865px;
width: 944;
}

#atrailer {
position: absolute;
top: 1185px;
width: 944;
}

#contrailer {
position: absolute;
top: 1000px;
width: 944;
}




#trailer3 {
position: absolute;
top: 1090px;
}



#trailer4 {
position: absolute;
background-color: #3D5114;
text-align: center;
width: 940px;
}
  