 body { background: #1c1c1c url(../Images/tile-page-bg.png); font-family: Arial, Helvetica, sans-serif; font-size: small; margin: 0; } hr { visibility:hidden; } h1, h2, h3, p { padding:0px; margin:0px; } h1 { color: #FF0; font-size: 165%; } h2 { color: #FFF; font-size: 130%; } h3 { color: #FFF; font-size: 110%; padding-bottom: 0.3em; text-transform:uppercase; } h1, h2 { text-transform:uppercase; } h2.testimonial { text-transform:none; text-align: left; font-style:italic; font-size: 100%; display: block; padding: 0 10px 10px 10px; } .underline { text-decoration:underline; } a, a:link, a:visited { color: #ff0; text-decoration:none; } a:hover { color: #ff0; text-decoration: underline; } h4 { font-size:0.9em; margin:0px 0px 10px 0px; color:#fff;} #hiddenElement { visibility:hidden; display:none; } .clearer { font-size: 1px; clear: both; } .goButton { position:relative; margin-left:122px; margin-top:10px; background-image:url(../Images/Services/go-btn.gif); background-repeat:no-repeat; width:40px; border:none; height:20px; cursor:hand; } .serviceSelect { width:162px; font-size:0.9em !important; font-size:1.0em;}  #container { position: relative; width:900px; left: 50%; margin-left: -450px; background: url(../Images/Base/base-bg.png) repeat-y !important; top: 0px; padding: 0px; } #containerEnd { position:relative; width:900px; height:20px; background: #333 url(../Images/Base/footer-bg.png) no-repeat; }  #contentAreaLeft { float: left; width: 674px; top: 0px; vertical-align: top; color: #d1d1d1; padding: 4px 3px 4px 19px; background-color:transparent; font-size:0.9em; } .bl {background: url(../Images/blogImages/bl.gif) 0 100% no-repeat #191919; width: 145px} .br {background: url(../Images/blogImages/br.gif) 100% 100% no-repeat} .tl {background: url(../Images/blogImages/tl.gif) 0 0 no-repeat;} .tr {background: url(../Images/blogImages/tr.gif) 100% 0 no-repeat; padding:5px 10px 10px 10px !important; padding:5px 10px 5px 10px;} .clear {font-size: 1px; height: 1px;} .hdots {clear:both;width:305px;height:1px;border-bottom:1px dotted #363636;font-size:1px;margin:0px 0px 0px 0px;padding:10px 0px 0px 0px} .hdots2 {clear:both;width:425px;height:1px;border-bottom:1px dotted #363636;font-size:1px;margin:0px 0px 0px 0px;padding:10px 0px 0px 0px} .hdots3 {clear:both;width:465px;height:1px;border-bottom:1px dotted #363636;font-size:1px;margin:0px 0px 10px 0px;padding:0px 0px 0px 0px} .hdotsall {clear:both;width:100%;height:1px;border-bottom:1px dotted #363636;font-size:1px;margin:0px 0px 10px 0px;padding:0px 0px 0px 0px} .hdotsShort {clear:both;width:163px;height:1px;border-bottom:1px dotted #363636;font-size:1px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px} .hdotsShort2 {clear:both;width:190px;height:1px;border-bottom:1px dotted #363636;font-size:1px;margin:5px 0px 0px 10px !important; margin:0px 0px 0px 10px;padding:0px 0px 0px 0px} .box { width:150px; background-color:#CCCCCC; border: 1px #666666 solid; font-size:12px; height:17px; margin-bottom:10px;} .boxSub {width:150px; background-color:#CCCCCC; border: 1px #666666 solid; font-size:12px; height:17px; float:left; margin:0px 5px 0px 0px; } .subscribe { margin-bottom:10px;} .latest { margin:10px 0px 0px 50px !important; margin:10px 0px 0px 55px; padding:0px 0px 0px 0px;} .rss {margin:10px 0px 0px 10px; padding:0;} #contentAreaLeft #subCol .content2 { margin: 10px 0 10px 10px; width: 660px !important; width:650px; clear: both; } #contentAreaLeft #subCol { float:left; clear:both; background-color:#000; width:100%; } #contentAreaLeft #subCol1 { float:left; clear:left; width: 345px; background-color:#000; } #contentAreaLeft #subCol1 p { padding:0px 15px 15px 10px; text-align:justify; } #contentAreaLeft #subNewsLetter { float:left; clear:left; width: 215px; background-color:#000; } #contentAreaLeft #subNewsLetter .subBox {margin:0; padding:10px } #contentAreaLeft #subNews { float:left; clear:left; width: 215px; background-color:#191919; margin-top:10px; } #contentAreaLeft #subNews p { padding:0px 0px 0px 10px; margin-top:18px; } #contentAreaLeft #subNews #news { margin:0; padding:10px 0 0 10px;} #contentAreaLeft #subNews #news p { padding: 0; width:195px; font-size:12px; margin:0; } #contentAreaLeft #subNews #news h5 { font-weight:bold; font-size:12px; color:#fff; margin:15px 0 0 0; padding:0;} #contentAreaLeft #subComments { float:right; clear:right; width:455px; background-color:#000; margin-left:1px; margin-top:0px; } #contentAreaLeft #subComments p { padding:0px 15px 15px 15px; } #contentAreaLeft #subComments .comments {padding:0px 15px 10px 15px; } #contentAreaLeft #subComments .comments h2 { padding-bottom: 5px !important; padding-bottom: 0px; } #contentAreaLeft #subComments .comments p { margin:0px; padding:5px 0px 0px 0px;} #contentAreaLeft #subComments .comments .title { background-color:#333333; margin:0px 0px 0px 0px; padding:5px 10px 5px 10px;} #contentAreaLeft #subComments .comments .commentNumber { font-size: 0.9em; border-top:1px dotted #d1d1d1; border-bottom:1px dotted #d1d1d1; padding:7px 0px 2px 18px; margin-top:10px; background-image:url(../Images/blogImages/bubble.jpg); height:21px; background-repeat:no-repeat; clear:both; } #contentAreaLeft #subComments .comments .commentNumber a { color:#FFFF00; text-decoration:none} #contentAreaLeft #subComments .comments .commentNumber a:hover {color:#FFFF00; text-decoration:underline;} #contentAreaLeft #portfolioHighlights { float: left; clear: left; width: 345px; background-color:#000; margin-top: 10px !important; margin: 5px 0 0 0; } #contentAreaLeft #portfolioHighlights .latestWork { margin: 0px 0px 0px 10px} #contentAreaLeft #portfolioHighlights .title { font-size:11px; color:#FFFF00; font-weight:bold; padding-top:5px;} #contentAreaLeft #portfolioHighlights a .title {font-size:11px; color:#FFFF00; font-weight:bold; text-decoration:none;} #contentAreaLeft #portfolioHighlights a:hover .title {font-size:11px; color:#FFFF00; font-weight:bold; text-decoration:underline;} #contentAreaLeft #portfolioHighlights .site { font-size:11px; color:#fff; padding-bottom:5px; } #contentAreaLeft .panelFloater { float:right; clear:right; width: 315px; background-color:#000; margin-top: 10px !important; margin: 5px 0 5px 10px; } #contentAreaLeft .panelFloater ul { margin-left: -2.5em !important; margin-top: -0.5em !important; margin: 0.5em 0.5em 0.5em 0.7em; list-style-type: none; } #contentAreaLeft .panelFloater ol { margin-left: -1em !important; margin: 1em 0.5em 0.5em 2.5em; } #contentAreaLeft .panelFloater li { margin-bottom: 0.5em; } span.postTitle { font-weight:bold; color:#FFFF00; } p.read { color:#FFFF00; float:left;} p.read a {color:#FFFF00; text-decoration:none } p.read a:hover {color:#FFFF00; text-decoration:underline; } span.read { color:#FFFF00;} span.read a {color:#FFFF00; text-decoration:none } span.read a:hover {color:#FFFF00; text-decoration:underline; } .blogImage { float:left; margin:10px 10px 5px 0px; width:95px; height:115px;} .text { float:left; width:200px; margin:10px 0px 0px 0px;} .text2 { float:left; width:320px; margin:10px 0px 0px 0px; } .viewAll { background-image:url(../Images/blogImages/arrow.gif); background-repeat:no-repeat; height:12px; padding:0px 0px 0px 14px; margin-top:10px;} .viewAll a {color:#FFFF00; text-decoration:none} .viewAll a:hover {color:#FFFF00; text-decoration: underline;} .viewAllGrey { background-image:url(../Images/blogImages/arrow-grey.gif); background-repeat:no-repeat; height:12px; padding:0px 0px 10px 14px !important; padding:0px 0px 6px 14px; margin-top:10px; margin-left: 10px; } .viewAllGrey a {color:#FFFF00; text-decoration:none} .viewAllGrey a:hover {color:#FFFF00; text-decoration: underline;} .blogComments { margin-top: -5px; background-color:#1E1E1E; padding: 10px; display: block; font-size: 0.9em; } .commentBoxStyle { height: 1%; } .commentAuthor { float: left; display: block; color: #FEF000; font-weight: bold; padding-right: 10px; } .commentDateStyle { float: left; display: block; color: #727272; font-weight: bold; } .commentBodyStyle { clear: left; display: block; } .commentDivider { border-top:1px dotted #666; display: block; width: 100%; margin-bottom: 5px !important; margin: 5px 0 0px 0; } .commentViewBoxStyle { margin-top: 0px; background-color:#1E1E1E; padding: 10px; display: block; } .commentViewBoxStyle input, .commentViewBoxStyle textarea { border: 1px solid #888888; background-color: #EEE; font-family: Arial, Helvetica, Sans-Serif; color: Black; } #contentAreaLeft .left { float:left; clear:left; width:160px; margin:10px 0px 0px 15px !important; margin:10px 0px 0px 8px; text-transform:uppercase; font-weight:bold; padding:0px; } #contentAreaLeft .left ul {margin:0px; padding:0px; list-style:none; font-family:Verdana, Arial, Helvetica, sans-serif; } #contentAreaLeft .left ul li {margin:0px 0px 0px 0px; padding:5px 0px 5px 5px; font-weight:normal; } #contentAreaLeft .left ul li.last { border:none; } #contentAreaLeft .left a { color:#d1d1d1; text-decoration:none} #contentAreaLeft .left a:hover { color:#FFFF00; text-decoration:underline;} #contentAreaLeft .left h1 { padding-bottom:10px!important; padding-bottom:5px;} #contentAreaLeft .right { float:left; clear:right; width:470px; margin:45px 0px 0px 0px; padding:0px } #contentAreaLeft .right h1 { text-transform:uppercase; color:#FFFFFF; margin-bottom:0.2em;} #contentAreaLeft .right h2 { text-transform:uppercase; color:#FFFFFF; margin-bottom:0.2em;} #contentAreaLeft .right p { padding-bottom:10px;} #contentAreaLeft .heading { float:left; clear:left; width:210px; margin-top:30px; text-align:right; text-transform:uppercase; font-weight:bold; font-size:1.2em; } #contentAreaLeft .content { float:left; clear:right; width:435px; margin-top:30px; margin-left:10px;} #contentAreaLeft .content2 { float:left; clear:right; margin-top:30px; margin-left:10px; } #contentAreaLeft .content p { padding-bottom:15px; text-align: left; } #contentAreaLeft .contentWide { float:left; clear:right; width:630px; margin-top:18px; margin-left:10px; } #contentAreaLeft .contentWide p { padding-bottom:15px; text-align: left; } #contentAreaLeft #newsFeed { float:left; clear:left; } #contentAreaLeft #newsFeed p { clear:left;padding: 0px 0px 0px 0px; font-size:12px; margin:0 0 10px 10px; } #contentAreaLeft #newsFeed h5 { clear:left;font-weight:bold; font-size:12px; color:#fff; margin:15px 0 0 10px; padding:0;}  #contentAreaRight { float:left; clear: right; width: 182px; top: 0px; right: 0px; padding: 4px 2px 4px 4px; color: #999; text-align:center; } #contentAreaRight .content { clear:right; background:#191919; float:right; text-align:left; font-size: 1em !important; font-size:.9em; width:100%; margin-bottom:10px; } #contentAreaRight .content2 { clear:right; background:#000000; float:right; text-align:left; font-size: 1em !important; font-size:.9em; width:100%; margin-bottom:10px; } #contentAreaRight p { font-size: 1em !important; font-size: 0.9em; padding: 0px 7px 0px 10px; text-align:left; font-weight:normal; } #contentAreaRight a { color:#FF0; text-decoration:none; } #contentAreaRight a:hover { color:#ff0; text-decoration: underline; } #contentAreaRight li:hover { color:#ff0;} #contentAreaRight h2 a { color:#fff; } #contentAreaRight .content .news { margin: 0px 0px 0px 10px; padding:0; } #contentAreaRight .content .news h5 { font-weight:bold; font-size:11px; color:#d1d1d1; margin:15px 0 0 0; padding:0;} #contentAreaRight .content .news p { padding: 0px 0px 0px 0px; width:168px; font-size:11px; margin:0 0 10px 0;} #contentAreaRight .content .newsletter { margin: 0 0 0 0; padding: 0px; } #contentAreaRight .content .newsletter .body { padding: 8px; } #contentAreaRight .content .newsletter p { padding: 0; margin: 0; width: auto; } #contentAreaRight .content .news2 { margin: 0px 0px 0px 10px; padding:0px;} #contentAreaRight .content .news2 p { padding: 0px 0px 0px 0px; width:168px; font-size:11px; margin:10px 0 10px; } #contentAreaRight .content2 .blogArchive { margin: 0px 0px 0px 0px; padding:0px;} #contentAreaRight .content2 .blogArchive h5 { font-weight:bold; font-size:11px; color: #FFFF00; margin:15px 0 0 10px; padding:0 0 3px 0; text-transform:uppercase; border-bottom:1px dotted #d1d1d1; width:165px;} #contentAreaRight .content2 .blogArchive ul{ margin: 0px 0px 0px 0px;} #contentAreaRight .content2 .blogArchive ul li { list-style:square; color:#fff; font-size:11px; margin-left:5px; margin-bottom:3px; } #contentAreaRight .content2 .blogArchive .archive { background-color:#191919; margin:0; padding:0px 0px 5px 0px;} #contentAreaRight .content2 .blogArchive .archive h5 { font-weight:bold; font-size:11px; color: #FFFF00; margin:15px 0px 0px 10px; padding:10px 0 3px 0; text-transform:uppercase; border-bottom:1px dotted #d1d1d1; width:165px;} #contentAreaRight .content2 .blogArchive .hdotsShort {clear:both;width:163px;height:1px;border-bottom:1px dotted #d1d1d1;font-size:1px;margin:0px 0px 0px 10px;padding:0px 0px 0px 0px} #contentAreaRight ul { list-style-type:square; margin:5px; padding:10px 10px 0px 20px; font-size:.9em; } #contentAreaRight .viewAll2 { background-image:url(../Images/blogImages/arrow-grey.gif); background-repeat:no-repeat; height:12px; padding:1px 0px 10px 14px; margin-top:10px; font-size:11px;} #contentAreaRight .viewAll2 a {color:#FFFF00; text-decoration:none;} #contentAreaRight .viewAll2 a:hover {color:#FFFF00; text-decoration: underline;} #contentAreaRight #subNewsLetter { float:right; width: 186px; clear:right; background-color:#000; } #contentAreaRight #subNewsLetter p { padding:0px 12px 0px 10px; } #contentAreaRight #subNewsLetter .subBox {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } #contentAreaRight #subNewsLetter .subBox p { margin:5px 0px 5px 10px; padding:0px 0px 0px 0px;} #contentAreaRight #subNewsLetter .hdotsShort2 {clear:both;width:163px;height:1px;border-bottom:1px dotted #d1d1d1;font-size:1px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px}  .boxTL { background:url(../Images/Base/box-cnr-tl.gif) 0 0 no-repeat; width:4px; height:4px; float:left; clear:left; font-size:3px; } .boxTR { background:url(../Images/Base/box-cnr-tr.gif) 100% 0 no-repeat; width:4px; height:4px; float:right; clear:right; font-size:3px; } .boxBL { background:url(../Images/Base/box-cnr-bl.gif) 0 100% no-repeat; width:4px; height:4px; float:left; clear:left; font-size:3px; } .boxBR { background:url(../Images/Base/box-cnr-br.gif) 100% 100% no-repeat; width:4px; height:4px; float:right; clear:right; font-size:3px; } .boxTL2 { background:url(../Images/Base/box-cnr-tl-2.gif) 0 0 no-repeat; width:4px; height:4px; float:left; clear:left; font-size:3px; } .boxTR2 { background:url(../Images/Base/box-cnr-tr-2.gif) 100% 0 no-repeat; width:4px; height:4px; float:right; clear:right; font-size:3px; } .boxBL2 { background:url(../Images/Base/box-cnr-bl-2.gif) 0 100% no-repeat; width:4px; height:4px; float:left; clear:left; font-size:3px; } .boxBR2 { background:url(../Images/Base/box-cnr-br-2.gif) 100% 100% no-repeat; width:4px; height:4px; float:right; clear:right; font-size:3px; } .subSectionHeading { background:#333 url(../Images/Base/tile-section-bg.gif); font-weight:bold; margin:0px; padding:0px 5px 0px 10px; color: #fff; text-transform:uppercase; text-decoration:none; line-height:20px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; } h1.subSectionHeading a, h1.subSectionHeading a:link, h1.subSectionHeading a:visited { color: #fff; } h1.subSectionHeading a:hover { color: #ff0; text-decoration: underline; } h1#heading { color: #ffff00; font-size: 22px !important; font-size: 21px; } #topRightLogo { background:url(../Images/Elements/top-right-logo.gif) no-repeat; width:180px; height:122px; } #topRightLogo * { visibility:hidden; display:none; } .sectionHeading { padding:0px; margin:0px; border-top: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #666; border-left: 1px solid #000; } #loginBox { background:#000; width:100%; font-family:Arial, Helvetica, sans-serif; font-size:9px; margin: 5px 0px 0px 0px; float:right; clear:both; text-transform:uppercase; } #loginBox .title { background:url(../Images/Heading/heading-lemon-login.gif) no-repeat; width:180px; height:20px; } #loginBox .title * { visibility:hidden; } #loginBox label { width:55px; float:left; margin: 2px 5px 2px 5px; line-height:15px; vertical-align:middle; text-align:right; font-size:1em; } #loginBox .text { width:95px; height:15px; margin: 2px 0px 2px 0px; font-size:1em; } #loginBox .bttn { background:#191919; border: solid 1px #515151; color:#fff; text-transform:uppercase; vertical-align:middle; font-size:1em; margin-right:0px; } #newsFeed { color: #999; } #newsFeed h2 { background: #333 url(../Images/Base/tile-section-bg.gif); font-weight:bold; margin:0px; padding:0px 10px 0px 10px; color: #fff; text-transform:uppercase; line-height:20px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; } #newsFeed div { padding:5px 10px 5px 10px; } .error { color:#ff0; font-style: italic; } .lemonSeed { cursor:pointer; padding:2px 0px 2px 0px; display:block; font-weight:bold; text-decoration:none; } .lemonSeed a:hover { text-decoration:underline; } .showSeed { display:block; visibility:visible; border: 1px dotted #1a1a1a; background:#1a1a1a; padding: 2px 5px 2px 5px; margin:0px; font-weight:normal; text-decoration:none; color:#fff; } .hideSeed { display:none; visibility:hidden; margin:0px; padding:0px; text-decoration:none; } .formLabel { float:left; clear:left; width:120px; margin:0px; padding: 2px 0px 2px 0px; } .formField { clear:right; margin:2px 0px 2px 0px; padding:0px; } .formField input.txt { width:200px; } .formField input.bttn { background:#333; color:#fff; border:1px solid #666; margin:5px 0px 5px 0px; } .serviceIcon { padding:0px 10px 2px 0px; vertical-align:middle; }  #footerArea { position: relative; color: #999; text-align: center; top: 0px; clear: both; font-size:.85em; } #footerArea ul { margin:0px; padding:0px; text-align:center; } #footerArea li { display:inline; list-style:none; padding: 0px 7px 0px 7px; } #footerArea a { color: #999; text-decoration: none; } #footerArea a:hover { color:#ff0; text-decoration: none; } #footerLogos { text-align:center; background:#1C1C1C; padding-top:10px; } #footerLogos .partners { margin-left: 110px !important; margin-left: 65px; float: left; } #footerLogos #partnerlogos { width: 407px; height: 53px; border: 0px; position: relative; top: -2px; } #footerLogos ul.compliance { float: left; width: 200px; text-align: left; border-left: 1px solid #666; margin-left: 50px !important; margin-left: 40px; position: relative; top: -10px !important; top: 0px; } #footerLogos ul.compliance li { list-style-type: none; padding-left: 10px !important; padding-left: 40px; position: relative; top: -3px; } #footerLogos ul.compliance li a { font-size: 0.7em; color: #A5A5A5; text-decoration: underline; } #footerLogos ul.compliance li a:hover { color: #FFFF00; } #headerArea { position: relative; color: #fff; top: 0px; z-index: 1; padding: 10px 15px 0px 17px; } #headerArea #colLeft { float: left; width: 674px; top: 0px; vertical-align: top; text-align: justify; padding: 4px 3px 4px 2px; } #headerArea #colRight { float: right; width: 182px; top: 0px; padding: 4px 2px 4px 3px; } #headerArea a { color: #fff; text-decoration: none; } #headerArea a:hover { color: #ff0; text-decoration: underline; } #welcomeLogo { background:url(../Images/Elements/welcome-logo.gif) no-repeat; width:252px; height:115px; padding:0px; margin: 7px 0px 30px 15px; } #aboutUsMainHeading * , #aboutUsWhatDoesThisReallyMean *, #aboutUsStillNotConvinced * { visibility:hidden; } #aboutUsMainHeading { background:url(../Images/Heading/main-heading-about-us.gif) no-repeat; width:205px; height:80px; } #aboutUsWhatDoesThisReallyMean { background:url(../Images/Heading/what-does-this-really-mean.gif) no-repeat; width:205px; height:76px; } #aboutUsStillNotConvinced { background:url(../Images/Heading/still-not-conviced.gif) no-repeat; width:205px; height:76px; } #servicesMainHeading *, #servicesCreativeDesign *, #servicesWebProduction *, #servicesLocalisation *, #servicesOnlineMarketing *, #servicesGamingCasino *, #servicesLemonHype * { visibility:hidden; } #servicesMainHeading { background:url(../Images/Heading/main-heading-services.gif) no-repeat; width:205px; height:80px; } #servicesCreativeDesign { background:url(../Images/Heading/creative-design.gif) no-repeat; width:205px; height:70px; } #servicesWebProduction { background:url(../Images/Heading/web-production.gif) no-repeat; width:205px; height:47px; } #servicesLocalisation { background:url(../Images/Heading/localisation.gif) no-repeat; width:205px; height:25px; } #servicesOnlineMarketing { background:url(../Images/Heading/online-marketing.gif) no-repeat; width:205px; height:53px; } #servicesGamingCasino { background:url(../Images/Heading/gaming-casino.gif) no-repeat; width:205px; height:82px; } #servicesLemonHype { background:url(../Images/Heading/lemon-hype.gif) no-repeat; width:205px; height:25px; } .backToServices { display:block; background: url(../Images/Heading/back-to-services.gif) right no-repeat; width:100%; height:14px; } .backToServices * { visibility:hidden; } #clientsMainHeading * { visibility:hidden; } #clientsMainHeading { background:url(../Images/Heading/main-heading-clients.gif) no-repeat; width:205px; height:80px; } #peopleMainHeading *, #peopleLemonCore *, #peopleLemonSeeds * { visibility:hidden; } #peopleMainHeading { background:url(../Images/Heading/main-heading-people.gif) no-repeat; width:205px; height:80px; } #peopleLemonCore { background:url(../Images/Heading/lemon-core.gif) no-repeat; width:205px; height:25px; } #peopleLemonSeeds { background:url(../Images/Heading/lemon-seeds.gif) no-repeat; width:205px; height:25px; } #newsMainHeading * { visibility:hidden; } #newsMainHeading { background:url(../Images/Heading/main-heading-news.gif) no-repeat; width:205px; height:80px; } #contactMainHeading * { visibility:hidden; } #contactMainHeading { background:url(../Images/Heading/main-heading-get-in-touch.gif) no-repeat; width:205px; height:80px; } #legalsMainHeading * { visibility:hidden; } #legalsMainHeading { background:url(../Images/Heading/main-heading-legals.gif) no-repeat; width:205px; height:80px; } #networkMainHeading * { visibility:hidden; } #networkMainHeading { background:url(../Images/Heading/main-heading-network.gif) no-repeat; width:205px; height:80px; } #loginMainHeading * , #loginExistingMembers * , #loginNewMembers * { visibility:hidden; } #loginMainHeading { background:url(../Images/Heading/main-heading-login.gif) no-repeat; width:205px; height:80px; } #loginExistingMembers { background:url(../Images/Heading/existing-members.gif) no-repeat; width:205px; height:47px; } #loginNewMembers { background:url(../Images/Heading/new-members.gif) no-repeat; width:205px; height:62px; } #loginNetwork a { position: relative !important; left: 5px !important; position: static; left: 0px; background:transparent url(../Images/Heading/heading-lemon-network-login.gif) no-repeat; width:187px; float:right; clear:both; margin:5px 0px 0px 0px; line-height:31px; cursor:pointer; display: block; } #loginNetwork a:hover { background:transparent url(../Images/Heading/heading-lemon-network-login-over.gif) no-repeat; text-decoration:none; } #loginNetwork a strong { visibility: hidden; } #lemonAccessibility strong { visibility:hidden; display:block; } #lemonAccessibility { background:#000 url(../Images/Heading/heading-lemon-accessibility.gif) no-repeat; line-height:27px; float:right; clear:both; margin: 4px 0px 0px 0px; } #logoutNetwork strong { visibility:hidden; display:block; } #logoutNetwork { background:#000 url(../Images/Heading/heading-logout.gif) no-repeat; width:100%; float:right; clear:both; margin:5px 0px 0px 0px; line-height:27px; cursor:pointer; } #accessibilityMainHeading * { visibility:hidden; } #accessibilityMainHeading { background:url(../Images/Heading/main-heading-accessibility.gif) no-repeat; width:205px; height:80px; }  #globalNav { background:#000; text-align:center; width:100%; float:left; clear:both; margin-top:2px; line-height:27px; vertical-align:middle; } #globalNav ul { background:#000; padding:0px; margin:0px; margin-left:30px; } #globalNav li { float:left; list-style-type:none; vertical-align:middle; margin-left:5px; background-repeat:no-repeat; } #globalNav a { display:block; background-repeat:no-repeat; padding:0px 10px 0px 26px; text-align:right; font-size:.85em; font-weight:bold; } #globalNav a:hover, #globalNav a.selected { color:#ff0; text-decoration:none; background-repeat:no-repeat; } #navHome a { background-image:url(../Images/Navigation/nav-icon-home.gif); } #navHome, #navHome a:hover, #navHome a.selected { background-image:url(../Images/Navigation/nav-icon-home_f2.gif); } #navAbout a { background-image:url(../Images/Navigation/nav-icon-about-us.gif); } #navAbout, #navAbout a:hover, #navAbout a.selected { background-image:url(../Images/Navigation/nav-icon-about-us_f2.gif); } #navServices a { background-image:url(../Images/Navigation/nav-icon-services.gif); } #navServices, #navServices a:hover, #navServices a.selected { background-image:url(../Images/Navigation/nav-icon-services_f2.gif); } #navPortfolio a { background-image:url(../Images/Navigation/nav-icon-portfolio.gif); } #navPortfolio, #navPortfolio a:hover, #navPortfolio a.selected { background-image:url(../Images/Navigation/nav-icon-portfolio_f2.gif); } #navNews a { background-image:url(../Images/Navigation/nav-icon-news.gif); } #navNews, #navNews a:hover, #navNews a.selected { background-image:url(../Images/Navigation/nav-icon-news_f2.gif); } #navContact a { background-image:url(../Images/Navigation/nav-icon-contact.gif); } #navContact, #navContact a:hover, #navContact a.selected { background-image:url(../Images/Navigation/nav-icon-contact_f2.gif); }
 #contentAreaLeft #subCol { float:left; clear:right; width:100%; background-color:#000; } #contentAreaLeft #subCol p { margin:0px; padding-bottom:1em; } .image { display:block; } .image * { visibility:hidden; display:none; } .separator	{ background:url(../Images/Portfolio/separator.gif) 0 50% repeat-x; width:100%; height:1px; margin-top: 5px !important; margin-bottom: 10px !important; margin: 0px; padding:0; clear:both; } th.separator { margin:0; padding:0; } a:hover .portfolioLink { text-decoration: underline; } #portfolioMainHeading { background:url(../Images/Heading/main-heading-portfolio.gif) no-repeat; width:205px; height:80px; } #portfolioRecentPortfolio { background:url(../Images/Heading/recent-portfolio.gif) no-repeat; width:205px; height:62px; } #portfolioAllOnlinePortfolio { background:url(../Images/Heading/all-online-portfolio.gif) no-repeat; width:205px; height:62px; margin-top:10px; } ul#showcase { list-style:none; font-family:Verdana; font-size:10px; } #showcase { margin:0; padding:0; } #showcase a { color:#ff0;font-weight:bold; background:url(../Images/Portfolio/icon_showcase.gif) 0 50% no-repeat; padding-left:20px; } #showcase span { font-size:.7em; } #contentAreaLeft .left { width:120px; margin:0; padding-top:0 !important; padding:15px 0 0 15px; margin-right:15px; position:relative; left:-15px !important; left:0px; } #contentAreaLeft .right { width:510px; margin-top:53px; } #contentAreaLeft .left ul li { border:none; } #subnav { background:#191919 url(../Images/Portfolio/subnav_top.gif) 0 0 no-repeat; width:123px; } #subnav * {margin:0; padding:0; } #subnav ul.end { background:url(../Images/Portfolio/subnav_end.gif) 0 100% no-repeat; } #subnav a { font-family:Verdana; font-size:10px; color:#bebebe; padding:0 8px 0 8px; } #subnav a.selected, #subnav a:hover { color:#fff; text-decoration:none; font-weight:bold; } #subnav li { background:url(../Images/Portfolio/subnav_separator.gif) 50% 100% repeat-x; line-height:20px; } #subnav li.last { background-image:none; } #tab * { margin:0; padding:0; } #tab { margin-bottom: 6px !important; margin-bottom: 0px; } #tab a { background:url(../Images/Portfolio/tab_off.gif) no-repeat; display:block; width:123px; height:25px; font-family:Verdana, Arial, Helvetica, Sans-Serif; font-size:10px; font-weight:bold; color:#bebebe; text-transform:uppercase; } #tab, #tab a.selected, #tab a:hover { background:url(../Images/Portfolio/tab_on.gif) no-repeat; color:#fff; text-decoration:none; } #tab .line { background:url(../Images/Portfolio/tab_line.gif) repeat-x; width:510px; height:2px; clear:both; display:block; } #tab li { float:left; margin-right:3px; list-style:none; text-align:center; vertical-align:middle; line-height:25px; } #breadcrumb {font-family:Arial; font-size:16px; color:#fff; margin-top:10px; } #breadcrumb a { color:#fff; font-weight:bold; } #breadcrumb a.base { font-weight:normal; } #breadcrumb a:hover { color:#ff0; } .headingOurWork { background:url(../Images/Portfolio/heading_our-work.gif) no-repeat; width:123px; height:25px; } #toc * { margin:0; padding:0; } #toc ul { list-style:none; } #toc li { line-height:20px; } #toc a { background:url(../Images/Portfolio/bullet_small.gif) 0 50% no-repeat; padding-left:12px; font-size:12px; margin-left:2px; } .dataTableHeading { text-transform:uppercase; font-size:12px; font-family:Verdana, Arial, Helvetica, Sans-Serif; background:url(../Images/Portfolio/bullet_large.gif) 0 50% no-repeat; padding-left:15px; vertical-align:middle; margin-bottom:5px; } .dataTable { width:510px; background-color:#191919; font-size:12px; margin-bottom:20px; } .dataTable *	{ margin:0; padding:0; } .dataTable tr	{ border-bottom:1px dotted #999; vertical-align:top; } .dataTable th	{ width:50%; font-weight:bold; color:#ff0; text-align:left; padding:5px 10px 2px 10px; } .dataTable td	{ width:50%; background-color:#323232; padding:2px 10px 2px 15px; } .dataTable td li { list-style:none; line-height:20px; } #serviceAdopted ul { margin:0px; padding:0; list-style:none; } #serviceAdopted h3 { background: url(../Images/Portfolio/title_lemon-services-adopted.gif) no-repeat; width:173px; height:17px; text-decoration:none; } #serviceAdopted li { line-height:150%; color:#999; font-size:11px; margin-bottom:5px; padding-left:10px; } #serviceAdopted li a { padding-left:10px; background:url(../Images/Portfolio/bullet_related-project_on.gif) 0 50% no-repeat; color:#ff0; font-weight:bold; } a.backToList:link, a.backToList:visited, a.backToList:active { color:#fff; font-size:11px; background:url(../Images/Portfolio/icon_back-to-list.gif) 0 50% no-repeat; padding-left:20px; } #examples * { margin:0; padding:0; } #examples h3 { background: url(../Images/Portfolio/examples.gif) no-repeat; width:197px; height:17px; text-decoration:none; } #relatedProjects * { margin:0; padding:0; } #relatedProjects h3 { background: url(../Images/Portfolio/title_related-projects.gif) no-repeat; width:133px; height:17px; text-decoration:none; } #relatedProjects ul { list-style:none; } #relatedProjects li { width:48%; float:left; font-size:11px; margin-bottom:5px; padding-left:10px; } #relatedProjects a { background:url(../Images/Portfolio/bullet_related-project_off.gif) 0 50% no-repeat; padding-left:10px; color:#ccc; } #relatedProjects a.selected { background:url(../Images/Portfolio/bullet_related-project_on.gif) 0 50% no-repeat; color:#ff0; font-weight:bold; } #gallery * { margin:0; padding:0; font-size:11px; } #gallery h3 { background:url(../Images/Portfolio/title_view-the-gallery.gif); width:130px; height:17px; } #gallery .group { margin-bottom:10px; } #gallery .group h4 { font-size:11px; margin-bottom:10px; } #gallery .item { float:left; width:75px; margin-bottom:5px; margin-right:10px; color:#fff; } #gallery .item a { color:#fff; } #gallery .item .galleryText { text-align: center; display: block; } #gallery .item a:hover .galleryText { text-decoration: underline; } #galleryViewer * { margin:0; padding:0; } #galleryViewer { padding:5px 10px 5px 10px; } #galleryViewer .caption { font-size:11px; margin-bottom:5px; color:#fff; } #galleryViewer .close { background:url(../Images/Portfolio/icon_close-window.gif) 0 50% no-repeat; width:85px; height:27px; padding-right:10px; float:right; }
