@charset "UTF-8";
/* CSS Document */

body, html { height: 100%; margin: 0; padding: 0; background-color: #eff0f0; /* background-image:url(images/bgHighlight.jpg); background-repeat: no-repeat; background-position: center top; */ border-top: 10px solid #ffe42d;}

p { font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; background-color: transparent; color: #333; -webkit-font-smoothing: antialiased; padding: 0; margin: 0; }

.mainWrapper { background-color: #eff0f0; width: 960px; margin: 0 auto; }

.wrapper { width: 900px; margin: 0 auto; }

.highlightedText { background-color: #ffe42d; padding: 2px 4px; float: left; margin: -2px 5px 5px 0; }

a { color: #333; }

a img { border: none; }

h3 { font-family: "gnuolane-1", "gnuolane-2", sans-serif; font-size: 1.8em; text-transform: uppercase; margin: 0 0 10px 0; padding: 0; }

ul.contentList  { margin: 10px 0 0 0; padding: 0; }
ul.contentList li { margin: 5px 0 5px 25px; padding: 0 0 0 3px; list-style: square; }



/* -----HEADER AND NAVIGATION ------- */

#navWrapper { float: right; margin: 0; padding: 0; margin: 0 -20px 0 0; width: 900px; background: transparent url(images/logoLabel.png) no-repeat 0 0; height: 139px; }

#header { padding: 0; background-color: #ffe42d; margin: 0; position: relative; z-index: 1000; }

#topLinks { width: 600px; margin-right: 20px; float: right;  }

#topLinks ul { list-style: none; margin: 0; padding: 0; height: 81px; }

#topLinks ul li { float: right; display: block; }

.homeLink { background-position: 0 0; display: block; width: 113px; height: 75px; background-image:url(images/mainNavBtns.png); background-repeat: no-repeat; overflow: hidden; text-indent: -9999px; }
.homeLink:hover { background-position: 0 -75px; }

.workLink { background-position: -113px 0; display: block; width: 113px; height: 75px; background-image:url(images/mainNavBtns.png); background-repeat: no-repeat; overflow: hidden; text-indent: -9999px; }
.workLink:hover { background-position: -113px -75px; }

.aboutLink { background-position: -226px 0; display: block; width: 113px; height: 75px; background-image:url(images/mainNavBtns.png); background-repeat: no-repeat; overflow: hidden; text-indent: -9999px; }
.aboutLink:hover { background-position: -226px -75px; }



/* HOME PAGE */

.baggageBtn { background-position: 0 0; display: block; width: 126px; height: 27px; background-image:url(images/baggageBtn.png); background-repeat: no-repeat; overflow: hidden; text-indent: -9999px; margin: 20px 0 30px 535px; }

.baggageBtn:hover { background-position:0 -27px; }

#featureBox { margin: -40px 0 0 -20px; width: 960px; height: 254px; position: relative; z-index: 0;}

.homeCol { width: 250px; padding: 10px; margin: 0 15px; background-color: #fff; float: left; position: relative; z-index: 9999;}

.splash { background-color: #ffe42d; text-align: center; width: 100%; margin: -20px 0 -30px 0; position: relative; z-index: 0; }

.featuredImage { margin-bottom: 10px; }

.seeProjectBtn { height: 19px; width: 103px; background-image:url(images/seeProject_btn.png); background-position: 0 -19px; background-repeat: no-repeat; text-indent: -9999px; overflow: hidden; display: block; float: right; margin: 10px 0 0 0; }
.seeProjectBtn:hover { background-position: 0 0; }



/* CONTENT */

#contentWrapper { padding: 0; margin: 20px 0 0 0; }

.topBtn { margin-top: 20px; }

.resumeLeft { width: 420px; float: left; }
.resumeRight { width: 420px; float: right; }

.sectionCol { width: 80px; float: left; }
.infoCol { width: 330px; float: right; }


.resumeInfo { margin-bottom: 30px; }




/* ABOUT */

#brainBox { width: 456px; margin: 0 auto; margin-bottom: 40px; }

.leftBrain { background-position: 0 0; display: block; width: 228px; height: 123px; background-image:url(images/brainBtn.png); background-repeat: no-repeat; overflow: hidden; text-indent: -9999px; float: left; }
.leftBrain:hover { background-position: 0 -123px; }

.rightBrain { background-position: -228px 0; display: block; width: 228px; height: 123px; background-image:url(images/brainBtn.png); background-repeat: no-repeat; overflow: hidden; text-indent: -9999px; }
.rightBrain:hover { background-position: -228px -123px; }

.leftCurrent { background-position: 0 -123px; display: block; width: 228px; height: 123px; background-image:url(images/brainBtn.png); background-repeat: no-repeat; overflow: hidden; text-indent: -9999px; float: left; }
.rightCurrent { background-position: -228px -123px; display: block; width: 228px; height: 123px; background-image:url(images/brainBtn.png); background-repeat: no-repeat; overflow: hidden; text-indent: -9999px; }

.fivecol { width: 180px; float: left; padding: 0; margin: 0; }
.fivecolText { padding: 15px; width: 150px; }

.resumeWrapper { margin-bottom: 30px; clear: both; }



/* PROJECTS */

#infoBox { margin: 20px 0; border-bottom: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; padding: 20px 0; } 

#photosColumn { width: 602px; float: right; }

#infoColumn { width: 250px; float: left; }

.divider { height: 1px; margin: 20px 0; color: #ccc; background-color: #ccc; border: none; }

.photo { margin-bottom: 20px; }

.projectText { font-size: 16px; }



/* WORK THUMBNAILS */

.thumbPic { float: left; margin: 0 20px 10px 0; border-bottom: 10px solid #eff0f0; }
.thumbPic:hover { border-bottom: 10px solid #ffe42d; }



/* --------- WORK NAVIGATION ------------ */

#workNavigation { margin-bottom: 30px; }

#workNavigation li { display:inline; margin: 10px; padding: 0; }

#workNavigation li a { color: white; text-decoration: none; font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; -webkit-font-smoothing: antialiased; padding: 5px 15px; margin: 0; background-color:#a3abaf; -moz-border-radius: 6px;  -webkit-border-radius: 6px; border: 1px solid #92979a; }

#workNavigation li a:hover { background-color: #8c959a; }

.clear { clear: both; }


/* PROJECT NAVIGATION */

.previousBtn { height: 19px; width: 103px; background-image:url(images/nextprevBtn.png); background-position: 0 -19px; background-repeat: no-repeat; text-indent: -9999px; overflow: hidden; display: block; float: right; margin-left: 10px; }
.previousBtn:hover { background-position: 0 0px; }

.nextBtn { height: 19px; width: 103px; background-image:url(images/nextprevBtn.png); background-position: -103px -19px; background-repeat: no-repeat; text-indent: -9999px; overflow: hidden; display: block; float: right; margin-left: 10px; }
.nextBtn:hover { background-position: -103px 0; }

#projectNavigation { float: right; }


/* FOOTER */

#footer { width: 100%; background-color: #ffe42d; }

#footerContent { width: 900px; margin: 0 auto; padding: 20px 0; }