/* ---------------------- */
/* -- default settings -- */
/* ---------------------- */

body, html { background-color: #000; border: 0px; border-collapse: collapse; margin: 0 auto; padding: 0 0 0 0; }
img { border: 0px; }

#wrapper { border: 0px; border-collapse: collapse; margin: 0 auto; padding: 0 0 0 0; width: 950px; }
#wrapperSelectedWork { border: 0px; border-collapse: collapse; margin: 0 auto; padding: 0 0 0 0; width: 1024px; height: auto; }

a:link { border: 0px; color:#000; text-decoration: none; }
a:visited { border: 0px; color: #000; text-decoration: none; }
a:active { border: 0px; color: #000; text-decoration: none; }
a:hover { border: 0px; color: #000; text-decoration: none; }









/* -------------------- */
/* -- header: brand --- */
/* -------------------- */

#header { float: left; margin: 0 0 0 0; padding: 0 0 0 0; width: 950px; height: 167px; }
#headerBrand { float: left; width: 448px; height: 167px; }
#headerMid { background-image: url(../../_images/global/header_mid.jpg); background-repeat: no-repeat; float: left; width: 154px; height: 167px; }
#wrapperSides { float: left; margin: 0 0 0 0; padding: 0 0 0 0; width: 37px; height: 167px;}
a.index { background-image: url(../../_images/global/header_brand.jpg); background-repeat: no-repeat; float: left; width: 448px; height: 167px; }
a.foto { background-image: url(../../_images/global/header_fotoblog.jpg); background-repeat: no-repeat; float: left; width: 448px; height: 167px; }


/* ------------------ */
/* -- header: nav --- */
/* ------------------ */

#nav { float: left; margin: 0 0 0 0; padding: 0 0 0 0; width: 348px; height: 167px; }
#navTop { background-image: url(../../_images/global/nav_top.jpg); background-repeat: no-repeat; float: left; width: 348px; height: 81px; }
#navArea { float: left; width: 348px; height: 21px; }
#navBtm { background-image: url(../../_images/global/nav_btm.jpg); float: left; width: 348px; height: 65px; }

#btnWorks { float: left; width: 73px; height: 21px; }
#btnWorksOn { background-image: url(../../_images/global/btn_works_on.jpg); background-repeat: no-repeat; float: left; width: 73px; height: 21px; }
#btnInfo { float: left; width: 58px; height: 21px; }
#btnInfoOn { background-image: url(../../_images/global/btn_info_on.jpg); background-repeat: no-repeat; float: left; width: 58px; height: 21px; }
#btnPhotos { float: left; width: 52px; height: 21px; }
#btnPhotosOn { background-image: url(../../_images/global/btn_photos_on.jpg); background-repeat: no-repeat; float: left; width: 52px; height: 21px; }
#btnSpacer01 { background-image: url(../../_images/global/spacer.gif); background-repeat: no-repeat; float: left; width: 24px; height: 21px; }
#btnSpacer02 { background-image: url(../../_images/global/spacer.gif); background-repeat: no-repeat; float: left; width: 22px; height: 21px; }
#btnSpacer03 { background-image: url(../../_images/global/spacer.gif); background-repeat: no-repeat; float: left; width: 22px; height: 21px; }
#btnSpacer04 { background-image: url(../../_images/global/spacer.gif); background-repeat: no-repeat; float: left; width: 97px; height: 21px; }

a.works { background-image: url(../../_images/global/btn_works.jpg); background-repeat: no-repeat; float: left; width: 73px; height: 21px; }
a.works:hover { background-image: url(../../_images/global/btn_works_on.jpg); background-repeat: no-repeat; }
a.info { background-image: url(../../_images/global/btn_info.jpg); background-repeat: no-repeat; float: left; width: 58px; height: 21px; }
a.info:hover { background-image: url(../../_images/global/btn_info_on.jpg); background-repeat: no-repeat; }
a.photos { background-image: url(../../_images/global/btn_photos.jpg); background-repeat: no-repeat; float: left; width: 52px; height: 21px; }
a.photos:hover { background-image: url(../../_images/global/btn_photos_on.jpg); background-repeat: no-repeat; }









/* -------------------- */
/* -- selected works -- */
/* -------------------- */

#contentSpacer { float: left; margin: 0 0 0 0; padding: 0 0 0 0; width: 950px; height: 70px; }
#works { float: left; margin: 0 0 0 0; padding: 0 0 0 0; width: 950px; height: auto; }
#workLeft { float: left; width: 140px; height: auto; }
#workMain { float: left; width: 670px; height: auto; }
#workRight { float: left; width: 140px; height: auto; }
#workThumbs { float: left; width: 670px; height: 204px; }
.workThumbNail { float: left; width: 200px; height: 204px; }
.workDivider { float: left; width: 35px; height: 204px; }

a.wmturnkey { background-image: url(../../_images/works/wmturnkey.jpg); background-repeat: no-repeat; float: left; width: 200px; height: 204px; }
a.wmturnkey:hover { background-image: url(../../_images/works/wmturnkey_on.jpg); background-repeat: no-repeat; }
a.cornerstone { background-image: url(../../_images/works/cornerstone.jpg); background-repeat: no-repeat; float: left; width: 200px; height: 204px; }
a.cornerstone:hover { background-image: url(../../_images/works/cornerstone_on.jpg); background-repeat: no-repeat; }
a.code77mobile { background-image: url(../../_images/works/code77mobile.jpg); background-repeat: no-repeat; float: left; width: 200px; height: 204px; }
a.code77mobile:hover { background-image: url(../../_images/works/code77mobile_on.jpg); background-repeat: no-repeat; }
a.mortgagematch { background-image: url(../../_images/works/mortgagematch.jpg); background-repeat: no-repeat; float: left; width: 200px; height: 204px; }
a.mortgagematch:hover { background-image: url(../../_images/works/mortgagematch_on.jpg); background-repeat: no-repeat; }
a.like { background-image: url(../../_images/works/like.jpg); background-repeat: no-repeat; float: left; width: 200px; height: 204px; }
a.like:hover { background-image: url(../../_images/works/like_on.jpg); background-repeat: no-repeat; }
a.rsinvestments { background-image: url(../../_images/works/rsinvestments.jpg); background-repeat: no-repeat; float: left; width: 200px; height: 204px; }
a.rsinvestments:hover { background-image: url(../../_images/works/rsinvestments_on.jpg); background-repeat: no-repeat; }

a.sandisk { background-image: url(../../_images/works/sandisk.jpg); background-repeat: no-repeat; float: left; width: 200px; height: 204px; }
a.sandisk:hover { background-image: url(../../_images/works/sandisk_on.jpg); background-repeat: no-repeat; }
a.unisfair { background-image: url(../../_images/works/unisfair.jpg); background-repeat: no-repeat; float: left; width: 200px; height: 204px; }
a.unisfair:hover { background-image: url(../../_images/works/unisfair_on.jpg); background-repeat: no-repeat; }
a.carecredit { background-image: url(../../_images/works/carecredit.jpg); background-repeat: no-repeat; float: left; width: 200px; height: 204px; }
a.carecredit:hover { background-image: url(../../_images/works/carecredit_on.jpg); background-repeat: no-repeat; }
a.fraxel { background-image: url(../../_images/works/fraxel.jpg); background-repeat: no-repeat; float: left; width: 200px; height: 204px; }
a.fraxel:hover { background-image: url(../../_images/works/fraxel_on.jpg); background-repeat: no-repeat; }
a.annchen { background-image: url(../../_images/works/annchen.jpg); background-repeat: no-repeat; float: left; width: 200px; height: 204px; }
a.annchen:hover { background-image: url(../../_images/works/annchen_on.jpg); background-repeat: no-repeat; }
a.kurtzahlers { background-image: url(../../_images/works/kurtzahlers.jpg); background-repeat: no-repeat; float: left; width: 200px; height: 204px; }
a.kurtzahlers:hover { background-image: url(../../_images/works/kurtzahlers_on.jpg); background-repeat: no-repeat; }
a.scionxd2008 { background-image: url(../../_images/works/scionxd2008.jpg); background-repeat: no-repeat; float: left; width: 200px; height: 204px; }
a.scionxd2008:hover { background-image: url(../../_images/works/scionxd2008_on.jpg); background-repeat: no-repeat; }
a.au { background-image: url(../../_images/works/au.jpg); background-repeat: no-repeat; float: left; width: 200px; height: 204px; }
a.au:hover { background-image: url(../../_images/works/au_on.jpg); background-repeat: no-repeat; }
a.bea { background-image: url(../../_images/works/bea.jpg); background-repeat: no-repeat; float: left; width: 200px; height: 204px; }
a.bea:hover { background-image: url(../../_images/works/bea_on.jpg); background-repeat: no-repeat; }
a.solutionology { background-image: url(../../_images/works/solutionology.jpg); background-repeat: no-repeat; float: left; width: 200px; height: 204px; }
a.solutionology:hover { background-image: url(../../_images/works/solutionology_on.jpg); background-repeat: no-repeat; }
a.bs320 { background-image: url(../../_images/works/bs320.jpg); background-repeat: no-repeat; float: left; width: 200px; height: 204px; }
a.bs320:hover { background-image: url(../../_images/works/bs320_on.jpg); background-repeat: no-repeat; }
a.fusion { background-image: url(../../_images/works/fusion.jpg); background-repeat: no-repeat; float: left; width: 200px; height: 204px; }
a.fusion:hover { background-image: url(../../_images/works/fusion_on.jpg); background-repeat: no-repeat; }
a.visasmallbiz { background-image: url(../../_images/works/visasmallbiz.jpg); background-repeat: no-repeat; float: left; width: 200px; height: 204px; }
a.visasmallbiz:hover { background-image: url(../../_images/works/visasmallbiz_on.jpg); background-repeat: no-repeat; }
a.mscrm2007 { background-image: url(../../_images/works/mscrm2007.jpg); background-repeat: no-repeat; float: left; width: 200px; height: 204px; }
a.mscrm2007:hover { background-image: url(../../_images/works/mscrm2007_on.jpg); background-repeat: no-repeat; }
a.lgtv { background-image: url(../../_images/works/lgtv.jpg); background-repeat: no-repeat; float: left; width: 200px; height: 204px; }
a.lgtv:hover { background-image: url(../../_images/works/lgtv_on.jpg); background-repeat: no-repeat; }
a.bbxbox360 { background-image: url(../../_images/works/bbxbox360.jpg); background-repeat: no-repeat; float: left; width: 200px; height: 204px; }
a.bbxbox360:hover { background-image: url(../../_images/works/bbxbox360_on.jpg); background-repeat: no-repeat; }
a.sputnik { background-image: url(../../_images/works/sputnik.jpg); background-repeat: no-repeat; float: left; width: 200px; height: 204px; }
a.sputnik:hover { background-image: url(../../_images/works/sputnik_on.jpg); background-repeat: no-repeat; }
a.dancenow { background-image: url(../../_images/works/dancenow.jpg); background-repeat: no-repeat; float: left; width: 200px; height: 204px; }
a.dancenow:hover { background-image: url(../../_images/works/dancenow_on.jpg); background-repeat: no-repeat; }
a.vanessalane { background-image: url(../../_images/works/vanessalane.jpg); background-repeat: no-repeat; float: left; width: 200px; height: 204px; }
a.vanessalane:hover { background-image: url(../../_images/works/vanessalane_on.jpg); background-repeat: no-repeat; }
a.aws { background-image: url(../../_images/works/aws.jpg); background-repeat: no-repeat; float: left; width: 200px; height: 204px; }
a.aws:hover { background-image: url(../../_images/works/aws_on.jpg); background-repeat: no-repeat; }
a.ralphtresvant { background-image: url(../../_images/works/ralphtresvant.jpg); background-repeat: no-repeat; float: left; width: 200px; height: 204px; }
a.ralphtresvant:hover { background-image: url(../../_images/works/ralphtresvant_on.jpg); background-repeat: no-repeat; }
a.nop { background-image: url(../../_images/works/nop.jpg); background-repeat: no-repeat; float: left; width: 200px; height: 204px; }
a.nop:hover { background-image: url(../../_images/works/nop_on.jpg); background-repeat: no-repeat; }
a.rjdphotography { background-image: url(../../_images/works/rjdphotography.jpg); background-repeat: no-repeat; float: left; width: 200px; height: 204px; }
a.rjdphotography:hover { background-image: url(../../_images/works/rjdphotography_on.jpg); background-repeat: no-repeat; }
a.vex { background-image: url(../../_images/works/vex.jpg); background-repeat: no-repeat; float: left; width: 200px; height: 204px; }
a.vex:hover { background-image: url(../../_images/works/vex_on.jpg); background-repeat: no-repeat; }
a.janus { background-image: url(../../_images/works/janus.jpg); background-repeat: no-repeat; float: left; width: 200px; height: 204px; }
a.janus:hover { background-image: url(../../_images/works/janus_on.jpg); background-repeat: no-repeat; }
a.newedition { background-image: url(../../_images/works/newedition.jpg); background-repeat: no-repeat; float: left; width: 200px; height: 204px; }
a.newedition:hover { background-image: url(../../_images/works/newedition_on.jpg); background-repeat: no-repeat; }
a.xmodsxrl { background-image: url(../../_images/works/xmodsxrl.jpg); background-repeat: no-repeat; float: left; width: 200px; height: 204px; }
a.xmodsxrl:hover { background-image: url(../../_images/works/xmodsxrl_on.jpg); background-repeat: no-repeat; }
a.sakai { background-image: url(../../_images/works/sakai.jpg); background-repeat: no-repeat; float: left; width: 200px; height: 204px; }
a.sakai:hover { background-image: url(../../_images/works/sakai_on.jpg); background-repeat: no-repeat; }
a.devoeteam { background-image: url(../../_images/works/devoeteam.jpg); background-repeat: no-repeat; float: left; width: 200px; height: 204px; }
a.devoeteam:hover { background-image: url(../../_images/works/devoeteam_on.jpg); background-repeat: no-repeat; }
a.mgmt { background-image: url(../../_images/works/617mgmt.jpg); background-repeat: no-repeat; float: left; width: 200px; height: 204px; }
a.mgmt:hover { background-image: url(../../_images/works/617mgmt_on.jpg); background-repeat: no-repeat; }
a.code772007 { background-image: url(../../_images/works/code772007.jpg); background-repeat: no-repeat; float: left; width: 200px; height: 204px; }
a.code772007:hover { background-image: url(../../_images/works/code772007_on.jpg); background-repeat: no-repeat; }
a.code770206 { background-image: url(../../_images/works/code770206.jpg); background-repeat: no-repeat; float: left; width: 200px; height: 204px; }
a.code770206:hover { background-image: url(../../_images/works/code770206_on.jpg); background-repeat: no-repeat; }









/* ---------- */
/* -- info -- */
/* ---------- */

#contentSpacerInfo { float: left; margin: 0 0 0 0; padding: 0 0 0 0; width: 950px; height: 25px; }
#contentInfoHeadline { float: left; margin: 0 0 0 0; padding: 0 0 0 0; width: 950px; height: 9px; }
#contentInfoHeadlineLeft { float: left; margin: 0 0 0 0; padding: 0 0 0 0; width: 140px; height: 9px; }
#contentInfoHeadlineArea { float: left; margin: 0 0 0 0; padding: 0 0 0 0; width: 670px; height: 9px; }
#contentInfoHeadlineRight { float: left; margin: 0 0 0 0; padding: 0 0 0 0; width: 140px; height: 9px; }

#contentInfoAbout { float: left; margin: 0 0 0 0; padding: 0 0 0 0; width: 950px; height: 100px; }
#contentInfoAboutLeft { float: left; margin: 0 0 0 0; padding: 0 0 0 0; width: 140px; height: 100px; }
#contentInfoAboutArea { float: left; margin: 0 0 0 0; padding: 0 0 0 0; width: 670px; height: 100px; }
#contentInfoAboutRight { float: left; margin: 0 0 0 0; padding: 0 0 0 0; width: 140px; height: 100px; }

#contentInfoExperience { float: left; margin: 0 0 0 0; padding: 0 0 0 0; width: 950px; height: 120px; }
#contentInfoExperienceLeft { float: left; margin: 0 0 0 0; padding: 0 0 0 0; width: 140px; height: 120px; }
#contentInfoExperienceArea { float: left; margin: 0 0 0 0; padding: 0 0 0 0; width: 670px; height: 120px; }
#contentInfoExperienceRight { float: left; margin: 0 0 0 0; padding: 0 0 0 0; width: 140px; height: 120px; }

#contentInfoContact { float: left; margin: 0 0 0 0; padding: 0 0 0 0; width: 950px; height: 20px; }
#contentInfoContactLeft { float: left; margin: 0 0 0 0; padding: 0 0 0 0; width: 140px; height: 20px; }
#contentInfoContactArea { float: left; margin: 0 0 0 0; padding: 0 0 0 0; width: 670px; height: 20px; }
#contentInfoContactRight { float: left; margin: 0 0 0 0; padding: 0 0 0 0; width: 140px; height: 20px; }









/* ------------- */
/* -- phoetry -- */
/* ------------- */

#contentSpacerFoto { float: left; margin: 0 0 0 0; padding: 0 0 0 0; width: 1024px; height: 25px; }
#phoetry { float: left; margin: 0 0 0 0; padding: 0 0 0 0; width: 950px; height: 768px; }
#phoetryLeft { float: left; width: 34px; height: 768px; }
#phoetryMain { float: left; width: 881px; height: 768px; }
#phoetryRight { float: left; width: 35px; height: 768px; }









/* ------------ */
/* -- footer -- */
/* ------------ */

#footerSpacer { float: left; margin: 0 0 0 0; padding: 0 0 0 0; width: 950px; height: 100px; }
#footerSides { float: left; margin: 0 0 0 0; padding: 0 0 0 0; width: 37px; height: auto;}
#footer { float: left; margin: 0 0 0 0; padding: 0 0 0 0; width: 950px; height: 14px; }
#footerLeft { float: left; width: 99px; height: 14px; }
#footerArea { float: left; width: 752px; height: 14px; }
#footerRight { float: left; width: 99px; height: 14px; }









/* ---------------- */
/* -- typography -- */
/* ---------------- */

p.textMain { color: #818181; font-family: "Trebuchet MS"; font-size: 16px; font-style: italic; font-weight: normal; letter-spacing: 0px; line-height: 20px; margin: 0 0 0 0; padding: 0 0 0 0; text-align: left; text-shadow: 0px 0px 0px #000; /* safari hack */ }
p.textInfoHeadline { color: #FFF; font-family: "Trebuchet MS"; font-size: 9px; font-style: normal; font-weight: normal; line-height: 9px; margin: 0 0 0 0; padding: 0 0 0 0; text-align: left; }
p.textFooter { color: #555555; font-family: "Trebuchet MS"; font-size: 9px; font-style: italic; font-weight: normal; letter-spacing: 0px; line-height: 14px; margin: 0 0 0 0; padding: 0 0 0 0; text-align: center; }


font.white { color: #FFF; }

a.link:link { color:#B7B7B7; text-decoration: none; }
a.link:visited { color: #B7B7B7; text-decoration: none; }
a.link:active { color: #B7B7B7; text-decoration: none; }
a.link:hover { color: #FFFFFF; text-decoration: none; }
a.gray:link { color:#555555; text-decoration: none; }
a.gray:visited { color: #555555; text-decoration: none; }
a.gray:active { color: #555555; text-decoration: none; }
a.gray:hover { color: #FFFFFF; text-decoration: none; }