body { 
    background-image: url('../images/bg-top.jpg');
    background-repeat: repeat-x;
    background-color: #FFFFFF;
    font-family: serif;
    min-height: 100%;
    min-width: 600px;
    text-align: center;
}

#topblock {
    position: absolute;
    top: 0px;
    left: 10%;
    text-align: center;
    width:1071px;
    background-image: url('../images/header.jpg');
    background-repeat: no-repeat;

}

#footer {
    overflow: auto;
    width:100%;
    position: fixed;
    bottom: 0px;
    left: 0px;
    background-image: url('../images/bg-bottom.gif');
    background-repeat: repeat-x;
    background-attachment:fixed;
    background-position:bottom;     
    height: 94px;
}

#footer-center {
    position: fixed;
    bottom: 0px;
    left: 10%;
    width: 1071px;
    background-image: url('../images/footer.gif');
    background-repeat: no-repeat;
    height: 244px;
}

#col1 {
    position: relative;
    top: 150px;
    min-height: 710px;
    width: 780px;
    float: left;
    margin-left: 30px;
    padding-left: 10px;
    padding-bottom: 80px;
    background-image: url('../images/vertdiv.jpg');
    background-repeat: no-repeat;
}

#col2 {
    position: relative;
    top: 150px;
    min-height: 710px;
    width: 190px;
    float: right;
    margin-right: 20px;
    text-align: left;
}

#pagenav {
    padding-top: 30px;
    width: 170px;
}

ul {
    list-style: none;
    margin-left: 0;
    padding-left: 1em;
    text-indent: -1em;
}

#pagenav ul li:before {
    content: "\00BB \0020";
    padding: 0px;
}


#pagenav a {
    color: #75015d;
    text-decoration: none;
    font-weight: bold;
}

#pagenav a:hover {
    color: #c3d33d;
}

#flagbox {
    width: 740px;
    min-height: 200px;
    text-align: left;
    background-image: url('../images/flag.png');
    background-repeat: no-repeat;

}

#flagbox .header {
    height: 25px;
    text-align: right;
}

#flagbox .content{
    padding: 10px;
    text-align: left;
}

#flagbox .image:hover {
    float: right;
    background-color: #75015d;
    border: solid;
    border-color: #75015d;
    margin: 20px;
}

#flagbox .image{
    float: right;
    background-color: #c3d33d;
    border: solid;
    border-color: #c3d33d;
    margin: 20px;
}


#flagbox h1 {
    font-size: 15pt;
    padding-top: 10px;
}

#flagbox p {
    font-size: 12pt;
    text-indent: 10px;
    font-weight: 300;
}



#nav {
    position:absolute;
    top: -2px;
    left: 400px;
    width: 630px;
    height: 53px;
    z-index:2;
}

#nav a {
  position: absolute;
  height: 38px;
  width: 88px;
  top: 10px;
  text-decoration: none;
  background-repeat: no-repeat;
  background-image: url('../images/main-nav.png');
}

#menu a i { visibility: hidden; }

a#home { left: 0px; width: 100px; background-position: 0px -10px; }
a:hover#home { left: 0px; width: 100px; background-position: 0px -63px; }
a#apparel { left: 95px; width: 120px; background-position: -95px -10px; }
a:hover#apparel { left: 95px; width: 120px; background-position: -95px -63px; }
a#design { left: 220px; width: 110px; background-position: -220px -10px; }
a:hover#design { left: 220px; width: 110px; background-position: -220px -63px; }
a#web { left: 335px; width: 70px; background-position: -335px -10px;}
a:hover#web { left: 335px; width: 70px; background-position: -335px -63px;}
a#printing { left: 405px; width: 130px; background-position: -410px -10px;}
a:hover#printing { left: 405px; width: 135px; background-position: -410px -63px;}
a#audio { left: 540px; width: 90px; background-position: -550px -10px;}
a:hover#audio { left: 540px; width: 90px; background-position: -550px -63px;}



/* utility */

.hidden    { display:none !important; }
.nowrap    { white-space: nowrap; }
.center    { text-align:center; }
.right     { float:right; }
.left      { float:left; }
.clear     { clear:both; }
.underline { text-decoration:underline; }
.show      { display: block; }
.uppercase { text-transform:uppercase; }