body {
margin:0;
padding:0;
height:100%;
background-color:#000;
color:#f6f6f6;  
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:.9em;
}

a {
color:#cc0000;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}

h1 {
color:#cc0000;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
vertical-align: top;
margin:0 0 0 40px;
padding:0;	
}

a:hover {
color:#999999;
text-decoration:none;
}

hr {
margin-bottom:20px;
border:none;
width:99%;
color:#eeeeee;
background-color:#eeeeee;
height:1px;
clear:both;
}

#centerColumn { 	
margin:0 auto;
padding:1px;
width:720px;
text-align:left;
vertical-align: middle;	
background-color:#313131;
}

#main {
position:relative;
clear:both;
float:left;
bottom:0;
margin:0 5px 0 2px;
padding:0;
font-size:11px;
width:400px;
}

#header {
margin:0;
padding:0;
height:243px;
background-color:#cccccc;
border-top:1px solid #616161;
}

#cell_1 {
margin:0 5px 1em 2px;
padding:8px;
float:left;
width:210px;
height:170px;
background-color:#000;
background-image:url(images/event.jpg);
background-repeat:no-repeat;
background-position:bottom;
text-align:center;
}

#cell_2 {
margin:2px 2px 2px 2px;
padding:8px 15px 10px 0px;
float:right;
width:225px;
height:174px;
background-color:#000;
}
/*#cell_2 {
margin:25px 15px 1em 16px;
padding:8px;
float:right;
width:210px;
height:170px;
background-color:#000;
background-image:url(images/p_gallery.jpg);
background-repeat:no-repeat;
background-position:bottom;
text-align:center;
}*/

#cell_3 {
margin:0 15px 1em 15px;
padding:8px;
float:left;
width:439px;
height:171px;
background-color:#000;
background-image:url(images/works_main.jpg);
background-repeat:no-repeat;
background-position:right;
text-align:left;
}

#cell_1 p, #cell_2 p, #cell_3 p {
font-size:.75em;
color:#000000;
}

#cell_1 h2 {
margin:0 0 -4px 0 !important;
margin:0 0 -20px 0;
padding:4px 0 10px 0;
font-family:Georgia, "Times New Roman", Times, serif;
color:#000000;
font-weight:bold;
}

#cell_2 h2 {
margin:0 0 -4px 0 !important;
margin:0 0 -20px 0;
padding:4px 0 10px 0;
font-family:Georgia, "Times New Roman", Times, serif;
color:#000000;
font-weight:bold;
}

#cell_3 h2 {
margin:0 0 -4px 0 !important;
margin:0 0 -20px 0;
padding:4px 0 10px 0;
font-family:Georgia, "Times New Roman", Times, serif;
color:#000000;
font-weight:bold;
}

#cell_1 ul.news, #cell_2 ul.news, #cell_3 ul.news {
margin:0 0 0 5px;
padding:0 0 0 0;
list-style:none;
}

#cell_1 li.news, #cell_2 li.news, #cell_3 li.news {
margin:0 0 .3em 0;
padding:5px 0 6px 10px;
font-size:.75em;
}

#cell_1 ul, #cell_2 ul, #cell_3 ul {
margin:0 0 0 5px;
padding:0 0 0 0;
list-style:none;
}

#cell_1 li, #cell_2 li, #cell_3 li {
margin:0 0 .3em 0;
padding:5px 0 6px 5px;
font-size:.75em;
}

#box_1 {
margin:0;
padding:0;
float:left;
width:400px;
background-color:#313131;
}

#box_2 {
margin:0;
padding:0;
float:right;
width:300px;
background-color:#313131;
}

#box_3 {
margin:0 14px 2em 7px;
padding:6px;
float:left;
width:150px;
background-color:#313131;
}

#box_4 {
margin:0 0 2em 5px;
padding:6px;
float:left;
width:150px;
background-color:#313131;
}

#box_1 p, #box_2 p, #box_3 p, #box_4 p {
font-size:.75em;
color:#000000;
}

#box_1 h2, #box_2 h2, #box_3 h2, #box_4 h2 {
font-family:Georgia, "Times New Roman", Times, serif;
color:#000000;
font-size:.8em;
} 

#box_1 ul, #box_2 ul, #box_3 ul, #box_4 ul {
margin:0 0 0 5px;
padding:0 0 0 0;
list-style:none;
}

#box_1 li, #box_2 li, #box_3 li, #box_4 li {
margin:0 0 .3em 0;
padding:5px 0 0 5px;
font-size:.8em;
}

#footer {
position:relative;
clear:both;
bottom:0;
margin:5em 0 0 0;
padding:0;
height:4em;
line-height:4em;
text-align:center;
font-size:.8em;
font-weight:bold;
background-color:#414141;
}

#contactl {
margin:5px 5px 1em 2px;
padding:8px;
float:left;
width:210px;
height:170px;
}

#contactr {
margin:5px 5px 1em 2px;
padding:8px;
float:right;
width:410px;
height:370px;
background-color:#000;
text-align:center;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#modernbricksmenu{
padding: 0;
width: 100%;
background: transparent;
}

#modernbricksmenu ul{
font: bold 11px Arial;
margin:0;
padding: 0;
list-style: none;
}

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

#modernbricksmenu a{
float: left;
display: block;
color: white;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
text-decoration: none;
letter-spacing: 1px;
background-color: black; /*Default menu color*/
border-bottom: 1px solid white;
}

#modernbricksmenu a:hover{
background-color: gray; /*Menu hover bgcolor*/
}

#modernbricksmenu #current a{ /*currently selected tab*/
background-color: #D32632; /*Brown color theme*/ 
border-color: #D25A0B; /*Brown color theme*/ 
}

#modernbricksmenuline{
clear: both;
padding: 0;
width: 100%;
height: 5px;
line-height: 5px;
background: #D25A0B; /*Brown color theme*/ 
}
<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;
/*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 solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: black;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: #fff;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 470px;
left: 650px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

</style>