@charset "utf-8";
/* CSS Document */
body {color:#FFF; overflow-y:scroll; overflow-x:scroll; margin:0px; padding:0px; background-color:#D6D82D}
p  {font-size:18px; line-height:19px; margin:0px; padding:0px;}
h1 {font-size:20px; line-height:20px; margin:0px 0px 0px 0px; padding:0px; font-family:Arial, Helvetica, sans-serif;}
h2 {font-size:13px; line-height:15px; margin:0px 0px 10px 0px; padding:0px; font-family:Arial, Helvetica, sans-serif; color:#999}
h3 {font-size:15px; line-height:10px; margin:0px 10px 10px 0px; padding:0px; font-family:Arial, Helvetica, sans-serif;}
/**h3 {line-height:19px; font-size:18px; margin:0px; padding:0px; text-align:center;}**/
h4 {font-size:13px; line-height:13px; margin:0px 0px 0px -15px; padding:0px; font-family:Arial, Helvetica, sans-serif}
h5 {line-height:12px; font-size:12px; margin:0px; padding:5px;}
h6 {line-height:10px; font-size:13px; margin:0px 10px 10px 0px; padding:0px; float:left;}
ol {list-style:disc; margin:0px 15px 15px 15px; line-height:14px; float:left; padding:0px; text-align:left; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.printCostTable {line-height:12px; font-size:12px; margin:0px 10px 0px 0px; padding:0px; font-family:Arial, Helvetica, sans-serif}
.printCostTable td {padding:5px; text-align:center}
#Container {position:absolute; left:0px; top:0px; height: 1024px; width:1440px; background-color:#D6D82E}
#background {background-image:url(http://www.247graphics.co.uk/Images/Background.jpg);position:absolute; left:0px; top:0px; height: 1024px; width:1440px;}
#backgroundGallery {background-image:url(http://www.247graphics.co.uk/Images/Gallery_Background.jpg);position:absolute; left:0px; top:0px; height: 1024px; width:1440px;}
#backgroundDesigntime {background-image:url(http://www.247graphics.co.uk/Images/BackgroundPlain.jpg);position:absolute; left:0px; top:0px; height: 1024px; width:1440px;; margin:auto; z-index:0}
#backgroundHow {background-image:url(http://www.247graphics.co.uk/Images/BackgroundPlain.jpg);position:absolute; left:0px; top:0px; height: 1024px; width:1440px; margin:auto; z-index:0}
#backgroundContactUs {background-image:url(http://www.247graphics.co.uk/Images/ContactUs_Background.jpg);position:absolute; left:0px; top:0px; height: 1024px; width:1440px;}
#backgroundPrintRoom {background-image:url(http://www.247graphics.co.uk/Images/Printroom_Background.jpg);position:absolute; left:0px; top:0px; height: 1024px; width:1440px;}
#backgroundPrintCost {background-image:url(http://www.247graphics.co.uk/Images/PrintCost_Background.jpg);position:absolute; left:0px; top:0px; height: 1024px; width:1440px;}

#tv	{background-image:url(http://www.247graphics.co.uk/Images/tv.png); width:1107px; height:706px; text-align:center; position:absolute; left:75px; top:200px; z-index:5;}
#whiteboard	{background-image:url(http://www.247graphics.co.uk/Images/whiteboard.png); width:1230px; height:822px; text-align:center; margin: 0px; padding:0px; position:absolute; top:200px; left: 15px; z-index:5;}

a:link, a:visited {color:#000;text-decoration:none;}
span {border:none;}

/****Navigiation Menu****/
ul	{position:absolute; left:40px; top: 0px; width:330px; height:294px; list-style:none; margin:0px; padding:0px; display:block}
#navSign {background-image:url(http://www.247graphics.co.uk/Images/ButtonSign.png); width:325px; height:328px; position:absolute; top:-20px; left:30px; z-index:10; margin:0px;}
#locationNavPrintRoom	{position:absolute; left:-25px; top: 55px; width:330px; height:294px; list-style:none; margin:0px; padding:0px; display:block}
#locationNavGallery	{position:absolute; left:-80px; top: 150px; width:330px; height:294px; list-style:none; margin:0px; padding:0px; display:block}
#locationNavHome	{position:absolute; left:-55px; top: 47px; width:330px; height:294px; list-style:none; margin:0px; padding:0px; display:block}
#locationNavContact	{position:absolute; left:-10px; top: 59px; width:330px; height:294px; list-style:none; margin:0px; padding:0px; display:block}
#locationNavHow {position:absolute; left:-63px; top: 70px; width:330px; height:294px; list-style:none; margin:0px; padding:0px; display:block}
#locationNavDesigntime {position:absolute; left:-63px; top: 70px; width:330px; height:294px; list-style:none; margin:0px; padding:0px; display:block}
ul li 	{position:relative; width:270px; height:40px; left:50px; top:10px; display:block; float:left; }

/********** 	***********/
/***Rollover Home Button***/
ul.navMenu li a.graphics  {background-image:url(http://www.247graphics.co.uk/Images/Buttons.png); background-position: 20px 0px; width:275px; height:36px; position:absolute; background-repeat:no-repeat; }
ul.navMenu li a:hover.graphics	{background-position: -265px 0px}
ul.navMenu li a:active.graphics	{background-position: -545px 0px}
/***Rollover Monitor Image***/
#monitor {position:absolute; top:279px; left: 509px;}
ul.navMenu li a .monitor {display:none;}
ul.navMenu li a:hover .monitor {display:block; position:absolute; top:142px; left:474px;}
.rolloverMonitor	{display:block; width:218px; height:250px; text-decoration:none; background:url(http://www.247graphics.co.uk/Images/Rollover_Monitor.png);}
.rolloverMonitor:hover	{background:url(http://www.247graphics.co.uk/Images/Rollover_Monitor_Over.png);}
/***Rollover Home Button Position***/
#monitor a .Map	{display:none;}
#monitor a:hover .Map 	{display:block; position:absolute; left:-481px; top:-144px; z-index:99;}


/********** 	***********/
/***Menu Button Design Time***/
ul.navMenu li a.designtime {background-image:url(http://www.247graphics.co.uk/Images/Buttons.png); background-position: 20px -36px; width:275px; height:36px; position:absolute; background-repeat:no-repeat; }
ul.navMenu li a:hover.designtime	{background-position: -265px -36px}
ul.navMenu li a:active.designtime	{background-position: -545px -36px}
/***Rollover Design Time Image***/
#designtime {position:absolute; top:334px; left: 720px;}
.rolloverTv	{display:block; width:276px; height:277px; text-decoration:none; background:url(http://www.247graphics.co.uk/Images/Rollover_Tv.png);}

/********** 	***********/
/***Rollover Gallery Button***/
ul.navMenu li a.gallery  {background-image:url(http://www.247graphics.co.uk/Images/Buttons.png); background-position: 20px -72px; width:275px; height:36px; position:absolute; background-repeat:no-repeat; }
ul.navMenu li a:hover.gallery	{background-position: -265px -72px}
ul.navMenu li a:active.gallery	{background-position: -545px -72px}
#portfolio {position:absolute; bottom:93px; left: 357px;}
ul.navMenu li a .images	{display:none;}
ul.navMenu li a:hover .images	{display:block; position:absolute; top:452px; left:322px;}
/***Rollover Portfolio Image***/
.rolloverPortfolio	{display:block; background:url(http://www.247graphics.co.uk/Images/Rollover_Table.png); width:406px; height:382px; text-decoration:none;}
.rolloverPortfolio:hover	{background:url(http://www.247graphics.co.uk/Images/Rollover_Table_Over.png);}
#portfolio a .Map	{display:none;}
#portfolio a:hover .Map 	{display:block; position:absolute; left:-327px; top:-453px; z-index:99;}

/********** 	***********/
/***Rollover How Button***/
ul.navMenu li a.how  {background-image:url(http://www.247graphics.co.uk/Images/Buttons.png); background-position: 20px -108px; width:275px; height:36px; position:absolute; background-repeat:no-repeat; }
ul.navMenu li a:hover.how	{background-position: -265px -108px}
ul.navMenu li a:active.how	{background-position: -545px -108px}


/********** 	***********/
/***Rollover Print Button***/
ul.navMenu li a.print  {background-image:url(http://www.247graphics.co.uk/Images/Buttons.png); background-position: 20px -144px; width:275px; height:36px; position:absolute; background-repeat:no-repeat; }
ul.navMenu li a .knife {display:none;}
ul.navMenu li a:hover.print	{background-position: -265px -144px}
ul.navMenu li a:active.print	{background-position: -545px -144px}
/***Rollover Print Room Image***/
#printroom {position:absolute; top:202px; right: 140px;}
ul.navMenu li a:hover .knife {display:block; position:absolute; top:24px; left:1004px;}
.rolloverKnife	{display:block; width:261px; height:676px; text-decoration:none; background:url(http://www.247graphics.co.uk/Images/Rollover_Knife.png);}
.rolloverKnife:hover	{background:url(http://www.247graphics.co.uk/Images/Rollover_Knife_Over.png);}
/***Rollover Print Room Button Position***/
#printroom a .Map	{display:none;}
#printroom a:hover .Map 	{display:block; position:absolute; left:-1010px; top:-27px; z-index:99;}

/********** 	***********/
/***Rollover Print Cost Button***/
ul.navMenu li a.costs  {background-image:url(http://www.247graphics.co.uk/Images/Buttons.png); background-position: 20px -180px; width:275px; height:36px; position:absolute; background-repeat:no-repeat; }
ul.navMenu li a:hover.costs	{background-position: -265px -180px}
ul.navMenu li a:active.costs	{background-position: -545px -180px}
ul.navMenu li a .knifeCosts {display:none;}
ul.navMenu li a:hover .knifeCosts {display:block; position:absolute; top:-16px; left:1004px;}



/********** 	***********/
/***Menu Button Contact***/
ul.navMenu li a.contact  {background-image:url(http://www.247graphics.co.uk/Images/Buttons.png); background-position: 20px -216px; width:275px; height:36px; position:absolute; background-repeat:no-repeat; }
ul.navMenu li a:hover.contact	{background-position: -265px -216px}
ul.navMenu li a:active.contact	{background-position: -545px -216px}
/***Rollover Contact Image***/
#phone {position:absolute; top:286px; left: 0px;}
ul.navMenu li a .phone {display:none;}
ul.navMenu li a:hover .phone {display:block; position:absolute; top:29px; left:-35px;}
.rolloverPhone	{display:block; width:317px; height:326px; text-decoration:none; background:url(http://www.247graphics.co.uk/Images/Rollover_Phone.png);}
.rolloverPhone:hover	{background:url(http://www.247graphics.co.uk/Images/Rollover_Phone_Over.png);}
/***Rollover Contact Button Position***/
#phone a .Map	{display:none;}
#phone a:hover .Map 	{display:block; position:absolute; left:28px; top:-30px; z-index:5}

#logoWindow	{position:absolute; left: 359px; top: 100px; margin:0px; padding:0px; width:900px; height:362px;}
#logoWindow .logo {position:relative; left: 0px; top:0px; width:193px; height:193px;display:block; margin:0px 79px 70px 0px; float:left}

/***How***/
.speechbubbleText {position:absolute; left:673px; top:308px; background-image:url(http://www.247graphics.co.uk/Images/speech.png); width:486px; height:402px; margin:0px; padding:0px; z-index:5}
#locationTextHow {position:absolute; left:35px; top:110px; width:400px; height:250px; color:#000; font-family:"Arial Black", Gadget, sans-serif; font-size:16px; text-align:center; margin:0px; padding:0px; z-index:5}
#designMap {width:200px; height:500px; position:absolute; left:370px; top:260px; padding:0px; margin:0px; z-index:20}
#designMap .meeting {width:200px; height:50px; position:relative; display:block;padding:0px; margin:0px 0px 20px 0px;}
#speech a .meetingMap  {display:none;}
#speech a:hover .meetingMap	{display:block; position:absolute; left:303px; top:48px; z-index:5}
#designMap .think {width:200px; height:50px; position:relative; display:block;padding:0px; margin:0px 0px 20px 0px;}
#think a .thinkMap  {display:none;}
#think a:hover .thinkMap	{display:block; position:absolute; left:303px; top:-22px; z-index:6}
#designMap .innovate {width:200px; height:50px; position:relative; display:block;padding:0px; margin:0px 0px 20px 0px;}
#innovate a .innovateMap  {display:none;}
#innovate a:hover .innovateMap	{display:block; position:absolute; left:303px; top:-92px; z-index:6}
#designMap .create {width:200px; height:50px; position:relative; display:block;padding:0px; margin:0px 0px 50px 0px;}
#create a .createMap  {display:none;}
#create a:hover .createMap	{display:block; position:absolute; left:303px; top:-162px; z-index:6}
#designMap .propose {width:200px; height:70px; position:relative; display:block;padding:0px; margin:0px 0px 10px 0px;}
#propose a .proposeMap  {display:none;}
#propose a:hover .proposeMap	{display:block; position:absolute; left:303px; top:-262px; z-index:6}
#designMap .refine {width:200px; height:70px; position:relative; display:block;padding:0px; margin:0px 0px 20px -140px;}
#refine a .refineMap  {display:none;}
#refine a:hover .refineMap	{display:block; position:absolute; left:443px; top:-342px; z-index:6}
#designMap .evaluate {width:200px; height:70px; position:relative; display:block;padding:0px; margin:-95px 0px 100px 100px;}
#evaluate a .evaluateMap  {display:none;}
#evaluate a:hover .evaluateMap	{display:block; position:absolute; left:203px; top:-337px; z-index:6}
#designMap .execute {width:200px; height:70px; position:relative; display:block;padding:0px; margin:0px 0px 20px 0px;}
#execute a .executeMap  {display:none;}
#execute a:hover .executeMap	{display:block; position:absolute; left:303px; top:-507px; z-index:6}

/***Design Time***/
#locationForm {position:absolute; left:200px; top:500px; color:#000; font-family:"Arial Black", Gadget, sans-serif; font-size:20px;}

/***Print Costs***/
#locationTextPrint {position:absolute; left:290px; /**top:490px;**/ top:500px; width:715px; height:530px; color:#000; overflow-x:none; overflow-y:scroll}


/***Print Room***/
#locationTextPrintRoom {position:absolute; left:20px; top:40px; width:600px; height:530px; color:#999; text-align:center; font-family:Arial, Helvetica, sans-serif}
#printroomBubble {background-image:url(http://www.247graphics.co.uk/Images/printroom_Bubble.png); position:absolute; left:395px; top:-25px; height:472px; width:648px; margin:0px; padding:0px}
/***Titan 110 Speec Bubble***/
#printroomBubble .titan110 {width:130px; height:316px; position:absolute; left:420px; top:425px; display:block; padding:0px; margin:0px; z-index:10;}
#printroomBubble a .titan110Image, #printroomBubble a .titan110Text, #printroomBubble a .titan110SubText, #printroomBubble a .titan110List {display:none;}
#printroomBubble a:hover .titan110Image {display:block; position:absolute; left:-418px; top:-417px; z-index:6;}
#printroomBubble a:hover .titan110Text {display:block; color:#CBD300; margin:0px; padding:0px; font-size:20px; font-family:Arial, Helvetica, sans-serif; position:absolute; top:-393px; left:-220px; z-index:10; width:632px; height:420px;}
#printroomBubble a:hover .titan110SubText {display:block; font-size:17px; line-height:18px; color:#999; margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; text-align:center; position:absolute; top:-350px; left:-420px; z-index:7; width:632px;}
#printroomBubble a:hover .titan110List {display:block; font-size:17px; line-height:18px; color:#999; margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; text-align:right; position:absolute; top:-275px; right:220px; z-index:7; width:632px;}
/***Roller Banner Speech Bubble***/
#printroomBubble .rollerBanners	{width:190px; height:510px; position:absolute; left:560px; top:287px; display:block; padding:0px; margin:0px;}
#printroomBubble a .rollerBannerImage, #printroomBubble a .rollerBannerText, #printroomBubble a .rollerBannerSubText, #printroomBubble a .rollerBannerList, #printroomBubble a .rollerBannerList1, #printroomBubble a .rollerBannerList2 {display:none;}
#printroomBubble a:hover .rollerBannerImage {display:block; position:absolute; right:116px; top:-279px; z-index:6;}
#printroomBubble a:hover .rollerBannerText {display:block; color:#CBD300; margin:0px; padding:0px; font-size:20px; font-family:Arial, Helvetica, sans-serif; position:absolute; top:-255px; right:-130px; z-index:10; width:632px; height:420px;}
#printroomBubble a:hover .rollerBannerSubText {display:block; font-size:17px; line-height:18px; color:#999; margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; text-align:center; position:absolute; top:-211px; right:120px; z-index:7; width:632px;}
#printroomBubble a:hover .rollerBannerList {display:block; font-size:15px; line-height:17px; color:#999; margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; text-align:right; position:absolute; top:-140px; right:550px; z-index:7; width:632px;}
#printroomBubble a:hover .rollerBannerList1 {display:block; font-size:15px; line-height:17px; color:#999; margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; text-align:center; position:absolute; top:-140px; right:125px; z-index:7; width:632px;}
#printroomBubble a:hover .rollerBannerList2 {display:block; font-size:15px; line-height:17px; color:#999; margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; text-align:left; position:absolute; top:-140px; right:-305px; z-index:7; width:632px;}
#rollerBanners a .rollerBannerMap  {display:none;}
#rollerBanners a:hover .rollerBannerMap {display:block; position:absolute; left:-557px; top:-300px; z-index:6}
#rollerBanners h1 {font-size:20px; line-height:20px; color:#CBD300; margin:0px 0px 0px 0px; padding:0px; font-family:Arial, Helvetica, sans-serif; text-align:center; position:relative; top:50px;}
/***Epson 9900 Spech Bubble***/
#printroomBubble .epson9900	{width:240px; height:367px; position:absolute; left:-265px; top:378px; display:block; padding:0px; margin:0px;}
#printroomBubble a .epson9900Image, #printroomBubble a .epson9900Text, #printroomBubble a .epson9900SubText, #printroomBubble a .epson9900List {display:none;}
#printroomBubble a:hover .epson9900Image {display:block; position:absolute; left:267px; top:-369px; z-index:6;}
#printroomBubble a:hover .epson9900Text {display:block; color:#CBD300; margin:0px; padding:0px; font-size:20px; font-family:Arial, Helvetica, sans-serif; position:absolute; top:-346px; left:500px; z-index:10; width:632px; height:420px;}
#printroomBubble a:hover .epson9900SubText {display:block; font-size:17px; line-height:18px; color:#999; margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; text-align:center; position:absolute; top:-304px; left:260px; z-index:7; width:632px;}
#printroomBubble a:hover .epson9900List {display:block; font-size:17px; line-height:18px; color:#999; margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; text-align:right; position:absolute; top:-245px; left:-100px; z-index:7; width:632px;}


/***Contact Us***/
#contactText {position:absolute; left:690px; top:195px; color:#000; font-family:"Arial Black", Gadget, sans-serif; font-size:20px; text-align:center;}