
/* site nav */
.content-spacer {position:relative;display:block;float:left;width:100%;height:4vh;clear:both;}
.page {position:relative;display:block;float:left;width:100%;min-height:100vh;background-image:url(../pics/barnwood-bl.png);background-size:100%;
background-repeat:no-repeat;background-position:left top;padding:10px 40px 40px 40px;background-attachment:fixed;}
#toplogo {position:absolute;display:block;height:160px;border:none;;margin:5px 0 0 5px;z-index:1;}
#ournm {position:absolute;display:block;height:50px;border:none;top:30px;margin:0 25%}
#bullpair {position:absolute;display:block;height:160px;margin:0 0 0 79%;}
#banner-fb {position:absolute;display:block;height:40px;border:none;margin:20px 0 0 65%;}
.menu {position:relative;display:block;width:100%;z-index:1;background-color:#B7CCDF;height:160px;}
.control {display:none;}
#navtabs {position:absolute;display:block;top:100px;margin:0 0 0 13%;}
.item_pg {position:relative;display:block;float:left;width:calc(80%/7)margin:10px;text-align:right;font-size:20px;cursor:pointer;
height:35px;padding:5px;margin:3px 7px;color:#CA855F;}
.inpg-inact {color:#FFFFFF;}
.act {background:#FFFFFF;}
.act a  {color:#FFFFFF;text-decoration:none;cursor:pointer;}
.inact a {color:#CA855F;text-decoration:none;cursor:pointer;}
.inact:hover {background:#CA855F;border:2px solid #CA855F;color:#FFFFFF;}
.inact:hover a {color:#FFFFFF;}
.inpg {position:absolute;display:none;width:105%;float:left;left:-7px;top:25px;z-index:1;font-size:16px;background:#C8BCA0;padding:5px;text-align:center;margin:7px 3px;}
.inpg a {position:relative;display:block;margin:7px auto;padding:7px;cursor:pointer;}
.act:hover .inpg .inpg-act {border:solid 2px #D36820;background:#D36820;color:#FFFFFF;}
.inact:hover .inpg, .act:hover .inpg {display:block;}
.inact:hover .inpg a, .act:hover .inpg a {width:98%;background:#F9E2DA;color:#D36820;}
.inact:hover .inpg a:hover,.act:hover .inpg a:hover {background:#DDD0B7;color:#9A0303;border:solid 2px #DDD0B7;}

/*page menu*/
#tabs4page {position:relative;display:flex;justify-content:flex-start;width:99%;font-size:1em;margin:10px 0;}
.b-item_pg {position:relative;display:block;padding:3px;cursor:pointer;width:16%;margin:0 3px 10px 0;}
.b-act {position:relative;display:block;border-radius:9px 9px 0 0;border:solid 2px #CA855F;background:#CA855F;color:#FFFFFF;}
.b-inact {position:relative;display:block;border-radius:9px 9px 0 0;border:solid 2px #B7CCDF;background:#B7CCDF;color:#CA855F;}  /*#BABEBD*/
.b-act:hover {color:#FFFFFF;}
.b-inact:hover {color:#9A0303;}  /*#9A0303*/
.b-inpg {position:absolute;display:none;float:left;z-index:1;margin:3px 0 10px 10px;padding:5px;}
.b-inpg a{position:relative;display:block;float:left;margin:2px 0;border:solid 2px #FFFFFF;padding:3px 0 0 10px;min-width:170px;}
.b-inact:hover .b-inpg {display:block;background:#CA855F;}  /* */
.b-inact:hover .b-inpg a {background:#F9E2DA;display:block;color:#EF6910;}
.b-inact:hover .b-inpg a:hover {color:#9A0303;}

/* bull sale ad */
.bullad {position:relative;display:block;float:left;width:80%;margin:2% 10%;background-color:#FFFFFF;padding:10px;text-align:center;
	font-stretch:50%;border:solid 2px #E86A24;}
#bullsale {position:relative;display:block;float:left;width:15%;margin:0 1%;color:#E86A24;font-weight:700;font-size:1.5em;}
#cat-link {position:relative;display:block;float:left;width:12%;margin:0 1%;padding:5px;border:solid 1px #EF6910;text-decoration:none;color:#EF6910;
	font-weight:700;font-size:1.25em;font-style:italic;}
#whn {position:relative;display:block;float:left;width:15%;margin:0 1%;color:#E86A24;font-weight:700;line-height:30px;font-size:1.25em;}
#whr {position:relative;display:block;float:left;width:24%;margin:0 1%;line-height:30px;font-size:1.25em;}
#wht {position:relative;display:block;float:left;width:24%;margin:0 1%;line-height:30px;font-size:1.1em;}

.totop {position:relative;display:block;float:left;width:99%;text-align:center;}
.totop a {color:grey;text-decoration:none;cursor:pointer;}

/* contact section */
#ourcontact {position:relative;display:block;float:left;width:90%;font-family:helvetica,arial;background:#FBF3DF;color:#481612;padding:20px;
border:solid 2px #EF6910;line-height:1.25;margin:20px 5%;text-align:center;}
.ct_line {position:relative;display:block;float:left;width:100%;line-height:.25em;}
.ct_name {position:relative;display:block;float:left;width:100%;}
#ct_titlea {vertical-align:middle;width:15%;}
#ct_titleb {vertical-align:middle;width:84%;font-weight:600;font-size:1.25em;font-style:italic;color:#562521;}
.ct_name span {position:relative;display:block;float:left;width:25%;}
.il-logo {height:120px;border:none;}

/* color scheme 
old orange #EF6910, new orange #CA855F
#D36820 = dark orange
#562521 = dk brown
#F2C81C = gold
#F9E2DA = pink
#C8D7EA = dk sky blue
#757F2C = mm green
*/
