.gallerycontainer{
position: relative;
top: -5px;
left: 110px;
width: 500px;
height: 280px;
/*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 #fff;
}

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

.thumbnail span p {
border: 1px solid #D02D03;
background-color: #fff;
width: 341px;
padding: 5px;
margin-left: 5px;
margin-top: -3px;
font-size: 0.9em;
font-weight: bold;
}


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

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -5px;
left: -370px; /*position where enlarged image should offset horizontally */

z-index: 50;
}

#hmenu {
position: relative;
left: 360px;
top: 35px;
height: 210px;
width: 100%;
background-image:url(../images/door.gif);
background-repeat: no-repeat;
background-position: top left;
padding: 0;
margin: 0;
padding-bottom: 10px;

}

#hmenu ul {
list-style-type: none;
padding: 0;
margin: 0;
display: inline;
}

#hmenu li {
display: inline;
}

#hmenu a {
text-decoration: none;
height: 40px;
color: #666666;
font-weight: normal;
font-size: 1.1em;
padding-right: 5px;
}

#hmenu a:hover {
color: #D02D03;
}

#hmenu .selected {
color: #D02D03;
}

/*#container {
background-image: none;
}*/

#pbody {
left: 300px;
width: 400px;
top: -50px;
width: 100%;
color: #fff;
font-size: 0.9em;
line-height: 1.5em;
padding-bottom:60px;
min-height: 180px;
_height: 180px;
position: relative;
}


#pbody a {
text-decoration: none;
color:#fff;
}

#pbody h2 a:hover {
background-color: #fff;
color: #D02D03;
}

#pbody img {
margin: 5px;
}

#port {
width: 600px;
}

.sites {
width: 165px;
font-size: 0.9em;
/*border: 1px solid #fff;*/
float: left;
text-align: center;
font-weight: bold;
line-height: 0.9em;
}

.sites img {
border: 1px solid #fff;
}

#pmenu a{
text-decoration: none;
display: block;
height: 40px;
color: #666666;
font-weight: normal;
font-size: 1.1em;
}

#pmenu {
position: absolute;
top: -100px;
left:5px;
padding: 0;
margin: 0;
}


#pmenu ul {
list-style-type: none;
padding: 0;
margin: 0;
}

#pmenu .selected {
color: #D02D03;
}

#footer {
padding-top: 35px;
}

.description {
background-color: #fff; 
color: #333333;
border: 1px solid #D02D03;
padding: 0px 10px 0px 10px;
margin-right: 20px;
font-size: 0.9em;
margin-left: 5px; 
margin-top: 5px;
}

.description p {
margin-bottom: 5px;
margin-top: 5px;
}

.darker {
color: #333333;
}

#footer .darker a {
color: #333333;
}

#footer .darker a:hover {
color: #666666;
}

#pbody p.back a{
position: absolute;
top: -25px;
left: 550px;
color: #fff;
background-image:url(../images/smallcircle.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
width: 50px;
height: 50px;
text-align: center;
font-weight: bold;
padding-top: 15px;
/*z-index: -1;*/
/*margin-top: -40px;*/
}

#pbody > p.back a {
top: -20px;
left: 535px;
}

#pbody p.back a:hover{
background-image:url(../images/smallcircleover.gif);
}

#submenu {
font-size: 0.8em;
margin-top: -18px;
margin-left:-8px;
margin-bottom: 5px;
}

#submenu a {
height: 20px;
display: block;
}

#menu .planning {
padding-left: 55px;
}

#menu .cost {
padding-left: 12px;
}

#menu .construct {
padding-left: 12px;
}

#menu .contact {
padding-left: 68px;
}

#submenu .Commercial {
padding-left: 85px;
}

#submenu .Showrooms {
padding-left: 92px;
}

#submenu .Offices {
padding-left: 108px;
}

#submenu .Retail {
padding-left: 108px;
}

#menu {
width: 200px;
}

.click {
margin-top: -6px;
margin-bottom:-4px;
font-size: 0.9em;
padding: 0;
padding-left: 5px;
}