/*

	terrafirma1.0 by nodethirtythree design
	http://www.nodethirtythree.com

*/

*
{
padding: 0px;
margin: 0px;
}

body
{
background: #F9F9F7 url('images/dolphinsbg.gif') repeat-x;
font-size: 11px;
font-family: "trebuchet ms", helvetica, sans-serif;
color: #30300c;
line-height: 18px;
}

a
{
color: #8C8C73;
text-decoration: none;
}

a:hover
{
text-decoration: none;
}


p
{
margin-bottom: 14px;

}

img.floatleft
{
float: left;
margin: 0px 14px 3px 0px;
}


ul.linklist
{
list-style: none;
}

ul.linklist li
{
border-top: solid 1px #EEEEEE;
padding-top: 5px;
margin: 5px 0px 0px 0px;
}

ul.linklist li.first
{
border-top: 0px;
margin-top: 0px;
padding-top: 0px;
}

#upbg
{
position: absolute;
top: 0px;
left: 0px;
background: #fff url('images/upbg.gif') no-repeat;
width: 747px;
height: 264px;
z-index: 1;
}

#outer
{
position: relative;
width: 747px;
margin: 0 auto;
background: #fff url('images/abg.gif') repeat-y;
}

#inner
{
position: relative;
padding: 13px 30px 13px 30px;
z-index: 2;
}

#header
{
position: absolute;
background: #475F8B repeat-x;
width: 235px;
height: 125px;
color: #fff;
padding-left: 20px;
}

#header span
{
font-weight: normal;
}

#header h1
{
position: absolute;
font-size: 23px;
letter-spacing: -1px;
top: 40px;
height: 92px;
}

#splash
{
position: absolute;
right: 30px;
background: #475F8B url('images/gentle-surf.jpg') repeat-x;
width: 425px;
height:125px;
}

#menu
{
position: relative;
background: #46461F url('images/a16.gif') repeat-x;
height: 67px;
padding: 0px 20px 0px 5px;
margin: 128px 0px 20px 0px;
}

#menu ul
{
}

#menu ul li
{
display: inline;
line-height: 52px;
padding-left: 3px;
}

#menu ul li.first
{
border-left: 0px;
}

#menu ul li a
{
background-color: transparent;
background-repeat: repeat-x;
padding: 8px 12px 8px 12px;
font-size: 12px;
color: #fff;
font-weight: bold;
}

#menu ul li a:hover
{
background: #fff url('images/a18.gif') repeat-x top;
color: #4A4A24;
text-decoration: none;
}

#date
{
position: absolute;
top: 0px;
color: #BDBDA2;
right: 30px;
font-weight: bold;
font-size: 12px;
letter-spacing: -1px;
height:52px;
}

/*This is for the link used on the home & about straddie page only*/
div.search{margin-top:1px;padding-top:30px;color:#30300c;font-size:18px;font-family:Verdana,Arial,Helvetica,sans-serif;
  text-align:left;text-decoration:none;}  

div.search img{border:none;float:left;padding-right:2%;}


#secondarycontent
{position:relative;color:#0D4D69;background:url(cylinder.jpg);background-color:#F4EDDF; font-size:1.2em; 
z-index:4; overflow:auto; 
background-repeat:no-repeat;
height:150%;
width: 180px;
float: right;
}

#secondarycontent h3
{
position: relative;
top: 4px;
font-size: 16px;
line-height: 25px;
color: #fff;
letter-spacing: -1px;
background: url('images/a22.gif') bottom repeat-x;
padding: 0px 0px 10px 10px;
margin-bottom: 20px;
}

#secondarycontent h4
{
position: relative;
top: 4px;
font-size: 16px;
line-height: 25px;
color: #172f5a;
letter-spacing: -1px;
background: url('images/a22.gif') bottom repeat-x;
padding: 0px 0px 10px 21px;
margin-bottom: 20px;

}


#secondarycontent .content
{
padding: 0px 10px 0px 10px;
margin-bottom: 20px;
}

dd {display:none;}
a.nav, a.nav:visited {margin-left:8px; display:block; width:150px; height:28px; background:#F4EDDF; color:#000; border:1px solid #000; text-decoration:none; text-align:center; line-height:25px;}
a.nav:hover {background:transparent; color:#7d96c5; text-decoration:bold;}

#primarycontent
{
position: relative;
width: 480px;
float: left;
}

#primarycontent h2
{
position: relative;
top: 4px;
font-size: 20px;
line-height: 25px;
letter-spacing: -1px;
background: url('images/a18.gif')bottom repeat-x;
padding: 0px 0px 10px 15px;
margin-bottom: 24px;
padding-left:2px; padding-top:10px; color:#2D3C5D; font-family:verdana; font-weight:bold; margin:0;
}

#primarycontent h3
{
position: relative;
top: 4px;
font-size: 18px;
line-height: 25px;
color: #D1A960;
letter-spacing: -1px;
background: url('images/a22.gif') bottom repeat-x;
padding: 0px 0px 10px 15px;
margin-bottom: 20px;
}

#primarycontent h4
{
position: relative;
top: 4px;
font-size: 18px;
line-height: 16px;
color: #D1A960;
letter-spacing: 3px;
padding: 0px 0px 10px 15px;
margin-bottom: 20px;
}

#primarycontent .content
{
padding: 0px 15px 0px 15px;
margin-bottom: 20px;
}

#primarycontent .post
{
margin-bottom: 30px;
}

#primarycontent .post .header
{
position: relative;
}

#primarycontent .post .date
{
position: absolute;
right: 15px;
top: 0px;
line-height: 35px;
color: #AFAFA4;
font-weight: bold;
}

#primarycontent .post .content
{
margin-bottom: 0px;
}

#primarycontent .post .footer
{
position: relative;
top: -10px;
background: url('images/a33.gif') repeat-x;
height: 64px;
}

#primarycontent .post .footer ul
{
list-style: none;
position: absolute;
right: 15px;
bottom: 15px;
}

#primarycontent .post .footer ul li
{
display: inline;
line-height: 14px;
padding-left: 17px;
margin-left: 25px;
background-repeat: no-repeat;
background-position: 0px 2px;
}

div.search{margin-top:1px;padding-top:30px;color:#30300c;font-size:18px;font-family:Verdana,Arial,Helvetica,sans-serif;
  text-align:left;text-decoration:none;}  

div.search img{border:none;float:left;padding-right:2%;}

/*Holds content for the new listings, pet friendly and specials pages.*/
div.petnewlists{
  display:block; width:100px; height:auto; float:left; border:1px thin #475f8b; 
  border-style:none; margin-top:2px; text-align:left; font-family:verdana,arial,sans-serif;  
  color:#30300c; overflow:hidden; right-margin:5px;padding-left:20px;border-bottom:1px solid #A72C0F; padding:2px; 
}
  div.petnewlists{padding-left:200px;float:left;border-bottom:1px solid #475f8b; padding:6px 0; width:100%; font-color:#30300c;}
  div.petnewlists img{display:inline; margin:4px 8px 4px 4px; border:1px thin #475f8b; padding-left:20px;float:left;border:1px solid #A72C0F; padding:2px; width:160px; height:114px;}
  div.petnewlists hr {display:block; clear:left; margin:-0.80em 0; visibility:hidden;}
  div.petnewlists a:hover img{border:solid thin #475f8b;text-decoration:none;color:#A72C0F;}
  div.clearer{clear:left; line-height:0; height:0;}
  div.description{text-align:left;font-weight:normal;font-size:11px; margin:5px 0;text-decoration:none;color:#30300c; line-height:20px;}

  /* the property names inside the pets and new pages */
  div.petnewlists span.propname{font-size:14px; color:#F11B0F; font-family:verdana,arial,Helvetica,sans-serif;text-decoration:none;
     margin-top:2px;}  

  /* addresses inside the pets and new pages */
  div.petnewlists span.propaddress{font-size:12px; color:#88631F; font-family:verdana,arial,helvetica,sans-serif;margin-top:10px;}


/* Style rules for the 2 x 2 table for the contact us page.  the left content holds the google map*/
div.leftcontent {border:none;float:left;margin:2px;padding:1em;padding-left:2px;padding-top:2px;width:50%;max-width:21em;}
/* the right content holds the address and picture of the office on the contact us page*/
div.rightcontent{border:none;float:right;margin:5px;padding:1em;width:30%;max-width:17em;text-align:left;background-color:#FFF;
    position:absolute;right:2px;}
div.rightcontent img {display:block; margin:3px auto; padding-left:10px;padding:2px;width:170px;height:110px;background:#F4EDDF;color:#7C5806;}
div.rightcontent span.aaa {text-align:left;color:#172F5A;font-weight:bold;}
div.rightcontent span.bbb {text-align:left;color:#30300c;font-weight:normal;text-align:left;}
div.terms{}

	div.terms {color:#30300c;font-weight:normal;}
	div.terms span.aaa, div.terms strong, div.terms b {color:#172F5A;font-weight:bold;}

#footer
{
position: relative;
clear: both;
height:50px;
text-align: center;
line-height: 24px;
fbackground-image: url('images/a50.gif');
color: #30300c;
}

#footer a
{
color: #30300c;
}

.flL {float:left}
.flR {float:right}
.clL {clear:left}
.clR {clear:right}
.clB {clear:both}

.paging a:hover{border-color:#999}
.paging span, .paging a, .paging span.p_current{color:#666; font-weight:normal; text-decoration:none; border:1px solid #333; padding:5px 8px 3px 8px; background:#fff}
.paging span.p_prev, .paging span.p_next{border:1px solid #ddd;color:#999}
.paging span.p_current{background:#999;border:1px solid #999;color:#fff}
