body {margin: 0; WIDTH: 100%; HEIGHT: 100%; background-color: #FFF;}

#edge {
	DISPLAY: inline-block; VERTICAL-ALIGN: middle; WIDTH: 0px; HEIGHT: 100%;
}
#container {
	DISPLAY: inline-block; align: center; VERTICAL-ALIGN: middle; WIDTH: 100%; TEXT-ALIGN: center;
}

.box100x100p {position: relative; top: 0px; left: 0px; width: 100%; height: 100%; margin: 0; padding: 0; background: transparent; z-index: 9000;}

.bg1 {position: relative; top: 0px; left: 0px; width: 100%; height: 100%; background: transparent url(images/bgBorder.gif) top left no-repeat; z-index: 0;}

.sitemap{position: absolute; top: -20px; right: 15px; width: 175px; height: 18px; background: #FFF; font: normal 12px Verdana, sans-serif; line-height: 14px; text-align: right;  z-index: 10001;}


.smap {font: normal 13px Verdana, sans-serif; text-align: left;}

.content {position: absolute; top: 55px; left: 36px; width: 560px; height: 410px; background: #FFF; overflow: hidden; z-index: 7000;}

.bg-graphics {position: absolute; top: 0px; left: 0px; width: 560px; height: 410px; background: transparent url(images/bg-graphics.jpg) no-repeat; 7500;}
.bg-website {position: absolute; top: 0px; left: 0px; width: 560px; height: 410px; background: transparent url(images/bg-website.jpg) no-repeat; 7500;}

.bg-design {position: absolute; top: 0px; left: 0px; width: 560px; height: 410px; background: transparent url(images/bg-design.jpg) no-repeat; 7500;}

.bg-about {position: absolute; top: 0px; left: 0px; width: 560px; height: 410px; background: transparent url(images/bg-about.jpg) no-repeat; 7500;}

.headarea {position: absolute; top: -42px; left: 24px; width: 330px; height: 60px; background: #FFF; clear:both; z-index: 11000;}

.subhead {position: absolute; top: 18px; left: 26px; z-index: 11015;}

a:link {text-decoration: none; color: #000;}
a:visited {text-decoration: none; color: #000;} /* #C82A2B; */
a:hover {text-decoration: underline; color: #4B7335; cursor: pointer;}
a:active {text-decoration: underline; color: #000;}

.pencil {position: relative; top: 0px; left: 0px; width: 560px; height: 340px; background: transparent url(images/pencil.jpg) bottom right no-repeat;}

/* ------ NOTE: "H1" was ".topright"  ------ */

H1 {position: absolute; top: 0px; right: -27px; width: 18px; height: 170px; font: bolder 18px Verdana, sans-serif; color: #666; align:center; background: #FFF; z-index: 10000;}

H2 {font: bold 16px Arial, sans-serif; line-height: 16px; align: left; margin-top: 0px; margin-bottom: 5px;}

H3 {font: bold 16px Arial, sans-serif; line-height: 18px; text-align: left; margin-top: 3px; margin-bottom: 20px;}

H4 {font: bold 14px Verdana, sans-serif; color: 4B7335; text-align: left; letter-spacing: 0.03em; margin-top: 15px; margin-bottom: 3px;}

H5 {font: bold 18px Verdana, sans-serif; line-height: 20px; text-align: left; margin-top: 10px; margin-bottom: 10px;}

H6 {font: bold 16px Arial, sans-serif; line-height: 16px; text-align: center; margin-top: 0px; margin-bottom: 10px;}


p {font: normal 12px Verdana, sans-serif; line-height: 15px; text-align: justify; margin-top: 0px; margin-bottom: 8px;}
#sorry {font: bold 16px Arial, Helvetica, sans-serif; color:#777; line-height: 15px; text-align: center; margin: 0 0 15px 0;}
.print {font: normal 13px Verdana, sans-serif; line-height: 15px; text-align: justify; margin-top: 0px; margin-bottom: 8px;}

.right{font: normal 12px Verdana, sans-serif; line-height: 14px; text-align: right; margin-top: 0px; margin-bottom: 20px;}
.right9px{font: normal 9px Verdana, sans-serif; line-height: 10px; text-align: right; margin-top: 0px; margin-bottom: 0px;}

.center{font: normal 12px Verdana, sans-serif; line-height: 14px; text-align: center; margin-top: 16px; margin-bottom:0px;}
.centerred{font: normal 12px Verdana, sans-serif; line-height: 14px; color: C82A2B; text-align: center; margin-top: 0px; margin-bottom:8px;}

.b11px {font: normal 11px arial, sans-serif; color: #000; text-align: left; letter-spacing: 0.01em;}
.b11px-center {font: normal 11px arial, sans-serif; color: #000; text-align: center; letter-spacing: 0.01em;}

.b12 {font: normal 12px arial, sans-serif; color: #000; text-align: left; letter-spacing: 0.01em;}

.b12-p {font: normal 12px arial, sans-serif; color: #000; text-align: justify; letter-spacing: 0.01em; padding: 0px 20px 0px 20px}

.b13px {font: bold 13px Verdana, sans-serif; color: C82A2B; text-align: left; letter-spacing: 0.03em;}
.b13px-green {font: bold 13px Verdana, sans-serif; color: 4B7335; text-align: left; letter-spacing: 0.03em;}
.b13px-red-center {font: bold 13px Verdana, sans-serif; color: C82A2B; text-align: center; letter-spacing: 0.03em; line-height:24px;}

.b14px {font: bold 14px Verdana, sans-serif; color: C82A2B; text-align: left; letter-spacing: 0.03em;}
.b14pxcenter {font: bold 14px Verdana, sans-serif; color: C82A2B; text-align: center; letter-spacing: 0.03em; margin-top: 20px; margin-bottom: 20px;}
.a14pxcenter {font: bold 14px Verdana, sans-serif; color: C82A2B; text-align: center; letter-spacing: 0.03em; margin-top: 10px; margin-bottom: 0px;}
.g14pxcenter {font: bold 14px Verdana, sans-serif; color: C82A2B; text-align: center; letter-spacing: 0.03em; margin-bottom: 10px;}
.sky14pxcenter {font: bold 14px Verdana, sans-serif; color: C82A2B; text-align: center; letter-spacing: 0.03em; margin-top: 0px; margin-bottom: 0px;}

a:link {text-decoration: none; color: #C82A2B;}
a:visited {text-decoration: none; color: #C82A2B;} 
a:hover {text-decoration: underline; color: #4B7335;} 
 a:active {text-decoration: underline; color: #C82A2B;}

.menu {font: bolder 16px Arial, Verdana, sans-serif; line-height: 16px; text-align: left; margin-top: 0px; margin-bottom: 0px;}

#menu a:link {text-decoration: none; color: #C82A2B;}
#menu a:visited {text-decoration: none; color: #4B7335;} /* #C82A2B; */
#menu a:hover {text-decoration: underline; color: #4B7335;} /*  cursor: pointer; */
#menu a:active {text-decoration: underline; color: #C82A2B;}

.innernav {font: normal 12px Verdana, sans-serif; line-height: 14px; text-align: right; margin-top: 0px; margin-bottom: 10px;}

#innernav a:link {text-decoration: none; color: #C82A2B;}
#innernav a:visited {text-decoration: none; color: #C82A2B;} /* #C82A2B; */
#innernav a:hover {text-decoration: underline; color: #4B7335;} /*  cursor: pointer; */
#innernav a:active {text-decoration: underline; color: #C82A2B;}

#contact {position: absolute; top: 494px; left: 330px; width: 330px; height: 20px; z-index: 12000;}
#contact a:hover {cursor: pointer;}
#contact-noprint {position: absolute; top: 494px; left: 476px; width: 181px; height: 20px; z-index: 12000;}
#contact-noprint a:hover {cursor: pointer;}

.copyright {position: absolute; top: 516px; left: 23px; width: 606px; height: 16px; background: #FFF; font: normal 10px Verdana, sans-serif; color: #4B7335; line-height: 14px; z-index: 10505;}

.spacing {font: normal 3pt Verdana, sans-serif; line-height: 4pt; text-align: justify; margin-top: 0px; margin-bottom: 0px;}

.design-icon {font: bold 14px Verdana, sans-serif; color: C82A2B; text-align: left; line-height: 18px; text-indent:20px; letter-spacing: 0.03em; /* margin-bottom:20px; */}

/* BEGIN to adjust color palette */ 
.b14bm0 {font: bold 14px Verdana, sans-serif; color: C82A2B; text-align: center; line-height: 15px; letter-spacing: 0.03em; margin-top: 0px; margin-bottom: 5px;} 
.b-mt5 {font: normal 12px Verdana, sans-serif; line-height: 14px; text-align: justify; margin-top: 0px; margin-bottom:10px;}
/* END to adjust color palette */

/* ------BEGIN >> NAV << ------------------ */

.navsub1 {position: absolute; top: 476px; left: 24px; width: 108px; 
text-decoration: none; background: #FFF; font: 700 16px Arial, sans-serif; color: #000; text-align: center; padding: 0; line-height: 20px; letter-spacing: 0.03em; z-index: 100101;}
.navsub2 {position: absolute; top: 476px; left: 134px; width: 96px; 
text-decoration: none; background: #FFF; font: 700 16px Arial, sans-serif; color: #000; text-align: center; padding: 0; line-height: 20px; letter-spacing: 0.03em; z-index: 100102;}
.navsub3 {position: absolute; top: 476px; left: 232px; width: 82px; 
text-decoration: none; background: #FFF; font: 700 16px Arial, sans-serif; color: #000; text-align: center; padding: 0; line-height: 20px; letter-spacing: 0.03em; z-index: 100103;}

.navsub3b {position: absolute; top: 462px; left: 316px; width: 10px; text-decoration: none; background: transparent; margin-top:10px; padding-bottom: 10; z-index: 100104;}

/* ------END >> NAV << ------------------ */
/* ------BEGIN >> NAV-RIGHT << ------------------ */

.nav-rightsub31 {position: absolute; top: 210px; left: 619px; width: 60px; background: #FFF; line-height: 10px; z-index: 100031;}

.nav-rightsub30a {position: absolute; top: 236px; left: 619px; width: 60px; background: #FFF; line-height: 10px; z-index: 100031;}

.nav-rightsub30 {position: absolute; top: 217px; left: 619px; width: 60px; padding: 5; z-index: 100030;}
.nav-rightsub29 {position: absolute; top: 243px; left: 619px; width: 60px; padding: 5; z-index: 100029;}
.nav-rightsub28 {position: absolute; top: 269px; left: 619px; width: 60px; padding: 5; z-index: 1000028;}
.nav-rightsub27 {position: absolute; top: 295px; left: 619px; width: 60px; padding: 5; z-index: 1000027;}
.nav-rightsub26 {position: absolute; top: 321px; left: 619px; width: 60px; padding: 5; z-index: 1000026;}
.nav-rightsub25 {position: absolute; top: 347px; left: 619px; width: 60px; padding: 5; z-index: 1000025;}


.nav-rightsub24b {position: absolute; top: 342px; left: 619px; width: 60px; background: #FFF; line-height: 10px; z-index: 1000024;}
.nav-rightsub24 {position: absolute; top: 354px; left: 619px; width: 60px; text-decoration: none; background: #FFF; font: 600 12px Arial, sans-serif; color: C82A2B; text-align: center; padding: 5; line-height: 15px; letter-spacing: 0.03em; z-index: 1000023;}

.nav-rightsub23b {position: absolute; top: 369px; left: 619px; width: 60px; background: #FFF; line-height: 10px; z-index: 1000024;}

.nav-rightsub23 {position: absolute; top: 381px; left: 619px; width: 60px; text-decoration: none; background: #FFF; font: 600 12px Arial, sans-serif; color: C82A2B; text-align: center; padding: 5; line-height: 15px; letter-spacing: 0.03em; z-index: 1000023;}

.nav-rightsub22b {position: absolute; top: 396px; left: 619px; width: 60px; background: #FFF; line-height: 10px; z-index: 1000024;}
.nav-rightsub22 {position: absolute; top: 408px; left: 620px; width: 60px; text-decoration: none; background: #FFF; font: 600 12px Arial, sans-serif; color: C82A2B;  text-align: center; padding: 5; line-height: 15px; letter-spacing: 0.03em; z-index: 1000022;}
.nav-rightsub21 {position: absolute; top: 435px; left: 619px; width: 60px; text-decoration: none; background: #FFF; font: 600 12px Arial, sans-serif; color: C82A2B; text-align: center; padding: 5; line-height: 15px; letter-spacing: 0.03em; z-index: 1000021;}


#nav-right a:link {text-decoration: none; color: #C82A2B;}
#nav-right a:visited {text-decoration: none; color: #C82A2B;}
#nav-right a:hover {text-decoration: underline; color: #4B7335;}
#nav-right a:active {text-decoration: underline; color: #C82A2B;}


/* ------END >> NAV-RIGHT << ------------------ */

ul {
	list-style: url(file:///C|/appleEYEdesign/public_html/aed1/images/list-mark2.jpg) square; 
font: normal 12px Verdana, sans-serif; line-height: 18px; text-align: left; margin-top: 0px; margin-bottom: 7px;
}