@charset "UTF-8";
/* CSS Document */

* { margin:0; padding:0; }
body { background:#212121; color:#999999; font:62.5% Arial, sans-serif; }
img, object, embed { border:0; display:block; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
ul, ol { list-style:none outside none; }
a:link, a:visited { color:#999999; text-decoration:none; }
a:hover, a:active { color:#ffffff; }
:focus { outline:0; }

.container { height:100%; margin-left:auto; margin-right:auto; position:relative; width:960px; }


/* ### Header ### */
#header { background:#333333; height:165px; position:relative; z-index:100; }
#logo, #header-nav, #telephone, #tagline, #jwtb-button { position:absolute; }
#logo { left:0; top:57px; }
#header-nav, #telephone, #tagline, #jwtb-button { right:0; }
#header-nav { font-weight:bold; text-transform:uppercase; top:20px;  }
#telephone { background:url(images/telephone-logo.gif) no-repeat; color:#ea2488; font-size:2.3em; font-weight:bold; height:21px; line-height:21px; padding-left:36px; top:45px; }
#tagline { color:#ffffff; font-size:1.8em; letter-spacing:-1px; text-transform:uppercase; top:94px; }
#jwtb-button { top:137px; z-index:999; }


/* ### Navigation ### */
#nav { background:url(images/nav-background.png) repeat-x; height:50px; margin-bottom:-12px; position:relative; z-index:0; }
#nav li { float:left; height:38px; line-height:38px; padding-bottom:12px; }
#nav .active { background:url(images/nav-nipple.png) no-repeat center bottom; }
#nav a { display:block; font-size:1.5em; letter-spacing:-1px; padding:0 12px; text-transform:uppercase; white-space:nowrap; }
#nav .active a, #nav a:hover { color:#ea2488; }


/* ### Sub-navigation ### */
#sub-nav li, #sub-nav-vert li { display:block; }
#sub-nav a, #sub-nav-vert a { color:#ffffff; display:block; font-size:1.7em; line-height:43px; padding-left:20px; }
#sub-nav a:hover, #sub-nav-vert a:hover { background-position:0 -100%; }
#sub-nav .active a, #sub-nav-vert .active a { background-position:0 -200%; }

#sub-nav { width:300px; }
#sub-nav li { display:block; }
#sub-nav a { background:url('images/sub-nav.png');  height:43px;   }

#sub-nav-vert { background:url(images/sub-nav-vert-background.gif); height:55px; margin-bottom:20px; overflow:hidden; }
#sub-nav-vert li { float:left; }
#sub-nav-vert a { background-image:url('images/sub-nav-vert.png'); height:55px; width:267px; }


/* ### Home page ### */
#banner { background:url(images/banner-background.png) repeat-x; height:185px; padding:30px 0; }

#latest-news, latest-news-label, #news-ticker, #news-ticker li { height:40px; line-height:30px; overflow:hidden; }
#latest-news-label, #news-ticker { float:left; }
#latest-news-label { font-size:1.3em; font-weight:bold; text-transform:uppercase; width:180px; }
#news-ticker, #news-ticker li { width:780px; }
#news-ticker li { color:#666666; font-size:1.3em; }
#news-ticker a { color:#666666; }
#news-ticker a:hover { color:#ea2488; }

#testimonial-slideshow { height:145px; width:960px; }

#portfolio-slideshow { background:url(images/portfolio-computer.png) no-repeat; height:320px; position:absolute; top:-40px; width:330px; z-index:999; }
#portfolio-slideshow-inner, #portfolio-slideshow-inner img { height:170px; width:300px; }
#portfolio-slideshow-inner { left:15px; overflow:hidden; position:absolute; top:15px; }
#view-our-portfolio { bottom:0; left:68px; position:absolute; }


/* ### Body ### */
#body { background:#ffffff; padding-bottom:30px; padding-top:20px; }

#breadcrumbs { color:#666666; font-size:1.05em; margin-bottom:20px; }
#breadcrumbs a { color:#666666; text-decoration:underline; }
#breadcrumbs a:hover { color:#000000; }

#body-top { border-bottom:2px dotted #dddddd; margin-bottom:30px; padding-bottom:30px; }


/* ### CMS content ### */
.content { color:#666666; }
.content h1, .content h2, .content h3 { color:#333333; margin-bottom:15px; }
.content h1 { font-size:5em; font-weight:bold; letter-spacing:-3px; line-height:0.95; }
.content h2 { font-size:2.1em; font-weight:bold; }
.content h3 { font-size:1.8em; margin-bottom:1em; }
.content p, .content li, .content th, .content td { font-size:1.45em; line-height:1.35; }
.content p { margin-bottom:1em; }
.content p img { display:inline; }
.content p.readfull {margin-bottom:40px;}
.content ul, .content ol { margin:1em 3em; }
.content ol { list-style-type:decimal; }
.content ul { margin-left:16px; }
.content ul li { background:url(images/bullet.png) no-repeat 0 4px; padding-left:14px; }
.content li { margin:2px 0; }
.content li li { font-size:100%; }
.content table { border-collapse:collapse; margin-bottom:1em; width:100%; }
.content th, .content td { padding:5px 5px; vertical-align:top; }
.content th { border-bottom:1px dotted #ea2488; }
.content a { color:#ea2488; border-bottom:1px dotted #ea2488; }
.content a:hover { border-bottom-style:solid; color:#ea2488; }
.content .large { color:#333333; font-size:1.5em; }

#window, #window-image, #window-flash { height:300px; overflow:hidden; width:655px; }
#window { background:url(images/window-background.png); position:relative; }
#window-image, #window-flash, #nicola { left:0; position:absolute; top:0; }
#window-image { z-index:1; }
#window-flash { z-index:2; }
#window-flash .padding { padding:40px; }
#window-flash p { color:#999999; font-size:4em; font-weight:bold; letter-spacing:-1px; line-height:1; text-transform:lowercase; }
#window-flash .large { color:#ea2488; font-size:3.4em; line-height:1.1; margin-top:20px; text-transform:uppercase; }
#nicola { z-index:3; }
#nicola img { position:static; }

#body-middle {}
.adwords-left, .adwords-right { background:url(images/adwords.png) no-repeat; }
.adwords-left { background-position:bottom left; }
.adwords-right { background-position:bottom right; }
.wide { width:610px; } .thin { width:330px; }
.half { width:470px; } .quarter { width:225px; }

#testimonial { background:#fbbe94; background:#ea2488; margin-bottom:130px; padding:20px; }
#testimonial-open { background:url(images/testimonial-quotes-open.png) no-repeat top left; padding-top:51px; }
#testimonial-close { background:url(images/testimonial-quotes-close.png) no-repeat bottom right; }
#testimonial p { color:#ffffff; font-size:1.7em; margin:0.5em 0; }
#testimonial .large { color:#333333; font-size:2.2em; line-height:1em; }
#testimonial .author { color:#333333; font-size:1.2em; font-weight:bold; letter-spacing:0; margin-top:1.5em; text-transform:uppercase; }

#google-certified { display:none; margin-top:30px; }


/* ### News & articles ### */
.news, .articles { margin-bottom:20px; }
.news { background:#fff0ea; padding:10px; padding-bottom:0; }
.news-image-small { border:1px solid #cccccc; height:172px; margin-bottom:10px; width:200px; }
.news-summary { color:#333; width:398px; }
#news-image { margin-bottom:20px; }
#news-image img { border:1px solid #cccccc; height:auto; width:608px; }


/* ### Portfolio ### */
#portfolio { margin-left:-9px; margin-top:-10px; width:968px; }
#portfolio .portfolio, #portfolio .portfolio .image { border:1px solid #999999; }
#portfolio .portfolio { display:inline; float:left; height:273px; margin-left:10px; margin-top:10px; padding:10px 15px; width:200px; }
#portfolio .portfolio .click-to-enlarge { color:#666666; font-size:1.1em; line-height:13px; margin-bottom:10px; }
#portfolio .portfolio .image { margin:-1px; }
#portfolio .portfolio .image img { height:157px; width:200px; }
#portfolio .portfolio .title { color:#666666; font-size:1.5em; font-weight:bold; line-height:18px; margin-top:10px; white-space:nowrap; }
#portfolio .portfolio .text { color:#333333; font-size:1.15em; height:42px; line-height:14px; margin-top:5px; overflow:hidden; }
#portfolio .portfolio .link { font-size:1.1em; line-height:13px; margin-top:5px; }
#portfolio .portfolio .link a { color:#f170aa; }
#portfolio .portfolio .link a:hover { color:#ea2488; }


/* ### Contact pages ### */
#telephone-pink { background:url(images/telephone-pink.gif) no-repeat center left; color:#ea2488; font-size:2em; font-weight:bold; height:24px; line-height:24px; margin-bottom:10px; padding-left:33px; }
.address-padding { height:60px; }
.address { margin-bottom:20px; }
.address h2 { color:#cccccc; font-size:3em; font-weight:bold; margin-bottom:10px; }
.address p { line-height:1.2; }


/* ### Forms ### */
.errors { color:#ff0000; font-size:1.3em; line-height:1.5; margin-bottom:1em; }
.form label, .form .text, .form textarea, .form select, .verimage, .form .submit { float:left; font-family:Arial,sans-serif; font-size:13px; margin:3px 0; padding:2px; }
.form label { color:#666666; border:1px solid transparent; width:196px; }
.form .text, .form textarea { border:1px solid #cccccc; width:254px; }
.form select { width:260px; }
.form .verimage { border:1px solid #cccccc; padding:0; }
.form br { clear:left; }

#promos { background:url(images/promos-background.png) repeat-x; height:150px; margin-top:-4px; }
#promos .promo { color:#000000; float:left; height:120px; padding:15px; position:relative; width:162px; }
#promos .divider-left { background:url(images/promo-divider-single.png) no-repeat; }
#promos .promo:hover, #promos .promo.hover { background:url(images/promo-hover.png) no-repeat; }
#promos .wide { width:354px; }
#promos .wide, #promos .wide:hover { background:url(images/promo-wide-hover.png) no-repeat; }
#promos .promo .title { font-size:1.6em; margin-bottom:2px; }
#promos .promo .text { color:#333333; font-size:1.5em; line-height:1.2em; }
#promos .wide .title, #promos .wide .text { width:189px; }
#promo-image { height:180px; position:absolute; right:-15px; top:-15px; width:180px; }
#promos .button { background:url(images/promo-button.png); bottom:25px; color:#fbcfe5; display:block; height:25px; line-height:25px; padding-left:10px; position:absolute; text-transform:uppercase; width:128px; }
#promos .button:hover { color:#ffffff; }

#twitter { background:#000000; height:50px; }
#twitter-logo { float:left; font-size:1.4em; line-height:50px; margin-right:20px; white-space:nowrap; width:150px; }
#twitter-logo a { display:block; }
#twitter-logo img { float:left; margin-right:5px; margin-top:-11px; }
#twitter .tweets, #twitter .tweet { display:inline; float:left; height:100%; }
#twitter .tweets { margin-left:-20px; }
#twitter .tweet { font-size:1.1em; line-height:13px; margin-left:20px; width:385px; }
#twitter .tweet .date { margin-top:5px; }
#twitter .tweet .text { color:#ffffff; height:26px; overflow:hidden; }
#twitter .tweet .text a { color:#ea2488; white-space:nowrap; }
#twitter .tweet .text a:hover { color:#ffffff; }
#twitter-link { display:none; float:left; font-size:1.4em; height:100%; line-height:50px; margin-left:20px; text-align:right; width:150px; }

#footer { background:#212121 url(images/footer-background.png) repeat-x; font-size:1.1em; height:230px; padding-top:30px; }

#footer-columns { margin-bottom:10px; }
#footer .column { float:left; width:165px; }
#footer .wide { color:#ffffff; width:300px; }
#footer p { color:#ffffff; margin-bottom:10px; }
#footer .pink a { color:#ea2488; }
#footer .pink a:hover { color:#ffffff; }

#information-links li { display:inline; margin-right:5px; }

#charities { margin-bottom:15px; margin-left:-20px; width:211px; }
#charities img { display:inline; float:left; margin-left:20px; vertical-align:text-bottom; }

.centre { display:block; margin-left:auto; margin-right:auto; }
.clear { clear:both; font-size:0; height:0; }
.left, .right { display:inline; }
.left { float:left; }
.right { float:right; }

/* CMS styles */
.dark-grey { color:#333333; }
.pink { color:#ea2488; }

/* Intranet portfolio */
#col1
{
width:280px;
padding-left:10px;
padding-right:10px;
float:left;
margin-right:30px;
display:inline;
border:#CCCCCC 1px solid;
}

#col1 h2
{
font-size:1.8em;
}

#col2
{
width:280px;
padding-left:10px;
padding-right:10px;
float:left;
display:inline;
border:#CCCCCC 1px solid;
}

#col2 h2
{
font-size:1.8em;
}

#col3
{
width:280px;
padding-left:10px;
padding-right:10px;
float:right;
display:inline;
border:#CCCCCC 1px solid;
}

#col3 h2
{
font-size:1.8em;
}

blockquote
{
color:#ea2488;
padding:30px 20px 0px 20px;
}