/* H1's for home page */ a{color: #EB9939;text-decoration: underline; outline: none;} a:hover{color: #EB9939;text-decoration: none;} h1, h2, h3, h4, h5 { /* for cases of no sifr */ font-family: Gill Sans MT, Arial, Helvetica, sans-serif; font-weight:normal;} #midColContentBody ol,#midColContentBody ul{ padding-bottom:20px; color: #333333;} #midColContentBody ul li{ list-style: none; background-image: url(/assets/images/tick.gif) ; background-position: 0px 0px; background-repeat: no-repeat; text-align: left; text-indent:0px; padding: 0px 0px 0px 20px; line-height: 17px;} #midColContentBody ol li{ text-align: left; text-indent:0px; margin-left: 17px; padding: 0px 0px 5px 10px; line-height: 17px;} #designBoxTitle h1 {padding-left: /*27px;*/29px;padding-top: 47px;font-size: 2.1em;color: #333333;} #marketingBoxTitle h1 {padding-left: /*32px;*/29px;padding-top: 47px;font-size: 2.1em;color: #333333;} #consultancyBoxTitle h1 {padding-left: /*32px;*/ 29px;padding-top: 47px;font-size: 2.1em;color: #333333;} /* Regular H1, H2, H3 etc */ #titleBar h1{padding-top: 6px;color: #333333;float:left;} h2, h3, h4, h5 {padding-bottom: 10px;color: #EB9939;} .orangecharacters{float: left;width: 44px;} /* Scrollers - set text size */ #clientFeedbackBoxContent,#latestNewsBoxContent,#latestBlogBoxContent {font-size: 10px;} /* Service boxes - home page */ #designBoxContent p{font-family: Arial, Helvetica, sans-serif;color: #333333;font-size: 1.2em;text-align: left;line-height: 15px;padding: /*14px 30px 0px 27px;*/14px 22px 0px 29px; } #marketingBoxContent p{font-family: Arial, Helvetica, sans-serif;color: #333333;font-size: 1.2em;text-align: left;line-height: 15px;padding: /*14px 25px 0px 32px;*/14px 22px 0px 29px; } #consultancyBoxContent p{font-family: Arial, Helvetica, sans-serif;color: #333333;font-size: 1.2em;text-align: left;line-height: 15px;padding: /*14px 25px 0px 32px;*/14px 22px 0px 29px; } #designBoxContent ul, #marketingBoxContent ul, #consultancyBoxContent ul {list-style:none;margin: 15px 0px 0px 0px;padding: 0px;} #designBoxContent li {background-image:url(/assets/images/tick.gif);background-repeat:no-repeat;background-position: 10px 0px;margin-left: /*17px;*/21px;padding: 0px 0px 0px 30px; text-align: left;font-size: 1.2em;line-height: 17px;color: #EB9939;} #marketingBoxContent li {background-image:url(/assets/images/tick.gif);background-repeat:no-repeat;background-position: 10px 0px;margin-left: 21px;padding: 0px 0px 0px 30px; text-align: left;font-size: 1.2em;line-height: 17px;color: #EB9939;} #consultancyBoxContent li {background-image:url(/assets/images/tick.gif);background-repeat:no-repeat;background-position: 10px 0px;margin-left: /*22px;*/21px;padding: 0px 0px 0px 30px; text-align: left;font-size: 1.2em;line-height: 17px;color: #EB9939;} #designBoxContent a, #marketingBoxContent a, #consultancyBoxContent a {color: #EB9939;text-decoration: underline;} #designBoxContent a:hover, #marketingBoxContent a:hover, #consultancyBoxContent a:hover {color: #EB9939;text-decoration: none;} /* 3 column layout - home page */ .BlogWorkNewsTitle{ margin-top:19px;} #latestBlogBoxView, #featuredWorkBoxView, #latestNewsBoxView{font-family: Arial, Helvetica, sans-serif;font-size: 1.1em;text-align: right;padding: 25px 20px 0px 0px;} #latestBlogBoxView a, #featuredWorkBoxView a, #latestNewsBoxView a{color: #EB9939;text-decoration: underline;} #latestBlogBoxView a.rss{width:0px;height:0px;} #latestBlogBoxView a:hover, #featuredWorkBoxView a:hover, #latestNewsBoxView a:hover{text-decoration: none;} #latestBlogMonth{font-family: Arial, Helvetica, sans-serif;color: #FFF;font-size: 1.1em;text-align: center;} #latestBlogDay{font-family: Arial, Helvetica, sans-serif;color: #333;font-size: 1.9em;text-align: center;padding: 3px 0px 0px 0px;} #latestBlogBoxContent p{font-family: Arial, Helvetica, sans-serif;color: #333333;font-size: 1.2em;text-align: left;line-height: 15px;padding: 15px 15px 0px 3px;} #linksBox{padding: 17px 0px 0px 12px;} #latestNewsBoxContent p{font-family: Arial, Helvetica, sans-serif;color: #333333;font-size: 1.2em;text-align: left;line-height: 15px;padding: 15px 0px 0px 20px;} #newsLetterBoxContent p{font-family: Arial, Helvetica, sans-serif;color: #333333;font-size: 1.2em;text-align: left;line-height: 15px;padding: 15px 15px 0px 20px;} #latestBlogBoxContent a, #latestNewsBoxContent a {color: #EB9939;text-decoration: none;font-weight:bold;} #latestBlogBoxContent a:hover, #latestNewsBoxContent a:hover {color: #EB9939;text-decoration: underline;font-weight:bold;} #newsLetterBoxContent a {color: #EB9939;text-decoration: underline;} #newsLetterBoxContent a:hover {color: #EB9939;text-decoration: none;} /* 3 column layout - content pages */ #testimoniallist {clear:both;/*width:500px;*/} .RadRotator_Web20 .rrClipRegion {border:none !important ;} .clientTestimonial{font-family: Arial, Helvetica, sans-serif;color: #666;font-size: 1.2em;line-height: 15px;padding: 15px 12px 0px 10px;} .clientName {font-family: Arial, Helvetica, sans-serif;color: #333;font-size: 1.2em;text-align: left;line-height: 15px;padding: 10px 15px 0px 15px;} #midColContentBody .clientTestimonial{font-size: 1.0em;text-align: left;} #midColContentBody .clientTestimonial li { margin-left:15px; text-indent: 0px;} #midColContentBody .clientName{text-align: right;font-size: 0.9em;padding-right:30px;} #clientFeedbackBoxContent .more {padding-left:15px;font-size:1.2em;line-height:15px;text-align:left;} #clientFeedbackBoxContent a, #contactUsBoxContent a, #midColContentBody a{color: #EB9939;text-decoration: underline;} #clientFeedbackBoxContent .clientTestimonial a, #clientFeedbackBoxContent .clientTestimonial a:hover {color: #666;text-decoration: none;} #clientFeedbackBoxContent .clientName a, #clientFeedbackBoxContent .clientName a:hover {color: #333;text-decoration: none;} #clientFeedbackBoxContent a:hover, #contactUsBoxContent a:hover, #midColContentBody a:hover{color: #EB9939;text-decoration: none;} #testimoniallist .leftclippanel .top { text-align: right; padding-right: 25px;} #testimoniallist .leftclippanel .top p { text-align: right;} #testimoniallist .pinpanel .top, #testimoniallist .rightclippanel .top { text-align: left; padding-left: 25px;} #testimoniallist .pinpanel .top p, #testimoniallist .leftclippanel .top p, #testimoniallist .rightclippanel .top p {color: #EB9939;font-family :Gill Sans MT, Arial, Helvetica, sans-serif;font-size: 17px; padding-top: 40px; } #testimoniallist .leftclippanel .top object{ /* sifr titles */ margin-top: 40px;} #testimoniallist .pinpanel .top object, #testimoniallist .rightclippanel .top object{ margin-top: 25px;} #testimoniallist #pager { margin: 10px auto; text-align:center;} #testimoniallist #pager input[type='submit'] {font-weight:bold;background-color: transparent;font-size: 1.0em;border:none; margin: 0px 60px 0px 60px; cursor:pointer;} .clientTestimonial .openquote { background-image: url(/assets/images/left-quote.gif); background-repeat:no-repeat; background-position: top left; padding-left:15px;padding-right:0px;} .clientTestimonial .closequote { background-image: url(/assets/images/right-quote.gif); background-repeat:no-repeat; background-position: bottom right; padding-left:0px;padding-right:7px;} #breadcrumb {color: #aaa;font-size: 1.1em;text-align: left;padding: 12px 0px 0px 0px;} .breadcrumbColon { margin: 0px 5px 0px 5px;} #breadcrumb a{color: #aaa;text-decoration: none; } #breadcrumb a:hover{color: #EB9939;text-decoration: none; } #midColContentBody {font-size: 1.2em;} #midColContentBody p{font-family: Arial, Helvetica, sans-serif;color: #333333;text-align: left;line-height: 16px;padding: 0px 0px 15px 0px;} #midColContentBody ul,#midColContentBody ol{text-indent: 20px;} #viewExamplesBoxContent {text-align: center;padding: 10px 0px 0px 0px;} #contactUsBoxContent, #zwsNewsBoxContent {font-family: Arial, Helvetica, sans-serif;color: #333;font-size: 1.2em;text-align: left;line-height: 15px;padding: 12px 15px 0px 15px;} #zwsNewsBoxContent label {display:none;} /* hide labels */ span.zwsNewsTextfieldOne{display:block; background-image:url(/assets/images/textfield-bg.gif.png); background-repeat:no-repeat; margin-top: 13px; padding:3px 0px 0px 5px; border: 0px; height: 19px; width: 178px; color: #666666;} span.zwsNewsTextfieldTwoThree{display:block; background-image:url(/assets/images/textfield-bg.gif.png); background-repeat:no-repeat; margin-top: 3px; padding:3px 0px 0px 5px; border: 0px; height: 19px; width: 178px; color: #666666;} input.zwsNewsTextfieldOne,input.zwsNewsTextfieldTwoThree{ border: 0px; height: 17px; width: 170px; color: #666666; background-color: transparent;} .zwsNewsSignUpBtn{float: right;width: 74px;} /* Portfolio stuff */ #servicesProvidedBoxContentLeft ul, #servicesProvidedBoxContentRight ul {list-style:none;margin: 15px 0px 0px 0px;padding: 0px;} #servicesProvidedBoxContentLeft li, #servicesProvidedBoxContentRight li {background-image:url(/assets/images/tick.gif);background-repeat:no-repeat;background-position: 10px 0px;margin-left: 5px;padding: 0px 0px 0px 30px; text-align: left;font-size: 1.2em;line-height: 18px;color: #EB9939;} #servicesProvidedBoxContentLeft a, #servicesProvidedBoxContentRight a {color: #333333;text-decoration: none;} #servicesProvidedBoxContentLeft a:hover, #servicesProvidedBoxContentRight a:hover {color: #EB9939;text-decoration: underline;} #titleBarNav ul{list-style-type: none;float:right;} #titleBarNav ul li {float: left;} #titleBarNav ul li span {display: none;} #titleBarNav ul li a {display: block;height: 45px;} #titleBarNav ul li a.BackPortfolio {background: url(/assets/images/btn-back-portfolio.gif.png) top no-repeat;width: 149px;} #titleBarNav ul li a.LaunchSite {background: url(/assets/images/btn-launch-site.gif.png) top no-repeat;width: 98px;} #titleBarNav ul li a:hover {background-position: bottom;} #titleBarNav ul li a.active {background-position: bottom !important;} /* Footer */ #footerDesign ul, #footerMarketing ul, #footerConsultancy ul{list-style:none;margin: 0px;padding: 0px;border-top: solid 1px #343434; margin-top: -3px;} #footerDesign li, #footerMarketing li, #footerConsultancy li {background-image:url(/assets/images/tick-black.gif);background-repeat:no-repeat;background-position: 3px -1px;margin: 0px;padding: 0px 0px 0px 20px; text-align: left;font-size: 1.1em;line-height: 2.15em;color: #CCC;border-bottom: solid 1px #343434; } #footerDesign a, #footerMarketing a, #footerConsultancy a {color: #CCC;text-decoration: none;} #footerDesign a:hover, #footerMarketing a:hover, #footerConsultancy a:hover {color: #EB9939;text-decoration: none;} #footerContact {font-family: Arial, Helvetica, sans-serif;color: #CCC;font-size: 1.1em;text-align: left;line-height: 15px;} #footerContact a {color: #EB9939;text-decoration: none;} #footerContact a:hover {color: #EB9939;text-decoration: underline;} #footerSmallprint {font-family: Arial, Helvetica, sans-serif;color: #CCC;font-size: 1.1em;text-align: left;padding: 12px 0px 0px 7px;} #footerSmallprint a{color: #CCC;text-decoration: none;margin: 0px 5px 0px 5px;} #footerSmallprint a:hover{color: #CCC;text-decoration: underline;} /*------------------------------------ FEATURED WORK ---*/ .noflashgrid {padding-left:10px;padding-top:5px;} .noflashgrid a.featured {margin:3px;width:69px;height:69px;background:#ccc;display:block;float:left} .noflashgrid a:hover.featured {background:#EB9939;} .noflashgrid img.featured {width:65px;height:65px;margin:2px;} #rightColContent #flash { background-color: #fff;width:209px; } #viewExamplesBox {margin:0px;padding:0px;width:210px;} #viewExamplesBox #flash,#viewExamplesBox #vis {margin:0px;padding:0px;background: #fff;width:209px;} #viewExamplesBox .noflashgrid {margin-top:10px;padding-left:9px;padding-top:10px;background: #fff;} #viewExamplesBox .noflashgrid a.featured {margin:2px;width:44px;height:44px;background:#ccc;display:block;float:left} #viewExamplesBox .noflashgrid a:hover.featured {background:#EB9939;} #viewExamplesBox .noflashgrid img.featured {width:40px;height:40px;margin:2px;} /*---------------------------------------- PORTFOLIO ---*/ .noflashportfolio img {float:left;margin-right: 20px;} .noflashportfolio p {float:left; width: 425px;} #midColContentBody .noflashportfolio .links a:link {float:right; /*font-size: 1.2em;*/margin-right:10px;} .clear {clear:both;} /*------------------------------------------ EDITING ---*/ .ContentRegionButton, .HeadlineEditButton {width:35px;height:35px;margin:0;padding:0;position:absolute;right:0;top:0;} /*---------------------------------------- FORM FIELD SETS ---*/ fieldset {border:none;} fieldset legend {display:none;} fieldset div.row { clear:both;} fieldset span.formField{display:block;float:left;width:150px;padding: 2px;vertical-align: middle;} fieldset div.formValue{float:left;width:300px;padding: 2px;} .error, .fielderror {font-weight: bold;color:red;} textarea {font-family:Arial, Helvetica, sans-serif;} strong, .strong {font-weight:bold;} /*---------------------------------------- SITEMAP ---*/ #midColContentBody ul.sitemap{list-style: none;float:left; } #midColContentBody ul.sitemap li {list-style-image:none;} #midColContentBody ul.sitemap li.SiteMapTier1 {font-weight: bold;background:none;} #midColContentBody ul.sitemap li.SiteMapTier2 {font-weight: normal;background:none;list-style: disc;margin-left:35px;padding:0px;} #midColContentBody ul.sitemap li.SiteMapTier3 {font-weight: normal;background: url(/assets/images/tick.gif) 0px 0px no-repeat;;margin-left:35px;} #midColContentBody ul.sitemap li.SiteMapTier4 {font-weight: normal;} #midColContentBody ul.sitemap li.SiteMapTier1 a {color:#333;} #midColContentBody ul.sitemap li.SiteMapTier2 a {color:#333;} #midColContentBody ul.sitemap li.SiteMapTier3 a {color:#333;} #midColContentBody ul.sitemap li.SiteMapTier4 a {color:#333;} #midColContentBody ul.sitemap a {text-decoration:none;} #midColContentBody ul.sitemap a:hover {text-decoration:underline;} /*---------------------------------------- SEARCH ---*/ #SearchResults {} #SearchResults #SearchHeader {clear:both;} #SearchResults #SearchHeader h2 {} #SearchResults .SearchPageTitle {font-weight: bold;/*font-size:1.2em;*/display:block;clear:left;} #SearchResults .SearchPageTitle a {} #SearchResults .SearchPageTitle a:hover {} #SearchResults .SearchPageLoc {float:right;text-align:right;padding-right:15px;font-weight: bold;/*font-size:1.2em;*/display:block;clear:right;} #SearchResults .SearchPageDescription {display:block;font-weight: normal;font-size:0.9em;font-style: italic;width:98%;clear: both;} #SearchResults .SearchSeparator {width:98%;height:10px;display:block;clear:both;border-bottom:solid 1px #dddddd;margin-bottom:5px;} #SearchResults .SearchSeparator HR {width:100%;height:1px;display:block;color:#eee;clear:none;} #SearchResults .SearchFooter {display:block;color:#dddddd;clear:both;} #search .formField {width:100px;} #search .formValue {width:350px;} #search span.width160{background-image:url(/assets/images/textfields/160px.gif);display:block;background-repeat:no-repeat;width:170px;height: 25px;float:left;} #search span.width160 input[type='text']{display:inline-block;background-image:url(/assets/images/textfield-bg.gif.png);background-repeat:no-repeat;background-position: top left;border: 0px;height: 19px;width:153px;border: 0px;padding: 3px 0px 0px 5px;color: #666666; background-color: transparent;} #search input[type='submit'] {float:left;} /*---------------------------------------- GOOGLE MAP ---*/ #mapHolder {border:1px solid #CCCCCC;height:311px;margin:15px 0 30px;padding:1px;width:510px;} #map {height:311px;width:510px;clear:both;} #logocontrol {/*this is the powered by line*/} #map div.gmnoprint {/* these aer the overalays */} .infowindow {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;white-space:nowrap;color:#EB9939;vertical-align:top;width:300px;} .infowindow a:link, .infowindow a:visited {color:#606060; text-decoration:underline;} .infowindow a:hover {color:#EB9939; } /*---------------------------------------- FORM ---*/ fieldset input[type='text'] {} #contactform input[type='text'] {} .prepopulated {color:#aaa;font-style: normal; text-align: left;} #contactform {font-size:1.1em; padding:0px 0px 15px 0px;margin: 0px 10px 0px 0px; width:485px; padding-top:15px;} #contactform p a {} #contactform p {line-height: 2.5em; padding: 0px 0px 5px} #contactform input[type=checkbox] {margin-right:5px;} #contactform p label {} #contactform textarea {font-size: 1.0em;} #contactform span.input{display:inline-block;background-image:url(/assets/images/textfield-bg.gif.png);background-repeat:no-repeat;background-position: 0px 7px;margin-top: 3px;padding: 3px 0px 0px 5px;border: 0px;height: 27px;color: #666666;} *:first-child+html #contactform span.input{;background-image:url(/assets/images/textfield-bg.gif.png);background-repeat:no-repeat;background-position: top left;margin-top: 3px;padding: 3px 0px 0px 5px;border: 0px;height: 19px;color: #666666;} /* IE7 only */ #contactform input[type='text']{font-size: 0.9em;border: 0px;height: 17px;color: #666666;background-color: transparent;} #contactform span.width80{background-image:url(/assets/images/textfields/80px.gif.png);} #contactform span.width90{background-image:url(/assets/images/textfields/90px.gif.png);background-position: 7px left;} #contactform span.width100{background-image:url(/assets/images/textfields/100px.gif.png);} #contactform span.width140{background-image:url(/assets/images/textfields/140px.gif.png);} #contactform span.width160{background-image:url(/assets/images/textfields/160px.gif.png);} #contactform span.width175{background-image:url(/assets/images/textfields/175px.gif.png);} #contactform span.width190{background-image:url(/assets/images/textfields/190px.gif.png);} #contactform span.width80 input[type='text']{width:75px;} #contactform span.width90 input[type='text']{width:85px;} #contactform span.width100 input[type='text']{width:90px;} #contactform span.width140 input[type='text']{width:135px;} #contactform span.width160 input[type='text']{width:155px;} #contactform span.width175 input[type='text']{width:170px;} #contactform span.width190 input[type='text']{width:185px;} #contactform span.textarea{display:block;clear:both;background-image:url(/assets/images/textfields/475x98.gif.png);background-repeat:no-repeat;background-position: top left;margin-top: 3px;padding: 3px 0px 0px 5px;border: 0px;height: 100px;color: #666666;} #contactform textarea{border: 0px;height: 90px;width: 465px;color: #666666;background-color: transparent;} .personal .textboxwitherror, #contactform input.textboxwitherror {height:1.3em;border: 0px;height: 17px;width: 170px;color: #eb9939;background-color: transparent;} #validators {height:0px;visibility: hidden;display:none;z-index: 100;} /*---------------------------------------- NEWS ---*/ .Headline h2 {padding-bottom:0px;margin-bottom:0px;} .Headline, #HeadlineStory {} .Headline .summary, #HeadlineStoryBody {margin-bottom:3px; clear:both;} .Headline .summary p {float:right;} .Headline .summary img {margin-bottom: 3px;margin-right: 5px;padding: 1px;border: 1px solid #ccc; float:left;} #HeadlineStoryBody {margin-bottom:20px;} .Headline .date, #HeadlineStoryDate {float:right;font-size:0.9em;} .Headline .more a, #HeadlineStory #HeadlineStoryBack a {font-size:0.9em;} .Headline .more a:hover, #HeadlineStory #HeadlineStoryBack a:hover {} .HeadlineContainer {border-bottom:1px dotted #ddd; padding-top:10px; padding-bottom:10px;} .newsImg {margin-left: 10px;padding: 1px;border: 1px solid #ccc;} .newSiteImg {padding: 1px;border: 1px solid #ccc;} .rsslink {float:right;} #midColContentBody .rsslink {margin-top: -30px;} #latestNewsBox .rsslink {margin-top:12px;margin-right:15px;} #midColContentBody h2 a {color:#eb9939; text-decoration:none;} /*---------------------------------------- CONTENT PANELS ---*/ .fullwidth {width: 100%; clear: both;} .panel .top { margin:0px;padding:0px;line-height: 74px; padding-left: 15px; background: url(/userfiles/images/backgrounds/fullwidthpaneltop.png) no-repeat; height: 51px;background-position: bottom left; } .pinpanel .top {margin:0px;padding:0px;line-height: 97px; padding-left: 15px; background: url(/userfiles/images/backgrounds/FullWidthPanelTopPin.png) no-repeat; height: /*74px;*/60px;background-position: bottom left;} .leftclippanel .top {margin:0px;padding:0px;line-height: 97px; padding-left: 75px; background: url(/userfiles/images/backgrounds/FullWidthPanelTopLeftPaperclip.png) no-repeat; height: /*74px;*/60px;background-position: bottom left;} .rightclippanel .top {margin:0px;padding:0px;line-height: 97px; padding-left: 15px; background: url(/userfiles/images/backgrounds/FullWidthPanelTopRightPaperclip.png) no-repeat; height: /*74px;*//*60px;*/61px;background-position: bottom left;} .contactformpanel .top {margin:0px;padding:0px;line-height: 97px; padding-left: 15px; background: url(/userfiles/images/backgrounds/FullWidthPanelTopPin.png) no-repeat; height: /*74px;*/65px;background-position: bottom left;} .panel .middle, .pinpanel .middle, .leftclippanel .middle, .rightclippanel .middle, .contactformpanel .middle {margin:0px;padding:0px;padding-left: 15px; background: url(/userfiles/images/backgrounds/fullwidthpanelcontent.png) repeat-y top left;padding-top:15px; padding-right:15px; } .leftclippanel .middle {padding-right:5px;} .panel .bottom , .pinpanel .bottom , .leftclippanel .bottom , .rightclippanel .bottom, .contactformpanel .bottom {margin:0px;padding:0px;background: url(/userfiles/images/backgrounds/fullwidthpanelbottom.png) no-repeat; height: 34px;} .panel .top h2 {padding-top:20px;} .pinpanel .top h2, .leftclippanel .top h2, .rightclippanel .top h2 {padding-top:40px;} .contactformpanel .top h2 {padding-top:31px;/*<=moved to sifr config */} .leftclippanel .top object{margin-top: 40px;} .rightclippanel .top object{margin-top: 27px;} .pinpanel .top object{ margin-top: 25px;} .note {font-size:0.9em;} /* Phone number changes - 16/06/2011 */ #telephone p {padding: 43px 0 0 35px;font-size: 2.0em; color: #FFF; } #contactUsBoxContent p, #contactUsBoxContent span {padding: 10px 0 0px 12px; font-size: 1.9em; color: #9A9A9A; display:block;}