@import "../css/reset.css";

body{background: #dedede; margin: 0 auto; width:980px; color: #333333; font-family:Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif; font-size: small; letter-spacing: 1px; line-height: 15px; position:relative;}

h1{ background: #6788a1 url(/images/headerbg.gif) top left repeat-x; width:970px; height:110px;}
h2{position:absolute; top:20px; right:0; font-size:180%; color:#ffffff; padding:10px; width:250px; text-align:center; background-color:#ffffff; color:#a17a67}
h2 span{ font-weight:bold; margin-top:10px; display:block;}
h4{font-size:170%; color:#49657b; float:left; width:30%px; clear:left;}

#logo{background:transparent url(/images/logoz.png) top left no-repeat; text-indent:-9000px; height:101px; width:118px; display:block;}

.border{border:5px solid #ffffff;}

#navBar{background:#48657a url(/images/navbg.gif) top left repeat-x; width:970px; margin-top:10px; list-style:none; float:left; margin-bottom:20px;}
#navBar li{float:left; color:#ffffff; padding:10px;} 

.dogHolder{list-style:none; float:left; width:590px;  margin-bottom:10px;}
.dogHolder .name{color:#49657b; font-size:120%; font-weight:bold; padding-top:5px; padding-bottom:5px;}
.dogHolder .image{float:left;}
.dogHolder li img{float:left; padding:0; border:5px solid #ffffff; text-align:left;}
.dogHolder li{background-color:#ffffff; }
.dogHolder .bio{font-size:90%; padding:0 5px 5px 0;}
#dogDeal {float:right;}
#dogDeal {background-color:#a17a67; width:350px; height:60px; text-align:center; color:#ffffff; font-size:180%; font-weight:bold; display:block; text-decoration:none; padding-top:40px}
#dogDeal:hover{background-color:#b19080;}

#contactForm{float:right; width:330px; margin-top:20px; background:#6788a1; padding:10px;}
#contactForm legend{font-size:180%; color:#ffffff; }
#contactForm label{display:block;}
#contactForm inpit{display:block;}

#intro{float:right; width:360px; text-align:justify; padding-top:20px;}

dl dt{ font-size:170%; color:#49657b; line-height:20px;}

#firstDetails{clear:none; width:55%; float:left;}
#secondDetails{float:left; margin-left:10px; width:20%;}
#thirdDetails{width:20%; float:right;}

#footer{background:#48657a; width:970px; margin-top:20px; list-style:none; float:left; margin-bottom:20px; text-align:center; padding:10px 0;}
#footer li a, #footer li{color:#ffffff; padding:5px; font-size:90%;}