/*  reset -----------------------------------------------------------------------------------------------------------------------*/


html{
	fon-size: 100%;
}

*{
	margin: 0;
	padding: 0;
}

body{
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
	color: #555555;
}

.clear{
	clear: both;
}

a {
   outline: none;
}

/*  shell -----------------------------------------------------------------------------------------------------------------------*/

.wrapper{
	margin: 0 auto;
	margin-top: 100px;
	margin-bottom: 50px;
	width: 980px;
	background: url(../images/layout/bkg_center.jpg) repeat-y left 68px;
}

.header{
	height: 68px;
	
	background: #ffffff url(../images/layout/bkg_top.jpg) no-repeat left bottom;
}

.content{
	height: 400px;
	margin: 0 14px 0 12px;
	position: relative;
	background: #f7f7f7 url(../images/layout/content_bkg.jpg) no-repeat left bottom;
}

.content_left{
	float: left;
	width: 464px;
}

.content_right{
	float: right;
	width: 418px;
	padding: 0 26px 0 33px;
	border-left: 1px solid #dedede;
}

.wrapper > .content{
	height: auto;
	min-height: 400px;
}

.footer{
	height: 43px;
	padding-top: 26px;
	padding-right: 20px;
	background: #ffffff url(../images/layout/bkg_bottom.jpg) no-repeat left top;
}

/*  header -----------------------------------------------------------------------------------------------------------------------*/

.header h1{
	
}

.header h1 span.guardian{
	float: left;
	height: 57px;
	width: 278px;
	background: url(../images/layout/project_guardian_angel.jpg) no-repeat;
	text-indent:-9000px;
}

.header h1 span.rspca{
	float: right;
	height: 57px;
	width: 154px;
	background: url(../images/layout/rspca.jpg) no-repeat;
	text-indent:-9000px;
}

/*  content -----------------------------------------------------------------------------------------------------------------------*/


.content h2{
	height: 21px;
	width: 424px;
	float: left;
	margin-top: 20px;
	text-indent: -9000px;
	background: url(../images/layout/h2_meet_the_animal.gif) no-repeat 22px top;
}

.animal{
	height: 402px;
	width: 477px;
	float: left;
}

.dog{
	height: 336px;
	width: 464px;
	position: absolute;
	left: 0;
	bottom: 0;
	text-indent: -9000px;
	background: url(../images/dog.jpg) no-repeat;
}

.dog1{

	width: 464px;
	position: absolute;
	left: 0;
	
}
.content_right h3{
	margin-top: 11px;
	margin-bottom: 16px;
	height: 21px;
	background: url(../images/layout/h3_become_a_guardian.gif) no-repeat; 
	text-indent: -9000px;
	
}	

.content_right p.body_copy{
	text-indent: -9000px;
	margin-bottom: 26px;
	height: 163px;
	background: url(../images/layout/copy.gif) no-repeat;
}

.content_right h4{
	margin-top: 20px;
	margin-bottom: 10px;
	height: 19px;
	background: url(../images/layout/h4_donate.gif) no-repeat;
	text-indent: -9000px;
}

.content_right .links{
	margin-left: -8px;
	height: 83px;
	padding-top: 16px;
	padding-left: 15px;
	list-style-type: none;
	background: url(../images/layout/btns_holder.gif) no-repeat;

}

.content_right .links li{
	float: left;
}

.content_right .links li a, .content_right .links li span{
	float: left;
	height: 67px;
	
	background: url(../images/layout/btns_sprite.gif) no-repeat;
	text-decoration: none;
	text-indent: -9000px;
}

.content_right .links li a.donate{
	width: 130px;
	
}

.content_right .links li span.call{
	width: 135px;
	background-position: -130px 0;
}

.content_right .links li a.send{
	width: 131px;
	background-position: -265px 0;
}


.content_right .links li a.donate:hover{
	background-position: 0 -67px;
}



.content_right .links li a.send:hover{
	background-position: -265px -67px;
}

/*  FOOTER -----------------------------------------------------------------------------------------------------------------------*/

.footer ul{
	list-style-type: none;
	text-align: right;
	
}

.footer ul li{
	display: inline;
	margin: 0 5px;
}

.footer ul li a{
	color:#666666;
}

.footer ul li a:hover{
	text-decoration: none;	
}