/* CSS design by Jim Davis, www.jimdavis.org */
body{
padding: 0;
background: #BFAD83 url(../resources/brown2_back.gif);
font: 76%/1.3 Verdana,Arial,sans-serif;
text-align:center;
}

div#container {
position: relative;
width: 930px;
margin: 0 auto;
padding: 10px 0;
}

div#logo {
position: absolute;
top: 0; left: 0;
width: 540px;
height: 110px;
}
div#dogs {
position: absolute;
top: 0; right: 0;
width: 470; height: 225;
}
div#box{
position: relative;
width: 100%;
height: 30px;
padding: 0;
margin: 130px 0 10px 0;
color:#FFF;
}
div#box h1{font: lighter 2em "Trebuchet MS",Arial sans-serif;color: #bfad83}
div#box h1{ text-align: left; margin:0;padding:5px 0 0 300px;}
div#box p{ text-align: left; margin:0;padding:0 0 30px 300px;color: #bfad83; font-size: 0.8em; letter-spacing: .1em;}

div.picholder {
width: 100%;
padding: 0;
margin:20px 0;
background:#000000;
color:#FFF;
}

div.picholder img {
margin: 5px;
border: 5px solid white;
}
div.picholder h4 {
position: relative;
background: url(../resources/click2.gif) no-repeat .6em .4em;
font-size: 1em;
color: #bfad83;
margin: 0;
padding: 5px 0;
}
#frameit {
position: relative;
width: 100%;
padding: 0; margin: 20px 0 10px 0;
color: white;
background: #000000;
}
div#navcontainer {
width: 600px;
height: 28px;
margin: 0 auto;
background: #000000;
}
div#navcontainer ul { margin: 0; padding: 0; height: 28px; width: 600px;}
div#navcontainer a { color: white; font-size: 12px; font-weight: bold; line-height: 28px; text-decoration: none; }
div#navcontainer a:hover { text-decoration: underline; }
#navlist li{
display: inline;
list-style-type: none;
margin: 0 5px;
padding: 0 5px;
}

div#lftcon {
float: left;
width: 550px;
margin: 20px 0;
padding: 20px 0;
background: #000000;
color:#F5F5F5;
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

div#lftcon p { padding: 0 20px; font-size: 1em; }
div#lftcon h1 {font-size: 2em; padding-left: 20px; color: silver;}
div#lftcon a { color: #FFFFFF; }
div#rghtcon {
float: right;
width: 365px;
margin: 20px 0;
padding: 20px 0;
background: #2b3b3f;
color: #F5F5F5;
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

div#rghtcon p { padding: 0 15px; font-size: 0.9em; }

div#rghtcon h4 {
width: 100%;
display: block;
text-align: center;
font-size: 1em;
color: #F5F5F5;
font-weight: bold;
}
div#rghtcon h5 {
width: 100%;
display: block;
margin: 0; padding: 0;
text-align: center;
font-size: 0.8em;
color: #F5F5F5;
font-weight: 100;
}
div#pups {
position: absolute;
left: 400px;
bottom: -120px;
margin: 0; padding: 0; border: 0; 
z-index: 100;
}
div#pups img { text-decoration: none; margin: 0; padding: 0; border: 0; }
