@charset "utf-8";

/* Site Wide Styles */
body { background: transparent url(/images/bg-site.jpg) 0 0 repeat; font-family: Arial, Helvetica, sans-serif; line-height: 18px; font-size: 12px; color: #fff; margin: 25px 0; }
img { border: 0; }
a { text-decoration: none; font-weight: bold; color: #FFFD00; }
a:hover { text-decoration: none; color: #f53b3d !important; }
a:visited { text-decoration: none; font-weight: bold; color: #FFFD00; }

/* Site Wide Classes */
.clear { clear: both; }
.link { display: block; text-align: right; color: #fffd00; font-weight: bold; }
.tip-wrap { z-index: 999 !important; }

/* Navigation */
#TWGRoute { float: left; width: 644px; padding-left: 70px; }
.navBlog { z-index: 96; float: right; width: 172px; position: relative; right: 0px; }
	.navBlog a { background: transparent url(../images/nav-blog.png) 0 0 no-repeat; width: 172px; height: 201px; display: block; }
	.navBlog a:hover { background-position: -180px 0; z-index: 101; position: relative; }
.navResume { z-index: 97; float: right; width: 175px; position: relative; right: -50px; }
	.navResume a { background: transparent url(../images/nav-resume.png) 0 0 no-repeat; width: 175px; height: 230px; display: block; }
	.navResume a:hover { background-position: -175px 0; width: 196px; display: block; }
.navAbout { z-index: 98; float: right; width: 180px; position: relative; right: -70px; }
	.navAbout a { background: transparent url(../images/nav-aboutme.png) 0 0 no-repeat; width: 180px; height: 208px; display: block; }
	.navAbout a:hover { background-position: -179px 0; }
.navPortfolio { z-index: 99; width: 194px; position: absolute; }

/* Slider Styles */
#rotateGallery { list-style:none; list-style-type:none; margin:0px; padding:0px; position:relative; height:194px; width:221px; }
#rotateGallery li { position:absolute; width:194px; text-align:center; }


/* Main ID's */
#splash { margin: 0 auto; text-align: center; margin-top: 20px; }
#TravelingWebGuy { width: 970px; margin: 0 auto; }
#TWGLogo { width: 256px; height: 152px; float: left; }
#Travel { float: left; width: 970px; }
#TWGFooter { margin-top: 10px; float: left; }
#slideForm { position: relative; z-index: 990; height: 190px; margin-left: 42px; left: 0; float: left; border: 1px solid #666; background-color: #fff; }

/* Home Page IDs */
#TravelBlog { float: left; width: 270px; }
#HireMe { float: left; width: 700px; text-align: right; margin-top: 30px; background: transparent url(/images/hire-map.png) top right no-repeat; height: 137px; }
#Tools { float: left; margin-top: 20px; width: 970px; height: 180px; }
#toolText { position: relative; z-index: 109; display: 202px; float: left; }
#thumbDrive { position: relative; z-index: 110; left: -40px; top: -15px; float: left; width: 101px; }
#aboutMe { float: left; width: 970px; position: relative; top: -10px; }
#artwork { float: left; width: 970px; position: relative; }
#elementImg { float: left; position: relative; left: -8px; top: 5px; z-index: 103px; width: 265px; }
#favChange { position: relative; left: -20px; float: left; width: 560px !important; }
#favItem, #favElement { position: relative; overflow: hidden; width: 560px; }

/* Subpage IDs */
#itemNav { margin-top: 20px; }
#portfolio { margin-top: 20px; float: left; width: 970px; }
#portfolioItem, #categoryItem { float: left; width: 970px; }
#portfolioContent { float: left; width: 930px; padding: 0 20px; }

/* Home Page Classes */
.polaroids { position: relative; z-index: 101; width: 714px; float: left; overflow: visible; }
.myTools { position: relative; float: left; width: 257px; }
.myInfo { float: left; width: 600px; position: relative; }
.perspective { position: relative; float: left; width: 370px; text-align: center; top: 8px; z-index: 101; }
.artHeader { float: left; width: 547px; margin-left: 30px; }
.wacomTablet { float: left; width: 393px; position: relative; z-index: 104; }
.favArtwork { float: left; width: 312px; margin-left: -15px; position: relative; overflow: hidden; }
	.favArtwork p { width: 280px; }
.SlideItMoo_forward {  top: 23px; left: 425px; display: block; position: relative; cursor: pointer; width: 85px; height: 9px; background: url(/images/btn-nextfav.png) no-repeat 0; }
	.SlideItMoo_forward:hover { background-position: -85px 0; }
.SlideItMoo_back { left: 250px; top: 335px; background: url(/images/btn-previousfav-orig.png) no-repeat 0; display: block; position: absolute; cursor: pointer; width: 104px; height: 9px; }
	.SlideItMoo_back:hover { background-position: -104px 0; }
img.squiggle { float: left; margin-left: 15px; position: relative; left: 325px; }
.favLinkPrev { margin-left: 225px; margin-top: 20px; float: left; width: 120px; }
.favLinkNext { margin-right: 5px; margin-top: 20px; float: left; width: 105px; text-align: right; }
.smPolaroids { text-align: center; }
.rsvThumb { position: relative; z-index: 102; float: left; width: 141px; }
	.rsvThumb a { display: block; width: 141px; height: 163px; background: transparent url(/images/polaroid-rsv.png) 0 0 no-repeat; }
	.rsvThumb a:hover { background-position: -141px 0; }
.robbThumb { position: relative; z-index: 103; left: -22px; float: left; width: 139px; }
	.robbThumb a { display: block; width: 139px; height: 162px; background: transparent url(/images/polaroid-robbcarter.png) 0 0 no-repeat; }
	.robbThumb a:hover { background-position: -141px 0; }
.nexgenThumb { position: relative; z-index: 107; left: -45px; float: left; width: 137px; }
	.nexgenThumb a { display: block; width: 137px; height: 160px; background: transparent url(/images/polaroid-nexgen.png) 0 0 no-repeat; }
	.nexgenThumb a:hover { background-position: -138px 0; }
.digiThumb { position: relative; z-index: 104; left: -65px; float: left; width: 136px; }
	.digiThumb a { display: block; width: 136px; height: 160px; background: transparent url(/images/polaroid-digisnacks.png) 0 0 no-repeat; }
	.digiThumb a:hover { background-position: -139px 0; }
.jimmyThumb { position: relative; z-index: 105; left: -95px; float: left; width: 138px; }
	.jimmyThumb a { display: block; width: 138px; height: 160px; background: transparent url(/images/polaroid-jimmy.png) 0 0 no-repeat; }
	.jimmyThumb a:hover { background-position: -141px 0; }
.shopgripitThumb { position: absolute; z-index: 106; left: 570px; float: left; width: 142px; }
	.shopgripitThumb a { display: block; width: 142px; height: 164px; background: transparent url(/images/polaroid-shopgripit.png) 0 0 no-repeat; }
	.shopgripitThumb a:hover { background-position: -146px 0; }
.brushArt { float: left; width: 108px; }
	.brushArt a { display: block; width: 108px; height: 122px; background: transparent url(/images/polaroid-2d3d.png) 0 0 no-repeat; }
	.brushArt a:hover { background-position: -109px 0; }
.illustration { float: left; width: 108px; }
	.illustration a { display: block; width: 108px; height: 122px; background: transparent url(/images/polaroid-dvdillustration.png) 0 0 no-repeat; }
	.illustration a:hover { background-position: -109px 0; }
.colouring { float: left; width: 108px; }
	.colouring a { display: block; width: 110px; height: 125px; background: transparent url(/images/polaroid-linedcolouring.png) 0 0 no-repeat; }
	.colouring a:hover { background-position: -111px 0; }
.copyIcons { float: left; width: 570px; text-align: right; margin-top: 3px; }
	.copyIcons img { margin: 0 5px; }
	
/* Subpage Classes */
.indentHdr { margin-left: 60px; }
.screenShot { width: 420px; float: left; margin-left: 10px; }
.catSection { width: 390px; float: left; margin-left: 60px; min-height: 200px; margin-top: 30px; }
.thumbs { width: 535px; float: left; margin-left: 5px; }
.screenThumb { float: left; width: 164px; min-height: 190px; margin-right: 10px; margin-bottom: 10px; }
.portfolioDesc { float: left; width: 970px; margin-top: 15px; }
.catListing { float: left; width: 640px; margin-top: 15px; }
.catImage { float: left; width: 325px; margin-top: 15px; }
.catThumbImage { float: left; width: 245px; display: block; height: 70px; margin-left: 10px; font-size: 11px; }
.catThumbImage span { padding-left: 5px; }
.portfolioResume { float: left; width: 280px; padding: 0 10px; margin-right: 5px; }