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

article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video { display: block; }
mark, rp, rt, ruby, summary, time { display: inline }

body, html { background-color: #000000; border: 0px; border-collapse: collapse; margin: 0; padding: 0; }
img { border: none; border-color: #000; border-style: none; outline: none; }
a img { border: none; border-color: #000; border-style: none; outline: none; }
a { border: none; border-color: #000; border-style: none; outline: none; }
h1 { font-size: 0px; margin: 0 0 0 0; padding: 0 0 0 0; }

* { margin: 0; padding: 0; }




/* ---------- */
/* -- divs -- */
/* ---------- */

#wrapper { margin: 0; overflow: hidden; padding: 0; width: 100%; height: 100% }

#headerContainer { background-color: #000; position: fixed; top: 0; width: 100%; height: 100px; z-index: 10; }
#headerMain { background-image: url(../../_images/global/header-brand.jpg); background-repeat: no-repeat; margin: 0 auto; width: 720px; height: 100px; }
#headerLeft { float: left; margin: 0; padding: 0; width: 500px; height: 100px; }
#headerRight { float: left; margin: 0; padding: 0; width: 220px; height: 100px; }
#headerBrand { float: left; margin: 0; padding: 0; width: 277px; height: 100px; }

/*#featureContainer { background-color: #000; margin: 0 auto; padding-top: 90px; width: 100%; height: 768px; }
#featureMain { background-image:url(../../_images/global/background-01.jpg); background-repeat: no-repeat; margin: 0 auto; width: 872px; height: 670px; }*/
#featureContainer { background-color: #000; margin: 0 auto; width: 100%; height: 768px; }
#featureFrameContainer { background-color: #000; border: 0px solid #000; border: none; border-style: none; border-collapse: collapse; margin: 0 auto; overflow: hidden; width: 100%; height: 768px; }
/*#featureMain { background-image:url(../../_images/global/background-01.jpg); background-repeat: no-repeat; margin: 0 auto; width: 872px; height: 770px; }*/
#featureMain { background-color: #000; margin: 0 auto; padding: 0; width: 872px; height: 768px; }
/*#featureImageArea { margin: 0 auto; width: 565px; height: 290px; }*/
#featureImageArea { margin: 0 auto; width: 872px; height: 762px; }
/*#featureArrows { margin: 189px auto; width: 52px; height: 10px; }*/
#featureArrows { margin: 279px auto; width: 52px; height: 10px; }

#footerContainer { background-color: #171717; overflow: hidden; position: fixed; bottom: 0; left: 0; width: 100%; height: 62px; z-index: 20; }
#footerWork { margin: 0 auto; width: 100%; height: 62px; }
#footerWorkLeft { float: left; margin: 0 auto; text-align: left; width: 10%; height: 62px; }
#footerWorkRight { float: left; margin: 0 auto; text-align: right; width: 10%; height: 62px; }
#footerWorkMid { float: left; margin: 0 auto; overflow: hidden; text-align: center; width: 80%; height: 62px; }

#folioContainer { background-color: #000000; /*border: 0px solid #000000;*/ border: none; border-style: none; border-collapse: collapse; padding-top: 120px; margin-left: auto; margin-right: auto; overflow: hidden; width: 100%; height: 768px; }
#folioContent { float: left; margin: 0px 0px 0px 37px; padding: 0; width: 670px; height: auto; }

#profileContainer { background-color: #fff; padding-top: 100px; margin-left: auto; margin-right: auto; overflow: hidden; width: 100%; height: 768px; }
#profileMain { margin: 0 auto; width: 720px; height: 443px; }
#profileSocial { margin: 0 auto; width: 720px; height: 200px; }
#profileRobotContainer { margin: 0 auto; width: 720px; height: 400px; }
#profileRobot { background-image:url(../../_images/global/robot.jpg); background-repeat: no-repeat; margin: -256px 0px 0px 501px; width: 206px; height: 400px; }




/* ---------- */
/* -- type -- */
/* ---------- */

p { color: #676767; float: left; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-style: italic; line-height: 16px; margin: 0; padding: 0; }
.mainNav { color: #676767; float: left; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; font-style: italic; line-height: 18px; }
.footerFeature { color: #676767; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; font-style: italic; line-height: 18px; }
.footerWork { font-size: 12px; line-height: 18px; margin: 0; padding: 0; }
.profileHeader { color: #676767; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 26px; font-style: italic; line-height: 26px; }
.profile { color: #676767; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; font-style: italic; line-height: 16px; }
.profileLight { color: #a7a7a7; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; font-style: italic; line-height: 15px; }
.profileDark { color: #171717; }

#infoHeader { color: #676767; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 26px; font-style: italic; line-height: 26px; }

.folioHeader { color: #fff; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-style: italic; font-size: 16px; line-height: 24px; margin: 0; padding: 0; }
.folioRoles { color: #a7a7a7; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-style: italic; font-size: 11px; line-height: 16px; margin: 0; padding: 0; }
.folioDescription { color: #676767; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-style: italic; font-size: 11px; line-height: 16px; margin: 0; padding: 0; }

a:link { border: none; border-style: none; color: #676767; text-decoration: none; }
a:visited { border: none; border-style: none; color: #676767; text-decoration: none; }
a:active { border: none; border-style: none; color: #fff; text-decoration: none; }
a:hover { border: none; border-style: none; color: #fff; text-decoration: none; }

a.nav:link { border: none; border-style: none; color: #7f7f7f; text-decoration: none; }
a.nav:visited { border: none; border-style: none; color: #7f7f7f; text-decoration: none; }
a.nav:active { border: none; border-style: none; color: #fff; text-decoration: none; }
a.nav:hover { border: none; border-style: none; color: #fff; text-decoration: none; }

a.folio:link { border: none; border-style: none; color: #a7a7a7; text-decoration: none; }
a.folio:visited { border: none; border-style: none; color: #a7a7a7; text-decoration: none; }
a.folio:active { border: none; border-style: none; color: #a7a7a7; text-decoration: none; }
a.folio:hover { border: none; border-style: none; color: #a7a7a7; text-decoration: none; }

a.footer:link { border: none; border-style: none; color: #676767; text-decoration: none; }
a.footer:visited { border: none; border-style: none; color: #676767; text-decoration: none; }
a.footer:active { border: none; border-style: none; color: #fff; text-decoration: none; }
a.footer:current { border: none; border-style: none; color: #fff; text-decoration: none; }
a.footer:hover { border: none; border-style: none; color: #fff; text-decoration: none; }

.highlightText:link { background-color: #a7a7a7; border: none; border-style: none; color: #676767; text-decoration: none; }
.highlightText:visited { background-color: #a7a7a7; border: none; border-style: none; color: #676767; text-decoration: none; }
.highlightText:active { background-color: #a7a7a7; border: none; border-style: none; color: #676767; text-decoration: none; }
.highlightText:current { background-color: #a7a7a7; border: none; border-style: none; color: #676767; text-decoration: none; }
.highlightText:hover { background-color: #a7a7a7; border: none; border-style: none; color: #fff; text-decoration: none; }

.noHighlightText:link { background-color: #171717; border: none; border-style: none; color: #676767; text-decoration: none; }
.noHighlightText:visited { background-color: #171717; border: none; border-style: none; color: #676767; text-decoration: none; }
.noHighlightText:active { background-color: #171717; border: none; border-style: none; color: #fff; text-decoration: none; }
.noHighlightText:current { background-color: #171717; border: none; border-style: none; color: #fff; text-decoration: none; }
.noHighlightText:hover { background-color: #171717; border: none; border-style: none; color: #fff; text-decoration: none; }




/* -------------- */
/* -- carousel -- */
/* -------------- */

.carouselLinks { margin: 0 auto; overflow: hidden; position: relative; width: 1000px; height: 62px; }
/*.featureImages { margin: 0 auto; overflow: hidden; position: relative; width: 565px; height: 420px; }*/
.featureImages { margin: 0 auto; overflow: hidden; position: relative; width: 565px; height: 520px; }
.beltLinks { float: left; margin-top: 22px; position: relative; }
.panelLinks { float: left; }




/* ----------------- */
/* -- home slider -- */
/* ----------------- */

.stripViewer { position: relative; margin: 0; overflow: hidden; width: 872px; height: 762px; }
.panelContainer	{ position: relative; margin: 0; width: 872px; height: 762px; }
.panel { float: left; margin: 0; width: 872px; height: 762px; }
.stripNavL, .stripNavR, .stripNav { display: none; }
.cross-link:link { border: none; border-style: none; color: #676767; text-decoration: none; }
.cross-link:visited { border: none; border-style: none; color: #676767; text-decoration: none; }
.cross-link:active { border: none; border-style: none; color: #fff; text-decoration: none; }
.cross-link:current { border: none; border-style: none; color: #fff; text-decoration: none; }
.cross-link:hover { border: none; border-style: none; color: #fff; text-decoration: none; }
.active-thumb { background-color: #a7a7a7; border: none; border-style: none; }




/* ------------ */
/* -- images -- */
/* ------------ */

/*#featureForHire { background-image:url(../../_images/screens/feature-forhire.jpg); background-repeat: no-repeat; width: 565px; height: 290px; }
#featureMostRecent { background-image:url(../../_images/screens/feature-mostrecent.jpg); background-repeat: no-repeat; width: 565px; height: 290px; }
#featureIPad { background-image:url(../../_images/screens/feature-ipaddeveloper.jpg); background-repeat: no-repeat; width: 565px; height: 290px; }
#featurePlaying { background-image:url(../../_images/screens/feature-playing.jpg); background-repeat: no-repeat; width: 565px; height: 290px; }
#featureStudio01 { background-image:url(../../_images/screens/feature-studio1.jpg); background-repeat: no-repeat; width: 565px; height: 290px; }
#featureStudio02 { background-image:url(../../_images/screens/feature-studio2.jpg); background-repeat: no-repeat; width: 565px; height: 290px; }
#featureStudio03 { background-image:url(../../_images/screens/feature-studio3.jpg); background-repeat: no-repeat; width: 565px; height: 290px; }*/