/*  Tails for Whales
 *  Home.css
 *  ---! This stylesheet contains styles for the home template only !---
 *  Use page.css for the pages template styles or base.css for global styles
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* FLASH STUFF */
div#flashdiv {
	position:absolute;
	height:100%;
	width:100%;
}

/* HOMEPAGE */
#homepage div#content{
  padding: 0 0 150px 0;
  width: auto;
}
#homepage #pictures-mosaico{
  position: relative;
  height: 600px;
  background: transparent url(../images/bg-pictures-mosaico.jpg) top left repeat-x;
  border-top: 1px solid #000;
}

#homepage #welcome-message{
  position: relative; top: 322px; margin:0px auto;
  width: 1050px; height: 118px;
}
#homepage #welcome-message h1{
  float: left;
  width: 450px;
  color: #00d2e5;
  margin-top:15px;
  font-weight: normal; font-size: 28px;
  line-height:38px;
}

.ifawlogo {
 float: left;
  width: 199px;
  height: 90px;
  margin-top:15px;
  margin-left:25px;
  background: transparent url('../images/ifaw_home_logo.jpg') 0 0 no-repeat;
}

#homepage #welcome-message h1 span{
  display: block;
  color: #FFF;
}
#homepage #welcome-message p{
  float: right;
  width: 340px;
  color: #CCC;
  font-size: 15px;
  padding-left: 8px;
  margin: 18px 0 0 10px;
}

#summary{
  width: 940px;
  margin:0px auto;
  position:relative;
}
#summary ul li{ list-style: none; }
#summary ul li{ float: left; }
#summary ul .first{ width: 240px; }
#summary ul .second{ width: 290px; }
#summary ul .third{ width: 300px; }

#summary #navigation{
  margin: 25px 0 0 0 !important;
  padding-left:0px;
}
#summary #actions{ margin: 0; padding-left:0; }
#summary #actions .second {
	width: 261px; margin-left: 35px;
}
#summary #actions .third {
	margin-left: 78px;
}
#summary #navigation li{
  background: transparent url('../images/homepage-arrow.gif') 0 12px no-repeat;
  padding-left: 28px;
}
#summary #navigation li h3{
  margin: 0;
  color: #00abb9;
  font-size: 35px;
}
#summary #navigation li h3 span{ 
  display: block;
  color: #FFF;
  font-size: 18px;
}

#summary #actions .first a{
  display: block;
  width: 219px; height: 51px;
  background: transparent url('../images/homepage-add-your-tail-button.gif') 0 0 no-repeat;
  text-indent: -9999px;
}
#summary #actions .first a:hover{
  background-position: 0 -51px;
}

#homepage .dynamic-mosaico{
  position: absolute; left: 0;
  width: 805px;
}
#homepage .dynamic-mosaico ul{
  display: inline;
  margin-left: 0;
}
#homepage .dynamic-mosaico ul li{ 
  float: left; width: 160px; height: 160px;
  border-right: 1px solid #000;
  list-style: none;
}
#homepage .dynamic-mosaico ul li a{ width: 160px; height: 160px; }

#dynamic-mosaico-row-1{ top: 1px; }
#dynamic-mosaico-row-2{ top: 162px; }
#dynamic-mosaico-row-3{ top: 440px; }

#animal-rescue{
  position: absolute; top: 8px; right: 0px;
}