/* Generic Selectors */

body {

font-family: Tahoma, Arial, sans-serif;
font-size: 14px;
color: #F36FF5;
background-image:
url('images/dots.gif');
background-repeat: repeat;

}

p {
margin-left:10px;
margin-right:10px;
margin-top:10px;
margin-bottom:10px;
padding: 5px; 

}


li {

list-style-type: none;
line-height: 150%;

}

h1 {

font-family: Tahoma, Arial, sans-serif;
font-size: 30px;
font-weight: normal;
color: #F36FF5;
margin-left:10px;
margin-right:10px;
margin-top:10px;
margin-bottom:10px;

}

h2 {

font-family: Tahoma, Arial, sans-serif;
font-size: 16px;
font-weight: bold;
color: #F36FF5;
margin-left:10px;
margin-right:10px;
margin-top:10px;
margin-bottom:10px;

}



/**************** Pseudo classes ****************/

a:link {

color: #9AE000;
text-decoration: underline;
font-weight: bold;

}

li :link {

color: #9AE000;
text-decoration: underline;
font-weight: bold;

}

a:visited {
color: #9AE000;
text-decoration: underline;
font-weight: bold;

}

li a:visited {
color: #9AE000;
text-decoration: underline;
font-weight: bold;

}

a:hover {

color: #89FEFE;
font-weight: bold;
text-decoration: underline;

}

li a:hover {
color: #89FEFE;
font-weight: bold;

}

a:active {

color: #89FEFE;
font-weight: bold;

}



/************************* image placement *************************/

img.floatleft {
    float: left;
    margin: 10px;
}

img.floatright {
    float: right;
    margin: 10px;
}


/************************* ID's *************************/

#wrapper {
 position: absolute;
 top: 10px;
 left: 20%;
 width: 740px;
 height: 100percent;
 background-color: #DFF4FD;
 border-style: solid;
 border-top-width: 75px;
 border-left-width: 5px;
 border-right-width: 5px;
 border-bottom-width: 35px;
 border-color: #247EF3;

}

#name {

  position: absolute;
  left: 850px;
  top: 100px;

}

#logo {

  position: absolute;
  left: 1em;
  top: 4em;
  background-image:
  url('images/wings.gif');
  background-repeat: no-repeat

}


#buttons {

  position: absolute;
  left: 800px;
  top: 130px;
  width: 100percent;
  height: 100percent;
  background-color: #FFFFFF;


}

#home {

 position: absolute;
 top: 5px;
 left: 300px;
 width: 100px;
 height: 100px;

}

#apparel {

 position: absolute;
 top: 5px;
 left: 400px;
 width: 100px;
 height: 100px;

}

#cradle {

 position: absolute;
 top: 5px;
 left: 500px;
 width: 100px;
 height: 100px;


}

#links {

 position: absolute;
 top: 5px;
 left: 600px;
 width: 100px;
 height: 100px;


}

#gallery {

 position: absolute;
 top: 5px;
 left: 700px;
 width: 100px;
 height: 100px;


}

#gifts {

 position: absolute;
 top: 5px;
 left: 800px;
 width: 100px;
 height: 100px;


}

#blog {

 position: absolute;
 top: 5px;
 left: 900px;
 width: 100px;
 height: 100px;


}


#content {

 position: absolute;
 left: 200px;
 top: 100px;
 width: 475px;
 height: 100percent;
 background-color: #FFFFFF;
 border-style: solid;
 border-top-width: 2px;
 border-left-width: 2px;
 border-right-width: 2px;
 border-bottom-width: 2px;
 border-color: 247EF3;

}


#bannersa {

 position: absolute;
 left: 12em;
 top: 45em;
 width: 175px;
 height: 100percent;

}

#bannersb {

 position: absolute;
 left: 200px;
 top: 275px;
 width: 425px;
 height: 100percent;

}

#bannersc {

 position: absolute;
 left: 155px;
 top: 215px;
 width: 100percent;
 height: 100percent;

}

#info {

 position: absolute;
 left: 0px;
 bottom:0px;
 width: 740px;
 height: 50px;



}



/************************* T-SHIRT ID's *************************/


#main {

 position: absolute;
 top: 75px;
 left: 25%;
 width: 71%;
 height: 300px;
 border-style: solid;
 border--width: 2px;
 border-color: 247EF3;
 background-color: #FFFFFF;

}

#ba {

 position: absolute;
 top: 385px;
 left: 25%;
 width: 40%;
 padding: 10px;
 height: 100percent;
 border-style: solid;
 border--width: 2px;
 border-color: 247EF3;
 background-color: #FFFFFF;

}

#bb {

 position: absolute;
 top: 385px;
 left: 69%;
 width: 27%;
 height: 100percent;
 border-style: solid;
 border--width: 2px;
 border-color: 247EF3;
 background-color: #FFFFFF;

}