body {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center; /* for IE */
	margin-top:0px;
	background-image: url(images/bg_body.jpg);
    background-repeat:repeat-x;
}

a:link {
	color: #690;
}
a:visited {
	color: #690;
}
a:hover {
	color: #1176BE;
}
a:active {
	color: #333333;
}

#container {
	margin: 0 auto;   /* align for good browsers */
	text-align: left; /* counter the body center */
	position:relative;
	width:1000px;
	height:700px;
	z-index:1;
	}
	
#container2 {
	margin: 0 auto;   /* align for good browsers */
	text-align: left; /* counter the body center */
	position:relative;
	width:1000px;
	height:1000px;
	z-index:1;
	}	
	
	

#shadow_left {
	position:absolute;
	width:20px;
	height:675px;
	z-index:2;
	left: 99px;
}
#shadow_right {
	position:absolute;
	width:20px;
	height:675px;
	z-index:2;
	left: 881px;
}
#dp_logo {
	position:absolute;
	width:249px;
	height:179px;
	z-index:3;
	left: 138px;
	top: 11px;
}
#navbuttons {
	position:absolute;
	width:55px;
	height:559px;
	z-index:4;
	left: 882px;
	top: 8px;
}
#homecategories {
	position:absolute;
	width:160px;
	height:160px;
	z-index:5;
	left: 562px;
	top: 394px;
}
#homeimgs {
	position:absolute;
	width:200px;
	height:115px;
	z-index:6;
	left: 234px;
	top: 335px;
}

#texthome {
	position:absolute;
	width:451px;
	height:130px;
	z-index:7;
	left: 211px;
	top: 195px;
}
#textabout {
	position:absolute;
	width:420px;
	height:407px;
	z-index:7;
	left: 211px;
	top: 203px;
}

#portfoliobox {
	position:absolute;
	width:731px;
	height:437px;
	z-index:7;
	left: 138px;
	top: 203px;
	background-color: #B4D086;
}

#port_thumbs {
	position:absolute;
	width:300px;
	height:300px;
	z-index:2;
	top: 25px;
	left: 12px;
}
#port_full {
	position:absolute;
	width:300px;
	height:300px;
	z-index:2;
	left: 322px;
	top: 26px;
}
#port_nav {
	position:absolute;
	width:90px;
	height:301px;
	z-index:2;
	left: 629px;
	top: 26px;
}
#port_text {
	position:absolute;
	width:300px;
	height:98px;
	z-index:2;
	left: 320px;
	top: 332px;
}

#holderbox {
	position:absolute;
	width:305px;
	height:312px;
	z-index:2;
	left: 317px;
	top: 25px;
	background-color: #FFFFFF;
}

#textservices {
	position:absolute;
	width:614px;
	height:437px;
	z-index:7;
	left: 211px;
	top: 203px;
}

#contactform {
	position:absolute;
	width:535px;
	height:363px;
	z-index:7;
	left: 211px;
	top: 203px;
}

.style1 {font-size: 12px}
.style2 {font-size: 12px; color: #333333; }
.style3 {color: #333333}
.style4 {font-size: 9px}
.style5 {color: #FFFFFF}

#bg_footer {
	position:absolute;
	width:1000px;
	height:24px;
	z-index:8;
	left: 0px;
	top: 675px;
}
#cloud_left {
	position:absolute;
	width:475px;
	height:380px;
	z-index:2;
	left: 1px;
	top: 10px;
}
#cloud_right {
	position:absolute;
	width:426px;
	height:315px;
	z-index:2;
	left: 574px;
	top: 0px;
}
#footer_links {
	position:absolute;
	width:760px;
	height:26px;
	z-index:9;
	left: 121px;
	top: 649px;
}

#footer_copyright {
	position:absolute;
	width:616px;
	height:19px;
	z-index:10;
	top: 680px;
	left: 177px;
}

#requestquote {
	position:absolute;
	width:200px;
	height:71px;
	z-index:11;
	left: 673px;
	top: 90px;
}	


/*CSS for Portfolio Galleries*/
.imagegallery{
	position: relative;
	width: 315px;
	height: 315px;
	left: 5px;
	top: 25px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

 .thumbnail img{
border: 1px solid white;
margin: 0 0px 0px 0;
}

 .thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid #B4D086;
}

 

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 1px;
left: -1000px;
border: none;
visibility: visible;
color: black;
text-decoration: none;
font-family:Arial, Helvetica, sans-serif;
}

 

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

 

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