@charset "UTF-8"; /* CSS Document */ body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; } #outside_home { background-image:url(../images/Home/melon.jpg); background-repeat:no-repeat; background-position: center center; width:1320px; height:1135px; margin:-10px auto 0px auto;} #outside_about { background-image:url(../images/About/melon.jpg); background-repeat:no-repeat; background-position: top center; width:1320px; height:1135px; margin:-10px auto 0px auto;} #outside_clients { background-image:url(../images/Clients/melon.jpg); background-repeat:no-repeat; background-position: top center; width:1320px; height:1135px; margin:-10px auto 0px auto;} #outside_portfolio { background-image:url(../images/Portfolio/melon.jpg); background-repeat:no-repeat; background-position: top center; width:1320px; height:1135px; margin:-10px auto 0px auto;} #outside_expertise { background-image:url(../images/Expertise/melon.jpg); background-repeat:no-repeat; background-position: top center; width:1320px; height:1135px; margin:-10px auto 0px auto;} #outside_contact { background-image:url(../images/Contact/melon.jpg); background-repeat:no-repeat; background-position: top center; width:1320px; height:1135px; margin:-10px auto 0px auto;} #outside_area { background:url(../images/Main%20Generic/Falling%20melons.jpg) no-repeat; background-position:top right; background-color:#FFFFFF; width:900px; height:565px; margin:-1105px auto 0px auto;} #outside_area2 { background:url(../images/Main%20Generic/Falling%20melons.jpg) no-repeat; background-position:top right; background-color:#FFFFFF; width:900px; height:707px; margin:-1105px auto 0px auto;} span { display:none;} #header { padding:30px; } #header img { float:left; border:#FFFFFF thick solid;} #header a { color:#FFFFFF;} #menu { margin:60px 0px 0px 30px; width:200px;} #menu ul { list-style-type:none; margin-left:0px; padding-left:0px;} #menu li { padding-bottom:10px; } #menu a { display:block; text-decoration:none; padding:18px; height:0px; } #menu a.home { background:url(../images/Menu/home.jpg) no-repeat;} #menu a.about { background:url(../images/Menu/about.jpg) no-repeat;} #menu a.clients { background:url(../images/Menu/clients.jpg) no-repeat;} #menu a.portfolio { background:url(../images/Menu/portfolio.jpg) no-repeat;} #menu a.expertise { background:url(../images/Menu/expertise.jpg) no-repeat;} #menu a.contact { background:url(../images/Menu/contact.jpg) no-repeat;} #menu a:hover { background-position:0px -43px} #main_area { background:#ffffff; height:300px; width:480px; margin:-288px 0px 0px 250px; } #main_area2 { background:#ffffff; height:436px; width:547px; margin:-288px 0px 0px 250px; } #submenu { margin:-50px 0px 0px 40px; width:500px; height:20px; padding:0px; } #submenu ul { list-style-type:none; margin-left:0px; padding-left:0px; } #submenu li { display:inline; float:left; height:20px; } #submenu a { margin:0px 0px 0px 38px;} #submenu a.portfolioidentity { background:url(../images/Portfolio/Menu/portfolio%20identity.jpg) no-repeat; padding-right:60px; padding-bottom:2px;} #submenu a.portfoliobranding { background:url(../images/Portfolio/Menu/portfolio%20branding.jpg) no-repeat ; padding-right:70px; padding-bottom:2px;} #submenu a.portfolioprint { background:url(../images/Portfolio/Menu/portfolio%20print.jpg) no-repeat ; padding-right:35px; padding-bottom:2px;} #submenu a.portfoliowebmedia { background:url(../images/Portfolio/Menu/portfolio%20webmedia.jpg) no-repeat ; padding-right:80px; padding-bottom:2px;} #submenu a.portfoliodisplay { background:url(../images/Portfolio/Menu/portfolio%20display.jpg) no-repeat ; padding-right:60px; padding-bottom:2px;} #submenu a:hover { background-position:0px -17px;} #submenu p{ visibility:hidden;} #main_area h1 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#641566; font-weight:normal; padding:6px 0px 0px 16px;} #main_area h2 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#BB0069; font-weight:normal; padding:7px 15px 0px 15px;} #main_area h2 a { color:#BB0069; text-decoration:none; font-weight:bold;} #main_area h2 a:hover { color:#FFFFFF; background:#BB0069; padding:0px 5px 0px 5px;} #main_area h3 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#999999; font-weight:normal; padding:2px 15px 0px 15px;} #main_area h4 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#005780; font-weight:normal; padding:7px 15px 0px 15px;} table { width:483px; line-height:13px; } #sitemap h5 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#5E6B1F; font-weight:normal; margin-top:11px; padding:0px 0px 0px 13px; line-height:15px;} #sitemap h5 table { width:200px; line-height:15px; } #sitemap h5 td { width:58px;} #terms h5 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#5E6B1F; font-weight:normal; margin-top:11px; padding:0px 0px 0px 13px; line-height:15px;} #terms h5 table { width:483px; line-height:15px; } #terms h5 td { width:58px;} #main_area h5 a { color:#5E6B1F; text-decoration:none; } #main_area h5 a:hover { color:#FFFFFF; background:#5E6B1F; padding:0px 5px 0px 5px;} #showreel { padding:7px 0px 0px 16px;} /* this is the the size of the outside area */ #clients { width:547px; line-height:13px; margin-top:10px; height:436px; color:#988D15; margin:12px 0px 0px 1px; } /* this is the look of the small images */ #clients a { text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#988D15; font-weight:normal; display:block; float:left; margin:0px 0px 0px 0px; width:170px; padding:0px 5px 0px 0px;} #clients a:hover { color:#FFFFFF; background:#988D15; padding:0px 0px 0px 5px; } /* this is the look of the large images */ #clients h3 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; margin:0px 0px 0px 0px; } #clients h2 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#988D15; margin:0px 0px 0px 0px; } #clients h4 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#988D15; margin:0px 0px 0px 0px; } #clients h1 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; font-style:italic; color:#988D15; margin:0px 0px 0px 0px;} #clients table { margin-left:12px; } #clients table td { color:#988D15; font-size:10px; } #clients img { margin:7px 0px 0px 15px;} #clients h2 a { color:#005780; text-decoration:none; } #clients h2 a:hover { text-decoration:underline;} #clients a span {display: none;} #clients a:hover span { display: block; position:absolute; top: 0px; left:50%; width: 520px; margin:470px auto 0px -180px; } /*previous and next area*/ #gallery {width:514px; position:relative; height:65px; padding-top:263px; margin:65px 0px 0px 15px; background:#E4EBF1;} #gallery img.left { float:left;cursor:pointer; margin-right:8px; float:right; } #gallery img.right { float:left;cursor:pointer; margin-right:8px; float:right; } /*thumbnails area */ #gallery ul {list-style:none; padding:3px 0px 5px 3px; margin:5px 0px 0px 0px; float:left; background:#E4EBF1; width:511px; } #gallery ul li {display:inline; width:34px; height:34px; float:left; margin:4px 4px; cursor:pointer; } #gallery ul li.hide {display:none;} /* using background images */ #gallery ul li.identity1 {background:url(../images/Portfolio/thumbs/Identity/Identity1.jpg);} #gallery ul li.identity2 {background:url(../images/Portfolio/thumbs/Identity/Identity2.jpg);} #gallery ul li.identity3 {background:url(../images/Portfolio/thumbs/Identity/Identity3.jpg);} #gallery ul li.identity4 {background:url(../images/Portfolio/thumbs/Identity/Identity4.jpg);} #gallery ul li.identity5 {background:url(../images/Portfolio/thumbs/Identity/Identity5.jpg);} #gallery ul li.identity6 {background:url(../images/Portfolio/thumbs/Identity/Identity6.jpg);} #gallery ul li.identity7 {background:url(../images/Portfolio/thumbs/Identity/Identity7.jpg);} #gallery ul li.identity8 {background:url(../images/Portfolio/thumbs/Identity/Identity8.jpg);} #gallery ul li.identity9 {background:url(../images/Portfolio/thumbs/Identity/Identity9.jpg);} #gallery ul li.identity10 {background:url(../images/Portfolio/thumbs/Identity/Identity10.jpg);} #gallery ul li.identity11 {background:url(../images/Portfolio/thumbs/Identity/Identity11.jpg);} #gallery ul li.identity12 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.identity13 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.identity14 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.identity15 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.identity16 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.identity17 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.identity18 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.identity19 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.identity20 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.identity21 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.identity22 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.identity23 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.identity24 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.brandingatoz1 {background:url(../images/Portfolio/thumbs/Branding%20Projects/Branding%20-%20AtoZ1.jpg);} #gallery ul li.brandingatoz2 {background:url(../images/Portfolio/thumbs/Branding%20Projects/Branding%20-%20AtoZ2.jpg);} #gallery ul li.brandingatoz3 {background:url(../images/Portfolio/thumbs/Branding%20Projects/Branding%20-%20AtoZ3.jpg);} #gallery ul li.brandingatoz4 {background:url(../images/Portfolio/thumbs/Branding%20Projects/Branding%20-%20AtoZ4.jpg);} #gallery ul li.brandinggps1 {background:url(../images/Portfolio/thumbs/Branding%20Projects/Branding%20-%20GPS1.jpg);} #gallery ul li.brandinggps2 {background:url(../images/Portfolio/thumbs/Branding%20Projects/Branding%20-%20GPS2.jpg);} #gallery ul li.brandinggps3 {background:url(../images/Portfolio/thumbs/Branding%20Projects/Branding%20-%20GPS3.jpg);} #gallery ul li.brandinggps4 {background:url(../images/Portfolio/thumbs/Branding%20Projects/Branding%20-%20GPS4.jpg);} #gallery ul li.brandingsy1 {background:url(../images/Portfolio/thumbs/Branding%20Projects/Branding%20-%20S&Y1.jpg);} #gallery ul li.brandingsy2 {background:url(../images/Portfolio/thumbs/Branding%20Projects/Branding%20-%20S&Y2.jpg);} #gallery ul li.brandingsy3 {background:url(../images/Portfolio/thumbs/Branding%20Projects/Branding%20-%20S&Y3.jpg);} #gallery ul li.brandingsy4 {background:url(../images/Portfolio/thumbs/Branding%20Projects/Branding%20-%20S&Y4.jpg);} #gallery ul li.brandingsy5 {background:url(../images/Portfolio/thumbs/Branding%20Projects/Branding%20-%20S&Y5.jpg);} #gallery ul li.brandingsy6 {background:url(../images/Portfolio/thumbs/Branding%20Projects/Branding%20-%20S&Y6.jpg);} #gallery ul li.branding1 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.branding2 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.branding3 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.branding4 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.branding5 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.branding6 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.branding7 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.branding8 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.branding9 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.branding10 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.branding11 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.branding12 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.branding13 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.branding14 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.branding15 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.branding16 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.branding17 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.branding18 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.branding19 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.branding20 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.branding21 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.branding22 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.branding23 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.branding24 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.print1 {background:url(../images/Portfolio/thumbs/Print/Print1.jpg);} #gallery ul li.print2 {background:url(../images/Portfolio/thumbs/Print/Print2.jpg);} #gallery ul li.print3 {background:url(../images/Portfolio/thumbs/Print/Print3.jpg);} #gallery ul li.print4 {background:url(../images/Portfolio/thumbs/Print/Print4.jpg);} #gallery ul li.print5 {background:url(../images/Portfolio/thumbs/Print/Print5.jpg);} #gallery ul li.print6 {background:url(../images/Portfolio/thumbs/Print/Print6.jpg);} #gallery ul li.print7 {background:url(../images/Portfolio/thumbs/Print/Print7.jpg);} #gallery ul li.print8 {background:url(../images/Portfolio/thumbs/Print/Print8.jpg);} #gallery ul li.print9 {background:url(../images/Portfolio/thumbs/Print/Print9.jpg);} #gallery ul li.print10 {background:url(../images/Portfolio/thumbs/Print/Print10.jpg);} #gallery ul li.print11 {background:url(../images/Portfolio/thumbs/Print/Print11.jpg);} #gallery ul li.print12 {background:url(../images/Portfolio/thumbs/Print/Print12.jpg);} #gallery ul li.print13 {background:url(../images/Portfolio/thumbs/Print/Print13.jpg);} #gallery ul li.print14 {background:url(../images/Portfolio/thumbs/Print/Print14.jpg);} #gallery ul li.print15 {background:url(../images/Portfolio/thumbs/Print/Print15.jpg);} #gallery ul li.print16 {background:url(../images/Portfolio/thumbs/Print/Print16.jpg);} #gallery ul li.print17 {background:url(../images/Portfolio/thumbs/Print/Print17.jpg);} #gallery ul li.print18 {background:url(../images/Portfolio/thumbs/Print/Print18.jpg);} #gallery ul li.print19 {background:url(../images/Portfolio/thumbs/Print/Print19.jpg);} #gallery ul li.print20 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.print21 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.print22 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.print23 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.print24 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.webmedia1 {background:url(../images/Portfolio/thumbs/Webmedia/Digital.jpg);} #gallery ul li.webmedia2 {background:url(../images/Portfolio/thumbs/Webmedia/Digital2.jpg);} #gallery ul li.webmedia3 {background:url(../images/Portfolio/thumbs/Webmedia/Digital3.jpg);} #gallery ul li.webmedia4 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.webmedia5 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.webmedia6 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.webmedia7 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.webmedia8 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.webmedia9 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.webmedia10 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.webmedia11 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.webmedia12 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.webmedia13 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.webmedia14 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.webmedia15 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.webmedia16 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.webmedia17 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.webmedia18 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.webmedia19 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.webmedia20 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.webmedia21 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.webmedia22 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.webmedia23 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.webmedia24 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.display1 {background:url(../images/Portfolio/thumbs/Display/Display1.jpg);} #gallery ul li.display2 {background:url(../images/Portfolio/thumbs/Display/Display2.jpg);} #gallery ul li.display3 {background:url(../images/Portfolio/thumbs/Display/Display3.jpg);} #gallery ul li.display4 {background:url(../images/Portfolio/thumbs/Display/Display4.jpg);} #gallery ul li.display5 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.display6 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.display7 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.display8 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.display9 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.display10 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.display11 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.display12 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.display13 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.display14 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.display15 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.display16 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.display17 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.display18 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.display19 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.display20 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.display21 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.display22 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.display23 {background:url(../images/Portfolio/thumbs/blank.jpg);} #gallery ul li.display24 {background:url(../images/Portfolio/thumbs/blank.jpg);} /* remove visibility:hidden; if you want to use the original images as thumbnails */ #gallery ul li img {visibility:hidden; display:block; width:34px; height:34px;} #gallery ul li span { display:none; position:absolute; left:57px; top:270px; width:411px; font-family:verdana, arial, sans-serif; color:#666; font-size:11px; line-height:0px; text-align:justify; } #gallery ul li b {color:#444;} #gallery ul li.chosen { border-color:#E4EBF1; cursor:default;} #gallery ul li.chosen div {position:absolute; left:0; top:0; width:514px; height:256px; background:#E4EBF1; } #gallery ul li.chosen div i {width:496px; height:240px; display:table-cell; vertical-align:middle; text-align:center;} #gallery ul li.chosen div i img {visibility:visible; width:496px; height:240px; margin:8px auto 0 8px;} #gallery ul li.chosen span {display:block; } #gallery h1 { float:left; margin:-108px 0px 0px 7px; font-family:verdana, arial, sans-serif; font-size:12px; font-weight:normal; color:#005780;} #gallery h1 a { text-decoration:none; color:#E4EBF1;} #gallery h2 { font-family:verdana, arial, sans-serif; font-size:12px; font-weight:normal; font-style:normal; margin-left:0px; } #gallery h2 a { color:#005780; text-decoration:none; margin-left:-50px; } #gallery h2 a:hover { text-decoration:underline;} #gallery a span {display: none;} #gallery a:hover span { display: block; position:absolute; } #branding { width:514px; position:relative; height:108px; padding-top:265px; margin:65px 0px 0px 15px; background:#E4EBF1; } #branding ul { list-style-type:none; margin:-257px 0px 0px -39px;} #branding ul li { display:block; float:left; padding:0px 0px 10px 7px; } #branding a { color:#E4EBF1;} #branding a:hover { color:#005780;} #branding .right { float:right; padding:0px 10px 0px 15px; margin-top:-7px;} #branding .left { float:right; margin-top:-7px;} #map { float:right; margin:-200px 0px 0px 0px; padding:0px 15px 0px 15px;} #map a { color:#BB0069; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-align:left;} #map a:hover { color:#FFFFFF; background:#BB0069; padding:0px 5px 0px 5px;} #words img { float:left; margin:55px 0px 0px 30px;} #footer { height:22px; width:860px; margin:90px 0px 0px 20px; background:url(../images/Main%20Generic/Footer%20bar%20Image.jpg);} #footer ul{ list-style-type:none; padding-top:1px; margin:0px 0px 0px -30px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#FFFFFF;} #footer li {display:block; float:left; padding-right:15px;} #footer a { color:#FFFFFF; text-decoration:none;} #footer a:hover { color:#5E6B1F;} #footer2 ul { font-size:9px; float:right; padding-top:5px;}