/* CSS generated by SiteManager at 11:54am 31/08/2011 - do not edit this file directly */ /* CSS FOR Silktide - Screen Stylesheet AUTHOR: Alison Springall (alisonspringall@silktide.com) / Silktide Ltd - All Rights Reserved CREATED: 07/09/2009 */ /* GLOBAL STYLES ----------------------------------------------------------------------------------------------------------------------------- */ html, body { height: 100%; } body { background-color: #fff; font: normal 80% 'Lucida Sans Unicode', 'Lucida Grande', verdana, arial, sans-serif; text-align: center; padding: 0; margin: 0 auto; } hr { height: 1px; background: transparent; color: #e8e8e8; border: 0; margin: 5px 0; } form, table { background: transparent; font-size: 1.0em; color: #535353; } legend { font-size: 1.4em; color: #0093d2!important; padding: 0 10px; margin: 0 10px 10px; } fieldset { border: 1px solid #e8e8e8 !important; margin: 0; } .tablestyle { border-collapse: collapse; } .tablestyle td, .tablestyle th { vertical-align: top; padding: 5px 5px 5px 0; } .tableborder td, .tableborder th { vertical-align: top; padding: 5px; border: 1px solid #e8e8e8; } .clear { height: 0; clear: both; font-size: 0.1em; line-height: 0.1em; padding: 0; margin: 0; } .rowclear { height: 40px; clear: both; font-size: 0.1em; line-height: 0.1em; padding: 0; margin: 0; } .right { float: right; } .left { float: left; } .widthwrapper { width: 100%; } .padding { padding: 20px; } #accessibility { display: none; } .center { text-align: center; } .productonly { display: none; } /* HEADINGS ----------------------------------------------------------------------------------------------------------------------------- */ h1 { font-weight: normal; font-size: 1.7em; font-family: 'myriad pro', arial, verdana, sans-serif; color: #282828; padding: 0; margin: 0 0 10px 0; } h1 span { font-weight: normal; } h2 { font-weight: bold; font-size: 1.4em; font-family: 'myriad pro', arial, verdana, sans-serif; color: #282828; padding: 0 0 5px; border-bottom: 1px solid #e0e0e0; margin: 15px 0 20px; } h3 { font-weight: bold; font-size: 1.3em; font-family: 'myriad pro', arial, verdana, sans-serif; color: #282828; padding: 0; margin: 15px 0; } h1 + h2, .half > h2 { margin-top: 0; } #home h1 { font: normal 5.0em 'myriad pro', arial, verdana, sans-serif; text-transform: none; color: #000; text-align: center; margin: 0 0 10px; } #home h1 span { -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,1))); } /* TEXT ----------------------------------------------------------------------------------------------------------------------------- */ p { font-size: 1.0em; line-height: 1.7em; color: #333; margin: 0 0 20px; } li { font-size: 1.0em; line-height: 1.5em; color: #333; margin: 0 0 10px; } .largetext { font-size: 1.4em; } .smalltext { font-size: 0.85em; } .imageCaption { font-size: 0.85em; text-align: center; color: #888; margin: 10px 0 30px 0; } ul { padding: 0 0 0 20px; margin: 20px 10px; } ol { margin: 1.5em 0; } /* LINKS ----------------------------------------------------------------------------------------------------------------------------- */ a:link, a:visited { color: #2676c8; text-decoration: none; } a:hover, a:active, a:focus { color: #333; text-decoration: none; } /* IMAGES ----------------------------------------------------------------------------------------------------------------------------- */ img { border: 0; } #galleryFullWidth { text-align: center; } #galleryFullWidth h2 { font-size: 2.2em; line-height: 1.2em; color: #009cea; font-weight: normal; margin-top: 0px; border: 0; margin-bottom: 15px; } #galleryFullWidth p { margin-left: 100px; margin-right: 100px; margin-bottom: 0px; } #galleryFullWidth img { padding: 2px; border: 1px solid #BBB; margin: 20px 0; } #galleryFullWidthNoBorder { text-align: center; } #galleryFullWidthNoBorder h2 { font-size: 2.2em; line-height: 1.2em; color: #009cea; font-weight: normal; margin-top: 0px; border: 0; margin-bottom: 15px; } #galleryFullWidthNoBorder p { margin-left: 100px; margin-right: 100px; margin-bottom: 20px; } #galleryFullWidthNoBorder img { padding: 2px; border: 0; margin: 0 0 20px; } /* LAYOUT ----------------------------------------------------------------------------------------------------------------------------- */ #container { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -170px; } .wrapper { width: 940px; position: relative; text-align: left; padding: 0; margin: 0 auto; } /* HEADER ----------------------------------------------------------------------------------------------------------------------------- */ #header { height: 80px; position: relative; background: #272727; margin: 0 auto; } #header .wrapper { } #header #sitelogo { position: absolute; left: 0; top: 0; } /* BANNER ----------------------------------------------------------------------------------------------------------------------------- */ #banner { background: #fff /* url(/templatefiles/banner_bg.png) repeat 0 0 */; margin: 0 auto; } #banner .overlay { background: #fff url(/templatefiles/silktide_banner_bg.jpg) no-repeat center top; border-bottom: 1px solid #bebebe; margin: 0 auto; } #banner .wrapper { height: 300px; background: transparent url(/templatefiles/shadow.png) no-repeat top center; text-align: center; padding-top: 45px; } #banner p { font-size: 1.4em; } /* NAVIGATION ----------------------------------------------------------------------------------------------------------------------------- */ ul.mainnav { float: right; padding: 0; margin: 25px 0 0; } ul.mainnav li { float: left; font: 1.1em/32px 'myriad pro', verdana, arial, sans-serif; list-style-type: none; text-align: center; color: #d1d1d1; padding: 0; margin: 0 0 0 20px; } ul.mainnav li a:link, ul.mainnav li a:visited { width: 87px; height: 32px; float: left; text-decoration: none; color: #d1d1d1; padding: 0; border: 0; margin: 0; } ul.mainnav li a:hover, ul.mainnav li a:active, ul.mainnav li a:focus { background: transparent; color: #fff; } ul.mainnav li.selectedoption a:link, ul.mainnav li.selectedoption a:visited { background: transparent url(/templatefiles/mainnav_selected.png) no-repeat center center; color: #fff; } #subnav { float: right; padding: 0; border: 0; margin: 0; } #subnav li { float: left; line-height: 30px; list-style-type: none; margin: 0 0 0 30px; } #subnav li a, #subnav li a:visited { display: block; float: left; text-decoration: none; color: #666; padding: 0 8px 0 0; border: 0; margin: 0 0 0 8px; } #subnav li:hover { background: transparent url(/templatefiles/subnav_bg-left.png) no-repeat left top; } #subnav li a:hover, #subnav li a:active, #subnav li a:focus { background: transparent url(/templatefiles/subnav_bg-right.png) no-repeat right top; color: #fff; } /* Selected */ #subnav li.selected { background: transparent url(/templatefiles/subnav_bg-left.png) no-repeat left top; } #subnav li.selected a, #subnav li.selected a:visited { background: transparent url(/templatefiles/subnav_bg-right.png) no-repeat right top; color: #fff; } #subnav li.selected a:hover, #subnav li.selected a:active, #subnav li.selected a:focus { color: #eee; } /* CONTENT ----------------------------------------------------------------------------------------------------------------------------- */ #contentwrapper { margin-top: -310px; } #contentwrapper .wrapper { width: 946px; } #contenttop { height: 5px; /*overflow: hidden;*/ background: transparent url(/templatefiles/content_top.png) no-repeat center bottom; margin: 0; } #contentbot { height: 5px; overflow: hidden; background: transparent url(/templatefiles/content_bot.png) no-repeat center top; margin: 0 0 15px; } #content { background: transparent url(/templatefiles/content_bg.png) repeat-y center top; padding: 0; margin: 0; } #content .inner { width: 872px; min-height: 322px; background: transparent url(/templatefiles/content_inner.jpg) repeat-x left bottom; padding: 35px; margin: 0 auto; } #content .inner .productpanel { background: transparent url(/templatefiles/intro_bg.jpg) repeat-x left bottom; padding: 20px 35px; border-bottom: 1px solid #e0e0e0; margin: -35px -35px 35px; } #content .inner .intro { background: transparent url(/templatefiles/intro_bg.jpg) repeat-x left bottom; padding: 20px 35px; border-bottom: 1px solid #e0e0e0; margin: -35px -35px 35px; } #content .inner .intro p { font-size: 1.2em; line-height: 1.3em; font-family: 'myriad pro', arial, verdana, sans-serif; text-align: center; color: #666; margin: 0 0 0; } #content .inner .intro p.headertext { font-size: 2.2em; line-height: 1.2em; text-align: center; color: #009cea; margin-bottom: 15px; } #content .inner .half { width: 400px; float: left; margin: 0; } #content .inner .half.last { float: right; } #content .inner .half .contentimg { border: 1px solid #e0e0e0; margin: 0 0 30px 0; } #content .inner .half.last .contentimg { } #content .inner .half .featureimg { margin: 0 0 20px 0; } #content .inner .half.last .featureimg { margin: 0 0 20px 0; } #content .inner .half .contentimg-nopad { margin-left: -35px; margin-bottom: 35px; border: 1px solid #e0e0e0; border-width: 1px 1px 1px 0; } #content .inner .half.last .contentimg-nopad { float: right; margin-left: 0; margin-right: -35px; border-width: 1px 0 1px 1px; } #content .inner .half h2 { position: relative; } #content .inner .half .contenticon { position: absolute; right: 0; bottom: 0; } #content .inner .half .icon { float: right; } #content .inner .half .headerimg { height: 45px; margin: 25px 0 10px 0; padding: 0; border-bottom: 1px solid #e0e0e0; } #content .inner .calltoaction { width: 817px; height: 25px; position: relative; background: transparent url(/templatefiles/cta_bg.png) no-repeat 0 0; padding: 11px 20px; margin: 40px auto 0 auto; } #content .inner .calltoaction p { font-size: 1.1em; line-height: 25px; margin: 0; } #content .inner .calltoaction p.cta_link { width: 105px; height: 27px; position: absolute; top: 10px; right: 20px; font-weight: bold; text-align: center; text-shadow: 1px 1px 1px #333; } #content .inner .calltoaction p.cta_link a, #content .inner .calltoaction p.cta_link a:visited { color: #fff; } #content .inner .calltoaction p.cta_link a:hover, #content .inner .calltoaction p.cta_link a:active, #content .inner .calltoaction p.cta_link a:focus { color: #c8f1fa; } #content .inner img.staffimg { float: left; margin: 10px 40px 0 0; } #content .inner .details { width: 520px; float: left; } #content .inner .details h2 { margin: 0; } #content .inner .details p.jobtitle { color: #009cea; margin-top: 0; } #content .inner .details p { margin-bottom: 10px; } .introtext { font-size: 130%; } /* .fullwrapper { width: 924px; clear: both; padding: 11px 1px 0 21px; border: 1px solid #e8e8e8; border-width: 0 1px; margin: 0 auto 30px; } .contentinner { width: 670px; overflow: hidden; } .divider { height: 15px; clear: both; padding: 0; margin: 0 20px 0; } .menublock { width: 360px; min-height: 240px; margin-bottom: 15px; } .menublock a.imgwrapper { width: 350px; height: 120px; overflow: hidden; display: block; padding: 2px; border: 1px solid #e8e8e8; } */ /* HOME ----------------------------------------------------------------------------------------------------------------------------- */ #home #contentwrapper { margin-top: 0; } #home #contentwrapper .wrapper { width: 940px; } #home .colwrapper { clear: both; padding: 0; margin: 0 auto; } #home .col { width: 270px; min-height: 100px; float: left; padding: 40px 0; margin: 0 60px 0 0; } #home .col.last { /*width: 340px;*/ margin-right: 0; } #home .col .icon { float: right; } #home .col .headerimg { height: 60px; margin: 10px 0 0; } #home .col p { font-size: 1.1em; line-height: 1.8em; margin: 0 0 5px; } #home .col p.morelink { font-size: 0.85em; line-height: 1.2em; text-align: right; margin: 0; } #home .col p.morelink a, #home .col p.morelink a:visited { height: 14px; display: block; overflow: hidden; background: transparent url(/templatefiles/morelink_bg.png) no-repeat right top; text-decoration: none; color: #7f7f7f; padding-right: 20px; } #home .col p.morelink a:hover, #home .col p.morelink a:active, #home .col p.morelink a:focus { background-position: right bottom; text-decoration: none; color: #333; } #home #twitter h2 { font-size: 1.6em; padding-bottom: 0; border: 0; } #home #twitter h2 a, #home #twitter h2 a:visited { color: #333; } #home #twitter h2 a:hover, #home #twitter h2 a:active, #home #twitter h2 a:focus { color: #000; } #home #twitter ul { padding: 0; margin: 25px 0; } #home #twitter li { list-style-type: none; padding: 0 0 5px; border-bottom: 1px dotted #ddd; margin: 5px 0; } /* FOOTER ----------------------------------------------------------------------------------------------------------------------------- */ #clearfooter { height: 170px; } #footer { height: 170px; background: #323232 url(/templatefiles/footer_bg.jpg) no-repeat center top; font: 0.95em helvetica, verdana, arial, sans-serif; color: #fff; padding: 0; margin: 0 auto; } #footer .left { padding-top: 20px; } #footer .left img { margin: 5px 0 15px; } #footer ul { width: 240px; float: right; padding: 20px 0; margin: 0; } #footer ul li { font-weight: bold; font-size: 1.5em; text-align: left; text-transform: lowercase; list-style-type: none; color: #fff; padding: 0 0 0 30px; margin: 0; } #footer ul ul { padding: 0; margin: 10px 0 0; } #footer ul ul li { font-weight: normal; font-size: 0.65em; text-transform: none; margin: 0 0 0; } #footer p { font-size: 0.9em; line-height: 1.4em; color: #bbb; padding: 0; margin: 0; } #footer #sslogo { margin: 12px 0 0 30px; } #footer a:link, #footer a:visited { color: #fff; text-decoration: none; } #footer a:hover, #footer a:active, #footer a:focus { color: #fff; text-decoration: underline; }