/* CSS Document */

body {
text-align: center;
background-color: #9D8C6E;
		}

#wrap {
text-align: center;
margin-top: 0px;
}

#main {
margin: 0pt auto;
width: 905px;
height: 630px;
text-align:left;
border:#000000 0px solid;
background-color: #FFFFFF;
position: relative;
}

#home {
display: block;
position: absolute;
top: 22px;
left: 32px;
background: url(pics/main.gif) no-repeat;
padding: 0px;
background-position: 0 0;
z-index: 3;
}

#home2 {
display: block;
position: absolute;
top: 22px;
left: 32px;
background:url(pics/main.gif) no-repeat;
padding: 0px;
background-position: -100px 0;
z-index: 3;
}

#home:hover {
background-position: -100px 0;
}

#home:active {
background-position: -100px 0;
}

#practice {
display: block;
position: absolute;
top: 22px;
left: 81px;
background: url(pics/main.gif) no-repeat;
padding: 0px;
background-position: 0 -15px;
z-index: 3;
}

#practice2 {
display: block;
position: absolute;
top: 22px;
left: 81px;
background:url(pics/main.gif) no-repeat;
padding: 0px;
background-position: -100px -15px;
z-index: 3;
}

#practice:hover {
background-position: -100px -15px;
}

#practice:active {
background-position: -100px -15px;
}

#portfolio {
display: block;
position: absolute;
top: 22px;
left: 163px;
background: url(pics/main.gif) no-repeat;
padding: 0px;
background-position: 0 -30px;
z-index: 3;
}

#portfolio2 {
display: block;
position: absolute;
top: 22px;
left: 163px;
background:url(pics/main.gif) no-repeat;
padding: 0px;
background-position: -100px -30px;
z-index: 3;
}

#portfolio:hover {
background-position: -100px -30px;
}

#portfolio:active {
background-position: -100px -30px;
}

#inspire {
display: block;
position: absolute;
top: 22px;
left: 244px;
background: url(pics/main.gif) no-repeat;
padding: 0px;
background-position: 0 -45px;
z-index: 3;
}

#inspire2 {
display: block;
position: absolute;
top: 22px;
left: 244px;
background:url(pics/main.gif) no-repeat;
padding: 0px;
background-position: -100px -45px;
z-index: 3;
}

#inspire:hover {
background-position: -100px -45px;
}

#inspire:active {
background-position: -100px -45px;
}

#results {
display: block;
position: absolute;
top: 22px;
left: 338px;
background: url(pics/main.gif) no-repeat;
padding: 0px;
background-position: 0 -60px;
z-index: 3;
}

#results2 {
display: block;
position: absolute;
top: 22px;
left: 338px;
background:url(pics/main.gif) no-repeat;
padding: 0px;
background-position: -100px -60px;
z-index: 3;
}

#results:hover {
background-position: -100px -60px;
}

#results:active {
background-position: -100px -60px;
}

#workpl {
display: block;
position: absolute;
top: 22px;
left: 416px;
background: url(pics/main.gif) no-repeat;
padding: 0px;
background-position: 0 -75px;
z-index: 3;
}

#workpl2 {
display: block;
position: absolute;
top: 22px;
left: 416px;
background:url(pics/main.gif) no-repeat;
padding: 0px;
background-position: -100px -75px;
z-index: 3;
}

#workpl:hover {
background-position: -100px -75px;
}

#workpl:active {
background-position: -100px -75px;
}

#client {
display: block;
position: absolute;
top: 22px;
left: 509px;
background: url(pics/main.gif) no-repeat;
padding: 0px;
background-position: 0 -90px;
z-index: 3;
}

#client2 {
display: block;
position: absolute;
top: 22px;
left: 509px;
background:url(pics/main.gif) no-repeat;
padding: 0px;
background-position: -100px -90px;
z-index: 3;
}

#client:hover {
background-position: -100px -90px;
}

#client:active {
background-position: -100px -90px;
}

#contact {
display: block;
position: absolute;
top: 22px;
left: 601px;
background: url(pics/main.gif) no-repeat;
padding: 0px;
background-position: 0 -107px;
z-index: 3;
}

#contact2 {
display: block;
position: absolute;
top: 22px;
left: 601px;
background:url(pics/main.gif) no-repeat;
padding: 0px;
background-position: -100px -107px;
z-index: 3;
}

#contact:hover {
background-position: -100px -107px;
}

#contact:active {
background-position: -100px -107px;
}

#commercial {
display: block;
position: absolute;
top: 63px;
left: 190px;
background: url(pics/port.gif) no-repeat;
padding: 0px;
background-position: 0 0px;
z-index: 3;
}

#commercial2 {
display: block;
position: absolute;
top: 63px;
left: 190px;
background:url(pics/port.gif) no-repeat;
padding: 0px;
background-position: -125px 0px;
z-index: 3;
}

#commercial:hover {
background-position: -125px 0px;
}

#commercial:active {
background-position: -125px 0px;
}

#vision {
display: block;
position: absolute;
top: 63px;
left: 190px;
background: url(pics/insp.gif) no-repeat;
padding: 0px;
background-position: 0 0px;
z-index: 3;
}

#vision2 {
display: block;
position: absolute;
top: 63px;
left: 190px;
background:url(pics/insp.gif) no-repeat;
padding: 0px;
background-position: -100px 0px;
z-index: 3;
}

#vision:hover {
background-position: -100px 0px;
}

#vision:active {
background-position: -100px 0px;
}

#history {
display: block;
position: absolute;
top: 63px;
left: 190px;
background: url(pics/pract.gif) no-repeat;
padding: 0px;
background-position: 0 0px;
z-index: 3;
}

#history2 {
display: block;
position: absolute;
top: 63px;
left: 190px;
background:url(pics/pract.gif) no-repeat;
padding: 0px;
background-position: -200px 0px;
z-index: 3;
}

#history:hover {
background-position: -200px 0px;
}

#history:active {
background-position: -200px 0px;
}

#residential {
display: block;
position: absolute;
top: 63px;
left: 374px;
background: url(pics/port.gif) no-repeat;
padding: 0px;
background-position: 0 -20px;
z-index: 3;
}

#residential2 {
display: block;
position: absolute;
top: 63px;
left: 374px;
background:url(pics/port.gif) no-repeat;
padding: 0px;
background-position: -125px -20px;
z-index: 3;
}

#residential:hover {
background-position: -125px -20px;
}

#residential:active {
background-position: -125px -20px;
}

#context {
display: block;
position: absolute;
top: 63px;
left: 430px;
background: url(pics/insp.gif) no-repeat;
padding: 0px;
background-position: 0 -20px;
z-index: 3;
}

#context2 {
display: block;
position: absolute;
top: 63px;
left: 430px;
background:url(pics/insp.gif) no-repeat;
padding: 0px;
background-position: -100px -20px;
z-index: 3;
}

#context:hover {
background-position: -100px -20px;
}

#context:active {
background-position: -100px -20px;
}

#manage {
display: block;
position: absolute;
top: 63px;
left: 328px;
background: url(pics/pract.gif) no-repeat;
padding: 0px;
background-position: 0 -20px;
z-index: 3;
}

#manage2 {
display: block;
position: absolute;
top: 63px;
left: 328px;
background:url(pics/pract.gif) no-repeat;
padding: 0px;
background-position: -200px -20px;
z-index: 3;
}

#manage:hover {
background-position: -200px -20px;
}

#manage:active {
background-position: -200px -20px;
}

#safety {
display: block;
position: absolute;
top: 63px;
left: 555px;
background: url(pics/port.gif) no-repeat;
padding: 0px;
background-position: 0 -40px;
z-index: 3;
}

#safety2 {
display: block;
position: absolute;
top: 63px;
left: 555px;
background:url(pics/port.gif) no-repeat;
padding: 0px;
background-position: -125px -40px;
z-index: 3;
}

#safety:hover {
background-position: -125px -40px;
}

#safety:active {
background-position: -125px -40px;
}

#community {
display: block;
position: absolute;
top: 63px;
left: 675px;
background: url(pics/insp.gif) no-repeat;
padding: 0px;
background-position: 0 -40px;
z-index: 3;
}

#community2 {
display: block;
position: absolute;
top: 63px;
left: 675px;
background:url(pics/insp.gif) no-repeat;
padding: 0px;
background-position: -100px -40px;
z-index: 3;
}

#community:hover {
background-position: -100px -40px;
}

#community:active {
background-position: -100px -40px;
}

#news {
display: block;
position: absolute;
top: 63px;
left: 547px;
background: url(pics/pract.gif) no-repeat;
padding: 0px;
background-position: 0 -40px;
z-index: 3;
}

#news2 {
display: block;
position: absolute;
top: 63px;
left: 547px;
background:url(pics/pract.gif) no-repeat;
padding: 0px;
background-position: -200px -40px;
z-index: 3;
}

#news:hover {
background-position: -200px -40px;
}

#news:active {
background-position: -200px -40px;
}

#religious {
display: block;
position: absolute;
top: 63px;
left: 735px;
background: url(pics/port.gif) no-repeat;
padding: 0px;
background-position: 0 -60px;
z-index: 3;
}

#religious2 {
display: block;
position: absolute;
top: 63px;
left: 735px;
background:url(pics/port.gif) no-repeat;
padding: 0px;
background-position: -125px -60px;
z-index: 3;
}

#religious:hover {
background-position: -125px -60px;
}

#religious:active {
background-position: -125px -60px;
}

#awards {
display: block;
position: absolute;
top: 63px;
left: 735px;
background: url(pics/pract.gif) no-repeat;
padding: 0px;
background-position: 0 -60px;
z-index: 3;
}

#awards2 {
display: block;
position: absolute;
top: 63px;
left: 735px;
background:url(pics/pract.gif) no-repeat;
padding: 0px;
background-position: -200px -60px;
z-index: 3;
}

#awards:hover {
background-position: -200px -60px;
}

#awards:active {
background-position: -200px -60px;
}

#barT {
position: absolute;
top: 0px;
left: 0px;
background-image: url(pics/barTop.gif);
width: 905px;
height: 83px;
}

#texture {
position: absolute;
top: 314px;
left: 178px;
background-image: url(pics/texture.gif);
width: 727px;
height: 316px;
}

#texture2 {
position: absolute;
top: 314px;
left: 178px;
background-image: url(pics/texture2.gif);
width: 727px;
height: 316px;
}

#texture3 {
position: absolute;
top: 314px;
left: 178px;
background-image: url(pics/management/texture3.gif);
width: 727px;
height: 316px;
}

#texture4 {
position: absolute;
top: 314px;
left: 178px;
background-image: url(pics/management/texture4.gif);
width: 727px;
height: 316px;
}

#texture5 {
position: absolute;
top: 314px;
left: 178px;
background-image: url(pics/texture3.gif);
width: 727px;
height: 316px;
}

#texture6 {
position: absolute;
top: 314px;
left: 178px;
background-image: url(pics/texture4.gif);
width: 727px;
height: 316px;
}

#texture7 {
position: absolute;
top: 314px;
left: 178px;
background-image: url(pics/texture5.gif);
width: 727px;
height: 316px;
}

#texture8 {
position: absolute;
top: 314px;
left: 178px;
background-image: url(pics/management/texture5.gif);
width: 727px;
height: 316px;
}

#texture9 {
position: absolute;
top: 314px;
left: 178px;
background-image: url(pics/management/texture6.gif);
width: 727px;
height: 316px;
}

#texture10 {
position: absolute;
top: 314px;
left: 178px;
background-image: url(pics/management/texture7.gif);
width: 727px;
height: 316px;
}

#texture11 {
position: absolute;
top: 314px;
left: 178px;
background-image: url(pics/texture6.gif);
width: 727px;
height: 316px;
}

#texture12 {
position: absolute;
top: 314px;
left: 178px;
background-image: url(pics/texture7.gif);
width: 727px;
height: 316px;
}

#texture13 {
position: absolute;
top: 314px;
left: 178px;
background-image: url(pics/texture8.gif);
width: 727px;
height: 316px;
}

#texture14 {
position: absolute;
top: 314px;
left: 178px;
background-image: url(pics/texture9.gif);
width: 727px;
height: 316px;
}

#texture100 {
position: absolute;
top: 314px;
left: 178px;
background-image: url(pics/Commercial/texture.gif);
width: 727px;
height: 316px;
}

#texture101 {
position: absolute;
top: 314px;
left: 178px;
background-image: url(pics/Residential/texture.gif);
width: 727px;
height: 316px;
}

#texture102 {
position: absolute;
top: 314px;
left: 178px;
background-image: url(pics/Public/texture.gif);
width: 727px;
height: 316px;
}

#texture103 {
position: absolute;
top: 314px;
left: 178px;
background-image: url(pics/Religious/texture.gif);
width: 727px;
height: 316px;
}

#texture104 {
position: absolute;
top: 314px;
left: 178px;
}

h1 {
font: bold 9pt Verdana, Arial, Helvetica, sans-serif;
line-height: 150%;
text-align:left;
color:#FFFFFF;
margin-left: 20px;
margin-right: 25px;
}

p {
font: normal 8pt Verdana, Arial, Helvetica, sans-serif;
line-height: 150%;
text-align:left;
color:#FFFFFF;
margin-left: 20px;
margin-right: 25px;
}

li {
font: normal 8pt Verdana, Arial, Helvetica, sans-serif;
line-height: 150%;
text-align:left;
color:#FFFFFF;
margin-left: 20px;
margin-right: 25px;
}

p.test {
font: normal 7pt Verdana, Arial, Helvetica, sans-serif;
line-height: 150%;
text-align:left;
color:#FFFFFF;
margin-left: 20px;
margin-right: 25px;
}

a {
color:#FFFFFF;
}

a:hover {
color:#FFFFFF;
}

#txtMain {
position: absolute;
top: 405px;
left: 342px;
width: 400px;
z-index: 2;
}

#txtMain2 {
position: absolute;
top: 375px;
left: 342px;
width: 400px;
z-index: 2;
}

#txtMain3 {
position: absolute;
top: 375px;
left: 342px;
width: 463px;
height: 255px;
padding-right: 100px;
z-index: 2;
overflow: auto;
}

#txtMain4 {
position: absolute;
top: 395px;
left: 342px;
width: 463px;
height: 235px;
padding-right: 100px;
z-index: 2;
overflow: auto;
}

#beaut {
position: absolute;
top: 91px;
left: 178px;
}

#logo {
position: absolute;
top: 190px;
left: 25px;
}

#logo2 {
position: absolute;
top: 480px;
left: 25px;
}

#winner {
position: absolute;
top: 496px;
left: 745px;
width: 97px;
height: 87px;
z-index: 3;
}

#prac {
position: absolute;
top: 511px;
left: 523px;
width: 98px;
height: 13px;
z-index: 3;
}

#por {
position: absolute;
top: 524px;
left: 359px;
width: 43px;
height: 15px;
z-index: 3;
}

#ne {
position: absolute;
top: 524px;
left: 481px;
width: 137px;
height: 14px;
z-index: 3;
}

#sub1 {
display: block;
position: absolute;
top: 110px;
left: 16px;
background: url(pics/management/subnav.gif) no-repeat;
padding: 0px;
background-position: 0 0;
z-index: 3;
}

#sub1b {
display: block;
position: absolute;
top: 110px;
left: 16px;
background:url(pics/management/subnav.gif) no-repeat;
padding: 0px;
background-position: -150px 0;
z-index: 3;
}

#sub1:hover {
background-position: -150px 0;
}

#sub1:active {
background-position: -150px 0;
}

#sub2 {
display: block;
position: absolute;
top: 139px;
left: 16px;
background: url(pics/management/subnav.gif) no-repeat;
padding: 0px;
background-position: 0 -40px;
z-index: 3;
}

#sub22 {
display: block;
position: absolute;
top: 139px;
left: 16px;
background:url(pics/management/subnav.gif) no-repeat;
padding: 0px;
background-position: -150px -40px;
z-index: 3;
}

#sub2:hover {
background-position: -150px -40px;
}

#sub2:active {
background-position: -150px -40px;
}

#sub3 {
display: block;
position: absolute;
top: 170px;
left: 16px;
background: url(pics/management/subnav.gif) no-repeat;
padding: 0px;
background-position: 0 -80px;
z-index: 3;
}

#sub32 {
display: block;
position: absolute;
top: 170px;
left: 16px;
background:url(pics/management/subnav.gif) no-repeat;
padding: 0px;
background-position: -150px -80px;
z-index: 3;
}

#sub3:hover {
background-position: -150px -80px;
}

#sub3:active {
background-position: -150px -80px;
}

#sub4 {
display: block;
position: absolute;
top: 201px;
left: 16px;
background: url(pics/management/subnav.gif) no-repeat;
padding: 0px;
background-position: 0 -120px;
z-index: 3;
}

#sub42 {
display: block;
position: absolute;
top: 201px;
left: 16px;
background:url(pics/management/subnav.gif) no-repeat;
padding: 0px;
background-position: -150px -120px;
z-index: 3;
}

#sub4:hover {
background-position: -150px -120px;
}

#sub4:active {
background-position: -150px -120px;
}

#sub5 {
display: block;
position: absolute;
top: 232px;
left: 16px;
background: url(pics/management/subnav.gif) no-repeat;
padding: 0px;
background-position: 0 -160px;
z-index: 3;
}

#sub52 {
display: block;
position: absolute;
top: 232px;
left: 16px;
background:url(pics/management/subnav.gif) no-repeat;
padding: 0px;
background-position: -150px -160px;
z-index: 3;
}

#sub5:hover {
background-position: -150px -160px;
}

#sub5:active {
background-position: -150px -160px;
}

#sub6 {
display: block;
position: absolute;
top: 263px;
left: 16px;
background: url(pics/management/subnav.gif) no-repeat;
padding: 0px;
background-position: 0 -200px;
z-index: 3;
}

#sub62 {
display: block;
position: absolute;
top: 263px;
left: 16px;
background:url(pics/management/subnav.gif) no-repeat;
padding: 0px;
background-position: -150px -200px;
z-index: 3;
}

#sub6:hover {
background-position: -150px -200px;
}

#sub6:active {
background-position: -150px -200px;
}

#sub7 {
display: block;
position: absolute;
top: 295px;
left: 16px;
background: url(pics/management/subnav.gif) no-repeat;
padding: 0px;
background-position: 0 -240px;
z-index: 3;
}

#sub72 {
display: block;
position: absolute;
top: 295px;
left: 16px;
background:url(pics/management/subnav.gif) no-repeat;
padding: 0px;
background-position: -150px -240px;
z-index: 3;
}

#sub7:hover {
background-position: -150px -240px;
}

#sub7:active {
background-position: -150px -240px;
}

#sub8 {
display: block;
position: absolute;
top: 326px;
left: 16px;
background: url(pics/management/subnav.gif) no-repeat;
padding: 0px;
background-position: 0 -280px;
z-index: 3;
}

#sub82 {
display: block;
position: absolute;
top: 326px;
left: 16px;
background:url(pics/management/subnav.gif) no-repeat;
padding: 0px;
background-position: -150px -280px;
z-index: 3;
}

#sub8:hover {
background-position: -150px -280px;
}

#sub8:active {
background-position: -150px -280px;
}



#extra_controls, #scrollbar { 
    display:none; /* hide from incapable */
    }


/* ================================================================================================

    !!!!!!!! YOUR ATTENTION PLEASE !!!!!!!!

    Styles below particular to demo layout, not necessarily related to scrolling div code  

================================================================================================= */

div#wn {
	position: absolute;
	top: 385px;
	left: 342px;
    float:left;
	width: 350px;
	height: 216px;
	padding-right: 35px; 
	clip:rect(0px, 350px, 216px, 0px);
	z-index: 3;
	overflow: hidden;
    }
	
div#lyr1 {
    float:left;
	width: 335px;
	visibility:visible;
	display: block;
    }
    
div#scrollbar {
	position: absolute;
	top: 372px;
	left: 682px;
    float:left;
	margin-left: 5px;
    }
	
div#track {
	height: 0px;
	}

.clearer { clear:left; }

#extra_controls, #scrollbar { 
    display:block; /* initially display:none; to hide from incapable */
    }


div.content { /* hide content to be swapped in */
	position:absolute; visibility:hidden;
	left:0px; top:0px; 
	}
	
	div#up { position:relative; left: 0px; top: 0px; }  
div#down { position:absolute; left: 0px; bottom: 0px; }

/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img {
    display:block; 
    } 
    
/* for safari, to prevent selection problem */
div#scrollbar, div#track, div#dragBar, div#up, div#down {
    -moz-user-select: none;
    -khtml-user-select: none;
}