/*
---------------------------------------------------------------------
Screen styles for Sine Qua Non
Designed and Developed by Beyond Design UK Ltd - 2009

#00224d = SQN Blue
#535353 = SQN Grey
#aab5c4 = Mid Blue
#e9eef0 = Light Blue
#f1f5f9 = Lightest Blue
#b9c4c7 = Borders & Rules

---------------------------------------------------------------------
*/

/*
---------------------------------------------------------------------
Background images and accent styles
---------------------------------------------------------------------
Each style must be referenced in the CMS using a unique identifier
For example, let's assume an image of some apples has been chosen as 
a background image. We need to create a new entry in the CMS with a
title of "Apples" and a page style reference of 'apples'. Then in
the styles below, create 2 new styles:
.bg-apples {	background-image: url(/assets/images/bg_apples.jpg); }
.accent-apples { border-top-color: #selected_accent_colour; }
IMPORTANT - The page style reference in the CMS and css selector 
(after the first hyphen) must match. In this case -apples
TIP - Name background images with a 'bg_' at the start to group
them together in list view.
---------------------------------------------------------------------
*/

.bg-blue-abstract {	background-image: url(/assets/images/bg_blue_abstract.jpg); }
.accent-blue-abstract {	border-top-color: #224b88; }

.bg-orange-abstract {	background-image: url(/assets/images/bg_orange_optics.jpg); }
.accent-orange-abstract {	border-top-color: #9c1f07; }

.bg-formula-1 {	background-image: url(/assets/images/bg_formula_1.jpg); }
.accent-formula-1 { border-top-color: #cb6560; }

.bg-planes {	background-image: url(/assets/images/bg_planes.jpg); }
.accent-planes { border-top-color: #537c0c; }

.bg-sunbathers {	background-image: url(/assets/images/bg_sunbathers.jpg); }
.accent-sunbathers { border-top-color: #c81d0e; }

.bg-wheels {	background-image: url(/assets/images/bg_wheels.jpg); }
.accent-sunbathers { border-top-color: #cb6560; }

.bg-blurred-race {	background-image: url(/assets/images/bg_blur_race.jpg); }
.accent-blurred-race { border-top-color: #a5160d; }

.bg-eyes {	background-image: url(/assets/images/bg_eyes.jpg); }
.accent-eyes { border-top-color: #743c34; }

.bg-above {	background-image: url(/assets/images/bg_f1above.jpg); }
.accent-above { border-top-color: #b89900; }

.bg-henley {	background-image: url(/assets/images/bg_henley.jpg); }
.accent-henley { border-top-color: #cb1989; }

.bg-ducati {	background-image: url(/assets/images/bg_ducati.jpg); }
.accent-ducati { border-top-color: #de2d18; }

.bg-fiatbike {	background-image: url(/assets/images/bg_fiatbike.jpg); }
.accent-fiatbike { border-top-color: #dcbf13; }


.bg-virgin {	background-image: url(/assets/images/bg_virgin.jpg); }
.accent-virgin { border-top-color: #fb1d06; }

.bg-motogp {	background-image: url(/assets/images/bg_motogp.jpg); }
.accent-motogp { border-top-color: #e07b04; }

.bg-strakka {	background-image: url(/assets/images/bg_strakka.jpg); }
.accent-strakka { border-top-color: #d9ae09; }

.bg-hayden {	background-image: url(/assets/images/bg_hayden.jpg); }
.accent-hayden { border-top-color: #ff3e25; }

.bg-tmg {	background-image: url(/assets/images/bg_tmg.jpg); }
.accent-tmg { border-top-color: #285239; }

.bg-garage {	background-image: url(/assets/images/bg_garage.jpg); }
.accent-garage { border-top-color: #19a6b3; }



/*
---------------------------------------------------------------------
Global Tags
---------------------------------------------------------------------
*/

body {
	background: #00224d;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #333;
	text-align: left;
}

h1, h2, h3, h4 {
	font-weight: bold;
}

h1 {
	font-size: 1.8em;
	font-weight: bold;
}

h2 {
	margin: 0 0 .3em 0;
	color: #00224d;
	font-size: 1.6em;
	font-weight: bold;
}

h3 {
	margin: 1em 0 -.3em 0;
}

p {
	margin: .7em 0;
	line-height: 1.4em;
}

a {
	color: #00224d;
}

a:hover {
	color: #304c6f;
}




/*
---------------------------------------------------------------------
Common Classes
---------------------------------------------------------------------
*/

.content-divider {
	display: none;
}

.left {
	float: left;
	margin: 4px 10px 4px 0;
}

.right {
	float: right;
	margin: 4px 0 4px 10px;
}

.tinted-box {
	background: #f1f5f9;
	padding: 10px;
	overflow: hidden;
}


/*
---------------------------------------------------------------------
Site Wrapper & Background Images
---------------------------------------------------------------------
*/

#site-wrapper {
	width: 950px;
	padding: 0 10px 20px 0;
}

#site-content-container {
	position: absolute;
	background-attachment: fixed;
	background-repeat: no-repeat;
	min-height: 100%;
	width: 950px;
}


/*
---------------------------------------------------------------------
Header Section
---------------------------------------------------------------------
*/

#accessibility-nav {
	position: absolute;
	left: -1000em;
	text-align: left;
}

#sub-navigation {
	background: #00224d;
	width: 664px;
	height: 30px;
	margin: 0 0 0 286px;
	line-height: 30px;
	font-size: .9em;
	color: #fff;
	overflow: hidden;
}

#sub-navigation a {
	color: #fff;
}

#sub-navigation a:hover {
	color:#aab5c4;
}

#sub-navigation ul {
	float: right;
	margin: 0 10px;
	overflow: hidden;
}

#sub-navigation ul li {
	background: url(/assets/images/top_nav_divider.gif) right center no-repeat;
	float: left;
	padding: 0 1.3em;
	overflow: hidden;
}

#sub-navigation ul li.last {
	background: none;
}

#primary-navigation {
	background: #fff;
	margin: 30px 0 30px 50px;
	width: 900px;
	height: 50px;
}

#sqn-logo {
	float: left;
	display: inline;
}

#primary-navigation h1 a {
	float: left;
	display: block;
	background: url(/assets/images/sinequanon_logo.gif) no-repeat;
	width: 236px;
	height: 50px;
	text-indent: -1000em;
	overflow: hidden;
}

#primary-navigation ul {
	float: right;
	width: 600px;
	height: 50px;
}

#primary-navigation ul li {
	float: left;
	display: inline;
}

#primary-navigation ul li a {
	float: left;
	display: inline;
	background-image: url(/assets/images/main_nav_bg.gif);
	background-repeat: no-repeat;
	height: 50px;
	overflow: hidden;
	text-indent: -1000em;
}

li#about-us a {
	background-position: 0 0;
	width: 101px;
}

li#about-us a:hover {
	background-position: 0 -50px;
}

body#about-us-page li#about-us a {
	background-position: 0 -100px;
}

li#our-approach a {
	background-position: -101px 0;
	width: 132px;
}

li#our-approach a:hover {
	background-position: -101px -50px;
}

body#our-approach-page li#our-approach a {
	background-position: -101px -100px;
}

li#our-clients a {
	background-position: -233px 0;
	width: 118px;
}

li#our-clients a:hover {
	background-position: -233px -50px;
}

body#our-clients-page li#our-clients a {
	background-position: -233px -100px;
}

li#news-views a {
	background-position: -351px 0;
	width: 126px;
}

li#news-views a:hover {
	background-position: -351px -50px;
}

body#news-views-page li#news-views a {
	background-position: -351px -100px;
}

li#get-in-touch a {
	background-position: -477px 0;
	width: 123px;
}

li#get-in-touch a:hover {
	background-position: -477px -50px;
}

body#get-in-touch-page li#get-in-touch a {
	background-position: -477px -100px;
}



/*
---------------------------------------------------------------------
Main Content Container
---------------------------------------------------------------------
*/

#main-content-container {
	clear: both;
	background: #fff;
	margin: 0 0 120px 286px;
	padding: 24px 20px;
	width: 624px;
	overflow: hidden;
}


/*
---------------------------------------------------------------------
Primary Content
---------------------------------------------------------------------
*/

#primary-content {
	float: left;
	display: inline;
	padding: 0 0 .5em 0;
	width: 324px;
	overflow: hidden;
}

#primary-content ol {
	list-style: outside;
	list-style-type: decimal;
	margin: .4em 0 1em 0;
	line-height: 1.5em;
}

#primary-content ul {
	list-style: outside;
	list-style-type: disc;
	margin: .4em 0 1em 0;
	line-height: 1.5em;
}

#primary-content li {
	margin-left: 2.4em;
	padding: .2em 3em .2em 0em;
}

.positioning-statements {
	position: relative;
	width: 324px;
	height: 81px;
	overflow: hidden;
}

.homepage-content {
	position: relative;
}

/* Styles for Client List & Case Study Layout */

#client-list-wrapper {
	margin: 1em 0;
	overflow: hidden;
}

.client-container {
	clear: left;
	float: left;
	margin: 0 0 1em 0;
	padding: 0 0 1em 0;
	width: 324px;
	border-bottom: 1px solid #b9c4c7;
	font-size: .9em;
}

.client-supporting-image {
	float: left;
	display: block;
	width: 64px;
	height: 64px;
}

.client-container h4,
.client-container p {
	margin: 0 0 .3em 0;
	padding: 0 0 0 75px;
}

.client-container h4 a {
	font-weight: bold;
}

#primary-content .client-disciplines p,
#primary-content .client-disciplines ul {
	margin: 0;
	padding: 0;
}

#primary-content .client-disciplines ul {
	margin: .3em 0 0 0;
	padding: 0;
}

/* Styles for Article Lists */

.article-list-wrapper {
	margin: 1em 0;
	padding: 0;
	border-bottom: 1px solid #b9c4c7;
}

.article-list-wrapper h3 {
	margin: .4em 0;
	padding: 0;
	font-size: 1.4em;
	font-weight: normal;
}

img.article-main-image {
	margin: .6em 0 0 0;
}

p.article-date {
	background: #f1f5f9;
	margin: 0;
	padding: .5em;
	font-size: .9em;
	line-height: 1;
	text-align: right;
}

p.event-date {
	background: #00224d;
	margin: .7em 0;
	padding: .5em;
	font-size: .9em;
	color: #fff;
	line-height: 1;
	text-align: left;
}

#trackback-url {
	margin: .7em 0;
	border-top: 1px solid #b9c4c7;
}

p.article-categories {
	margin: .5em 0;
	padding: .3em;
	border-top: 1px solid #b9c4c7;
	border-bottom: 1px solid #b9c4c7;
	font-size: .9em;
}

#article-container {
	border-bottom: 1px solid #b9c4c7;
}

#comments-link {
	padding: 0 0 .5em 0;
	overflow: hidden;
}

#comments-link h3 {
	color: #00224d;
	cursor: pointer;
}

#post-comments {
	display: none;
}

.user-info #name,
.user-info #email,
.user-info #location,
.user-info #url,
.user-info #comment {
	width: 310px;
}

#article-comments {
	margin: .7em 0;
	border-top: 1px solid #b9c4c7;
}

#article-comments h3 {
	margin: 1em 0 .5em 0;
	background: #aab5c4;
	padding: .6em;
	color: #fff;
	line-height: 1;	
	text-transform: uppercase;
}

textarea#comment {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding: .2em;
}

.comment-box {
	margin: .7em 0;
	border-bottom: 1px solid #b9c4c7;
}

.result-title {
	font-size: 1.1em;
}

.result-title a {
	font-weight: bold;
}

.result-excerpt {
	margin: .2em 0 .7em 0;
}


/*
---------------------------------------------------------------------
Secondary Content
---------------------------------------------------------------------
*/

#secondary-content {
	float: right;
	display: inline;
	width: 280px;
	overflow: hidden;
}

.secondary-wrapper,
.tabs-wrapper,
.case-study-wrapper {
	margin: 0 0 16px 0;
	border-top-width: 4px;
	border-top-style: solid;
}

.secondary-container,
.tabs-container {
	background: #f1f5f9;
	padding: 10px 10px 8px 10px;
	border-left: 1px solid #b9c4c7;
	border-right: 1px solid #b9c4c7;
	border-bottom: 1px solid #b9c4c7;
}

.secondary-container h3 {
	margin: 0;
	padding: 0 0 8px 0px;
	color: #00224d;
}

.secondary-container h4,
.secondary-container h4 a {
	font-weight: bold;
}



.large-supporting-image {
	margin: 0 0 16px 0;
}

/* Styles for Secondary navigation */

ul.secondary-navigation {
	margin: 0 0 -4px 0;
	padding: 0;
}

ul.secondary-navigation li {
	background: url(/assets/images/navigation_bullet.gif) 4px 1.25em no-repeat;
	border-top: 1px solid #b9c4c7;
	padding: 10px 10px 10px 16px;
}

ul.secondary-navigation li ul li {
	background: url(/assets/images/navigation_bullet.gif) 4px 1.15em no-repeat;
	border-top: none;
	font-size: .9em;
	padding: 8px 10px 0 16px;
}

ul.secondary-navigation li.here a,
ul.secondary-navigation li a.here {
	color: #00224d;
	font-weight: bold;
}

ul.secondary-navigation li.here li a,
ul.secondary-navigation li li a.here {
	color: #333;
	font-weight: normal;
}

ul.secondary-navigation a {
	color: #333;
}

ul.secondary-navigation a:hover {
	color: #666;
}

.view-all-results {
	background: #aab5c4;
	padding: 10px;
}

.view-all-results p {
	margin: 0;
	padding: 0;
	line-height: 1;
}

/* Styles for Homepage Views & Twitter Feed */

#latest_views_feed {
	margin: 84px 0 0 0;
	overflow: hidden;
}

#latest_views_feed h3 {
	float: left;
	background: url(../images/latest_views.jpg) no-repeat;
	margin: 0;
	padding: 0;
	width: 174px;
	height: 19px;
}

#latest_views_feed h3 a {
	display: block;
	width: 174px;
	height: 19px;	
	overflow: hidden;
	text-indent: -999em;
}

#latest_views_feed img {
	float: right;
	margin: 0;
	padding: 0;
}

#latest_views_feed p {
	float: left;
	width: 174px;
	padding: .7em 0;
	line-height: 1.3em;
	border-top: 1px solid #b8c4c7;
	border-bottom: 1px solid #b8c4c7;
}

#latest_views_feed p a {
	font-weight: bold;
}

a span.follow-link {
	color: #8b9daf;
}

#twitter_feed {
	clear: both;
	margin: 30px 0 0 0;
}

#twitter_feed h3 {
	background: url(../images/twitter_header.jpg) no-repeat;
	margin: 0;
	padding: 0;
	width: 280px;
	height: 38px;
	overflow: hidden;
	text-indent: -999em;
}

#twitter_feed p {
	margin: 0;
	padding: .7em 0;
	color: #626262;
	font-size: .9em;
	line-height: 1.3em;
	border-bottom: 1px solid #b8c4c7;
}

#twitter_feed p.follow-us-twitter {
	text-align: right;
	border-bottom: none;
}

#twitter_feed p.follow-us-twitter a {
	font-weight: bold;
}

/* Styles new News & Events Tabs */

.ui-tabs .ui-tabs-hide,
.tab-content h3 {
	display: none;
}

.tabbed-navigation {
	position: absolute;
	width: 280px;
	margin: -10px 0 0 -10px;
	padding: 0;
	overflow: hidden;
}

.tabbed-navigation a {
	font-weight: bold;
}

.tabbed-navigation a:hover {
	color: #00224d;
}

.ui-state-default a {
	display: block;
	background: url(/assets/images/inactive_tab_bg.gif) left bottom #e9eef0 repeat-x;
	border-bottom: 1px solid #b9c4c7;
	width: 119px;
	padding: 0 10px;
	height: 30px;
}

.ui-tabs-selected a {
	display: block;
	padding: 0 10px;	background: url(/assets/images/active_tab_bg.gif) left top #f1f5f9 repeat-x;
	border-bottom: none;
	width: 118px;
	height: 30px;
}

#first-tab-nav.ui-state-default {
	border-right: 1px solid #b9c4c7;
}

#first-tab-nav.ui-tabs-selected {
	border-right: none;
}

#second-tab-nav.ui-state-default {
	border-left: 1px solid #b9c4c7;
}

#second-tab-nav.ui-tabs-selected {
	border-left: none;
}

.tabbed-navigation li {
	float: left;
	margin: 0;
	padding: 0;
	line-height: 30px;
	overflow: hidden;
}

#first-tab,
#second-tab {
	margin: 30px 0 0 0;
}

.summary-listing {
	line-height: 1.5em;
}

.summary-listing dt {
	margin: 8px 0 0 0;
	font-weight: bold;
}

.summary-listing dt a {
	font-weight: bold;
}

.summary-listing dd {
	margin: 0 0 8px 0;
	border-bottom: 1px solid #b9c4c7;
	padding: 0 0 8px 0;
}

.summary-listing dd p {
	margin: .2em 0;
	padding: 0;
}

.summary-listing dd.last {
	margin: 0;
	border-bottom: none;
	padding: 0;
}

/* Styles for Testimonal Block */

.testimonial {
	background: url(/assets/images/open_quotes.gif) left top no-repeat;
	padding: 0 0 0 10px;
}

.testimonial p {
	background: url(/assets/images/close_quotes.gif) right 90% no-repeat;
	margin: 0 0 .5em 0;
	padding: 0 10px 0 0;
	font-size: 1.3em;
	font-weight: bold;
	font-style: italic;
	line-height: 1.3em;
	color: #00224d;
}

.testimonial p.quote-credit {
	background: none;
	font-weight: normal;
	font-style: normal;
	font-size: 1em;
	margin: 0 0 5px 0;
	padding: 0;
	color: #333;
}

/* Styles for Case Study Block */

.supporting-image{
	float: left;
	display: block;
	background-color: #fff;
	background-repeat: none;
	border: 6px solid #fff;
	width: 64px;
	padding: 0;
	overflow: hidden;
	line-height: 0;
}

.supporting-image img {
	padding: 0;
	margin: 0;
	line-height: 0;
}

.case-study-wrapper h4,
.case-study-wrapper p {
	margin: 0 0 .3em 0;
	padding: 0 0 0 90px;
}



/* Styles for Search Field */

#search-label {
	overflow: hidden;
} 

#search-text {
	margin: 0 4px;
	width: 155px;
	line-height: normal;
}

#submit_button {
	width: 40px;
	line-height: normal;
}

/* Styles for Contact Form */

#contact_form #name,
#contact_form #email,
#contact_form #company,
#contact_form #telephone,
#contact_form #enquiry {
	width: 250px;
}

/* Styles Home page Flash element */

#home_message {
	margin-top: 70px;
}


/*
---------------------------------------------------------------------
Footer Content
---------------------------------------------------------------------
*/

#site-footer-container {
	position: absolute; 
	bottom: 0;
	background: #00224d;
	width: 950px;
	height: 80px;
	padding: 20px 10px 20px 0;
}

#site-footer-container h3 {
	float: left;
	background: url(/assets/images/simply_indispensable_strap.gif) no-repeat;
	width: 214px;
	height: 30px;
	margin: 0 0 0 70px;
	padding: 0;
	text-indent: -1000em;
	overflow: hidden;
}

#address-container {
	float: left;
	display: inline;
	width: 565px;
	font-size: .9em;
	color: #fff;
}

#address-container p {
	float: right;
	text-align: right;
	padding: 0 2.4em;
}

#address-container p.contact-numbers {
	border-right: 1px solid #fff;
}

#address-container a {
	color: #fff;
}

#address-container a:hover {
	color:#aab5c4;
}

#memberships-container {
	float: left;
}

#memberships-container .ESA-logo a {
	display: block;
	background: url(/assets/images/esa_logo_white.gif) no-repeat;
	width: 87px;
	height: 59px;
	text-indent: -1000em;
	overflow: hidden;
}