/* reset browser styles */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{margin:0; padding:0}
table{border-collapse:collapse; border-spacing:0}
fieldset, img{border:0}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight:normal}
ol, ul{list-style:none}
caption, th{text-align:left}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal}
q:before, q:after{content:''}
abbr, acronym{border:0}

/* OMO styles */
body{font-family:'Arial','Trebuchet MS',Trebuchet,Verdana,sans-serif; font-size:11px; line-height:1.5em; background:url("../img/bg-site-tile.jpg") 0 0px; color:#333}
a{font-weight:bold}
h1{font-family:Arial; font-size:2.1em; font-weight:bold;}
h2, h3, blockquote, .manifesto div, .emphasise{margin:11px 0; font-size:14px; line-height:1.5em; font-weight:bold}
p{margin:1em 0}
.sifr-emphasise{font-weight:bold; font-family:Arial; font-size:1.1em}
.breaker{clear:both}
.dotted-underline, #quicklinks div{padding-bottom:4px; background:url("../img/bg-dotted-line.jpg") repeat-x bottom}

#overview-find-splatskill {
	width: 140px;
    background: #D83635 url("../img/overview-find-splatskill-top.gif") no-repeat top;
	margin: 16px 0 0 0
}
#overview-find-splatskill div {
	padding: 0 6px;
    background:  url("../img/overview-find-splatskill-bottom.gif") no-repeat bottom;
}
#overview-find-splatskill h2 {
	color: #fff;
	padding: 2px 0;
	margin: 0
}
#overview-find-splatskill p {
	color: #fff;
	margin: 0 0 5px
	
}
#overview-find-splatskill a {
	color: #fff;
	display: block;
	padding: 3px 0 10px;
    background: #D83635 url("../img/overview-find-splatskill-link.gif") no-repeat;
	
}
.dotted-underline-fivesplakills
{
    background-color:#D83635;
    width:139px;
    color:White;
    height:auto;
    padding:0 5px 0 5px;
    margin:0 0px 0 0;

}
.find-a-splatSkill-outer {margin:5px 0 0 0;padding:0 0 0 0;}
.dotted-underline-fivesplakills p {display:inline-table; margin:0px 0 0 0;}
.dotted-underline-fivesplakills p a {color:White}


.section-overview .dotted-underline{margin-bottom:6px}
blockquote.dotted-underline{margin-bottom:5px}
p.dotted-underline{padding-bottom:10px}
/* Container */
#site-container{list-style-type:none; margin:0; padding:0; background:url("../img/bg_content_480.gif") repeat-y 28px 0; float:left; width:901px}
.bg-sky{ width:100%; float:left}
/* Column List */
#column-list{width:917px}
#column-list #global-nav-wrapper, #column-list #main-content-wrapper{float:left}

/* Global Nav */
#global-nav-wrapper{width:225px; padding-top:239px}
#global-nav-wrapper.purple{background:url("../img/what-we-believe-children.jpg") no-repeat top}
#global-nav-wrapper.blue{background:url("../img/what-we-believe-children.jpg") no-repeat top}
#global-nav-wrapper.green{background:url("../img/bg-section-green.jpg") no-repeat top}
#global-nav-wrapper.brown{background:url("../img/what-we-believe-children.jpg") no-repeat top}
#global-nav-wrapper.orangered{background:url("../img/what-we-believe-children.jpg") no-repeat top}
#global-nav{margin:0 0 0 28px; padding:0; width:190px; background: url("../img/bg_global_nav_item_top.gif") no-repeat ;}
#global-nav ul{margin:0 0 0}
#global-nav li{display:block; font-family:Arial; font-size:18px; width:178px}
#global-nav li a{display:block; line-height:1.2em; background:url("../img/bg_global_nav_item.jpg") no-repeat bottom; font-family:Arial; font-size:18px; font-weight:bold; text-decoration:none; padding:17px 0 18px 12px; width:100%}
.brown #global-nav .brown a, .brown #global-nav .brown a:hover{background:#8E4815 url("../img/bg_nav_brown.jpg") no-repeat bottom; color:#fff}
.green #global-nav .green a, .green #global-nav .green a:hover{background:#009732 url("../img/bg-global-nav-green.jpg") no-repeat bottom; color:#fff}
.blue #global-nav .blue a, .blue #global-nav .blue a:hover{background:#2282BE url("../img/bg-global-nav-blue.jpg") no-repeat bottom; color:#fff}
.purple #global-nav .purple a, .purple #global-nav .purple a:hover{background: url("../img/bg-global-nav-purple.gif") no-repeat bottom; color:#fff}
.orangered #global-nav .orangered a, .orangered #global-nav .orangered a:hover{background:#D32929 url("../img/bg-global-nav-red.jpg") no-repeat bottom; color:#fff}
.purple #global-nav {
	background: url("../img/bg-global-nav-purple.gif")  no-repeat  ;
}

#global-nav .purple a, .purple a, .purple #local-nav #current a, #page-title-purple, .purple h2, .purple .sifr-emphasise, .purple .emphasise, .purple blockquote{color:#C5155F}
#global-nav .purple a{background: url("../img/bg_global_nav_item_top.gif") bottom no-repeat ; }
#global-nav .purple a:hover{color:#fff; background:#C5155F}
#global-nav .blue a, .blue a, .blue #local-nav #current a, #page-title-blue, .blue h2, .blue .sifr-emphasise, .blue .emphasise, .blue blockquote, .qa-question{color:#2282BE}
#global-nav .blue a:hover{background:#2282BE; color:#fff}
#global-nav .brown a, .brown a, .brown #local-nav #current a, #page-title-brown, .brown h2, .brown .sifr-emphasise, .brown .emphasise, .brown blockquote{color:#8E4815}
#global-nav .brown a:hover{background:#8E4815; color:#fff}
#global-nav .green a, .green a, .green #local-nav #current a, #page-title-green, .green h2, .green .sifr-emphasise, .green .emphasise, .green blockquote{color:#009732}
#global-nav .green a:hover{background:#009732; color:#fff}
#global-nav .orangered a, .orangered a, .orangered #local-nav #current a, #page-title-orangered, .orangered h2, .orangered .sifr-emphasise, .orangered .emphasise, .orangered blockquote{color:#D32929}
#global-nav .orangered a:hover{color:#fff; background:#D32929}

/* Local Nav */
#local-nav{width:100%; float:left; line-height:normal; margin-bottom:0; background:#fff url("../img/bg-local-nav.jpg") no-repeat}
.black#local-nav{height:34px}
#local-nav li{font-size:0.9em; float:left; margin:0 3px 0 0}
.purple #local-nav li{background:url("../img/bg-local-nav-purple-right.gif") no-repeat right top}
.brown #local-nav li{background:url("../img/bg-local-nav-brown-right.gif") no-repeat right top}
.blue #local-nav li{background:url("../img/bg-local-nav-blue-right.gif") no-repeat right top}
.orangered #local-nav li{background:url("../img/bg-local-nav-red-right.gif") no-repeat right top}
.green #local-nav li{background:url("../img/bg-local-nav-green-right.gif") no-repeat right top}
.black #local-nav li{display:none}
#local-nav li a{display:block; font-weight:bold; text-decoration:none; padding:8px 6px; color:#fff}
.purple #local-nav li a{background:url("../img/bg-local-nav-purple-left.gif") no-repeat left top}
.brown #local-nav li a{background:url("../img/bg-local-nav-brown-left.gif") no-repeat left top}
.blue #local-nav li a{background:url("../img/bg-local-nav-blue-left.gif") no-repeat left top}
.orangered #local-nav li a{background:url("../img/bg-local-nav-red-left.gif") no-repeat left top}
.green #local-nav li a{background:url("../img/bg-local-nav-green-left.gif") no-repeat left top}
#local-nav li a:hover{text-decoration:underline}
#local-nav #current{    background-image:url("../img/norm_right_o.gif")}
#local-nav #current a{  background-image:url("../img/norm_left_o.gif")}
.purple #local-nav #current a{color:#C5155F}
#bread-crumb-trail{font-weight:bold}
#main-content-wrapper{width:676px}

/* Header */
#header{width:676px; height:99px}

/* Footer */
#footer{clear:both; }
#footer-inner{height:140px; background: #fff  url("../img/bg_footer_480.jpg") no-repeat 0 0px; margin:0 0 0 28px; width:873px}
#footer ul{padding:100px 0 0 0px}
#footer li{float:left; margin:0 8px 0 0}
#footer li a{color:#fff}

/* Content */
#content{margin:0 0; float:left; padding:12px 0 0 16px; width:660px; background:url("../img/bg_content_480.gif") repeat-y -197px 0}
.content-half-left, .content-half-right{width:210px; float:left}
.content-half-right{margin:0 0 0 28px}
#page-content-area{display:block; width:448px; float:left; padding:0 20px 0 0px; height:1%}
#page-title-purple, #page-title-blue, #page-title-green, #page-title-brown, #page-title-orangered, #page-title{padding:1em 0 5px; width:470px}

/* Quicklinks */
#quicklinks{float:left; width:170px; margin:-21px 0 0 12px}
#quicklinks h1{margin-bottom:10px; color:#333}
#quicklinks h3 a{text-decoration:none}
#quicklinks h3 a:hover{text-decoration:underline}
#quicklinks a{color:#333}
#quicklinks ol{list-style-type:decimal; padding: 0 0 0 16px}

/* Overview Pages */
#overview-left{width:280px; float:left; margin:0 0 0 0}
#overview-right{margin:0 0 0 25px; width:140px; float:left}

/* INTERACTIVE SURVEY PAGE */
.survey-btn-wrapper-outter{float:left; background:url("../img/bg-dotted-line.jpg") repeat-x top; width:100%}
.survey-btn-wrapper-inner{float:left; width:100%}
.survey-btn, .survey-btn-fade{float:left; width:212px; padding:0.0em 0; text-align:center}
.survey-btn-yes{margin-right:20px}
 #survey-no, #survey-no-fade{ clear:right; margin-right:0}
 #survey-summary{ float:left; margin-top:2em}

/* about the experts */
#experts-about-left{width:220px; float:left}
#experts-about-right{width:210px; float:left; margin:1.4em 0 0 18px}

/* expert q and A*/
.qa-pair{clear:both; padding-bottom:4px; background:url("../img/bg-dotted-line.jpg") repeat-x bottom}
.qa-pair span{float:left; margin:0 .5em 0 0}
.qa-question{width:150px; float:left; padding:0px 0 14px}
.qa-question p{display:inline}
.qa-answer{margin:11px 0 0 170px}
.qa-answer span.sifr-emphasise{color:#333}
.all-products-wrapper{margin-top:4px; background:url("../img/bg-dotted-line.jpg") repeat-x top; float:left}
.product{float:left; width:100%}
.product-description{width:250px; float:left; margin-top:0}
.product-img{float:left; margin:0 0 0 20px}


.skill-list img { margin-right:5px; }
.skill-list span {display:table-cell;}
.skill-list a {text-decoration:none;}
.skill-list a span:hover {text-decoration:underline;}

/*
.skill-list li{line-height:1.7em; padding:0 0 2px 5px; background-position:0 2px}
.skill-list li img {float:left;}
.skill-list li img {border:0;}
.skill-list li div {width:15px;display:inline;}
.skill-list li span {display:inline;width:30px;}

.skill-list li a {text-decoration:none;}
.skill-list li a:hover {text-decoration:underline;}

.icon-emotional, .emotional-social-color{background:url("../img/icon-emotional.gif") no-repeat}
.icon-problem, .problem-solving-color{background:url("../img/icon-problem.gif") no-repeat}
.icon-creative, .creative-color{background:url("../img/icon-creative.gif") no-repeat}
.icon-language, .language-communication-color{background:url("../img/icon-language.gif") no-repeat}
.icon-physical, .body-skills-color{background:url("../img/icon-physical.gif") no-repeat}
*/
.skill-dev-areas h3{padding:0 0 0 20px; background-position:0 2px}
.skill-dev-areas p{background:url("../img/bg-dotted-line.jpg") repeat-x bottom; padding:0 0 15px}

.emotional-social-color{color:#c31f3a}
.problem-solving-color{color:#166eb6}
.creative-color{color:#2bb44b}
.language-communication-color{color:#d8c825}
.body-skills-color{color:#bc1d8a}
.news-story{background:url("../img/bg-dotted-line.jpg") repeat-x bottom; padding:0 0 10px; width:100%; float:left; clear:both}
.news-story img{margin:0 2px 10px 10px}
.manifesto-pink{color:#e90081}
.manifesto-blue{color:#0eb5e9}
.manifesto-blue .sifr-emphasise{color:#0eb5e9; font-size:14px}
.manifesto-yellow{color:#fa9700}
.manifesto-green{color:#73ba20}
.error_height{height: 250px;}
#footer-inner-error{height:140px; background: #fff  url("../img/error/bg_footer_480_error.jpg") no-repeat 0 0px; margin:0 0 0 28px; width:873px}
#site-container_error{list-style-type:none; margin:0; padding:0; background:url("../img/error/bg_content_480_error.gif") repeat-y 28px 0; float:left; width:901px}
#content_error{margin:0 0; float:left; padding:12px 0 0 16px; width:660px; background:url("../img/error/bg_content_480_error.gif") repeat-y -197px 0}
#page-content-area_error{
	display:block;
	width:630px;
	float:left;
	height:1%;
	text-align: center;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 0px;
}