#topNavLogo{  display: none; float: left; }
#smallLogo, #smallLogo2, #smallLogo3{ position: absolute; float: left; top: 4px; left: 30px; }
.logoImg{ display: inline; width: 230px; }
.logoImg2{ display: none; height: 60px; }
.imgCOLOR{ display: none; pointer-events:none; }

#clickMe{ position: absolute; top: 65px; left: 10px; font-size: 12px; color: #333333; font-style: italic; z-index: 30;}

#canvas{ position: absolute; top: 0px; left: 0px; z-index: -30; opacity: .30; filter:alpha(opacity=30); }

#container{ position: relative; text-align: left; margin: 0px 0px 10px 0px; padding: 20px; min-height: 800px; border-top: 2px solid #333333; border-bottom: 2px solid #333333; overflow-x: hidden; }

.box{ display: none; position: absolute; width: 980px; margin-left: -490px; left: 50%; }
.iList{ list-style-type:circle; text-align: left; margin: 4px 24px 14px 24px; }


#centerLogo{position: relative; margin: 60px auto; width: 516px; height: 109px; }
#logoSwitch2{ display: none; }
.myLogoMid { position: absolute; top: 0px; left: 0px; width: 516px; height: 109px; background: transparent url('../../../../../../images/graphics/logo1.png')  no-repeat; }
.myLogoMid2{ position: absolute; display: none; top: 0px; left: 0px; width: 516px; height: 109px; background: transparent url('../../../../../../images/graphics/logo2.png')  no-repeat; }
.myLogoMid3{ position: absolute; display: none; top: -80px; left: 0px; width: 540px; height: 225px; background: transparent url('../../../../../../images/graphics/logo4.png')  no-repeat; }

#cover_info_block  { font-size: 16px; text-align: left; letter-spacing: 2px; word-spacing: 4px; margin: 0px 160px; }
#cover_info_contact{ text-align: right; margin: 60px 160px 0px 160px; }

#coverPage   { margin-top: 30px;  }

#historyPage { margin-top: 20px; border-bottom: 1px solid black;}
#dinoPicCO, #dinoPic  { position: absolute; bottom: 0px; right: 50px; width: 300px; }


#workHistory { float: left;  width: 450px; }
.telecomute{ text-align: left; color: #000000; }

#education   { float: right; width: 450px; }
.education_items{ margin: 10px 0px;  }




#contactPage { margin-top: 40px; }
#woolyPic, #woolyPicCO { position: absolute; top: 60px; left: -20px; width: 400px; }
#myQuotes{ width: 940px; float: right; margin-top: 90px; }
.lQuote{ float: left; margin-right: 10px; }
.theQuote{ float: left; font-size: 20px; color: #35362C; width: 720px; margin-left: 10px; }
.rQuote{ float: right; margin-top: 40px; margin-left: 10px; }
.iSign{ float: right; font-size: 16px; color: #999999; }

#contactInfo { position: relative; float: right; text-align: right; margin: 80px 0px; width: 400px; font-size: 18px;  }
.contactNote{ font-size: 14px; color: #666666; margin-top: 10px;  }





#skillsPage { margin-top: 40px; }
#triPic, #triPicCO { position: absolute; top: 160px; right: -40px; width: 400px; }
#skillBreakdown{  position: relative; float: left; text-align: left; margin: 30px 0px 0px 0px; width: 550px; font-size: 18px;  }
#skillBreakdown>h3  { margin: 18px 0px 5px 0px; color: #6B6B6B; }
.skillRow>span{ margin: 5px 15px 5px 15px; font-size: 14px; color: #6B6B6B;}






#portPage { margin-top: 20px; }
#portContain{ position: absolute; left: -38px; top: 28px; width: 1056px; }

.aSiteImg{ float: left; position: relative; top: auto; left: auto; margin: 20px 25px 20px 25px; width: 300px; height: 160px; border: 1px solid #000000; cursor: pointer;}
.aSiteImg:hover{
    display: inline;
    -ms-transform:     scale(1.1,1.1); /* IE 9 */
    -webkit-transform: scale(1.1,1.1); /* Chrome, Safari, Opera */
    transform:         scale(1.1,1.1);
}
.aSiteImg:active{  top: 1px; }

.aSiteImg2{ position: absolute; cursor: pointer; left: 50%; top: 200px; margin: 0px 0px 0px 0px; width: 300px; height: 160px; border: 1px solid #000000;  }

#portText { display: none; margin-top: 40px; float: right; width: 450px; }
#portTitle{ display: none; position: absolute; top: 410px; left: -38px; width: 450px; text-align: center; font-size: 20px; }
#portReturn{ display: none; color: #1257B3; text-decoration: underline; cursor: pointer; }
#portReturn:hover{ color:#000000; }
#portReturn:active{ position: relative; top: 1px; }
#s_0{   }


#ajaxLike{ position: absolute; right: 0px; top: 61px; border: 1px solid #333333; background-color: #ffffff; width: 500px; height: 260px; text-align: left;
padding: 10px; }
.iNoLike{float: right; }
.iNoLike:active{position: relative; top: 1px; }
.iLike{float: right; }
.iLike:active{position: relative; top: 1px; }
#critTextArea{ width: 350px; height: 60px; }
#sendOptions{  }
#submitButton{ float: left; width: 220px; margin-top: 10px;  }
#iOR{ float: left; font-size: 20px; text-align: right; width: 90px; line-height: 60px; }
#iLikeButton{ float: right; width: 70px; text-align: center; cursor: pointer;}
#iNoLikeButton{ float: right; width: 70px;  text-align: center; cursor: pointer; margin-right: 10px; }




/* Some general statistics */
#siteStats{ position: absolute; width: 240px; height: 20px; top: 40px; right: 0px; border: 1px solid #666666; font-size: 12px; color: #B38F8F;}
.siteStats{ float: left; margin: 2px 4px;  }


/* notes */
#notes{ position: absolute; top: 60px; left: 0px; width: 100%; height: 22px; padding: 4px 0px 0px 0px; text-align: center; background-color: #86F26B; border: 1px solid #000000; z-index: 30;}