.catalog_item1 {
    position: absolute;
	top: 50px;
	left: 25px;
}
.catalog_item2 {
    position: absolute;
	top: 194px;
	left: 25px;
}	
.catalog_item3 {
    position: absolute;
	top: 50px;
	left: 153px;
}	
.catalog_item4 {
    position: absolute;
	top: 194px;
	left: 153px;
}	
.catalog_item5 {
    position: absolute;
	top: 50px;
	left: 282px;
}	
.catalog_item6 {
    position: absolute;
	top: 194px;
	left: 282px;
}
.catalog_item7 {
    position: absolute;
	top: 50px;
	left: 412px;
}	
.catalog_item8 {
    position: absolute;
	top: 194px;
	left: 412px;
}	
.catalog_item9 {
    position: absolute;
	top: 50px;
	left: 545px;
}
/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */
	
.catalog_item10 {
    position: absolute;
	top: 194px;
	left: 545px;
}
.roleoverbird {
    position: absolute;
	top: 0px;
	left: 700px;
}		
	
.itemname {
    position: absolute;
	top: 44px;
	left: 416px;
}	
#itemthb1 {
	position: absolute;
	top: 310px;
	left: 440px;
	
}	
#itemthb2 {
    position: absolute;
	top: 310px;
	left: 510px;
	
}	
.catbird {
    position: absolute;
	top: 331px;
	left: 647px;
}	
.homebird {
    position: absolute;
	top: 325px;
	left: 645px;
}		
.mainimage {
    position: absolute;
	top: 0px;
	left: 0px;
	
}	
	
div#locations {
	font-family: Trebuchet MS, Arial, Helvetica;
	font-size: 12px;
	font-weight: bold;
	margin-left: 30px;s
	color: #333333;
	text-decoration: none;	         
}   
div#locations ul {    
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-size: small;
	font-weight: bold;
    color: #FFF;
    line-height: 2px;
    white-space: nowrap;    
}

div#locations li {
	list-style-type: none;
	margin-left: 1px;
	display: inline;
	line-height: 1px;		
}
div#locations li b {
    list-style-type: none;
	display: inline;   
}
div#locations li a {
    text-decoration: none;
    color: #000;	
}
div#locations li a:link {
    color: #333:
}
div#locations li a:visited {
    color: #3333;
}
div#locations li a:hover {
    line-height: 1px;
    color: #999;
}






    
.getmap {
	font-family: "Trebuchet MS", Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;
	font-weight: bold;
	text-decoration: none;
	color: #333333;
	font-style: italic;
	list-style-type: none;
	margin-left: 1px;
	display: inline;
	line-height: 1px; 
	
	   
}
.getmap1 {
    position: absolute;
	top: 106px;
	left: 232px;    
}
.getmap2 {
    position: absolute;
	top: 158px;
	left: 232px;    
}
.getmap3 {
    position: absolute;
	top: 211px;
	left: 232px;    
}   
.getmap ul {    
    font-family: Trebuchet MS, Helvetica, sans-serif;
    font-size: small;
	font-weight: bold;
    color: #FFF;
    line-height: 2px;
    white-space: nowrap;    
}
.getmap  b {
    list-style-type: none;
	display: inline;
    
}
.getmap  a {
    text-decoration: none;
    color: #000;
	
}
a.getmap:link {
    color: #333:
}
a.getmap:visited {
    color: #3333;
}
a.getmap:hover {
    line-height: 1px;
    color: #999;
}
a.getmap:active {
    line-height: 1px;
    color: #999;
   
}
div#wtb_contact {
    position: absolute;
	top: 330px;
	left: 26px;
}	
.wtbabout2  {
	font-family: "Trebuchet MS", Arial, Helvetica;
	font-size: 12px;
	font-weight: bold;
	margin-left: 30px;
}
.wtbabout3  {
	font-family: "Trebuchet MS", Arial, Helvetica;
	font-size: 12px;
	font-weight: bold;
	margin-left: 30px;
}
.wtbinfo6 {
	font-family: "Trebuchet MS", Arial, Helvetica;
	font-size: 14px;
	font-weight: bold;
	margin-left: 24px;
	margin-top: 80px;
}
		
		

.detailpginfo1 {
	font-family: "Trebuchet MS", Arial, Helvetica;
	font-size: 13px;
	font-weight: bold;
	position: absolute;
	top: 100px;
	left: 440px; 
	
	
}
.detailpginfo2 {
	font-family: "Trebuchet MS", Arial, Helvetica;
	font-size: 10px;
	font-weight: bold;
	position: absolute;
	top: 126px;
	left: 440px;
}
.detailpginfo3 {
	font-family: "Trebuchet MS", Arial, Helvetica;
	font-size: 10px;
	font-weight: bold;
	position: absolute;
	top: 155px;
	left: 440px;
	}
.detailpginfo3_a {
	font-family: "Trebuchet MS", Arial, Helvetica;
	font-size: 10px;
	font-weight: bold;
	position: absolute;
	top: 184px;
	left: 440px;
	height: 12px;
}
.detailpginfo4 {
	font-family: "Trebuchet MS", Arial, Helvetica;
	font-size: 14px;
	font-weight: bold;
	position: absolute;
	top: 240px;
	left: 440px; 
}
.detailpginfo5 {
	font-family: "Trebuchet MS", Arial, Helvetica;
	font-size: 9px;
	font-weight: bold;
	position: absolute;
	top: 296px;
	left: 440px; 

	
	
}
.info1 {
	font-family: "Trebuchet MS", Arial, Helvetica;
	font-size: 13px;
	font-weight: bold;
}
.info2 {
	font-family: "Trebuchet MS", Arial, Helvetica;
	font-size: 10px;
	font-weight: bold;
}
.info3 {
	font-family: "Trebuchet MS", Arial, Helvetica;
	font-size: 14px;
	font-weight: bold;
}
.info4 {
	font-family: "Trebuchet MS", Arial, Helvetica;
	font-size: 9px;
	font-weight: bold;
}
.info5 {
	font-family: "Trebuchet MS", Arial, Helvetica;
	font-size: xx-small;
	font-weight: bold;
}
.info6 {
	font-family: "Trebuchet MS", Arial, Helvetica;
	font-size: 16px;
	font-weight: bold;
	vertical-align: 4px;
}
.aboutcontactheader {
	font-family: "Trebuchet MS", Arial, Helvetica;
	font-size: 16px;
	font-weight: bold;
	vertical-align: 4px;
	position: absolute;
	top: 30px;
	left: 20px; 
}
.about_contact_contact {
	font-family: "Trebuchet MS", Arial, Helvetica;
	font-size: 16px;
	font-weight: bold;
	vertical-align: 4px;
	position: absolute;
	top: 246px;
	left: 20px; 
}

.aboutcontactbody {
	font-family: "Trebuchet MS", Arial, Helvetica;
	font-size: 12px;
	font-weight: bold;
	vertical-align: 4px;
	position: absolute;
	top: 62px;
	left: 30px;
}
.aboutcontactbody2 {
	font-family: "Trebuchet MS", Arial, Helvetica;
	font-size: 12px;
	font-weight: bold;
	vertical-align: 4px;
	position: absolute;
	top: 120px;
	left: 30px;
}


.aboutbirdtop {
position: absolute;
	top: 45px;
	left: 570px; 
}
.aboutbirdmiddle {
    position: absolute;
	top: 170px;
	left: 510px; 
}
.aboutbirdbottom {
	position: absolute;
	top: 240px;
	left: 340px; 
}
.aboutbirdmain {
	position: absolute;
	top: 326px;
	left: 644px; 
}
.contactbirdtop {
	position: absolute;
	top: 36px;
	left: 580px; 
}
.contactbirdmiddle {
	position: absolute;
	top: 235px;
	left: 440px; 
}
.contactbirdbottom {
	position: absolute;
	top: 170px;
	left: 460px; 
}
.contactbirdmain {
	position: absolute;
	top: 240px;
	left: 644px;
	
}
.sibirdmainright {
	position: absolute;
	top: 80px;
	left: 570px;
	
}
.sibirdmainleft {
	position: absolute;
	top: 202px;
	left: 450px
	
}
.underconstruction {
	font-family: "Trebuchet MS", Arial, Helvetica;
	font-size: 18px;
	font-weight: bold;
	position: absolute;
	top: 82px;
	left: 60px;
} 
	

b.info7 {
	font-family: "Trebuchet MS", Arial, Helvetica;
	font-size: 14px;
	font-weight: bold;	
}
div#join_us  {
    position: absolute;
	top: 6px;
	right: 20px;
	font-family: "Trebuchet MS", Arial, Helvetica;
	font-size: xx-small;
	font-weight: bold;
}

#tagline p {
    position: absolute;
	top: 26px;
	left: 0px;
}

#navigation ul {
    position: absolute;
	top: 40px;
	left: 0px;
}
div#home_blue_bird {
	position: absolute;
	top: 0px;
	left: 625px;
	width: 162;
	height: 381;
}
div#logo {
	position: absolute;
	top: 15px;
	left: 0px;	
}
div#nav1 {
	position: absolute;
	top: 76px;
	left: 0px;	
}
input.maillist {
    font-size: 10px;
	width: 20em;
	
}
div#navbar2 {
    height: 30px;
    width: 100%;
    border-top: solid #FFF 1px;
    border-bottom: solid #FFF 1px;
    background-color: #FFF;
}
div#navbar2 ul {
    position: absolute;
	top: 476px;
	Left: 0px;
    margin: 0px;
    padding: 0px;
    font-family: Trebuchet MS, Helvetica, sans-serif;
    font-size: small;
    color: #FFF;
    line-height: 30px;
    white-space: nowrap;
}

div#navbar2 li {
    list-style-type: none;
    display: inline;
}
div#navbar2 li b {
    list-style-type: none;
    display: inline;
}
div#navbar2 li a {
    text-decoration: none;
    padding: 7px 10px;
    color: #000;
}
div#navbar2 li a:link {
    color: #333:
}
div#navbar2 li a:visited {
    color: #3333;
}
div#navbar2 li a:hover {
    line-height: 10px;
    color: #999;
    

}

/*
 The div#navbar2 style sets the dimensions and background color of the div that contains the navigation bar links. 

The div#navbar2ul style includes margin and padding declarations to override the default spacing assigned to unordered lists and sets the general text formatting. The white-space:nowrap declaration keeps the list on one horizontal line, even if the browser window is too narrow to display the whole line. 

The real secret to this technique is in the div#navbar2li style. The list-style-type:none declaration removes the bullets that normally mark each list item, and the display:inline declaration causes the list items to flow from left-to-right across the page instead of each item appearing in a separate line.

Another key element of this technique is the div#navbar2li a rule. The text-decoration:none declaration removes the underscore that is normal for links, and the padding:7px10px declaration controls the spacing of the links in the navigation bar. The left and right padding controls the horizontal spacing, while the top and bottom padding is needed to make the colored background of the rollover effect (and the clickable area of the button) extend the full height of the navigation bar. You could also add left and right margin values if you want additional space between the buttons. 

Finally, the rules for the :link, :visited, and :hover pseudoclasses set the color changes for the rollover effects.

You can use variations of this same basic technique to create many different navigation bar effects, including the popular "folder tab" look.
*/

div#etsylink {
    height: 30px;
    width: 100%;
    border-top: solid #FFF 1px;
    border-bottom: solid #FFF 1px;
    background-color: #FFF;
}
div#etsylink ul {
    position: absolute;
	top: 476px;
	Left: 650px;
    margin: 0px;
    padding: 0px;
    font-family: Trebuchet MS, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFF;
    line-height: 30px;
    white-space: nowrap;
}

div#etsylink li {
    list-style-type: none;
    display: inline;
}
div#etsylink li b {
    list-style-type: none;
    display: inline;
}
div#etsylink li a {
    text-decoration: none;
    padding: 7px 10px;
    color: #FF7129;
}
div#etsylink li a:link {
    color: #333:
}
div#etsylink li a:visited {
    color: #3333;
}
div#etsylink li a:hover {
    line-height: 10px;
    color: #999;
    

}
