body {
	background-image: url(../img/bg.png);
	background-repeat: repeat;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #333;
}
-->
img {border: none;}

.clear {clear: both;}
.marg {margin-top: 1px;}
.righter {float: right;}

#theback {
	position:absolute;
	top: 50%;
	left: 0;
	width:100%;
	height:620px;
	margin-top: -310px; /*set to a negative number 1/2 of your height*/
    text-align: center;
	background: #000;
	opacity: 0.5;
}

#mootcredit {
	position:absolute;
	top: 50%;
	left: 0;
	width:100%;
	height:700px;
	margin-top: -350px; /*set to a negative number 1/2 of your height*/
    text-align: center;
	opacity: 0.4;
}

#credithold {margin: 680px auto 0 auto; text-align: right; width: 900px; height: 20px; font-size: 11px;}
#credithold a, #credithold a:active, #credithold a:visited {color: #efe207; text-decoration: none;}
#credithold a:hover {color: #ccc; text-decoration: none;}

#holder {
	position:absolute;
	top: 50%;
	left: 50%;
	width:900px;
	height:620px;
	margin-top: -310px; /*set to a negative number 1/2 of your height*/
	margin-left: -450px; /*set to a negative number 1/2 of your width*/
    text-align: center;
	background: transparent;
	z-index: 1;
}
#border {
	position:absolute;
	top: 50%;
	left: 50%;
	width:920px;
	height:640px;
	margin-top: -320px; /*set to a negative number 1/2 of your height*/
	margin-left: -460px; /*set to a negative number 1/2 of your width*/
    text-align: center;
	background: #666;
	opacity: 0.3;
	z-index: 2;
}
#content {
	position:absolute;
	top: 50%;
	left: 50%;
	width:900px;
	height:620px;
	margin-top: -310px; /*set to a negative number 1/2 of your height*/
	margin-left: -450px; /*set to a negative number 1/2 of your width*/
	text-align: left;
	z-index: 999;
}
#menuhold {
float: right; 
width: 900px; 
height: 374px;  
margin-top: 0px;
}

#menuhold a {
text-decoration: none;
color: #333;
display: block;
height: 100%;
}
#menuhold a:active{
text-decoration: none;
color: #333;
display: block;
height: 100%;
}
#menuhold a:visited {
text-decoration: none;
color: #333;
display: block;
height: 100%;
}
#menuhold a:hover {
text-decoration: none;
color: #333;
background-position: 0 -60px;
display: block;
height: 100%;
}

#menuhold span {display: none;}

.about {
float: right; 
width: 220px; 
height: 60px;
background: transparent url(../img/about.png) no-repeat 0 0; 
}

.residential {
float: right; 
width: 280px; 
height: 60px;
background: transparent url(../img/residential.png) no-repeat 0 0;  
}

.dental {
float: right; 
width: 390px; 
height: 60px;
background: transparent url(../img/dental.png) no-repeat 0 0;  
}

.suppliers {
float: right; 
width: 420px; 
height: 60px;
background: transparent url(../img/suppliers.png) no-repeat 0 0;  
}

.contact {
float: right; 
width: 290px; 
height: 60px;
background: transparent url(../img/contact.png) no-repeat 0 0;  
}

#contenthold {
	position:absolute;
	top: 50%;
	left: 50%;
	width:900px;
	height:620px;
	margin-top: -310px; /*set to a negative number 1/2 of your height*/
	margin-left: -450px; /*set to a negative number 1/2 of your width*/
	text-align: left;
	z-index: 998;
}
#about {
float: right;
height: 60px;
width: 220px; 
background: transparent url(../img/yell.png) top left repeat; 
margin-top: 246px;
z-index: 999;
cursor: default;
}
#contact {
float: right;
height: 60px;
width: 290px; 
background: transparent url(../img/yell.png) top left repeat;  
margin-top: 490px;
z-index: 999;
cursor: default;
}

#residential {
float: right;
height: 580px;
width: 280px; 
background: transparent url(../img/yell.png) top left repeat;  
margin-top: 20px;
z-index: 999;
cursor: default;
}

#dental {
float: right;
height: 580px;
width: 390px;
background: transparent url(../img/yell.png) top left repeat;  
margin-top: 20px;
z-index: 999;
cursor: default;
}

#suppliers {
float: right;
height: 580px;
width: 420px; 
background: transparent url(../img/yell.png) top left repeat;  
margin-top: 20px;
z-index: 999;
cursor: default;
}

.away {margin-left: 3px;}

.inside {float: left; background: #ccc;}

.insidesuppliers {float: left; padding: 10px; width: 880px; height: 171px; color: #555;}
.insidedental {float: left; padding: 10px; width: 880px; height: 560px; color: #555;}
.insideresidential {float: left; padding: 10px; width: 880px; height: 560px; color: #555;}
.insideabout {float: left; padding: 10px; width: 880px; height: 354px; color: #555;}
.insidecontact {float: left; padding: 10px; width: 868px; height: 110px; color: #555;}

.title {font-size: 30px; color: #333;}
.empty {float: right; width: 100px; height: 60px;}
.spanner {float: left; width: 300px; text-align: left; font-size: 12px;}
.spannerone {float: left; width: 400px; text-align: left; font-size: 12px;}
.rightspanner {float: right; width: 350px; height: 495px; text-align: left; font-size: 12px; border-left: 1px solid #333; margin-top: -85px; padding-top: 85px;}
.lefter {margin-left: 30px;}
.megaleft {margin-left: 26px;} 

#footernav {
	position:absolute;
	top: 50%;
	left: 50%;
	width:900px;
	height:640px;
	margin-top: -310px; /*set to a negative number 1/2 of your height*/
	margin-left: -450px; /*set to a negative number 1/2 of your width*/
	text-align: left;
	z-index: 1;
}

#footer {margin-top: 620px; height: 20px; width: 900px; background: #585300; opacity: 1;}
#footer a {width: 200px; height: 20px;}
.bakker { float: left; width: 200px; height: 20px; background: transparent url(../img/back.png) top left no-repeat;}
#footer a:hover {background-position: 0 -20px;}
#footer span {display: none;}

.greenboxer {
float: left; 
width: 160px; 
height: 340px; 
background: #585300;
overflow: hidden; 
position: relative; 
}
.greenboxer img{ 
position: absolute; 
top: 0; 
left: 0; 
border: 0; 
}
.greenboxer p{ 
padding: 3px 10px; 
color:#fff; 
font:11px "Lucida Grande", Arial, sans-serif; 
}
.boxcaption{ 
float: left; 
position: absolute; 
background: #585300; 
height: 100%; 
width: 100%; 
opacity: .9; 
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
.caption .boxcaption {
top: 280px;
left: 0;
}
.info {font-size: 20px; color: #fff;}
.block {float: left; width: 100px; height: 100px; background: #585300 url(../img/bkpop.png) 0 0 no-repeat;}
.block img
{
position: relative;
left: 0; top: 0;
}

.spacer {margin-left: 3px;}
.first {margin-top: 3px;}
.gridder {float: left; width: 525px;}

.scroll-pane {
	height: 500px;
	overflow: auto;
	float: left;
}

span.prj {font-size: 26px; color: #fff200; opacity: 1;}

.zoomed {z-index: 1;}

#extralinks {float: left;}
#extralinks a {font-size: 25px; color: #333; opacity: 1; text-decoration:none; display:block; border-bottom: 1px solid #fff200; width: 350px; padding: 0; margin: 0 0 8px 0;}
#extralinks a:active {font-size: 25px; color: #333; opacity: 1; text-decoration:none; display:block; border-bottom: 1px solid #fff200; width: 350px; padding: 0; margin: 0 0 8px 0;}
#extralinks a:visited {font-size: 25px; color: #333; opacity: 1; text-decoration:none; display:block; border-bottom: 1px solid #fff200; width: 350px; padding: 0; margin: 0 0 8px 0;}
#extralinks a.on{font-size: 25px; color: #333; opacity: 1; border-bottom: 1px solid #333; display:block; width: 350px; padding: 0; margin: 0 0 8px 0;}
#extralinks a:hover {font-size: 25px; color: #333; opacity: 1; border-bottom: 1px solid #333; display:block; width: 350px; padding: 0; margin: 0 0 8px 0;}

.little {height: 1px;}

#prjinfo, #testimonial {padding-left: 2px; width: 340px; float: left;}