

html {
        background: url(images/background.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}

body{
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%; 
max-height: 100%; 
font-size: 80%;
backfround: #333333;
font-family: arial, sans-serif;
}

#footer{
position: absolute; 
bottom: 0; 
left: 0; 
width: 100%; 
height: 50px; /*Height of frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
text-align: center;
}

.thumb {
margin: 5px 10px 5px 0;
float:left;
}

h2 { 
	color:#ffffff; 
	font-size:140%; 
	font-weight:bold; 
	margin: 0 0 5px 0; 
	padding:0; 
}

#maincontent{
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 50px; /*Set bottom value to HeightOfFrameDiv*/
overflow: auto; 
}

* html body{ /*IE6 hack*/
padding: 0 0 50px 0; /*Set value to (0 0 HeightOfFrameDiv 0)*/
}

* html #maincontent{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}

.paginationstyle{ /*Style for demo pagination divs*/
width: 250px;
text-align: center;
padding: 2px 0;
margin: 10px 0;
}

.paginationstyle select{ /*Style for demo pagination divs' select menu*/
border: 1px solid navy;
margin: 0 15px;
}

.paginationstyle a{ /*Pagination links style*/
padding: 0 5px;
text-decoration: none;
border: 1px solid black;
color: navy;
background-color: white;
}

.paginationstyle a:hover, .paginationstyle a.selected{
color: #000;
background-color: #FEE496;
}

.paginationstyle a.disabled, .paginationstyle a.disabled:hover{ /*Style for "disabled" previous or next link*/
background-color: white;
cursor: default;
color: #929292;
border-color: transparent;
}

.paginationstyle a.imglinks{ /*Pagination Image links style (class="imglinks") */
border: 0;
padding: 0;
}

.paginationstyle a.imglinks img{
vertical-align: bottom;
border: 0;
}

.paginationstyle a.imglinks a:hover{
background: none;
}

.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*/
color: #000;
background-color: yellow;
}

<style type="text/css">

.ubercolortabs{
padding: 0;
width: 100%;
overflow: hidden;
background: transparent;
}

.ubercolortabs ul{
font: bold 11px Arial, Verdana, sans-serif;
margin: 0;
padding: 0;
list-style: none;
}

.ubercolortabs li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform: uppercase;
}


.ubercolortabs a{
float: left;
color: white;
background: #000000; /*default background color of tabs, left corner image*/
filter:alpha(opacity=60);  
-moz-opacity: 0.6; 
opacity: 0.6; 

margin: 0 2px 0 0;
padding: 0 0 1px 3px;
text-decoration: none;
letter-spacing: 1px;
}

.ubercolortabs a span{
float: left;
display: block;
background: transparent;
padding: 7px 9px 3px 6px;
cursor: pointer;
}

.ubercolortabs a span{
float: none;
}


.ubercolortabs a:hover, .ubercolortabs li.selected a{
background-color: #FFAD33; /*background color of tabs onMouseover*/
filter:alpha(opacity=80);  
-moz-opacity: 0.8; 
opacity: 0.8; 
color: white;
}

.ubercolortabs a:hover span{
background-color: transparent;
}

.underlinemenu{
font-weight: bold;
width: 100%;
}

.underlinemenu ul{
padding: 6px 0 7px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
margin-top: 18px;
text-align: center; 
}

.underlinemenu ul li{
display: inline;
}

.underlinemenu ul li a{
color: #ffffff;
padding: 6px 3px 4px 3px; /*top padding is 6px, bottom padding is 4px*/
margin: 0 20px 0 0; /*spacing between each menu link*/
text-decoration: none;
}

.underlinemenu ul li a:hover, .underlinemenu ul li a.selected{
border-bottom: 3px solid gray; /*bottom border is 3px*/
}


