/* HOME PAGE */
#profileBox {width: 950px;  height: 202px; margin: 0 -10px 100px;}
#profileBox acronym {border-bottom: 0px;}
#profileBox .leftBorder {float: left; width: 10px; height: 202px; background: url(../img/my_box_left_border.png) no-repeat 0 0;}
#profileBox .profileContent {float: left; width: 700px; height: 182px;  background: #F0F0F0; position: relative; padding: 20px 0 0 230px;}
#profileBox .profileContent .porfolioPhoto {position: absolute; top: -11px; left: 10px; width: 215px; height: 267px; z-index: 999999;}
#profileBox .profileContent dl {float: left; width: 270px; padding-right: 55px;}
#profileBox .profileContent dl dt {color: #4EB9B1; padding-bottom: 3px; font-weight: bold;}
#profileBox .profileContent dl dd {height: 40px; font-family: Lucida Console, Monaco, monospace;}
#profileBox .rightBorder {float: left; width: 10px; height: 202px; background: url(../img/my_box_right_border.png) no-repeat 0 0;}

.topProjects {text-transform: uppercase; margin: 0 0 20px 0; padding-bottom: 5px; border-bottom: 1px solid #F0F0F0; }
.imageflow {width: 930px !important; color: #000; margin-bottom: 40px; background-color: #F0F0F0 !important;}


/* ABOUT ME PAGE */
#aboutPage {width: 930px; margin: 0 -10px; padding: 0 10px; overflow: hidden;}
#aboutPage .leftCol {float: left; width: 680px;}
#aboutPage .rightCol {float: right; width: 245px; text-align: center;}
#aboutPage .rightCol img {margin: 0 auto;}
#aboutPage ul.skills {list-style-type: disc; margin-bottom: 15px;}
#aboutPage ul.skills li {padding: 0 0 5px; margin-left: 30px; list-style-type: disc; line-height: 150%;}
#aboutPage .shadBox {width: 690px; position: relative; margin: 20px 0px;}
#aboutPage .shadBox .leftBorder {width: 10px; height:100%; position: absolute; top:0; left: -10px; background: transparent url(../img/my_box_left_border.png) no-repeat left center;}
#aboutPage .shadBox .shadContent {width: 650px; background: #F0F0F0; padding: 20px; overflow: hidden;}
#aboutPage .shadBox .shadContent h4 {font-weight: bold; font-size: 14px; margin: 0 0 15px 0; text-transform: uppercase;}
#aboutPage .shadBox .rightBorder {width: 10px; height:100%; position: absolute; top:0; right: -10px; background: url(../img/my_box_right_border.png) no-repeat right center;}

#aboutPage ul.clientList {}
#aboutPage ul.clientList li {color: #4EB9B1; float: left; width: 210px; padding: 0 0 3px 0;}
#aboutPage table.myExpTable {width: 580px;}
#aboutPage table.myExpTable tr {}
#aboutPage table.myExpTable th {font-weight: bold; padding: 5px 0 0 0;}
#aboutPage table.myExpTable th.companyTH {width: 220px;}
#aboutPage table.myExpTable th.locationTH {width: 170px;}
#aboutPage table.myExpTable th.periodTH {width: 170px;}
#aboutPage table.myExpTable td {color: #4EB9B1; padding: 3px 0 0;}
.imageContainer {overflow: hidden;}
.imageContainer img {float: left; margin-right: 10px;}
.imageContainer img.nomar {margin-right: 0;}
.contactData {line-height: 160%;}

#projectsPage {overflow: hidden;}
#projectsPage .leftNav {float: left; width: 250px;}
#projectsPage .leftNav ul {background-color: #F0F0F0; padding: 5px;}
#projectsPage .leftNav ul li {padding: 3px 0; position: relative; display: block;}
#projectsPage .leftNav ul li .popup {position: absolute; display: none; background-color: #F0F0F0; top: 0; left: 0; border: 1px solid #000;}
#projectsPage .leftNav ul li .popup .inner {padding: 10px; text-align: center;}
#projectsPage .leftNav ul li .popup img {margin-bottom: 5px;}
#projectsPage .rightContent {float: right; width: 670px;}
#projectsPage .rightContent ul.projectsList li.item {margin-bottom: 65px;}
#projectsPage .rightContent .screensContainer {overflow: hidden;}
#projectsPage .rightContent .screensContainer .screenImg {width: 325px; float: left; margin-left: 16px; border: 1px solid #000;}
#projectsPage .rightContent .screensContainer .nomargin {margin-left: 0;}

#projectsPage .rightContent .techBar {margin-top: 15px;}
#projectsPage .rightContent .techBar .topBar {height: 12px; background: url(../img/shadow_tb.png) no-repeat center 1px;}
#projectsPage .rightContent .techBar .bottomBar {height: 12px; background: url(../img/shadow_tb.png) no-repeat center -12px;}
#projectsPage .rightContent .techBar .barContent {background-color: #F0F0F0; padding:7px; overflow: hidden; }
#projectsPage .rightContent .techBar .techTitle {font-size: 12px; text-transform: uppercase;}
#projectsPage .rightContent .projectContent {margin-top: 1px;}
#projectsPage .rightContent .projectContent ul {list-style-type: disc; margin-bottom: 15px;}
#projectsPage .rightContent .projectContent ul li {padding: 0 0 5px; margin-left: 30px; list-style-type: disc; line-height: 150%;}
#projectsPage .rightContent a.top {width: 100%; display: block; text-align: right;}

#behindPage {}
#behindPage ul li.bItem {display: block; overflow: hidden; padding-bottom: 30px;}
#behindPage ul li.bItem .leftCol {float: left; width: 200px;}
#behindPage ul li.bItem .rightCol {float: left; width: 650px;}
#behindPage ul li.bItem .rightCol ul li {padding-bottom: 10px;}