/* Reset
______________________________________________ */

html,body,h1,h2,h3,h4,h5,h6,p,blockquote,
address,pre,cite,code,dfn,abbr,acronym,kbd,
a,samp,img,ins,i,b,u,strike,small,big,font,
tt,q,dl,dt,dd,ul,ol,li,applet,object,iframe,
form,fieldset,label,legend,th,td,th,tbody,
tfoot,thead,tr,caption{font-size:100%;
margin:0;padding:0;border:0;outline:0;
font-weight:normal;font-style:normal}

:focus{outline:0;}
img{display: block;}
li{list-style:none}




body{
font: 62.5%/1.5 Arial, helvetica, verdana, sans-serif;
color: #000;
background-color:#fff}

h1, h2, h3, h4{
margin-bottom:12px;
font-size:1.6em;
font-family:georgia, times new roman, serif}

p{
font-size:1.2em;
margin-bottom:12px}

a{
font-size:1.2em;
color:#57592b}

a:hover{
color:#e12424}

p a{
font-size:1em}



/* Main Structure
______________________________________________ */

#wrapper{
width:780px;
margin: 0 auto}

#header{
height:140px}

#primary-nav{
border-top: 1px dotted #666;
border-bottom: 1px dotted #666;
margin-bottom:25px;
padding:7px 0}

#home-strip{
height:280px;
margin-bottom:25px;
position:relative}

#page-strip{
height:180px;
margin-bottom:25px;
position:relative}

#content{
margin-bottom: 75px}

#footer{
border-top: 1px dotted #666;
padding:15px 0 30px 0}








/* Header
______________________________________________ */

#mrsmurrays-logo{
float:left;
margin-top:35px;
width:260px;
height:65px;
margin-left:-5px}

#mrsmurrays-logo a{
display:block;
width:100%; 
height:100%; 
background:  url(../images/mrs-murrays-logo.gif);
text-indent:-9999px;
background-repeat:no-repeat}

#search{
float:right;
margin-top:55px;
padding:7px 7px 7px 7px;
background:#f5f5f5;
width:210px}

#header-search{
width:170px;
float:left}

#header #search img.submit{
float:right;}




/* Primary nav
______________________________________________ */

#primary-nav li{
float:left;
margin-right:10px}

#primary-nav li a{
font-size:1.6em;
text-decoration:none;
font-weight:bold}

#primary-nav li a.current-page{
color:#e12424}






/* Secondary nav
______________________________________________ */

#secondary-nav ul{
margin-top:18px;
margin-left:23px}

#secondary-nav ul li{
margin-bottom:1px}

#secondary-nav ul li a{
text-decoration:none;
font-weight:bold;
font-size:1.4em}

#secondary-nav ul li a.current-page{
color:#e12424}




/* Home / Page Strip
______________________________________________ */

#home-strip #home-image{
position:absolute;
top:0px;
left:0px;
width:280px;
height:280px}

#home-strip #text-area{
position:absolute;
top:0px;
right:0px;
width:510px;
height:280px;
background-image: url(../images/home-strip-bg.gif)}

#home-strip #home-quote{position:absolute;
top:25px;
width:300px;
height:95px;
left:60px;
background-image: url(../images/home-quote.gif);
text-indent:-9999px}

#home-strip #text-area p{position:absolute;
top:135px;
left:60px;
width:360px;
font-size:1.4em;
color:#57592b}

#page-strip #secondary-nav{
float:left;
width:280px;
height:180px;
background: #f3f0d4;
margin-right:20px}

#page-strip #page-image{
float:left;
width:480px;
height:180px}









/* Content
______________________________________________ */

#primary-content{
width:600px;
float:left;
position:relative}

#secondary-content{
float:left;
width:180px;}

#animal-strip{
margin-bottom:30px}

#animal-strip .animal-block{
float:left;
width:180px;
padding-right:20px}

#rehome-animal-strip{
padding-top:18px}

#rehome-animal-strip .animal-block{
float:left;
width:180px;
padding-right:20px;
margin-bottom:20px}


.animal-block a{
display:block;
width:180px;
background:#f3f0d4;
text-align:center;
padding:0 0 6px 0}

.animal-block a img{
margin-bottom:6px}

.animal-block a:hover{
background:#e1dcaa;
color:#000}

#promo-strip{}

.text-block{
float:left;
width:180px;
padding-right:20px}

#primary-content h2,
#primary-content h1{
border-bottom:3px solid #669999;
padding-bottom:7px;
width:580px}

#promo-strip h2{
width:180px}

#promo-strip h2.red{border-bottom:3px solid #ce3b3b}
#promo-strip h2.green{border-bottom:3px solid #a3cc33}
#promo-strip h2.blue{border-bottom:3px solid #33adcc}

#secondary-content h2{
border-bottom:3px solid #669999;
padding-bottom:7px}

#page-text{width:540px}

.intro{
color:#669999;
font-size:1.5em;
font-family:georgia, times new roman, serif}

#animal-details{
width:180px;
float:left;
padding-top:18px;
height:285px;
position:relative}

#animal-details p{
font-weight:bold}

#animal-image{
width:380px;
float:left;
padding-right:20px;
padding-top:18px}

p.back{
position:absolute;
bottom:0px;
left:0px;
margin:0px
}


/* Footer
______________________________________________ */

#footer p{
float:left;
font-size:1.1em;
width:180px;
margin-right:20px}

#footer .rhino-credit{
margin-left:200px}

#footer a.rhino-credit{
font-size:1.1em}


























/* Clearing
______________________________________________ */

#primary-nav:after,
#primary-nav ul:after,
#footer:after,
#content:after,
#promo-strip:after,
#animal-strip:after,
#rehome-animal-strip:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}

#primary-nav,
#primary-nav ul,
#footer,
#content,
#promo-strip,
#animal-strip,
#rehome-animal-strip{
zoom: 1;}