/* Media Queries: Tablet Landscape */
@media screen and (max-width: 1060px) {
    #primary { width:67%; }
    #secondary { width:30%; margin-left:3%;}  
}

/* Media Queries: Tabled Portrait */
@media screen and (max-width: 768px) {
    #primary { width:100%; }
    #secondary { width:100%; margin:0; border:none; }
}

img { max-width: 100%; height: auto; }
@media (min-device-width:600px) {
    img[data-src-600px] {
        content: attr(data-src-600px, url);
    }
}

@media (min-device-width:800px) {
    img[data-src-800px] {
        content: attr(data-src-800px, url);
    }
}
.menu{
    width:980px;
    height:306px;
    position:relative;
    top:0px;
    left:0px; 
    font-family: "Trebuchet MS", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    text-transform: uppercase;
}
.item{
    position:relative;
    float: left;
    width:43px;
    margin:0px;
    height:306px;
    cursor:pointer;
    overflow:hidden;
}

.link{
    left:0px;
    top:0px;
    position:absolute;
    width:45px; border: 1px solid red;
    height:306px;
}
.icon_home{ border: 1px solid #000; width: 41px; height: 306px;
    background:transparent url(../images/buton2.jpg) no-repeat top left;
}
.icon_mail{
    background:transparent url(../images/mail.png) no-repeat top left;
}
.icon_help{
    background:transparent url(../images/help.png) no-repeat top left;
}
.icon_find{
    background:transparent url(../images/find.png) no-repeat top left;
}
.icon_photos{
    background:transparent url(../images/photos.png) no-repeat top left;
}
.item_content{
    position:absolute;
    height:304px;
    width:715px;
    overflow:hidden;
    left:43px;
    top:0px;
    background:transparent;
    display:none;
}