@charset "utf-8";
/*
CSS Document
Author: Kyle Reddoch
Author URL: http://www.kylereddoch.com
*/

html {
	overflow: hidden;
}

body {
	margin:0;
}

:focus {
	outline: 0;
}

.navigator {
	cursor:pointer;
}

img.nav {
	float:left;
}

div#main-conainer {
	width:3072px;
	height:1536px;
	margin:0 auto;
}

div#gallery {
	width:auto;
	height:auto;
	float:left;
}

/* PAGE POSITIONING */

.positioning {
	position: absolute;
	width: 1024px;
	height: 768px;
}

#start {
	top:0;
	left:0;
	margin:0;
}

#print {
	top:0;
	left:1024px;
	margin:0;
	background:#a17a94;
}

#ecommerce {
	top:0;
	left:2048px;
	margin:0;
	background:#abc178;
}

#contactstory {
	top:768px;
	left:0;
	margin:0;
	background:#ee6a56;
}

#logos {
	top:768px;
	left:1024px;
	margin:0;
	background:#81a5c0;
}

#webflash {
	top:768px;
	left:2048px;
	margin:0;
	background:#fec74e;
}

/* CONTENT POSITIONING */

#start .main {
	width:715px;
	height:573px;
	margin:95px 0px 100px 85px;
	float:left;
	padding:0 0 0 50px;
}

#start .navigation {
	width:154px;
	height:416px;
	margin:95px 0px 100px 0px;
	background:url(../images/bg_home-navigation.gif) no-repeat;
	padding:157px 0 0 20px;
	float:left;
}

#print .main, #ecommerce .main, #logos .main, #webflash .main, #contactstory .main {
	width:740px;
	height:599px;
	float:left;
	background:url(../images/bg_content.jpg) no-repeat;
	margin-left:15px;
	margin-top:10px;
	padding:19px 33px;
}

/** SHOWCASE **/

.item {
	display: block;
	float: left;
	width: 100px;
	height: 80px;
	cursor: pointer;
}
	/* PRINT */
	#ab {background-image:url(../images/thumbnails/print/AllodermBrochure.jpg);}
	#mpd {background-image:url(../images/thumbnails/print/1to1MagPageDesign.jpg);}
	#xab {background-image:url(../images/thumbnails/print/XfactorAdBooklet.jpg);}
	#stsb {background-image:url(../images/thumbnails/print/SMARTSTradeShowPosters.jpg);}
	#hpcd {background-image:url(../images/thumbnails/print/HudsonPartyCDArt.jpg);}
	#mpa {background-image:url(../images/thumbnails/print/1to1MagPrintAd.jpg);}
	#kwms {background-image:url(../images/thumbnails/print/KidsWatchMarketingSlicks.jpg);}
	#wcdm {background-image:url(../images/thumbnails/print/WatsonsCateringDirMail.jpg);}
	#wi {background-image:url(../images/thumbnails/print/WeddingInvitations.jpg);}
	#abpk {background-image:url(../images/thumbnails/print/AlisonBlairPressKit.jpg);}
	#mlb {background-image:url(../images/thumbnails/print/1to1MediaLeaveBehind.jpg);}
	#eb {background-image:url(../images/thumbnails/print/EXPpremBrochure.jpg);}
	
	/* LOGOS */
	
	#mi {background-image:url(../images/thumbnails/logos/1to1Media_Icons_Thmbnl.jpg);}
	#mn {background-image:url(../images/thumbnails/logos/1to1Media_Newsletter_Thmbnl.jpg);}
	#cl {background-image:url(../images/thumbnails/logos/CHUC_Logo_Thmbnl.jpg);}
	#sl {background-image:url(../images/thumbnails/logos/Stailista_Logo_Thmbnl.jpg);}
	#ll {background-image:url(../images/thumbnails/logos/LEI_Logo_Thmbnl.jpg);}
	#ihl {background-image:url(../images/thumbnails/logos/IntelHotels_Logo_Thmbnl.jpg);}
	#tdl {background-image:url(../images/thumbnails/logos/TotalDog_Logo_Thmbnl.jpg);}
	#lhbl {background-image:url(../images/thumbnails/logos/LHHuntBuilders_Logo_Thmbnl.jpg);}
	#jdrl {background-image:url(../images/thumbnails/logos/JD_Reunion_Logo_Thmbnl.jpg);}
	#wsl {background-image:url(../images/thumbnails/logos/Wovsaniker_Logo_Thmbnl.jpg);}
	#msl {background-image:url(../images/thumbnails/logos/MargStrong_Logo_Thmbnl.jpg);}
	#kcl {background-image:url(../images/thumbnails/logos/KaiserChili_Logos_Thmbnl.jpg);}
	
	/* ECOMMERCE */
	
	#mba {background-image:url(../images/thumbnails/ecommerce/1to1Media_BlogAd_Thmbnl.jpg);}
	#meb {background-image:url(../images/thumbnails/ecommerce/1to1Media_eMailBlasts_Thmbnl.jpg);}
	#mia {background-image:url(../images/thumbnails/ecommerce/1to1Media_ImpactAwardsAd_Thmbnl.jpg);}
	#fccba {background-image:url(../images/thumbnails/ecommerce/FFDCNTYBBY_BannerAd_Thmbnl.jpg);}
	#bba {background-image:url(../images/thumbnails/ecommerce/Billboard_BannerAds_Thmbnl.jpg);}
	#mss {background-image:url(../images/thumbnails/ecommerce/1to1Media_SellSheet_Series_Thmbnl.jpg);}
	#pbw {background-image:url(../images/thumbnails/ecommerce/PitBowes_WebinarAd_Thmbnl.jpg);}
	#ngc {background-image:url(../images/thumbnails/ecommerce/NeueGallery_ConceptPiece_Thmbnl.jpg);}
	#kwa {background-image:url(../images/thumbnails/ecommerce/Kidwatch_WebAds_Thmbnl.jpg);}
	#uwa {background-image:url(../images/thumbnails/ecommerce/Unica_WebinarAd_Thmbnl.jpg);}
	#spss {background-image:url(../images/thumbnails/ecommerce/SPSS_WebinarAd_Thmbnl.jpg);}
	#sasw {background-image:url(../images/thumbnails/ecommerce/SAS_WebinarAd_Thmbnl.jpg);}
	
	/* WEB/FLASH */
	
	#dpvl {background-image:url(../images/thumbnails/webflash/1to1%20DPeppers%20VideoLead.jpg);}
	#dmap {background-image:url(../images/thumbnails/webflash/1to1Media%20DMA%20Promo.jpg);}
	#mhc {background-image:url(../images/thumbnails/webflash/1to1Media%20HolidayCard.jpg);}
	#xn {background-image:url(../images/thumbnails/webflash/1to1Xfactor%20Newsletter.jpg);}
	#wn2 {background-image:url(../images/thumbnails/webflash/1to1Weekly%20Newsletter.jpg);}
	#ssn {background-image:url(../images/thumbnails/webflash/1to1SpeakingServ%20Newsletter.jpg);}
	#cse {background-image:url(../images/thumbnails/webflash/CherryStEast_Website.jpg);}
	#cmvl {background-image:url(../images/thumbnails/webflash/CarlsonMarketing%20VideoLead.jpg);}
	#tdn {background-image:url(../images/thumbnails/webflash/TotalDog_website_thm.jpg);}
	#sws {background-image:url(../images/thumbnails/webflash/StailistaWebSite_Thmbnl.jpg);}
	#ows {background-image:url(../images/thumbnails/webflash/OzoneWebSite_Thmbnl.jpg);}
	#rhc {background-image:url(../images/thumbnails/webflash/ReadHomeCare_thmbnl.jpg);}
	

.strip {
	padding-top: 20px;
}

.showcase {
	font-family:Tahoma;
	font-size: 11px;
	color: #FFF;
	padding:20px;
	line-height: 18px;
}

	#print .showcase { background-color: #d5c3cf; }
	#logos .showcase { background-color: #c6d6e3; }
	#ecommerce .showcase { background-color: #d9e3c2; }
	#webflash .showcase { background-color: #ffe6af; }

.showcasename {
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
}

	#print .showcasename { color: #a17a94;}
	#logos .showcasename { color: #81a5c0;}
	#ecommerce .showcasename { color: #abc178;}
	#webflash .showcasename { color: #fec74e;}

.showcase img {
	border: 10px solid #FFF;
	margin: 10px auto;
	display: block;
}

.close {
	float:right;
	display: block;
	font-weight: bold;
	cursor: pointer;
	font-size: 10px;
	text-transform: uppercase;
	background-color: #AA0000;
	padding: 2px 8px;
	margin-left: 4px;
	margin-bottom: 4px;
}