/* Beebe Bahrami navigation styles  */


.navigationbackground {
background: #ffffff;
}



/* social network rollovers  */

.rollovertwitter {
    position: relative;
    font-family: arial, helvetica, sans-serif;
    background: url(images/tweet-ro.jpg) no-repeat;
    white-space: nowrap;
    display: block;
    width: 34px;
    height: 34px;
    margin: 0;
    padding: 0;
}

.rollovertwitter a {
    display: block;
    color: #000000;
    font-size: 11px;
    width: 34px;
    height: 34px;
    display: block;
    float: left;
    color: black;
    text-decoration: none;
}

.rollovertwitter img {
    width: 34px;
    height: 34px;
    border: 0
}

* html a:hover {
    visibility:visible
}

.rollovertwitter a:hover img {
    visibility:hidden
}

.rollovertwitter span {
    position: absolute;
    xleft: 35px;
    xtop: 15px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
}


.rolloverlinkedin {
    position: relative;
    font-family: arial, helvetica, sans-serif;
    background: url(images/linkin-ro.jpg) no-repeat;
    white-space: nowrap;
    display: block;
    width: 34px;
    height: 34px;
    margin: 0;
    padding: 0;
}

.rolloverlinkedin a {
    display: block;
    color: #000000;
    font-size: 11px;
    width: 34px;
    height: 34px;
    display: block;
    float: left;
    color: black;
    text-decoration: none;
}

.rolloverlinkedin img {
    width: 34px;
    height: 34px;
    border: 0
}

* html a:hover {
    visibility:visible
}

.rolloverlinkedin a:hover img {
    visibility:hidden
}

.rolloverlinkedin span {
    position: absolute;
    left: 0px;
    top: 0px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
}


.rolloverblogspot {
    position: relative;
    font-family: arial, helvetica, sans-serif;
    background: url(images/blogspot-ro.gif) no-repeat;
    white-space: nowrap;
    display: block;
    width: 24px;
    height: 34px;
    margin: 0;
    padding: 0;
}

.rolloverblogspot a {
    display: block;
    color: #000000;
    font-size: 11px;
    width: 24px;
    height: 34px;
    display: block;
    float: left;
    color: black;
    text-decoration: none;
}

.rolloverblogspot img {
    width: 24px;
    height: 34px;
    border: 0
}

* html a:hover {
    visibility:visible
}

.rolloverblogspot a:hover img {
    visibility:hidden
}

.rolloverblogspot span {
    position: absolute;
    left: 35px;
    top: 15px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
}