/* CSS Document */

#container {
width: 100%;
height: 100%;
background-color:#ffffff;
position:absolute;
left:0px;
top:0px;
z-index:1;
font-family:Helvetica;
}

#main{

width:1000px;
height:800px;
position:absolute;
left:50%;
top:0px;
margin-left:-500px;
z-index:2;


}

#header{
height:274px;
width:1000px;
left:0px;
top:0px;
position:absolute;
z-index:3;
}

#banner{ 
height:222px;
width:1000px;
left:0px;
top: 0px;
position:absolute;
z-index:4;
}
.innerfade{ 
height:222px;
width:1000px;
left:0px;
top: 0px;
position: absolute;
z-index:4;
vertical-align:top;
}

#menu{
height:52px;
width:1000px;
left: 0px;
top: 222px;
position:absolute;
z-index:4;
background-image: url(images/Menu_bar.jpg);



}
.button{
height:52px;
width:200px;
top: 0px;
position:absolute;
z-index:4;
text-align:center;
vertical-align:middle;
line-height:50PX;
color:#FFFFFF;
}

#button1{
left:0px;

}
#button2{
left:200px;
}
#button3{
left:400px;

}
#button4{
left:600px;

}
#button5{
left:800px;
}


#copy{

width:1000px;
height:476px;
position:absolute;
background-color: #ffffff;
left:0px;
top:274px;
z-index:3;


}

#homepic{

width:893px;
height:388px;
position:absolute;
background-image:url(images/Home_page_bags.png);
background-repeat:no-repeat;
left:54px;
top:44px;
z-index:4;


}
#aboutcopy{

width:554px;
height:410px;
position:absolute;
background-repeat:no-repeat;
left:407px;
top:44px;
z-index:4;


}
#aboutpic{

width:893px;
height:388px;
position:absolute;
background-image: url(images/history_bag.png);
background-repeat:no-repeat;
left:54px;
top:44px;
z-index:4;


}
#products{

width:925px;
height:482px;
position:absolute;
background-repeat:no-repeat;
left:38px;
top:44px;
z-index:4;


}
#buttonlink{
left:38px;
top:0px;
position:absolute;
z-index:60;
width:130px;
height:118px;


}

#sports{

width:925px;
height:720px;
position:absolute;
background-repeat:no-repeat;
left:0px;
top:0px;
z-index:4;
display:block;


}
#sports1{
left: 0px;
background-image:url(images/Sports1.jpg);
}
#sports2{
left: 185px;
background-image:url(images/Sports2.jpg);
}
#sports3{
left: 370px;
background-image:url(images/Sports3.jpg);
}
#sports4{
left: 555px;
background-image:url(images/Sports4.jpg);
}
#sports5{
left: 740px;
background-image:url(images/Sports5.jpg);
}
#sports6{
left: 0px;
background-image:url(images/Sports6.jpg);
}
#sports7{
left: 185px;
background-image:url(images/Sports7.jpg);
}
#sports8{
left: 370px;
background-image:url(images/Sports8.jpg);
}
#sports9{
left: 555px;
background-image:url(images/Sports9.jpg);
}
#sports10{
left: 740px;
background-image:url(images/Sports10.jpg);
}
#sports11{
left: 0px;
background-image:url(images/Sports11.jpg);
}
#sports12{
left: 185px;
background-image:url(images/Sports12.jpg);
}
#sports13{
left: 370px;
background-image:url(images/Sports13.jpg);
}
#sports14{
left: 555px;
background-image:url(images/Sports14.jpg);
}
#sports15{
left: 740px;
background-image:url(images/Sports15.jpg);
}
#sports16{
left: 278px;
background-image:url(images/Sports16.jpg);
}
#sports17{
left: 463px;
background-image:url(images/Sports17.jpg);
}

.prod{
width:185px;
height:160px;
position:absolute;
top:30px;

}
.prod1{
width:185px;
height:160px;
position:absolute;
top:190px;

}
.prod2{
width:185px;
height:160px;
position:absolute;
top:350px;

}
.prod3{
width:185px;
height:160px;
position:absolute;
top:510px;

}
#school{

width:893px;
height:482px;
position:absolute;
background-repeat:no-repeat;
left:0px;
top:0px;
z-index:4;
display:none;


}
#school1{
left: 0px;
background-image:url(images/SchoolBags1.jpg);
}
#school2{
left: 185px;
background-image:url(images/SchoolBags2.jpg);
}
#school3{
left: 370px;
background-image:url(images/SchoolBags3.jpg);
}
#school4{
left: 555px;
background-image:url(images/SchoolBags4.jpg);
}
#school5{
left: 740px;
background-image:url(images/SchoolBags5.jpg);
}
#backpack{

width:893px;
height:720px;
position:absolute;
background-repeat:no-repeat;
left:0px;
top:0px;
z-index:4;
display:none;


}
#backpack1{
left: 0px;
background-image:url(images/Backpack1.jpg);
}
#backpack2{
left: 185px;
background-image:url(images/Backpack2.jpg);
}
#backpack3{
left: 370px;
background-image:url(images/Backpack3.jpg);
}
#backpack4{
left: 555px;
background-image:url(images/Backpack4.jpg);
}
#backpack5{
left: 740px;
background-image:url(images/Backpack5.jpg);
}
#backpack6{
left: 0px;
background-image:url(images/Backpack6.jpg);
}
#backpack7{
left: 185px;
background-image:url(images/Backpack7.jpg);
}
#backpack8{
left: 370px;
background-image:url(images/Backpack8.jpg);
}
#backpack9{
left: 555px;
background-image:url(images/Backpack9.jpg);
}
#backpack10{
left: 740px;
background-image:url(images/Backpack10.jpg);
}
#backpack11{
left: 0px;
background-image:url(images/Backpack11.jpg);
}
#backpack12{
left: 185px;
background-image:url(images/Backpack12.jpg);
}
#backpack13{
left: 370px;
background-image:url(images/Backpack13.jpg);
}
#backpack14{
left: 555px;
background-image:url(images/Backpack14.jpg);
}
#backpack15{
left: 740px;
background-image:url(images/Backpack15.jpg);
}
#backpack16{
left: 185px;
background-image:url(images/Backpack16.jpg);
}
#backpack17{
left: 370px;
background-image:url(images/Backpack17.jpg);
}
#backpack18{
left: 555px;
background-image:url(images/Backpack18.jpg);
}
#other{

width:893px;
height:482px;
position:absolute;
background-repeat:no-repeat;
left:0px;
top:0px;
z-index:4;
display:none;


}
#other1{
left: 0px;
background-image:url(images/Other1.jpg);
}
#other2{
left: 185px;
background-image:url(images/Other2.jpg);
}
#other3{
left: 370px;
background-image:url(images/Other3.jpg);
}
#other4{
left: 555px;
background-image:url(images/Other4.jpg);
}
#other5{
left: 740px;
background-image:url(images/Other5.jpg);
}
#gallery{

width:1000px;
height:388px;
position:absolute;
left:0px;
top:0px;
z-index:4;


}
#contactcopy{

width:386px;
height:410px;
position:absolute;
background-repeat:no-repeat;
left:569px;
top:44px;
z-index:4;


}
#contactpic{

width:370px;
height:388px;
position:absolute;
left:54px;
top:44px;
z-index:4;


}


#footer{
width:1000px;
height: 50px;
left: 0px;
top:750px;
position:absolute;
z-index:4;
background-image:url(images/footer.jpg);



}
#footer2{
width:1000px;
height: 50px;
left: -38px;
position: absolute;
z-index:5;
background-image:url(images/footer.jpg);
vertical-align:bottom;
bottom:0px;

}