@charset "UTF-8";
/* www.XanderDavis.com | CSS Document 8/8/2010 */

/* HTML, Body */
html, body { height:100%; margin:0; padding:0; background:#000000 url('/_gfx/gui-bg.jpg') no-repeat center; background-position:top; background-scroll:no-scroll; background-attachment:fixed; margin:0; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:normal; color:#FFFFFF; }


/* Fade Rollover */
 div.fadehover { position: relative; }
 img.a { position: absolute; left: 0; top: 0; z-index: 10; }
 img.b { position: absolute; left: 0; top: 0; }


/* Typography */
p { font-size:14px; line-height:14px; }
h1 { color:#004682; font-family:Verdana; font-weight:lighter; font-size:10px; margin:0px; }
h2 { color:#ffffff; font-weight:lighter; font-size:24px; margin:0px; }
h3 { color:#fffcbb; font-weight:bold; font-size:14px; margin:0px; }
.date { color:#004682; font-family:Verdana; font-weight:lighter; font-size:10px; margin:0px; }

ul { margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0; }
li { margin-bottom:25px; }
ol { margin-bottom:25px; }

.main { font-size:18px; line-height:20px; }
.twitter_update_list { font-size:12px; }
.liveFeed { font-size:14px; }
.tracklist { font-size:14px; line-height:22px; }
.footer { font-family:Verdana; font-size:12px; color:#004682; }
.quoted { margin-left:300px; }
.lytetext { color: #000000; }

a:link { text-decoration: underline; color: #ffffff; }
a:visited { text-decoration: underline; color: #ffffff; }
a:hover { text-decoration: underline; color: #ffffff; }
a:active { text-decoration: underline; color: #ffffff; }

a.h1Link:link { text-decoration: none; color: #004682; }
a.h1Link:visited { text-decoration: none; color: #004682; }
a.h1Link:hover { text-decoration: none; color: #004682; }
a.h1Link:active { text-decoration: none; color: #004682; }

a.n:link { text-decoration: none; color: #ffffff; }
a.n:visited { text-decoration: none; color: #ffffff; }
a.n:hover { text-decoration: none; color: #ffffff; }
a.n:active { text-decoration: none; color: #ffffff; }

a.nU:link { text-decoration: none; color: #ffffff; }
a.nU:visited { text-decoration: none; color: #ffffff; }
a.nU:hover { text-decoration: underline; color: #ffffff; }
a.nU:active { text-decoration: none; color: #ffffff; }

a.tracklist:link { text-decoration: none; color: #ffffff; }
a.tracklist:visited { text-decoration: none; color: #ffffff; }
a.tracklist:hover { text-decoration: underline; color: #ffffff; }
a.tracklist:active { text-decoration: none; color: #ffffff; }

a.lyteLink:link { text-decoration: underline; color: #004682; }
a.lyteLink:visited { text-decoration: underline; color: #004682; }
a.lyteLink:hover { text-decoration: none; color: #004682; }
a.lyteLink:active { text-decoration: underline; color: #004682; }

a.footerLink:link { text-decoration: none; color: #004682; }
a.footerLink:visited { text-decoration: none; color: #004682; }
a.footerLink:hover { text-decoration: underline; color: #004682; }
a.footerLink:active { text-decoration: none; color: #004682; }


 /* Top Text */
 #topWrap { width:920px; margin:0 auto; }
 #topInfo { width:920px; height:23px; margin:0 auto; padding-top:10px; }
 #infoLeft {  width:450px; height:16px; margin:0; padding:0; padding-left:14px; float:left; }
 #infoRight { width:375px; height:16px; margin:0; padding:0;  padding-right:17px; float:right; }


/* Header */
 #header { width:920px; height:121px; margin:0 auto; margin-bottom:8px; background-image:url(/_gfx/gui-header.png); background-repeat:no-repeat; background-position:top; padding-bottom:0px; padding-left:0px; padding-right:0px; padding-top:12px; }
 #logo { width:214px; height:120px; float:left; margin:0; padding-left:13px; }
 #nav { width:690px; height:133px; float:right; padding:0px; }
 #navItem { width:144px; height:133px; float:left; margin-right:-10px; background-image:url(/_gfx/gui-nav-dropshadow.png); background-repeat:no-repeat; background-position:top; }


/* Showcase */
 #showcase { width:920px; height:454px; margin:0 auto; margin-top:5px; margin-bottom:5px; background-image:url(/_gfx/gui-showcase.png); background-repeat:no-repeat; background-position:top; padding-top:14px; }

/* Sub Tiles */
 #subTiles { width:920px; height:112px; margin:0 auto; margin-top:5px; margin-bottom:8px; }
 #subTileLeft { width:458px; height:112px; margin:0 auto; float:left; background-image:url(/_gfx/gui-half-tile.png); background-repeat:no-repeat; background-position:top; padding-top:14px; }
 #subTileRight { width:458px; height:112px; margin:0 auto; float:right; background-image:url(/_gfx/gui-half-tile.png); background-repeat:no-repeat; background-position:top; padding-top:14px; }
 #subTiles2 { width:920px; height:300px; margin:0 auto; margin-top:5px; margin-bottom:8px; }
 #subTileLeftColumn { width:458px; height:300px; float:left; margin:0 auto; }
 #subTileRightColumn { width:458px; height:300px; float:right; margin:0 auto; }

/* Mini-Strip */
 #miniStrip { width:870px; height:46px; margin:0 auto; margin-bottom:5px; padding-top:5px; background-image:url(/_gfx/gui-mini-strip.png); background-repeat:no-repeat; background-position:top; padding-left:25px; padding-right:25px; }
 #miniStripLeft { width:300px; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; padding-top:0px; padding-bottom:0px; padding-left:0px; padding-right:0px; float:left; }
 #miniStripRight { width:300px; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; padding-top:0px; padding-bottom:0px; padding-left:0px; padding-right:0px; float:right; }


/* Selected Works */
 #selectedWorks { width:920px; height:541px; margin:0 auto; margin-top:5px; margin-bottom:0px; background-image:url(/_gfx/gui-bg-game-selected-works.png); background-repeat:no-repeat; background-position:top; padding-top:18px; }


/* Slides Loading */
#loading { width: 32px; height: 32px; background:#000000 url('/_gfx/gui-loading.gif') no-repeat center; background-position:top; }


/* Slides */
.featuredbox-wrapper { display: none; }
.featuredbox-wrapper, .featuredbox { width: 920px; height: 447px; position: relative; overflow: hidden; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 9pt; font-weight: normal; }
.featuredbox ul.slides { list-style: none; list-style-type: none; margin: 0px; padding: 0px; }
.featuredbox ul.slides li{ list-style: none; list-style-type: none; margin: 0px; padding: 0px; position: absolute; top: 0px; left: 0px; width: 920px; height: 447px; }
.featuredbox .description { top:190px; color:#FFFFFF; left:590px; padding:3px 50px 0px 0px; position:absolute; z-index:100; height: 294px; }
.featuredbox-wrapper .navigation {  bottom:0px; color:#FFFFFF; right:0px; padding:0px 800px 10px -0px; position:absolute; z-index:100; }
.featuredbox-wrapper .navigation ul { list-style: none; list-style-type: none; margin: 0px; padding: 2px 0px 0px 0px; }
.featuredbox-wrapper .navigation li { list-style: none; list-style-type: none; margin: 0px 0px; padding: 3px 0px; }
.featuredbox-wrapper .navigation li img { border: solid 2px #000; }
.featuredbox-wrapper .navigation li.hover img { border: solid 2px #fff; }
.featuredbox-wrapper .navigation li.active img { border: solid 2px #fff; }
.featuredbox .box-slide1, .featuredbox .box-slide2 { position: absolute; top: 0px; left: 0px; height: 447px; width: 920px; z-index: -1; background: #00152d; }
.featuredbox .box-slide3 { background: #00152d; }
.featuredbox .box-slide4 { background: #00152d; }


/* Selected Works Slides */
.featuredbox2-wrapper { display: none; }
.featuredbox2-wrapper2 { }
.featuredbox2-wrapper, .featuredbox { width: 920px; height: 518px; position: relative; overflow: hidden; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 9pt; font-weight: normal; }
.featuredbox2 ul.slides { list-style: none; list-style-type: none; margin: 0px; padding: 0px; }
.featuredbox2 ul.slides li{ list-style: none; list-style-type: none; margin: 0px; padding: 0px; position: absolute; top: 0px; left: 0px; width: 920px; height: 518px; }
.featuredbox2 .description { top:190px; color:#FFFFFF; left:590px; padding:3px 50px 0px 0px; position:absolute; z-index:100; height: 294px; }
.featuredbox2-wrapper .navigation {  bottom:0px; color:#FFFFFF; right:0px; padding:0px 880px 10px -0px; position:absolute; z-index:100; }
.featuredbox2-wrapper .navigation ul { list-style: none; list-style-type: none; margin: 0px; padding: 0px 0px 0px 0px; }
.featuredbox2-wrapper .navigation li { list-style: none; list-style-type: none; margin: 0px 0px; padding: 0px 0px; }
.featuredbox2-wrapper .navigation li img { border: solid 2px #00489e; }
.featuredbox2-wrapper .navigation li.hover img { border: solid 2px #fff; }
.featuredbox2-wrapper .navigation li.active img { border: solid 2px #fff; }
.featuredbox2 .box-slide1, .featuredbox .box-slide2 { position: absolute; top: 0px; left: 0px; height: 518px; width: 920px; z-index: -1; background: #00152d; }
.featuredbox2 .box-slide3 { background: #00152d; }
.featuredbox2 .box-slide4 { background: #00152d; }


/* Low Section */
 #lowSection { background-color:#00142e; height:650px;  background-image:url(/_gfx/gui-bg-lowSection.jpg); }
 #liveUpdates { width:920px; height:404px; margin:0 auto; background-image:url(/_gfx/gui-bg-live-updates.jpg); background-repeat:no-repeat; background-position:top; }
 #leftUpdate { width:430px; height:370px; float:left; }
 #rightUpdate { width:430px; height:370px; float:right; }
 #updateWrapperM { width:378px; height:238px; }
 #updateWrapperT { width:378px; height:223px; }


/* Music Section */
 #musicLogo { width:140px; height:80px; float:left; padding-top:32px; padding-left:20px; }
 #spotify { width:56px; height:80px; float:left; padding-top:32px; padding-left:10px; }
#musicFeed { width:378px; height:238px; margin-top:8px; margin-left:40px; float:left; overflow:hidden; }
#moreMusic { width:108px; height:44px; margin-top:0px; margin-left:300px; float:left; }


/* Twitter Section */
 #twitterLogo { width:143px; height:80px; float:right; padding-top:22px; padding-right:20px; }
#twitterFeed { width:378px; height:223px; margin-top:22px; margin-right:40px; float:left; padding-top:15px; overflow:hidden; }
#moreTalk { width:108px; height:44px; margin-top:-4px; margin-left:25px; float:left; }


/* Content */
 #contentWrap { width:920px; margin:0 auto; margin-bottom:7px; }


/* About Xander */
 #aboutTopWrap { width:920px; height:507px; margin-top:5px; padding-bottom:8px; margin:0 auto; }
 #aboutXander { width:428px; height:480px; float:left; margin:0px; background-image:url(/_gfx/gui-bg-about-xander.png); background-repeat:no-repeat; background-position:top; padding-bottom:0px; padding-left:15px; padding-right:15px; padding-top:12px; }
 #aboutTopRightWrap { width:457px; height:492px; float:right; }
 #xander360 { width:457px; height:305px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:8px; background-image:url(/_gfx/gui-bg-xander-360.png); background-repeat:no-repeat; background-position:top; }
 #xanderXboxLive { width:150px; height:300px; float:left; margin-left:30px; background-image:url(/_gfx/gui-bg-avatar-shadow.png); background-repeat:no-repeat; background-position:top; }
 #xanderXboxLiveGamercardWrap { width:249px; height:185px; float:right; margin-top:60px; margin-right:28px; background-image:url(/_gfx/gui-bg-gamercard.png); background-repeat:no-repeat; background-position:top; }
 #xanderXboxLiveGamercard { width:204px; height:140px; margin-top:22px; margin-left:22px; margin-right:0px; margin-bottom:0px; }
 #aboutLinkedIn { width:457px; height:85px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:8px; }
 #aboutCV { width:457px; height:85px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:8px; }


/* Endorsements */
 #endorsementWrap { width:920px; height:200px; margin:0 auto; }
 #endorsementIconLeft { width:128px; height:128px; float:left; }
 #endorsementIconRight { width:128px; height:128px; float:right; }
 #quoteLeft { width:677px; height:127px; float:right; background-image:url(/_gfx/gui-bg-quote-left.png); background-repeat:no-repeat; background-position:top; padding-top:6px; padding-left:60px; padding-right:30px; padding-bottom:0px; }
 #quoteRight { width:677px; height:127px; float:left; background-image:url(/_gfx/gui-bg-quote-right.png); background-repeat:no-repeat; background-position:top; padding-top:6px; padding-right:60px; padding-left:30px; padding-bottom:0px; }
 #moreEndorsementsWrap { width:920px; height:650px; margin-bottom:10px; }
 #moreEndorsementsLeft { width:428px; height:649px; margin-top:5px; margin-bottom:0px; margin-left:0px; margin-right:0px; padding-left:15px; padding-right:15px; padding-top:12px; float:left; background-image:url(/_gfx/gui-bg-about-more-endorsements.png); background-repeat:no-repeat; background-position:top; }
 #moreEndorsementsRight { width:428px; height:649px; margin-top:5px; margin-bottom:0px; margin-left:0px; margin-right:0px; padding-left:15px; padding-right:15px; padding-top:12px; float:right; background-image:url(/_gfx/gui-bg-about-more-endorsements.png); background-repeat:no-repeat; background-position:top; }


/* Games */
 #gamesRow { width:920px; height:288px; margin-top:0px; margin-bottom:8px; background-image:url(/_gfx/gui-bg-games-row.png); background-repeat:no-repeat; }
 #stickerShipped { width:61px; height:64px; top:210px; left:60px; background-image:url(/_gfx/games-sticker-shipped.png); background-repeat:no-repeat;  z-index:2; position:relative; }
 #stickerWIP { width:60px; height:63px; top:210px; left:60px; background-image:url(/_gfx/games-sticker-work-in-progress.png); background-repeat:no-repeat;  z-index:2; position:relative; }
 #stickerHiatus { width:44px; height:48px; top:210px; left:60px; background-image:url(/_gfx/games-sticker-hiatus.png); background-repeat:no-repeat;  z-index:2; position:relative; }
 #stickerConcept { width:48px; height:52px; top:210px; left:60px; background-image:url(/_gfx/games-sticker-concept.png); background-repeat:no-repeat;  z-index:2; position:relative; }
 #gameBoxBlank { width:230px; height:285px; float:left; position:relative; top:0px; left:0px; z-index:1; }


/* Game Boxes */
 #gameBoxCentricDare01 { width:230px; height:285px; float:left; position:relative; top:0px; left:0px; z-index:1; background-image:url(/_gfx/games-ipad-centricdare01.png); background-repeat:no-repeat; }
 #gameBoxMarathon { width:230px; height:285px; float:left; position:relative; top:0px; left:0px; z-index:1; background-image:url(/_gfx/games-ipad-marathon.png); background-repeat:no-repeat; }
 #gameBoxBounceIt { width:230px; height:285px; float:left; position:relative; top:0px; left:0px; z-index:1; background-image:url(/_gfx/games-ipad-bounceit.png); background-repeat:no-repeat; }
 #gameBoxXaviant { width:230px; height:285px; float:left; position:relative; top:0px; left:0px; z-index:1; background-image:url(/_gfx/games-xbox-xaviant.png); background-repeat:no-repeat; }
 #gameBoxLD18 { width:230px; height:285px; float:left; position:relative; top:0px; left:0px; z-index:1; background-image:url(/_gfx/games-flash-bombcrash.png); background-repeat:no-repeat; }
 #gameBoxTWFC { width:230px; height:285px; float:left; position:relative; top:0px; left:0px; z-index:1; background-image:url(/_gfx/games-xbox-transformers-war-for-cybertron.png); background-repeat:no-repeat; }
 #gameBoxAlloyAthena { width:230px; height:285px; float:left; position:relative; top:0px; left:0px; z-index:1; background-image:url(/_gfx/games-xbox-alloy-athena.png); background-repeat:no-repeat; }
 #gameBox100YearsAsleep { width:230px; height:285px; float:left; position:relative; top:0px; left:0px; z-index:1; background-image:url(/_gfx/games-flash-100-years-asleep.png); background-repeat:no-repeat; }
 #gameBoxEvolver { width:230px; height:285px; float:left; position:relative; top:0px; left:0px; z-index:1; background-image:url(/_gfx/games-flash-evolver.png); background-repeat:no-repeat; }
 #gameBoxXSMB { width:230px; height:285px; float:left; position:relative; top:0px; left:0px; z-index:1; background-image:url(/_gfx/games-flash-xanders-super-mario-bros.png); background-repeat:no-repeat; }
 #gameBoxAgentOverworld { width:230px; height:285px; float:left; position:relative; top:0px; left:0px; z-index:1; background-image:url(/_gfx/games-iphone-agent-overworld.png); background-repeat:no-repeat; }
 #gameBoxNovabound { width:230px; height:285px; float:left; position:relative; top:0px; left:0px; z-index:1; background-image:url(/_gfx/games-flash-novabound.png); background-repeat:no-repeat; }


/* Game */
 #gameWrap { width:920px; height:476px; margin-top:5px; padding-bottom:0px; margin:0 auto; margin-bottom:5px; }
 #gameOverview { width:427px; height:446px; float:left; margin:0px; background-image:url(/_gfx/gui-bg-game-overview.png); background-repeat:no-repeat; background-position:top; padding-bottom:0px; padding-left:15px; padding-right:15px; padding-top:30px; }
 #gameTopRightWrap { width:457px; height:477px; float:right; }
 #gameDetails { width:457px; height:383px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:8px; background-image:url(/_gfx/gui-bg-game-details.png); background-repeat:no-repeat; background-position:top; }
 #gameLinks { width:457px; height:85px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; background-image:url(/_gfx/gui-bg-game-links.png); background-repeat:no-repeat; background-position:top; }
 #gameDetailsLeft { width:182px; height:363px; margin-top:20px; margin-left:18px; margin-right:20px; float:left; }
 #gameDetailsRight { width:230px; height:363px; margin-top:20px; float:right; align:center; }
 #gameLinkIcon { width:82px; height:82px; margin-left:15px; margin-right:15px; float:left; background-image:url(/_gfx/gui-btn-dropshadow.png); background-repeat:no-repeat; background-position:top; }


/* Design */
 #designRow { width:920px; height:288px; margin-bottom:8px; background-image:url(/_gfx/gui-bg-design-row.png); background-repeat:no-repeat; }
 #designItems { width:918px; height:288px; margin:0 auto; margin-right:-4px; }
 #designItem { width:315px; height:288px; float: left; margin-left:-9px; }


/* Music */
 #musicRow { width:920px; height:288px; margin-bottom:8px; background-image:url(/_gfx/gui-bg-music-row.png); background-repeat:no-repeat; }
 #musicItems { width:918px; height:288px; margin:0 auto; margin-right:-4px; }
 #musicItem { width:315px; height:266px; float: left; margin-left:-9px; }
 #musicStoreIcons { width:900px; height:82px; margin:0 auto; padding-top:30px; }
 #musicStoreIcon { width:82px; height:82px; margin-left:15px; margin-right:15px; float:left; background-image:url(/_gfx/gui-btn-dropshadow.png); background-repeat:no-repeat; background-position:top; }


/* Contact */
 #contactWrap { width:920px; height:341px; margin-bottom:8px; background-image:url(/_gfx/gui-bg-contact.png); background-repeat:no-repeat; }
 #contactDomo { width:415px; height:360px; float:left; background-image:url(/_gfx/contact-domo.png); background-repeat:no-repeat; background-position:top; margin-top:-12px; margin-left:12px; }
 #contactItems { width:485px; height:341px; float:right; }
 #contactEmail { width:380px; height:92px; float:left; background-image:url(/_gfx/gui-bg-contact-frame.png); background-repeat:no-repeat; background-position:top; margin-top:16px; }
 #contactPhone { width:380px; height:92px; float:left; background-image:url(/_gfx/gui-bg-contact-frame.png); background-repeat:no-repeat; background-position:top; margin-top:16px; margin-left:40px; }
 #contactLinkedIn { width:380px; height:92px; float:left; background-image:url(/_gfx/gui-bg-contact-frame.png); background-repeat:no-repeat; background-position:top; margin-top:16px; margin-left:80px; }
 #contactIcon { width:82px; height:82px; margin-left:15px; margin-right:15px; margin-top:8px; float:left; background-image:url(/_gfx/gui-btn-dropshadow.png); background-repeat:no-repeat; background-position:top; }
#contactLabel { width:265px; height:50px; float:left; margin-top:30px; margin-left:-10px; }


/* 404 */
 #image404 { width:587px; height:221px; margin:0 auto; background-image:url(/_gfx/404.png); background-repeat:no-repeat; background-position:top; }

/* Footer */
 #footer { width:920px; height:141px; margin:0 auto; margin-top:6px; padding-top:30px; background-image:url(/_gfx/gui-footer.png); background-repeat:no-repeat; background-position:top; }
 #footerLogo { width:145px; height:51px; float:left; }
 #footerText { width:733px; float:right; margin-top:-4px; }