/* Tab Content - menucool.com */
div.head
{
    font: normal 30px Verdana;
}

ul.tabs
{
    padding: 0px 0;
    font-size: 0;
    margin:0;
    list-style-type: none;
    text-align: center; /*set to left, center, or right to align the tabs as desired*/
    position: relative
}
        
ul.tabs li
{
    display: inline;
    margin: 0;
    margin-right:0px; /*distance between tabs*/
}
        
ul.tabs li a
{
    font: normal 18px Verdana;
    line-height: 1.8;
    text-decoration: none;
    position: relative;
    padding: 0px 8px;
    border: 1px solid #CCC;
    border-bottom-color:#AAA;
    color: #000;
    background: #F0F0F0 url(tabbg.gif) repeat-x 0 0;
    border-radius: 2px 2px 0 0;
    outline:none;
}
        
ul.tabs li a:visited
{
    color: #000;
}
        
ul.tabs li a:hover
{
    border: 1px solid #AAA;
    background:#F0F0F0 url(tabbg.gif) 0 -36px repeat-x;
}
        
ul.tabs li.selected a, ul.tabs li.selected a:hover
{
    padding: 9px 16px 6px;
    position: relative;
    top: 0px;
    font-weight:bold;
    background: white url(tabbg.gif) 0 -72px repeat-x;
    border: 1px solid #AAA;
    border-bottom-color: white;
}
        
        
ul.tabs li.selected a:hover
{
    text-decoration: none;
}

div.tabcontents
{
    text-align:left;
    font-color white;
    font-weight: bold;
    border: 0px solid gray; padding: 10px;
    #background-color:#FFF;
    background: rgba(54, 25, 25, .5);
	#opacity: 0.5;
    border-radius: 2px;
    height: 400px;
    width: 800px;
    position: relative;
}

div#image1 {
    position: absolute;
    bottom: 0px;
    left: 0px;
height: 400;
    color: red;
	border: 0px solid red;
}

div#image2 {
    position: absolute;
    top: 0px;
    right: 0px;

    color: red;
	border: 0px solid red;
}