body, html {
    margin: 0;
    padding: 0;
}
ul#tabs {
    list-style: none;
    margin: 0;
    padding: 10px 0 0 0;
    height: 23px;
    border-bottom: 5px solid white;
    background: rgb(9, 9, 162);
    position: relative;
}
ul#tabs li {
    position: absolute;
    bottom: 0;
    margin: 0;
    height: 23px;
    text-align: center;
    width: 20%;
    background: transparent url('images_tab/tab/tab_01.png') no-repeat scroll left;
}
ul#tabs li > div {
    height: 23px;
    background: transparent url('images_tab/tab/tab_03.png') no-repeat scroll right;
}
ul#tabs li > div > div {
    height: 23px;
    background: transparent url('images_tab/tab/tab_02.png') repeat-x scroll center;
    margin: 0 8px 0 7px;
}
ul#tabs a {
    display: block;
    height: 100%;
    text-decoration: none;
    color: white;
    font: 14px Arial, sans-serif;
}
ul#tabs li#tab1 {
    left: 0;
}
ul#tabs li#tab2 {
    left: 20%;
}
ul#tabs li#tab3 {
    left: 40%;
}
ul#tabs li#tab4 {
    left: 60%;
}
ul#tabs li#tab5 {
    left: 80%;
}
ul#tabs li:hover,
body#home li#tab1,
body#conference_photography li#tab2,
body#corporate_photography li#tab3,
body#personal_photography li#tab4,
body#contact_quotes li#tab5 {
    background: transparent url('images_tab/tab-hover/tab-hover_01.png') no-repeat scroll left;
}
ul#tabs li:hover > div,
body#home li#tab1 > div,
body#conference_photography li#tab2 > div,
body#corporate_photography li#tab3 > div,
body#personal_photography li#tab4 > div,
body#contact_quotes li#tab5 > div {
    background: transparent url('images_tab/tab-hover/tab-hover_03.png') no-repeat scroll right;
}
ul#tabs li:hover > div > div,
body#home li#tab1 > div > div,
body#conference_photography li#tab2 > div > div,
body#corporate_photography li#tab3 > div > div,
body#personal_photography li#tab4 > div > div,
body#contact_quotes li#tab5 > div > div {
    background: transparent url('images_tab/tab-hover/tab-hover_02.png') repeat-x scroll center;
}
ul#tabs a:hover,
body#home li#tab1 a,
body#conference_photography li#tab2 a,
body#corporate_photography li#tab3 a,
body#personal_photography li#tab4 a,
body#contact_quotes li#tab5 a {
    color: black;
}
ul#tabs span {
    display: block;
    padding: 4px 10px 0 0px;
}
div#iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin-top: 50px;
    border-top: 1px solid black;
}
iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
}