/* html */
html, body, #mainWrapper {height: 100%;}
body {margin: 0; background: #333 url(../images/bg.jpg) top center; font-family: Times New Roman, Times, serif; font-size: 14px; color: #333;}
h1, h2 {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; margin: 0 0 15px 0; padding: 0; color: #666; font-size: 24px; line-height: 25px;}
h2 {font-size: 18px; line-height: 25px; margin: 0; background: #fff url(../images/headerBG.gif) no-repeat 0 1px;}
h3 {font-size: 12px; margin: 0; padding: 0;}
p {padding: 0; margin: 0 0 15px 0;}
a {color: #335899;}
.content a {font-weight: bold;}

/* template */
#mainWrapper {width: 1019px; margin: 10px auto 0 auto; position: relative;}
#headerWrapper, #header, #headerInner, #left, #navigationTL, #navigationTR, #navigationBR, #navigationTL2, #navigationTR2, #navigationBR2, #contentTR, #contentBR, #footerInner {display: none;}
#subWrapper {}
#leftWrapper {width: 32px; height: 758px; position: absolute; top: 0; left: 0; background: transparent url(../images/left.jpg) no-repeat 0 0;}
#contentWrapper {width: 560px; height: 26px; position: absolute; top: 0; left: 269px; background: transparent url(../images/centerTop.jpg) no-repeat 0 0;}
#rightWrapper {width: 52px; height: 761px; position: absolute; top: 0; right: 0; background: transparent url(../images/right.jpg) no-repeat 0 0; float: right;}
#contentTL {width: 560px; height: 917px; position: absolute; top: 26px; left: 0; float: left; background: transparent url(../images/centerBG.jpg) no-repeat 0 0;}
#content {width: 500px; min-height: 670px; position: relative; left: 0; z-index: 10; padding: 0 30px 20px 30px; margin: 235px 0 0 0; background: #fff url(../images/content.gif) no-repeat 0 0;}
#contentBL {width: 560px; height: 50px; position: absolute; top: 943px; left: 0; float: left; background: transparent url(../images/centerBottom.jpg) no-repeat 0 0;}
#footer {width: 560px; height: 30px; padding: 0 0 20px 0;}
#copyright {width: 500px; position: absolute; bottom: 10px; left: 0; padding: 10px 30px 0 30px; font-size: 9px; font-family: Arial, Helvetica, sans-serif; background: #fff; text-align: center; color: #999; line-height: 15px;}

/* navigation */
#navigationWrapper {width: 237px; height: 26px; position: absolute; top: 0; left: 32px; background: transparent url(../images/navigationTop.jpg) no-repeat 0 0; float: left;}
#navigation {width: 237px; height: 712px; padding: 20px 0 0 0; margin: 26px 0 0 0; background: transparent url(../images/navigationBG.jpg) no-repeat 0 0;}
#navigationBL {width: 237px; height: 201px; background: transparent url(../images/navigationBottom.jpg) no-repeat 0 0; float: left;}
#navigationWrapper2 {width: 138px; height: 26px; position: absolute; top: 0; right: 52px; background: transparent url(../images/rightTop.jpg) no-repeat 0 0; float: left;}
#navigation2 {width: 138px; height: 732px; margin: 26px 0 0 0; background: transparent url(../images/rightBG.jpg) no-repeat 0 0;}
#navigationBL2 {width: 138px; height: 224px; background: transparent url(../images/rightBottom.jpg) no-repeat 0 0; float: left;}
#navigation ul {list-style: none; padding: 0; margin: 0;}
#navigation ul li {margin: 0 0 0 20px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 14px;}
#navigation ul li a {display: block; padding: 0 0 0 25px; color: #666; letter-spacing: .1em; text-decoration: none; line-height: 30px; height: 30px;}
#navigation ul li a:hover {text-decoration: none; color: #333;}
#navigation ul.professional {margin: 60px 0 0 0;}
#navigation ul.personal {margin: 95px 0 0 0;}
#navigation ul.professional li a:hover {background: transparent url(../images/bulletYellow.gif) no-repeat 12px 7px;}
#navigation ul.personal li a:hover {background: transparent url(../images/bulletGreen.gif) no-repeat 12px 7px;}
#navigation .card {width: 227px; height: 143px; display: block;}
.overview li#overview a, .resume li#resume a, .portfolio li#portfolio a, .hire li#hire a, .photography li#photography a, .music li#music a, .about li#about a, .contact li#contact a {color: #333; font-weight: bold; background: none; cursor: default;}

/* resume icons */
.resumeIcons {margin: 0 0 15px 0;}
.resumeIcons img {border: none;}
.word, .pdf, .text, .html {display: block; width: 60px; padding: 40px 10px 0 10px; float: left; font-size: 10px; font-family: Verdana, Arial, sans-serif; text-align: center; text-decoration: none;}
.word:hover, .pdf:hover, .text:hover, .html:hover {color: #f00;}
.word {background: url(../images/icons/medium/word.gif) no-repeat top center;}
.word:hover {background-position: center -80px;}
.pdf {background: url(../images/icons/medium/pdf.gif) no-repeat top center;}
.pdf:hover {background-position: center -80px;}
.html {background: url(../images/icons/medium/html.gif) no-repeat top center;}
.html:hover {background-position: center -80px;}
.text {background: url(../images/icons/medium/text.gif) no-repeat top center;}
.text:hover {background-position: center -80px;}

/* resume logos */
.resumeLogos {width: 100%;}

/* resume icon popups */
.popupThumb .content {margin: 0; text-align: left; display: block;}
.popupThumb {position: relative; z-index: 0; text-decoration: none; margin: 0 20px 0 0; border: none; text-align: center;}
.popupThumb:hover {background-color: transparent; z-index: 50; }
.popupThumb .innerWrapper {width: 150px; position: absolute; background: #fff; padding: 5px; left: -5000px; border: 1px solid #666; visibility: visible; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #666;}
.popupThumb .innerWrapper img {border: none; margin: 0 0 5px 0;}
.popupThumb:hover span {visibility: visible; top: 0; top: -85px; left: 50px;}

/* resume icons */
.alltel, .annTaylor, .boeing, .jwt, .hp, .intel, .lexus, .netledger, .nokia, .partypoker, .radisson, .reply, .salesforce, .sdc, .sun, .tropicana, .ucBerkeley, .wHotels, .walmart, .yahoo, .linkedIn, .ucop {background-repeat: no-repeat; background-position: 0 0; display: block; float: left; margin: 0; height: 45px;}
.alltel:hover, .annTaylor:hover, .boeing:hover, .jwt:hover, .hp:hover, .intel:hover, .lexus:hover, .netledger:hover, .nokia:hover, .partypoker:hover, .radisson:hover, .reply:hover, .salesforce:hover, .sdc:hover, .sun:hover, .tropicana:hover, .ucBerkeley:hover, .wHotels:hover, .walmart:hover, .yahoo:hover, .ucop:hover {background-position: -200px 0;}
.alltel .header, .annTaylor .header, .boeing .header, .jwt .header, .hp .header, .intel .header, .lexus .header, .netledger .header, .nokia .header, .partypoker .header, .radisson .header, .reply .header, .salesforce .header, .sdc .header, .sun .header, .tropicana .header, .ucBerkeley .header, .wHotels .header, .walmart .header, .yahoo .header, .ucop .header {background-position: -400px top; background-repeat: no-repeat; margin: 0 auto 3px auto; display: block;}

.alltel, .alltel .header {width: 66px; height: 32px; background-image: url(../images/logos/alltel.gif);}
.alltel {margin: 7px 20px 6px 20px;}
.annTaylor, .annTaylor .header {width: 134px; height: 18px; background-image: url(../images/logos/annTaylor.gif);}
.annTaylor {margin: 14px 20px 13px 0;}
.boeing, .boeing .header {width: 132px; height: 32px; background-image: url(../images/logos/boeing.gif);}
.boeing {margin: 7px 20px 6px 0;}
.hp, .hp .header {width: 54px; height: 34px; background-image: url(../images/logos/hp.gif);}
.hp {margin: 6px 0 5px 0;}
.intel, .intel .header {width: 63px; height: 43px; background-image: url(../images/logos/intel.gif);}
.intel {margin: 11px 20px 1px 25px;}
.jwt, .jwt .header {width: 76px; height: 32px; background-image: url(../images/logos/jwt.gif);}
.jwt {margin: 17px 20px 6px 0;}
.lexus, .lexus .header {width: 134px; height: 26px; background-image: url(../images/logos/lexus.gif);}
.lexus {margin: 20px 20px 9px 0;}
.netledger, .netledger .header {width: 105px; height: 26px; background-image: url(../images/logos/netledger.gif);}
.netledger {margin: 20px 20px 19px 0;}
.nokia, .nokia .header {width: 85px; height: 32px; background-image: url(../images/logos/nokia.gif);}
.nokia {margin: 17px 20px 6px 13px;}
.partypoker, .partypoker .header {width: 102px; height: 23px; background-image: url(../images/logos/partypoker.gif);}
.partypoker {margin: 11px 20px 11px 0;}
.radisson, .radisson .header {width: 117px; height: 45px; background-image: url(../images/logos/radisson.gif);}
.radisson {margin: 10px 20px 0 45px;}
.reply, .reply .header {width: 107px; height: 40px; background-image: url(../images/logos/reply.gif);}
.reply {margin: 10px 20px 5px 0;}
.salesforce, .salesforce .header {width: 133px; height: 34px; background-image: url(../images/logos/salesforce.gif);}
.salesforce {margin: 16px 20px 5px 0;}
.sdc, .sdc .header {width: 139px; height: 27px; background-image: url(../images/logos/sdc.gif);}
.sdc {margin: 11px 20px 12px 10px;}
.sun, .sun .header {width: 76px; height: 34px; background-image: url(../images/logos/sun.gif);}
.sun {margin: 9px 20px 7px 0;}
.ucBerkeley, .ucBerkeley .header {width: 57px; height: 46px; background-image: url(../images/logos/ucBerkeley.gif);}
.ucBerkeley {margin: 4px 20px 0 0;}
.ucop, .ucop .header {width: 135px; height: 25px; background-image: url(../images/logos/ucop.gif);}
.ucop {margin: 17px 0 8px 0;}
.wHotels, .wHotels .header {width: 64px; height: 47px; background-image: url(../images/logos/wHotels.gif);}
.wHotels {margin: 7px 20px 1px 50px;}
.walmart, .walmart .header {width: 146px; height: 42px; background-image: url(../images/logos/walmart.gif);}
.walmart {margin: 9px 20px 4px 0;}
.yahoo, .yahoo .header {width: 128px; height: 27px; background-image: url(../images/logos/yahoo.gif);}
.yahoo {margin: 17px 0 11px 0;}

.linkedIn {width: 55px; height: 17px; background-image: url(../images/logos/linkedInSmall.gif); float: none;} /* Just for contact page */
.linkedIn:hover {background-position: -400px 0;}



/* design & photography portfolio */
.filmstrip5 {width: 441px; height: 123px; padding: 21px 0 0 18px; margin: 0 0 20px 30px; background: url(../images/portfolio/filmstrip5.jpg) no-repeat 0 0;}
.filmstrip4 {width: 441px; height: 123px; padding: 21px 0 0 0; margin: 0 0 20px 30px; background: url(../images/portfolio/filmstrip4.jpg) no-repeat 0 0;}
.filmstrip3 {width: 472px; padding: 11px 0 0 0; margin: 0 0 0 18px; background: url(../images/portfolio/filmstrip3.jpg) no-repeat 0 0;}
.filmstrip2 {width: 466px; padding: 11px 0 0 6px; margin: 0 0 0 18px; background: url(../images/portfolio/filmstrip2.jpg) no-repeat 0 0;}
.filmstrip1 {width: 472px; padding: 11px 0 0 0; margin: 0 0 0 18px; background: url(../images/portfolio/filmstrip1.jpg) no-repeat 0 0;}
.filmstrip3 h2, .filmstrip2 h2, .filmstrip1 h2 {background: none; font-size: 12px; margin: 0 0 0 23px; height: 41px; color: #000;}
.filmstrip2 h2 {margin: 0 0 0 9px;}
.filmstrip1 h2 {margin: 0 0 0 18px;}
.filmstrip3 a, .filmstrip2 a, .filmstrip1 a {width: 150px; height: 100px; margin: 0 5px 0 0; display: block; float: left;}
.filmstrip3 a img, .filmstrip2 a img, .filmstrip1 a img {width: 150px; height: 100px; border: none;}
.filmstrip4 a img, .filmstrip5 a img {width: 100px; height: 100px; border: none;}
.filmstrip5 a,.filmstrip4 a,.filmstrip3 a, .filmstrip2 a, .filmstrip1 a {border: 1px solid #000}
.photoGallery .filmstrip4 a, .photoGallery .filmstrip5 a {width: 100px; height: 100px; margin: 0 5px 0 0; display: block; float: left;}
.filmstrip5 a:hover,.filmstrip4 a:hover,.filmstrip3 a:hover, .filmstrip2 a:hover, .filmstrip1 a:hover {border: 1px solid #f00;}
.filmstrip3 p, .filmstrip2 p {padding: 25px 0 0 0; font-family: Verdana, Arial, Helvetica, san-serif; font-size: 11px; color: #000;}
.description {font-weight: normal;}
#divContent2, #divContent3, #divContent4, #divContent5, #divContent6 {display: none;}

/* misc */
.signature {width: 108px; height: 22px; margin: 30px 0 0 50px; background: transparent url(../images/signature.gif) no-repeat 0 0;}
.clear {clear: both;}
table.contact {margin: 0 0 0 30px;}
table.contact td {font-family: Verdana, Arial, sans-serif; font-size: 12px;}
.flag {color: #f00; font-weight: bold;}
.hidden {display: none;}
ul.music {list-style-type: none; margin: 30px 0 0 30px;}
ul.music li {list-style-type: none; background: url(../images/speaker.gif) 0 0 no-repeat; height: 15px; padding: 2px 10px 0 30px; margin: 10px 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
ul.music li:hover {background: url(../images/speaker_o.gif) 0 0 no-repeat;}
ul.music li a {text-decoration: none; display: block;}
ul.music li a:hover {text-decoration: underline;}
.photographyWrapper {margin: 0; padding: 0;}
.floatL {float: left;}
.floatR {float: right;}

/* Lightview Overrides */
a.lightview {color: #999;}
a.lightview:visited {color: #999;}