<style type="text/css">

body {

background-color: #6fb0c5;

}

p {

font-family: arial, verdana, sans-serif;
font-size: 1em;
text-align: left;
color: #000000;
position: relative;
left: 20px;
}



a:link {
font-family: arial, verdana, sans-serif;
font-size: 1em;
color: #000000;
}



a:visited {
font-family: arial, verdana, sans-serif;
font-size: 1em;
color: #000000;
}

a:hover {
font-family: arial, verdana, sans-serif;
font-size: 1em;
color: ffffff;
	font-style: italic;
font-weight:bold;
}



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.mattblacktabs{
width: 900px;
overflow: hidden;
border-bottom: 0px solid black; /*bottom horizontal line that runs beneath tabs*/
position: relative;
left: 11px;

}

.mattblacktabs ul{
margin: 0;
padding: 0;
padding-left: 10px; /*offset of tabs relative to browser left edge*/
font: bold 12px Verdana;
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: #414141; /*background of tabs (default state)*/
}

.mattblacktabs li a:visited{
color: white;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: black; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}



.gallerycontainer{
position: relative;
left: 20px;
position: absolute;
right: 20px;
background-color: black;
padding: 10px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/



}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;

}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px white;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 10px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 380px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

p.two
{
position:absolute;
top:600px;
}

p.three
{
font-family: arial, verdana, sans-serif;
font-size: 0.8em;
position:absolute;
top:300px;
left:400px;
}

p.four
{
font-family: arial, verdana, sans-serif;
font-size: 0.9em;
position:absolute;
top:200px;
left:200px;
right:200px;
}

</style>