/* colours

Classic Studios PINK - #e50083
Dark grey text - #666666
Light grey text - #b2b2b2
Grey lines - #aeafb2
Right hand coloured panels - #f2f2f2

*/

/* layout & Navigation */

body.default {background: #333333 url(/content/images/tile.gif); text-align: center; padding: 20px 0; margin: 0;}
img {border: 0;}

.wrapper {background: #ffffff url(/content/images/watermark.gif) top right no-repeat; text-align: left; width: 61.5em; margin: 0 auto; padding-bottom: 4.125em; position: relative;}
.clear {clear: both;}

.header {padding: 3.375em 0 1.625em 1.5em; margin: 0;}

.navigation {padding: 0; margin: 2.5em 0 0 4.125em; position: relative;}

.navigation ul {list-style: none; border-top: 1px solid #aeafb2; border-bottom: 1px solid #aeafb2; width: 50em; padding: 0.9375em 0 0.3125em 0; margin: 0; overflow: hidden;}
.navigation ul li {display: inline; padding: 0; margin: 0; }

/*.navigation ul li a {width: 100px; height: 10px; background-repeat: no-repeat; background-position: 0px 0px; padding-right: 20px; width: 50px}*/

.navigation ul li a {float: left; display: block; background-repeat: no-repeat; background-position: 0 0; text-indent: -9999px; overflow: hidden;}

.navigation ul li a:hover,
.navigation ul li a.selected {background-position: -6.25em 0; text-decoration: none;}

.navigation ul li.nav-home a {background-image: url(/content/images/nav-home.gif); width: 3.4375em;}
.navigation ul li.nav-news a {background-image: url(/content/images/nav-news.gif); width: 3.4375em;}
.navigation ul li.nav-services a {background-image: url(/content/images/nav-services.gif); width: 4.5em;}
.navigation ul li.nav-projects a {background-image: url(/content/images/nav-projects.gif); width: 4.5em;}
.navigation ul li.nav-about a {background-image: url(/content/images/nav-about.gif); width: 5em;}
.navigation ul li.nav-contact a {background-image: url(/content/images/nav-contact.gif); width: 5.25em;}
.navigation ul li.nav-blog a {background-image: url(/content/images/nav-blog.gif); width: 3.4375em;}

.tumblr {position: absolute; top: 10px; left: 410px;}

.client-login a:hover,
.client-login a.selected {background-position: -6.25em 0; text-decoration: none;}
.client-login a {float: left; display: block; background-repeat: no-repeat; background-position: 0 0; text-indent: -9999px; overflow: hidden;}
.client-login a {background-image: url(/content/images/nav-client-login.gif); width: 6.25em; height: 1.3125em; position: absolute; top: 10px; left: 702px;}

.middle {width: 50em; margin: 0 0 0 5.625em; padding: 0}
.middle .leader {float: left; padding-right: 1.875em;}

/* homepage */

.homepage h2 {border-bottom: 1px solid #aeafb2; padding: 0 0 .5em 0; margin: 0;}

.homepage .middle .news {width: 20.625em; float: left; line-height: 1.125em;}
.homepage .middle .news h3 {padding-bottom: 0; margin-bottom: 0;}
.homepage .middle .news h3 a {font-family: helvetica, arial; font-size: 0.6875em; color: #e50083; text-decoration: none;}
.homepage .middle .news h3 a:hover {text-decoration: underline;}
.homepage .middle .news p {color: #666666;}
.homepage .middle .news p.posted {color: #b2b2b2; margin: 0; padding: 0; font-family: helvetica, arial; font-size: 0.6875em;}
.homepage .middle .news p.posted a {color: #b2b2b2; text-decoration: underline}
.homepage .middle .news p.posted a:hover {color: #e50083}
.homepage .middle .news p.standfirst {margin-top: 0; padding-top: 0; font-family: helvetica, arial; font-size: 0.6875em;}

.homepage .projects {width: 50em; padding: 1.625em 0 0 5.625em;}
.homepage .projects .proj-module {float: left; padding: 1.625em 1.875em 0 0; width: 8.4375em; text-align: center;}
.homepage .projects .last {padding-right: 0;}
.homepage .projects .proj-module h3 {padding: 1em 0 0 0; margin: 0;}
.homepage .projects .proj-module h3 a {font-family: helvetica, arial; font-size: 0.5625em; color: #666666; text-decoration: none; font-weight: normal;}
.homepage .projects .proj-module h3 a:hover {text-decoration: underline;}

/* footer */

.footer {width: 50em; margin: 1.625em 0 0 5.625em; padding-top: 1.25em; border-top: 1px solid #aeafb2;}
.footer .left {width: 24.375em; float: left; font-family: helvetica, arial; font-size: 0.6875em; color: #666666;}
.footer .right {float: right; font-family: helvetica, arial; font-size: 0.6875em; color: #666666; }
.footer .right ul {padding: 0; margin: 0; list-style: none;}
.footer .right ul li {display: inline; padding: 0; margin: 0;}
.footer .right ul li a {text-decoration: none; color: #666666;}
.footer .right ul li a:hover {text-decoration: underline;}

/* project index */

.project-index .middle {background: #ffffff url(/content/images/project-right-col-bg.gif) top right repeat-y;}
.project-index .middle .left {width: 604px; float: left; padding: 0 30px 0 0;}

.project-index .middle .left .featured-project {}
.project-index .middle .left .featured-project .leader {float: left; margin: 0; padding: 0; position: relative;}
.project-index .middle .left .featured-project .leader img.featured {position: absolute; top: 0; left: 0;}
.project-index .middle .left .featured-project h1 {font-family: helvetica, arial; margin: 0; padding: 0.625em 0 0.625em 0; font-size: 1.125em }
.project-index .middle .left .featured-project h1 a {color: #e50083; text-decoration: none;}
.project-index .middle .left .featured-project h1 a:hover {text-decoration: underline;}
.project-index .middle .left .featured-project .details {margin: 0 0 0 324px;}
.project-index .middle .left .featured-project ul {list-style-type: none; padding: 0; margin: 0;}
.project-index .middle .left .featured-project ul li {font-family: helvetica, arial; font-size: 0.6875em; color: #666666;}
.project-index .middle .left .featured-project ul li {border-top: 1px solid #aeafb2; padding: 0.625em 0 0.625em 0;}

.project-index .middle .left .featured-project ul li.view a {color: #e50083; text-decoration: none;}
.project-index .middle .left .featured-project ul li.view a:hover {text-decoration: underline;}

.project-index .middle .right {margin: 0 0 0 634px; padding: 1.25em 1.25em 1.25em 1.25em;}
.project-index .middle .right h2 {border-bottom: 1px solid #aeafb2; padding: 0 0 .5em 0; margin: 0;}
.project-index .middle .right ul {list-style-type: none; padding: 0.9375em 0 0 0; margin: 0;}
.project-index .middle .right ul li {font-family: helvetica, arial; font-size: 0.6875em; padding-bottom: 0.5em;}

.project-index .middle .right ul li a {color: #666666; text-decoration: none;}
.project-index .middle .right ul li a:hover {color: #e50083;}

.project-index .middle .left .recent-projects h2 {border-bottom: 1px solid #aeafb2; padding: 0 0 .5em 0; margin: 0 0 1.25em 0;}
.project-index .middle .left .recent-projects {padding:0; margin: 2.5em 0 0 0; width: 37.5em;}
.project-index .middle .left .recent-projects .proj-module {float: left; padding: 0 1.25em 1.25em 0; width: 8.4375em; text-align: center;}
.project-index .middle .left .recent-projects .last {padding-right: 0;}
.project-index .middle .left .recent-projects .proj-module h3 {padding: 1em 0 0 0; margin: 0;}
.project-index .middle .left .recent-projects .proj-module h3 a {font-family: helvetica, arial; font-style: normal; font-size: 0.5625em; color: #666666; text-decoration: none; font-weight: normal;}
.project-index .middle .left .recent-projects .proj-module h3 a:hover {text-decoration: underline;}


/* Project Page */

.project-page .middle {background: #ffffff url(/content/images/project-right-col-bg.gif) top right repeat-y;}
.project-page .middle .left {width: 604px; float: left; padding: 0 30px 0 0;}
.project-page .middle .right {margin: 0 0 0 634px; padding: 4em 1.25em 1.25em 1.25em;}

.project-page .middle .left h1 {font-family: helvetica, arial; font-size: 1.5em; color: #666666; margin: 0; padding: 0;}
.project-page .middle .left h2 {font-family: helvetica, arial; font-size: 0.6875em; color: #666666; margin: 0; padding: 0;}
.project-page .middle .left h3 {font-family: helvetica, arial; font-size: 0.75em; color: #666666; font-style: italic; margin-top: 0; padding-top: 1.25em;}

.project-page .middle .left .leader {padding: 1.5625em 0 1.5625em 0;}
.project-page .middle .left .description p {font-family: helvetica, arial; font-size: 0.75em; color: #666666; line-height: 1.375em;}
.project-page .middle .left .description p.standfirst {font-weight: bold; margin: 0; padding: 0 0 1em 0;}
.project-page .middle .left .description {float: left; width: 445px; padding: 0 25px 0 0; border-right: 1px solid #aeafb2;}
.project-page .middle .left .description li {font-family: helvetica, arial; font-size: 0.75em; line-height: 1.375em; color: #666666;}

.project-page .middle .left .description blockquote {font-family: helvetica, arial; font-size: 0.75em; line-height: 1.375em; color: #666666; font-weight: bold; width: 170px; padding: 20px; margin: 0 16px 0 0; background-color: #f2f2f2; float: left;}

.project-page .middle .left .related-links {margin: 0 0 0 490px;}
.project-page .middle .left .related-links ul {list-style-type: none; margin: 0; padding: 0;}
.project-page .middle .left .related-links ul li {font-family: helvetica, arial; font-size: 0.6875em; padding-bottom: 0.5em;}

.project-page .middle .left .leader #flashcontent {font-family: helvetica, arial; font-size: 0.75em; color: #666666;}

.project-page .middle .left .related-links ul li a {color: #e50083; text-decoration: none;}
.project-page .middle .left .related-links ul li a:hover {text-decoration: underline;}
.project-page .middle .left .related-links ul li a span {font-size: 1.27em;}

.project-page .middle .right h2 {border-bottom: 1px solid #aeafb2; padding: 0 0 .5em 0; margin: 0;}
.project-page .middle .right ul {list-style-type: none; padding: 0.9375em 0 0 0; margin: 0;}
.project-page .middle .right ul li {font-family: helvetica, arial; font-size: 0.6875em; padding-bottom: 0.5em;}

.project-page .middle .right ul li a {color: #666666; text-decoration: none;}
.project-page .middle .right ul li a:hover {color: #e50083;}


/* Project Page Sub */

.project-page-sub .middle h1 {font-family: helvetica, arial; font-size: 1.5em; color: #666666; margin: 0; padding: 0;}
.project-page-sub .middle h2 {font-family: helvetica, arial; font-size: 0.6875em; color: #666666; margin: 0; padding: 0;}

.project-page-sub .middle .extra-container {background-color: #f2f2f2; text-align: center; padding: 3.75em;}
.project-page-sub .middle p.back-link {font-family: helvetica, arial; font-size: 0.6875em; color: #666666;}

.project-page-sub .middle p.back-link a {color: #e50083; text-decoration: none;}
.project-page-sub .middle p.back-link a:hover {text-decoration: underline;}
.project-page-sub .middle p.back-link a span {font-size: 1.27em;}


/* news article */

.news .middle {background: #ffffff url(/content/images/news-right-col-bg.gif) top right repeat-y;}
.news .middle .left {width: 510px; float: left; padding: 0 30px 0 0;}
.news .middle .right {margin: 0 0 0 540px; padding: 1.375em 1.25em 1.25em 1.25em;}

.news .middle .left .leader {float: left; padding: 0 1.875em 1.875em 0;}

.news .middle .left h1 {font-family: helvetica, arial; font-size: 1.125em; color: #666666; margin: 0; padding: 0;}
.news .middle .left h2 {font-family: helvetica, arial; font-size: 0.6875em; color: #666666; margin: 0; padding: 0.3125em 0 0 0; font-weight: normal;}
.news .middle .left h3 {font-family: helvetica, arial; font-size: 0.6875em; color: #b2b2b2; margin-top: 0; padding-top: 0.3125em; font-weight: normal;}
.news .middle .left h3 a {color: #b2b2b2; text-decoration: underline;}
.news .middle .left h3 a:hover {color: #e50083;}

.news .middle .left p {font-family: helvetica, arial; font-size: 0.75em; color: #666666; line-height: 1.375em;}
.news .middle .left p a {color: #e50083; text-decoration: none;}
.news .middle .left p a:hover {color: #e50083; text-decoration: underline;}
.news .middle .left p.standfirst {font-weight: bold; margin: 0; padding: 0 0 1em 0;}

.news .middle .right h2 {border-bottom: 1px solid #aeafb2; padding: 0 0 .5em 0; margin: 0;}
.news .middle .right h3 {font-family: helvetica, arial; font-size: 0.6875em; color: #b2b2b2; padding: 1.363em 0 0 0; margin: 0;}
.news .middle .right ul {list-style-type: none; padding: 0.9375em 0 0 0; margin: 0;}

.news .middle .right ul.recent-stories {margin-bottom: 2.25em;}
.news .middle .right ul.recent-stories li {padding-bottom: 0.75em;}
.news .middle .right ul.archive {padding: 0;}
.news .middle .right ul.archive li {padding: 0;}

.news .middle .right ul li {font-family: helvetica, arial; font-size: 0.6875em; padding-bottom: 0.5em; font-weight: bold;}
.news .middle .right ul li span {font-family: helvetica, arial; color: #b2b2b2; font-weight: normal; display: block;}
.news .middle .right ul li span a {color: #b2b2b2; text-decoration: underline;}
.news .middle .right ul li span a:hover {color: #e50083;}

.news .middle .right ul li a {color: #666666; text-decoration: none;}
.news .middle .right ul li a:hover {color: #e50083;}

/* news index */

.news .middle .left .news-index-latest {padding-bottom: 1.25em;}
.news .middle .left .news-index-latest img {float: left; margin-right: 1.25em;}

.news .middle .left .news-index-latest .text {margin-left: 7.5em;}

.news .middle .left .news-index-latest h1 {font-family: helvetica, arial; font-size: 1.125em; color: #666666; margin: 0; padding: 0; font-weight: bold;}
.news .middle .left .news-index-latest h1 a {color: #e50083; text-decoration: none;}
.news .middle .left .news-index-latest h1 a:hover {text-decoration: underline;}

.news .middle .left .news-index-latest h2 {font-family: helvetica, arial; font-size: 1.125em; color: #666666; margin: 0; padding: 0; font-weight: bold;}
.news .middle .left .news-index-latest h2 a {color: #e50083; text-decoration: none;}
.news .middle .left .news-index-latest h2 a:hover {text-decoration: underline;}

.news .middle .left .news-index-latest h3 {font-family: helvetica, arial; font-size: 0.6875em; color: #666666; margin: 0; padding: 0.3125em 0 0 0; font-weight: normal;}
.news .middle .left .news-index-latest h4 {font-family: helvetica, arial; font-size: 0.6875em; color: #b2b2b2; margin: 0; padding-top: 0.3125em; font-weight: normal;}
.news .middle .left .news-index-latest h4 a {color: #b2b2b2; text-decoration: underline;}
.news .middle .left .news-index-latest h4 a:hover {color: #e50083;}

.news .middle .left .news-index-recent {padding: 1.25em 0 0 0; border-top: 1px solid #aeafb2;}
.news .middle .left .news-index-recent h2 {font-family: helvetica, arial; font-size: 0.75em; color: #666666; margin: 0; padding: 0; font-weight: bold;}
.news .middle .left .news-index-recent h2 a {color: #e50083; text-decoration: none;}
.news .middle .left .news-index-recent h2 a:hover {text-decoration: underline;}

.news .middle .left .news-index-recent h4 {font-family: helvetica, arial; font-size: 0.6875em; color: #b2b2b2; margin: 0; padding: 0.3125em 0 1.25em 0; font-weight: normal;}
.news .middle .left .news-index-recent h4 a {color: #b2b2b2; text-decoration: underline;}
.news .middle .left .news-index-recent h4 a:hover {color: #e50083;}

/* contact */

.contact .middle {background: #ffffff url(/content/images/news-right-col-bg.gif) top right repeat-y;}
.contact .middle .left {width: 510px; float: left; padding: 0 30px 0 0;}
.contact .middle .right {margin: 0 0 0 540px; padding: 1.375em 1.25em 1.25em 1.25em;}
.contact .middle .right h2 {border-bottom: 1px solid #aeafb2; padding: 0 0 .5em 0; margin: 0;}
.contact .middle iframe {border: 1px solid #aeafb2;}

.contact .middle .left p {font-family: helvetica, arial; font-size: 0.75em; color: #666666; line-height: 1.375em;}
.contact .middle .left h3 {font-family: helvetica, arial; font-size: 0.75em; color: #666666; font-style: italic; margin-top: 0; padding-top: 1.25em;}

.contact .middle .right p {font-family: helvetica, arial; font-size: 0.6875em; color: #666666; line-height: 1.375em;}
.contact .middle .right p.form {border-top: 1px solid #aeafb2; padding-top: 1em;}
.contact .middle .right p a {color: #e50083; text-decoration: none;}
.contact .middle .right p a:hover {text-decoration: underline;}
.contact .middle .right form label {font-family: helvetica, arial; font-size: 0.6875em; color: #666666; line-height: 1.375em;}
.contact .middle .right form textarea {border: 1px solid #666666;}
.contact .middle .right form input.txt {width: 14.6875em; border: 1px solid #666666; margin-bottom: 0.3125em;}
.contact .middle .right form input.btn {margin-top: 0.625em;}
.contact .middle .right form span {font-family: helvetica, arial; font-size: 0.6875em; color: #666666; padding-left: 2.5em;}

/* blog */

.blog .middle .right form { margin-top: 15px; margin-bottom: 35px; }
.blog .middle .right form label {font-family: helvetica, arial; font-size: 0.6875em; color: #666666; line-height: 1.375em;}
.blog .middle .right form textarea {border: 1px solid #666666;}
.blog .middle .right form input.txt {width: 14.6875em; border: 1px solid #666666; margin-bottom: 0.3125em;}
.blog .middle .right form input.btn {margin-top: 0.625em;}
.blog .middle .right form span {font-family: helvetica, arial; font-size: 0.6875em; color: #666666; padding-left: .5em;}

.blog .middle {background: #ffffff url(/content/images/news-right-col-bg.gif) top right repeat-y;}
.blog .middle .left {width: 510px; float: left; padding: 0 30px 0 0;}
.blog .middle .right {margin: 0 0 0 540px; padding: 1.375em 1.25em 1.25em 1.25em;}

.blog .middle .left .leader {float: left; padding: 0 1.875em 1.875em 0;}

.blog .middle .left h1 {font-family: helvetica, arial; font-size: 1.125em; color: #666666; margin: 0; padding: 0;}
.blog .middle .left h2 {font-family: helvetica, arial; font-size: 0.6875em; color: #666666; margin: 0; padding: 0.3125em 0 0 0; font-weight: normal;}
.blog .middle .left h3 {font-family: helvetica, arial; font-size: 0.6875em; color: #b2b2b2; margin-top: 0; padding-top: 0.3125em; font-weight: normal;}
.blog .middle .left h3 a {color: #b2b2b2; text-decoration: underline;}
.blog .middle .left h3 a:hover {color: #e50083;}

.blog .middle .left p {font-family: helvetica, arial; font-size: 0.75em; color: #666666; line-height: 1.375em;}
.blog .middle .left p a {color: #e50083; text-decoration: none;}
.blog .middle .left p a:hover {color: #e50083; text-decoration: underline;}
.blog .middle .left p.standfirst {font-weight: bold; margin: 0; padding: 0 0 1em 0;}

.blog .middle .right h2 {border-bottom: 1px solid #aeafb2; padding: 0 0 .5em 0; margin: 0;}
.blog .middle .right h3 {font-family: helvetica, arial; font-size: 0.6875em; color: #b2b2b2; padding: 1.363em 0 0 0; margin: 0;}
.blog .middle .right ul {list-style-type: none; padding: 0.9375em 0 0 0; margin: 0;}

.blog .middle .right ul.recent-stories {margin-bottom: 2.25em;}
.blog .middle .right ul.recent-stories li {padding-bottom: 0.75em;}
.blog .middle .right ul.archive {padding: 0;}
.blog .middle .right ul.archive li {padding: 0;}

.blog .middle .right ul li {font-family: helvetica, arial; font-size: 0.6875em; padding-bottom: 0.5em; font-weight: bold;}
.blog .middle .right ul li span {font-family: helvetica, arial; color: #b2b2b2; font-weight: normal; display: block;}
.blog .middle .right ul li span a {color: #b2b2b2; text-decoration: underline;}
.blog .middle .right ul li span a:hover {color: #e50083;}

.blog .middle .right ul li a {color: #666666; text-decoration: none;}
.blog .middle .right ul li a:hover {color: #e50083;}


.blog .left { overflow: hidden; }
.blog .blog-post .read-more { display: block; margin-top: 1em; }
.blog .blog-post { margin-top: -16px; padding-top: 15px; padding-bottom: 10px; border-top: 1px solid silver; margin-bottom: 15px; }
.blog .blog-post h1 { font-family: helvetica, arial; font-size: 1.125em; color: #666666; margin: 0; padding: 0; font-weight: bold; }
.blog .blog-post h1 a {color: #e50083; text-decoration: none;}
.blog .blog-post h1 a:hover {text-decoration: underline;}
.blog .blog-post .meta, .blog .blog-comments .item .message .meta { display: block; font-family: helvetica, arial; font-size: 0.6875em; color: #b2b2b2; margin: 0; padding-top: 0.3125em; margin-bottom: 1em; font-weight: normal; }
.blog .blog-post .meta a {color: #b2b2b2; text-decoration: underline;}
.blog .blog-post .meta a:hover {color: #e50083;}

.blog .middle .left .blog-comments h2 {border-bottom: 1px solid #aeafb2; padding: 0 0 1em 0; margin: 0;}
.blog .blog-comments .items { margin-top: 1em; margin-bottom: 1em; border-bottom: 1px solid #aeafb2; }
.blog .blog-comments .item { float: none; clear: both; padding-bottom: 10px; }
.blog .blog-comments .item .avatar { width: 40px; height: 40px; float: left; margin-right: 15px; }
.blog .blog-comments .item .message { width: 455px;float: left; }
.blog .blog-comments .item .message p { margin-top: 0; margin-bottom: .5em; }
.blog .blog-comments .item .message .meta { padding: 0; }


.blog .blog-comments form { margin-top: 15px; margin-bottom: 35px; }
.blog .blog-comments form label { display: block; font-family: helvetica, arial; font-size: 0.6875em; color: #666666; line-height: 1.375em;}
.blog .blog-comments form input.txt {width: 14.6875em; border: 1px solid #666666; margin-bottom: 0.3125em;}
.blog .blog-comments form input.btn {margin-top: 0.625em;}
.blog .blog-comments form span {font-family: helvetica, arial; font-size: 0.6875em; color: #666666; padding-left: 1.5em;}

.blog .blog-comments .form .comment {
}
.blog .blog-comments .form .comment .textwrapper {
	
}
.blog .blog-comments .form .comment textarea {
	width: 508px; border: none;
	height: 80px;
	white-space: normal;
	border: 1px solid #666666;
}
.blog .blog-comments .form .fields {
	clear: both; float: none;
	margin-left: -15px;
	margin-top: .5em;
}
.blog .blog-comments .form .textfield {
	margin-left: 15px;
	width: 245px;
	float: left;
}
.blog .blog-comments .form .textfield input {
	width: 245px
}

/* about */

.about .middle {background: #ffffff url(/content/images/news-right-col-bg.gif) top right repeat-y;}
.about .middle .left {width: 510px; float: left; padding: 0 30px 0 0;}
.about .middle .right {margin: 0 0 0 540px; padding: 1.375em 1.25em 1.25em 1.25em;}
.about .middle .right h2 {border-bottom: 1px solid #aeafb2; padding: 0 0 .5em 0; margin: 0;}

.about .middle .left p {font-family: helvetica, arial; font-size: 0.75em; color: #666666; line-height: 1.375em;}

.about .middle .right .portrait-name {padding: 1.25em 0 0 0;}
.about .middle .right .portrait-name img {padding: 0 0.9375em 0 0; float: left;}
.about .middle .right .portrait-name h3 {font-family: helvetica, arial; font-size: 0.6875em; color: #666666; font-weight: bold; margin: 0; padding: 0;}
.about .middle .right .portrait-name h4 {font-family: helvetica, arial; font-size: 0.625em; font-weight: normal; color: #666666; margin: 0; padding: 0;}
.about .middle .right .portrait-name a {font-family: helvetica, arial; font-size: 0.625em; color: #e50083; text-decoration: none; margin: 0; padding: 0;}
.about .middle .right .portrait-name a:hover {text-decoration: underline;}
.about .middle .right p {font-family: helvetica, arial; font-size: 0.6875em; line-height: 1.54em; color: #666666; padding: 0.9375em 0 1.25em 0; margin: 0; }
.about .middle .right p.separator {border-bottom: 1px solid #aeafb2;}


/* services page */

.services .middle {background: #ffffff url(/content/images/news-right-col-bg.gif) top right repeat-y;}
.services .middle .left {width: 510px; float: left; padding: 0 30px 0 0;}
.services .middle .right {margin: 0 0 0 540px; padding: 1.375em 1.25em 1.25em 1.25em;}

.services .middle .left h1 {font-family: helvetica, arial; font-size: 1.5em; color: #666666; margin: 0; padding: 0;}
.services .middle .left p {font-family: helvetica, arial; font-size: 0.75em; color: #666666; line-height: 1.375em; margin-top: 0;}
.services .middle .left p a {color: #e50083; text-decoration: none;}
.services .middle .left p a:hover {color: #e50083; text-decoration: underline;}
.services .middle .left p.standfirst {font-weight: bold; padding: 1em 0 0 0;}

.services .middle .left ul.services-list {}
.services .middle .left ul.services-list li {font-family: helvetica, arial; font-size: 0.6875em; color: #666666;}

.services .middle .left h4 {font-family: helvetica, arial; font-size: 0.75em; color: #666666; margin: 0; padding: 0.625em 0 0 0;}

.services .middle .right h2 {border-bottom: 1px solid #aeafb2; padding: 0 0 .5em 0; margin: 0;}

.services .middle .right ul.services-nav {list-style-type: none; padding: 0.9375em 0 0 0; margin: 0;}
.services .middle .right ul.services-nav li {border-bottom: 1px solid #aeafb2; padding: 0 0 1.25em 0; margin: 0 0 1.25em 0; }
.services .middle .right ul.services-nav li a {font-family: helvetica, arial; font-size: 1.125em; color: #666666; text-decoration: none;}
.services .middle .right ul.services-nav li a:hover {color: #e50083;}
.services .middle .right ul.services-nav li a span {display: block; font-size: 0.5em;}

.services .middle .left .related-project {background-color: #f2f2f2; padding: 1.25em; margin: 0 1.25em 1.25em 0; width: 165px; float: left; text-align: center;}
.services .middle .left .related-project h3 {padding: 1em 0 0 0; margin: 0;}
.services .middle .left .related-project h3 a {font-family: helvetica, arial; font-size: 0.5625em; color: #666666; text-decoration: none; font-weight: normal;}
.services .middle .left .related-project h3 a:hover {text-decoration: underline;}


/* services index */

.services-index .middle {background: #ffffff url(/content/images/services-index-bg.gif) top left repeat-y; }
.services-index .middle .left {width: 220px; float: left; padding: 0.9375em;}
.services-index .middle .center {width: 220px; float: left; margin: 0 0 0 1.375em; padding: 0.9375em;}
.services-index .middle .right {width: 220px; float: left; margin: 0 0 0 1.375em; padding: 0.9375em;}

.services-index .middle p {font-family: times new roman, georgia, serif; font-size: 1.25em; color: #666666; text-align: center;}
.services-index .middle p {border-top: 1px solid #aeafb2; border-bottom: 1px solid #aeafb2; padding: 0.625em 0; margin: 0;}

.services-index .middle h2 {font-family: helvetica, arial; font-size: 1.125em; text-align: center;}
.services-index .middle h2 a {color: #e50083; text-decoration: none;}
.services-index .middle h2 a:hover {text-decoration: underline;}

.services-index .middle ul.services-list {}
.services-index .middle ul.services-list li {font-family: helvetica, arial; font-size: 0.6875em; color: #666666;}

.services-index .middle .related-project {background-color: #ffffff; padding: 1.25em; margin: 0 0 0 0.625em; width: 165px; float: left; text-align: center;}
.services-index .middle .related-project h3.hd {margin: 0; padding: 0 0 1em 0;}
.services-index .middle .related-project h3.link {padding: 1em 0 0 0; margin: 0;}
.services-index .middle .related-project h3.link a {font-family: helvetica, arial; font-size: 0.5625em; color: #666666; text-decoration: none; font-weight: normal;}
.services-index .middle .related-project h3.link a:hover {text-decoration: underline;}

/* Error 404 */

.error404 .middle .left h1 {font-family: helvetica, arial; font-size: 1.5em; color: #666666; margin: 0; padding: 0 0 .75em 0;}

.error404 .middle .left p {font-family: helvetica, arial; font-size: 0.75em; color: #666666; line-height: 1.375em; margin-top: 0;}
.error404 .middle .left p a {color: #e50083; text-decoration: none;}
.error404 .middle .left p a:hover {color: #e50083; text-decoration: underline;}

/* contact - error */

.contact .middle .right p.error {color: #ff0000; font-weight: bold;}
.contact .middle .right ul.error {}
.contact .middle .right ul.error li {font-family: helvetica, arial; font-size: 0.6875em; line-height: 1.375em; color: #ff0000;}
.contact .middle .right form input.error {border: 1px solid #ff0000;}
.contact .middle .right form .error {border: 1px solid #ff0000;}

/* contact - thankyou */

.contact .middle .right p.thankyou {color: #e50083; font-weight: bold; font-size: 1.125em;}
.contact .middle .right p.thankyou-secondline {color: #e50083; font-weight: bold; }

/* scrappage */

body.scrappage {background: #333333 url(/content/images/tile.gif); text-align: center; padding: 20px 0; margin: 0;}

#flashcontent2 {position: absolute; top: 0; right: 90px;}

.scrappage .wrapper {background: #ffffff url(/content/images/bg-scrappage.gif) top right no-repeat; text-align: left; width: 61.5em; margin: 0 auto; padding-bottom: 4.125em; position: relative;}
.scrappage .middle .left {width: 510px; float: left; padding: 0 30px 0 0;}
.scrappage .middle .right {margin: 0 0 0 540px; padding: 1.375em 1.25em 1.25em 1.25em;}

.scrappage .middle .left h1 {margin: 0; padding: 0;}
.scrappage .middle .left p {font-family: helvetica, arial; font-size: 0.75em; color: #666666; line-height: 1.375em;}
.scrappage .middle .left h3 {font-family: helvetica, arial; font-size: 0.75em; color: #666666; margin-top: 0; padding-top: 1.25em;}

.scrappage .middle .left .form-container {background-color: #f2f2f2; border: 1px solid #aeafb2; padding: 1.25em;}
.scrappage .middle .left .form-container .form-left {float: left; width: 225px;}

.scrappage .middle .left form {margin: 0; padding: 0;}

.scrappage .middle .left p.form {border-top: 1px solid #aeafb2; padding-top: 1em;}
.scrappage .middle .left p a {color: #e50083; text-decoration: none;}
.scrappage .middle .left p a:hover {text-decoration: underline;}
.scrappage .middle .left form label {font-family: helvetica, arial; font-size: 0.6875em; color: #666666; line-height: 1.375em;}
.scrappage .middle .left form textarea {border: 1px solid #aeafb2;}
.scrappage .middle .left form input.txt {width: 14.6875em; border: 1px solid #aeafb2; margin-bottom: 0.5em;}
.scrappage .middle .left form input.btn {margin-top: 0.625em;}
.scrappage .middle .left form span {font-family: helvetica, arial; font-size: 0.6875em; color: #666666; padding-left: 2.25em;}
.scrappage .middle .left form .sub-btn {clear: both;}

.scrappage .middle .left .footnote {font-size: 0.625em;}

.scrappage .middle .left .errors {background-color: #ffcccc; color: #ff0000; padding: 0.625em; margin: 0 0 0.625em 0; border: 1px solid #ff0000;}
.scrappage .middle .left .errors h2 {font-family: helvetica, arial; font-size: 12px; font-weight: bold; margin: 0; padding: 0;}
.scrappage .middle .left .errors ul {margin: 5px 0 0 30px; padding: 0;}
.scrappage .middle .left .errors ul li {font-family: helvetica, arial; font-size: 0.625em; color: #ff0000; line-height: 1.4em;}

.scrappage .middle .left ol li {font-family: helvetica, arial; font-size: 12px; color: #666666; margin: 0 0 16px 0;}
.scrappage .middle .left ol.alt-offers {font-weight: bold;}

.scrappage .middle .left ol ul {padding-bottom: 10px}
.scrappage .middle .left ol ul li {font-family: helvetica, arial; font-size: 12px; color: #666666; margin: 0;}

.scrappage .middle .left li a {color: #e50083; text-decoration: none;}
.scrappage .middle .left li a:hover {text-decoration: underline;}


/* START HOMEPAGE SLIDER START */

.jcarousel-container, .jcarousel-clip-horizontal, .jcarousel-clip-vertical, .jcarousel-item {
    width:440px;
    height:330px;
	position: relative;
}
.jcarousel-item  div.desc {
	font-family: helvetica, arial, sans-serif;
	color: white;
	position: absolute;
	z-index: 8;
	left: 0;
	bottom: 0;
	background: #e50083;
	width:420px;
	padding: 10px;
	font-size: 14px;
	-moz-opacity:.80; filter:alpha(opacity=80); opacity:.80;
}
.jcarousel-item  div.desc  a {
	color: white;
	text-decoration: none;
}

.jcarousel-item  div.desc  a:hover {
	text-decoration: underline;
}
.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(../images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.hidden {
	display: none;
}
.jcarousel-prev, .jcarousel-next {
	position:absolute;
	display:block;
	width:30px;
	height:30px;
	background:url(/content/images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
	top: 50%;
	margin-top: -15px;
	cursor: pointer;
}

.jcarousel-prev {
	left:15px;
}
.jcarousel-next {
	right:15px;
	background-position: -30px 0;
}

#Remote, #Remote li {
	list-style-type: none;
	margin: 0; padding: 0;
	float: none; clear: both;
}
#Remote li {
	float: left;
	clear: none;
}

#Remote {
	position: absolute;
	left: 170px;
	bottom: -30px;
}
#Remote a {
	display: block;
	width: 22px;
	height: 22px;
	background: url(/content/images/bullets.png) no-repeat;
	text-indent: -9999px;
	border: 0;
	margin-right: 3px;
	float: left;
}
#Remote a.active {
	background-position: 0 -22px;
}

/* END HOMEPAGESLIDER */


.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

.logo-float {
    float:left;
}

.christmas-logo {
   margin-right:  70px;
   margin-top: 5px;
   float:right;
}