@import url(//fonts.googleapis.com/css?family=Lato);



/*-- 				Reset

============================================== --*/
html, body, form, fieldset, legend, a, em, img, strong, ol, ul, li {
margin:0; padding:0; border:0; outline:0; font-size:100%; font:inherit; vertical-align:baseline; background:transparent;}

table, tbody, tfoot, thead, tr, th, td {
margin:0; padding:0; border:0; outline:0; font-size:100%; font:inherit; background:transparent; border-collapse:collapse; border-spacing:0; vertical-align:top;}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display:block;}
audio, canvas, video {display:inline-block; *display:inline; *zoom: 1;}
audio:not([controls]) {display:none;}
[hidden] {display:none;}



/*-- 				Links, lists & type

============================================== --*/
/*
	Text Reset
*/

body {font:13px/1.231 'Lato',Arial,helvetica,clean,sans-serif; *font-size:small; *font:x-small;}
select, input, textarea, button {font:99% Arial,helvetica,clean,sans-serif;}
table {font-size:inherit; font:100%;}
pre,code,kbd,samp,tt {font-family:monospace, Arial; *font-size:108%; line-height:100%;}
#wrapper {font-size:100%;}

/*
	Text and images
*/
body {text-align:left; margin:0; padding:0; font-family:'Lato',Arial,Helvetica,clean,sans-serif; letter-spacing:normal; line-height:18px; color:#333;}
h1, h2, h3, h4, h5, h6, p {margin-top:0; margin-bottom:18px;}
h1, h2, h3, h4, h5, h6 {}
p {font-size:100%; line-height:20px;}
h1 {font-size:167%; line-height:28px; color:#666666;}
h2 {font-size:146.5%; line-height:22px; color:#666666;}
h3 {font-size:131%; line-height:22px; color:#666666;}
h4 {font-size:100%; line-height:20px; color:#666666;}
h5 {font-size:100%; line-height:20px; color:#666666;}
h6 {font-size:93%; line-height:18px; color:#666666;}

input, textarea, select, button {font-family:Arial, Helvetica, clean, sans-serif; font-size:100%; line-height:1.5; color:#515151;} /* form text */
strong, th {font-weight:bold;}
em {font-style:italic;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
pre {}
img {border:0;}
#spread img {}

/*
	Links
*/
a, a:visited, a:focus, a:active {text-decoration:none; -moz-outline-style:none; outline:none;}
#spread a, #spread a:visited, #spread a:focus, #spread a:active {color:#AD1521; text-decoration:none; border-bottom:1px dotted #AD1521;}
#spread a:hover {border-bottom:1px solid #AD1521;}
#spread .index-boxes a, #spread a:visited, #spread a:focus, #spread a:active {border-bottom: 1px dotted #333333;   color: #333333}
#spread .index-boxes a:hover {border-bottom: 1px solid #333333; }
#spread .index-boxes a.title{ border:none; }
#spread .index-boxes a:hover.title{ border:none; }

#top-nav li, #side-nav li, #foot-nav li, #home-nav li {list-style:none;}

/*
	Cursor
*/
a, label, input[type = button], input[type = submit], button {cursor:pointer;} /* hand cursor on clickables */
button {cursor:pointer;}

/*
	Selection (click & drag highlighting)
*/
::-moz-selection {background:#339DC0; color:#fff; text-shadow:none;}
::selection {background:#339DC0; color:#fff; text-shadow:none;}
a:link {-webkit-tap-highlight-color:#339DC0;}
button {width:auto; overflow:visible;}

/*
	body lists
*/
#spread ol {padding:0 0 0 30px; line-height:20px; margin:0 0 15px 0;}
#spread ul {padding:0 0 0 30px; line-height:20px; margin:0 0 15px 0;}
#spread li { color:#333; margin:0 0 5px 0; font-size:100%; font-weight:normal;}
#spread ul li {}



/*-- 				Body foundation

============================================== --*/
html {overflow-y:scroll; background:#fff;}
body {}
#wrapper {position:relative; z-index:0;}
.primary-structural-wrap {width:960px; margin:0 auto; position:relative; clear:both; overflow:hidden;}

#slideshow .primary-structural-wrap a.twitter{ position:absolute; right:0px; top:20px; z-index:101; overflow:visible;}

/*-- 				Misc & useful

============================================== --*/
.clear {clear:both;}
.extreme-indent {text-indent:-9999px;}
.no-margin {margin:0 !important;}
.font-lato {font-family:'Lato',Arial,sans-serif;}
.noscript {display:none;}
hr {display:block; height:1px; border:0; border-top:1px dashed #c9c9c9; margin:1em 0; padding:0;}



/*-- 				Header

============================================== --*/

#header {position:relative; z-index:300; background:url(../images/header-bg.png) top repeat-x;}
#header .primary-structural-wrap {overflow:visible; height:110px; margin-bottom:25px;}

/*
	Logo
*/
#logo {position:absolute; left:0; bottom:-13px;}
#logo img {display:block;}

/*
	Language
*/
#head-language {position:absolute; left:0; top:0; color:#fff; display:block; height:30px; line-height:30px; background:#9562A9; padding:0 10px 0 35px; font-size:93%;}
#head-language:hover {background:#6A2984;}
#head-language .flag {width:16px; height:11px; background:url(../images/flags.png) no-repeat; display:block; position:absolute; left:10px; top:10px; overflow:hidden;}
#head-language.welsh .flag {background-position:top center;}
#head-language.english .flag {background-position:bottom center;}

/*
	Facebook Button
*/
#head-facebook {position:absolute; right:0; bottom:0; height:45px; width:110px; background:url(../images/facebook_english.jpg) no-repeat top left; text-indent:-9999px;}
#head-facebook:hover {background:url(../images/facebook_english.jpg) no-repeat bottom left !important;}
#head-facebook.cym {background-image:url(../images/facebook_welsh.jpg) !important;}
#head-facebook:hover.cym {background-image:url(../images/facebook_welsh.jpg) no-repeat bottom left;}

/*
	Social Media
*/

#header-social-media {float:right; position:relative; margin:65px 0 0 0;}
#header-social-media a {padding-left:4px; position:relative; float:left;}

#header-social-media a.header-twitter {width:28px; height:28px; background:url('../images/header-twitter.jpg') no-repeat top center;}
#header-social-media a.header-twitter:hover {background:url('../images/header-twitter.jpg') no-repeat bottom center;}

#header-social-media a.header-facebook {width:28px; height:28px; background:url('../images/header-facebook.jpg') no-repeat top center;}
#header-social-media a.header-facebook:hover {background:url('../images/header-facebook.jpg') no-repeat bottom center;}

#header-social-media a.header-youtube {width:28px; height:28px; background:url('../images/header-youtube.jpg') no-repeat top center;}
#header-social-media a.header-youtube:hover {background:url('../images/header-youtube.jpg') no-repeat bottom center;}

#header-social-media a.header-flickr {width:28px; height:28px; background:url('../images/header-flickr.jpg') no-repeat top center;}
#header-social-media a.header-flickr:hover {background:url('../images/header-flickr.jpg') no-repeat bottom center;}

/*
	Top Nav 1
*/
#top-nav {position:absolute; right:184px; top:5px; height:25px;}
#top-nav ul {}
#top-nav li {list-style:none; float:left; border-left:1px solid #fff; padding:0 7px;}
#top-nav li:first-child {border-left:none;}
#top-nav a {color:#fff; font-size:93%;}
#top-nav a:hover, #top-nav a.selected {text-decoration:underline;}

/*
	Search
*/

#head-search-form {position:absolute; right:0; top:2px; background:#fff; height:24px; border:1px solid #6C3584; width:180px;}
#head-search-form input {border:none; height:24px; line-height:24px; padding:0 5px 0 0; width:150px; position:absolute; right:0; top:0; font-size:93%;}
#head-search-form button {border:none; height:15px; background:url(../images/search-button.png) no-repeat left top; width:15px; position:absolute; top:5px; left:5px; text-indent:-9999px; overflow:hidden;}
#head-search-form button:hover {background:url(../images/search-button.png) no-repeat left bottom;}

/*
	Top Nav 2
*/

#top-nav-2 {position:absolute; z-index:300; right:0px; bottom:0; width:654px;}
#top-nav-2 a {display:block;}
#top-nav-2 ul ul {position:absolute; left:-9999px; z-index:300;}
#top-nav-2 li {position:relative; list-style:none;}

#top-nav-2 > ul {float:left; position:relative; z-index:5; height:57px;}
#top-nav-2 > ul > li {float:left; cursor:pointer; height:62px;}

#top-nav-2 > ul > li {float:left; display:block; cursor:pointer; width:85px; padding:0px 5px 20px 5px;  margin:0 5px 0 5px;}
#top-nav-2 > ul > li span {display:block; width:87px; font-size:85%; margin:0px 0px 0px 0px; }
#top-nav-2 > ul > li span:first-child {font-size:108%; font-family:'Lato',Arial, sans-serif; margin:0 0 5px;}

#top-nav-2 > ul > li.item-en span:first-child, #top-nav-2 > ul > li.item-cy span:first-child{color:#0099CC;}
#top-nav-2 > ul > li:hover.item-en a, #top-nav-2 > ul > li:hover.item-cy a {background:#0099CC;}
#top-nav-2 > ul > li.selected.item-en a, #top-nav-2 > ul > li.selected.item-cy a {background:#0099CC;}
#top-nav-2 > ul > li:hover.item-en > ul, #top-nav-2 > ul > li:hover.item-cy > ul{ background:#0099CC; }
#top-nav-2 > ul > li:hover.item-en > ul li a.selected,#top-nav-2 > ul > li:hover.item-cy > ul li a.selected  {background:#056C8E !important;}
#top-nav-2 > ul > li:hover.item-en > ul li:hover a, #top-nav-2 > ul > li:hover.item-cy > ul li:hover a {background:#056C8E !important; }

#top-nav-2 > ul > li.item-about-us span:first-child,#top-nav-2 > ul > li.item-amdanom-ni span:first-child {color:#D3196D;}
#top-nav-2 > ul > li:hover.item-about-us a,#top-nav-2 > ul > li:hover.item-amdanom-ni a {background:#D3196D;}
#top-nav-2 > ul > li.selected.item-about-us a,#top-nav-2 > ul > li.selected.item-amdanom-ni a {background:#D3196D;}
#top-nav-2 > ul > li:hover.item-about-us > ul,#top-nav-2 > ul > li:hover.item-amdanom-ni > ul {background:#D3196D url('../images/menu/community.jpg') no-repeat top right;}
#top-nav-2 > ul > li:hover.item-about-us > ul li a.selected,#top-nav-2 > ul > li:hover.item-amdanom-ni > ul li a.selected {background:#F279AF !important;}
#top-nav-2 > ul > li:hover.item-about-us > ul li:hover a,#top-nav-2 > ul > li:hover.item-amdanom-ni > ul li:hover a  {background:#F279AF !important;}

#top-nav-2 > ul > li.item-our-work span:first-child,#top-nav-2 > ul > li.item-ein-gwaith span:first-child {color:#7AB317;}
#top-nav-2 > ul > li:hover.item-our-work a,#top-nav-2 > ul > li:hover.item-ein-gwaith a {background:#7AB317;}
#top-nav-2 > ul > li.selected.item-our-work a,#top-nav-2 > ul > li.selected.item-ein-gwaith a {background:#7AB317;}
#top-nav-2 > ul > li:hover.item-our-work > ul,#top-nav-2 > ul > li:hover.item-ein-gwaith > ul {background:#7AB317 url('../images/menu/victims.jpg') no-repeat top right;}
#top-nav-2 > ul > li:hover.item-our-work > ul li a.selected,#top-nav-2 > ul > li:hover.item-ein-gwaith > ul li a.selected {background:#74B24E !important;}
#top-nav-2 > ul > li:hover.item-our-work > ul li:hover a,#top-nav-2 > ul > li:hover.item-ein-gwaith > ul li:hover a {background:#74B24E !important;}

#top-nav-2 > ul > li.item-jobs span:first-child,#top-nav-2 > ul > li.item-swyddi span:first-child {color:#A71A5B;}
#top-nav-2 > ul > li:hover.item-jobs a,#top-nav-2 > ul > li:hover.item-swyddi a {background:#A71A5B;}
#top-nav-2 > ul > li.selected.item-jobs a,#top-nav-2 > ul > li.selected.item-swyddi a {background:#A71A5B;}
#top-nav-2 > ul > li:hover.item-jobs > ul,#top-nav-2 > ul > li:hover.item-swyddi > ul {background:#A71A5B url('../images/menu/sentencers.jpg') no-repeat top right;}
#top-nav-2 > ul > li:hover.item-jobs > ul li a.selected,#top-nav-2 > ul > li:hover.item-swyddi > ul li a.selected {background:#A54771 !important;}
#top-nav-2 > ul > li:hover.item-jobs > ul li:hover a,#top-nav-2 > ul > li:hover.item-swyddi > ul li:hover a {background:#A54771 !important;}
#top-nav-2 > ul > li.item-jobs:hover > ul,#top-nav-2 > ul > li.item-swyddi:hover > ul {width:211px !important; }

#top-nav-2 > ul > li.item-contact-us span:first-child,#top-nav-2 > ul > li.item-cysylltwch-ni span:first-child {color:#F76E2A;}
#top-nav-2 > ul > li.item-contact-us:hover ul,#top-nav-2 > ul > li.item-cysylltwch-ni:hover ul {left:auto !important; right:-9px !important; width:421px;}
#top-nav-2 > ul > li:hover.item-contact-us a,#top-nav-2 > ul > li:hover.item-cysylltwch-ni a {background:#F76E2A;}
#top-nav-2 > ul > li:hover.item-contact-us > ul,#top-nav-2 > ul > li:hover.item-cysylltwch-ni > ul {background:#F76E2A url('../images/menu/offenders.jpg') no-repeat top right;}
#top-nav-2 > ul > li:hover.item-contact-us > ul li a.selected,#top-nav-2 > ul > li:hover.item-cysylltwch-ni > ul li a.selected {background:#F76E2A !important;}
#top-nav-2 > ul > li:hover.item-contact-us > ul li:hover a,#top-nav-2 > ul > li:hover.item-cysylltwch-ni > ul li:hover a {background:#F98752 !important;}
#top-nav-2 > ul > li.item-contact-us:hover > ul,#top-nav-2 > ul > li.item-cysylltwch-ni:hover > ul {width:631px !important; right:-218px !important; }
#top-nav-2 > ul > li.selected.item-contact-us a,#top-nav-2 > ul > li.selected.item-cysylltwch-ni a {background:#F76E2A;}

#top-nav-2 > ul > li.item-advice-for-offenders span:first-child,#top-nav-2 > ul > li.item-cyngor-i-droseddwyr span:first-child {color:#7E3E97;}
#top-nav-2 > ul > li.item-advice-for-offenders:hover ul,#top-nav-2 > ul > li.item-cyngor-i-droseddwyr:hover ul  {left:auto !important; right:-12px !important; width:421px;}
#top-nav-2 > ul > li:hover.item-advice-for-offenders > ul,#top-nav-2 > ul > li:hover.item-cyngor-i-droseddwyr > ul {background:#7E3E97 url('../images/menu/partners.jpg') no-repeat top right;}
#top-nav-2 > ul > li.item-advice-for-offenders:hover > ul,#top-nav-2 > ul > li.item-cyngor-i-droseddwyr:hover > ul {width:211px !important; }




#top-nav-2 > ul > li.item-suppliers span:first-child {color:#777777;}

#top-nav-2 > ul > li > a {position:relative; height:82px; color:#333; padding:0 6px; width:85px;}

#top-nav-2 > ul > li > ul {background:#F0F0F0; top:80px;  padding:5px; margin-right:5px; padding-right:200px;min-height:200px;}
#top-nav-2 > ul > li > ul > li {float:left; width:200px; margin:0px 5px 0px 5px;  border-top:0px solid #CCCCCC;}
#top-nav-2 > ul > li > ul > li > a { padding:10px 15px; font-size:12px !important; margin:0px !important;  color:#FFF !important; padding:10px 4px; display:block; color:#000; border:none; line-height:18px; border:0px !important;  border-image:none !important; text-decoration:none !important; outline:0px;}



#top-nav-2 > ul > li:hover > ul {left:5px; height:auto; width:421px; background-color:#7E3E97; color:#FFF !important;}



#top-nav-2 > ul > li.item-suppliers:hover ul {left:auto !important; right:-9px !important; width:421px;}

#top-nav-2 > ul > li:hover > ul > li > a:hover {color:#fff; text-decoration:none; background:#985BAF; color:#FFF !important;}
#top-nav-2 > ul > li:hover > ul > li > a.selected {color:#fff; text-decoration:none; background:#eee !important; color:#FFF !important;}

#top-nav-2 > ul > li.selected > a, 
#top-nav-2 > ul > li.active > a, 
#top-nav-2 > ul > li:hover > a {/* persistent hover states */ background:#7E3E97; color:#FFF !important;}




#top-nav-2 li span.strapline {line-height:13px; font-size:11px !important;}
#top-nav-2 li span.title {line-height:14px; font-size:16px !important;  padding:10px 0px 1px 0px; }

#top-nav-2 > ul > li:hover span {color:#fff !important;}
#top-nav-2 > ul > li.selected span {color:#fff !important;}






#top-nav-2 > ul > li:hover.item-suppliers a {background:#777777;}



#top-nav-2 > ul > li.selected.item-suppliers a  {background:#777777;}


#top-nav-2 > ul > li:hover.item-suppliers > ul {background:#777777 url('../images/menu/suppliers.jpg') no-repeat top right;}



#top-nav-2 > ul > li:hover.item-suppliers > ul li a.selected {}




#top-nav-2 > ul > li:hover.item-suppliers > ul li:hover a {background:#8C8C8C;}





#top-nav-2 > ul > li.item-suppliers:hover > ul {width:211px !important; }


/*-- 				Footer

============================================== --*/
#footer {background:#7E3E97;}
#footer .primary-structural-wrap {padding:20px 0;}



#foot-wrap {overflow:hidden;}
#foot-wrap .col {float:left; margin:0 0 0 20px; width:225px;}
#foot-wrap .col:first-child {margin-left:0;}
#foot-wrap .col ul {}
#foot-wrap .col ul li {list-style:url(../images/white-more-arrow.png); padding:0 0 0 6px; margin:0 0 7px 15px;}
#foot-wrap .col ul li  a {border-bottom:1px dotted #fff;}
#foot-wrap .col ul li a:hover {border-bottom:1px solid #fff;}

#foot-wrap .title {height:22px; display:block; line-height:22px;}
#foot-wrap a, #foot-wrap, #foot-wrap p {color:#fff;}

#foot-wrap .col > .title {font-size:138.5%; background:url(../images/foot-col-bg-sprite.png) no-repeat; padding:0 0 0 35px; font-family:'Lato',Arial, sans-serif; margin:0 0 20px;}
#foot-wrap .col > a.title:hover, #foot-wrap .col > .title a:hover {text-decoration:underline;}

#foot-wrap #foot-col-news > .title {background-position:0 0;}
#foot-wrap #foot-col-case-studies > .title {background-position:0 -22px;}
#foot-wrap #foot-col-project > .titles {background-position:0 -44px;}
#foot-wrap #foot-col-partnerships > .title {background-position:0 -66px;}

#foot-wrap .content .title {font-size:116%; margin:0 0 20px;}



#foot-wrap .links li {list-style:url(../images/white-more-arrow.png); padding:0 0 0 6px; margin:0 0 7px 15px;}
#foot-wrap .links li a {border-bottom:1px dotted #fff;}
#foot-wrap .links li a:hover {border-bottom:1px solid #fff;}

#foot-col-news > a {}
#foot-col-news .content {}
#foot-col-news .content > div {border-top:1px dashed #fff; overflow:hidden; padding:10px 0 0;}
#foot-col-news .content > div:first-child {border-top:none; padding:0 0 10px;}
#foot-col-news .content > div .headline {margin:0 0 5px; display:block; font-size:116%;}
#foot-col-news .content > div > p {margin:0 0 5px;}
#foot-col-news .content > div > a {background:#fff; color:#7E3E97; padding:3px 6px; display:inline-block;}
#foot-col-news .content > div > a:hover {background:#6A2984; color:#fff;}



/*-- 				Tagline

============================================== --*/
#tagline {background:#E9E9E9;}
#tagline .primary-structural-wrap {border-top:1px solid #ccc; background:url(../images/text-more-arrow.png) no-repeat right center; min-height:30px; padding:30px 0;}
#tagline a {font-family:'Lato',Arial, sans-serif; display:block; padding:0 150px 0 0; font-size:138.5%; color:#666; line-height:26px;}



/*-- 				Index Boxes

============================================== --*/
.index-boxes {background:#E9E9E9;}
.index-boxes .primary-structural-wrap {padding:0 0 20px;}

#index-box-row-1 {margin-top:-54px;}

.index-boxes .col {float:left; margin:0 0 0 8px; width:230px; padding:0px 15px 15px 15px; background:#fff; height:auto !important; height:295px;}
.index-boxes .col.columnshort {min-height:250px !important;}
.index-boxes .col .title {font-size:138.5%; background:url(../images/index-box-bg-sprite.png) no-repeat; padding:0 0 0 55px; font-family:'Lato',sans-serif; margin:15px 0px 20px 0px; height:30px; display:block; line-height:30px; margin:0 0 9px;}
.index-boxes .col span.title {margin:15px 0px 8px 0px !important;}

.index-boxes .col_top {float:left; margin:0 0 0 8px; width:200px; padding:0px 15px 15px 15px; background:#fff; min-height:295px;}
.index-boxes .col_top .title {font-size:138.5%; background:url(../images/index-box-bg-sprite.png) no-repeat; padding:0 0 0 55px; font-family:'Lato',sans-serif; margin:15px 0 20px; height:30px; display:block; line-height:30px; margin:0 0 9px;}


.index-boxes .content {padding:15px 0 0;}

.index-boxes #index-box-community .title {background-position:0 0; color:#EB217F;}
.index-boxes #index-box-victims .title {background-position:0 -30px; color:#93C142;}
.index-boxes #index-box-offenders .title {background-position:0 -60px; color:#F76C2A;}
.index-boxes #index-box-offices .title {background-position:0 -90px; color:#7E3E97;}

.index-boxes #index-box-community .content {border-top:1px solid #EB217F;}
.index-boxes #index-box-victims .content {border-top:1px solid #93C142;}
.index-boxes #index-box-offenders .content {border-top:1px solid #F76C2A;}
.index-boxes #index-box-offices .content {border-top:1px solid #7E3E97; background:url(../images/index-wales-map.gif) no-repeat center; min-height:210px; height:auto !important; height:210px;}

.index-boxes ul {}
.index-boxes li {list-style:url(../images/white-more-arrow.png); padding:0 0 0 6px; margin:0 0 5px 15px;}
.index-boxes .content a {border-bottom:1px dotted #333; color:#333;}
.index-boxes .content a:hover {border-bottom:1px solid #333;}

.index-boxes #index-box-community li {list-style:url(../images/list-style-pink.png);}
.index-boxes #index-box-victims li {list-style:url(../images/list-style-green.png);}
.index-boxes #index-box-offenders li {list-style:url(../images/list-style-orange.png);}
.index-boxes #index-box-offices li {list-style:url(../images/list-style-purple.png);}


.index-boxes #index-box-projects .content { padding-top:5px;}
.index-boxes #index-box-projects li {margin: 0 0 5px 15px;}
.index-boxes #index-box-projects li {list-style:url(../images/list-style-purple.png);}

.index-boxes #index-box-case-studies .content { padding-top:5px;}
.index-boxes #index-box-case-studies li {margin: 0 0 10px 15px;}
.index-boxes #index-box-case-studies li {list-style:url(../images/list-style-purple.png);}

.index-boxes #index-box-offices {}
.index-boxes #index-box-offices li {margin:0 0 5px 15px;}

#index-box-news, #index-box-case-studies, #index-box-projects, #index-box-twitter {padding-top:0; background:#fff;}

.index-boxes .col a.title { width:185px; display:block; background:none !important; color:#fff; padding:18px 0 15px 75px; height:20px; line-height:22px; margin:0px 0 0px -15px; position:relative;}
.index-boxes .col a.title span {background:url(../images/index-box-bg-sprite.png) no-repeat; display:block; width:53px; height:30px; position:absolute; top:15px; left:15px;}
.index-boxes .col a.title:hover {background:#F9F9F9 !important; }

.index-boxes #index-box-community a.title span {background-position:0 0 !important; color:#EB217F;}
.index-boxes #index-box-community a.title {width:155px !important;}
.index-boxes #index-box-victims a.title span {background-position:0 -30px !important; color:#93C142;}
.index-boxes #index-box-offenders a.title span {background-position:0 -60px !important; color:#F76C2A;}
.index-boxes #index-box-offenders a.title {width:175px; }
.index-boxes #index-box-offices a.title span {background-position:0 -90px !important; color:#7E3E97; left:5px !important;}
.index-boxes #index-box-offices a.title {padding:18px 0 15px 55px !important; height:20px !important; width:175px;}

#index-box-twitter #twitter-feed {}
#index-box-twitter #twitter-feed a {border-bottom:1px dotted #6C3F84; color:#6C3F84;}
#index-box-twitter #twitter-feed a:hover {border-bottom:1px solid #6C3F84;}
#index-box-twitter #twitter-feed ul li {margin-left:0px; padding-bottom:10px;}

#index-box-news a.title, #index-box-case-studies a.title, #index-box-projects a.title,  { width:185px; display:block; background:none !important; color:#fff; padding:17px 0 13px 45px; height:22px; line-height:22px; margin:0px 0 15px -15px; position:relative;}
#index-box-news a.title:hover, #index-box-case-studies a.title:hover, #index-box-projects a.title:hover, #index-box-twitter a.title:hover{ background-color:#6A2984 !important;}

#index-box-news .title span, #index-box-case-studies .title  span, #index-box-projects .title span {background:url(../images/foot-col-bg-sprite.png) no-repeat !important; display:block; width:23px; height:20px; position:absolute; top:16px; left:15px;}
#index-box-news .title span {background-position:0 0; }
#index-box-case-studies .title span {background-position:0 -22px !important; height:23px;}
#index-box-projects .title span {background-position:0 -44px !important;}
#index-box-twitter .title span {background:url(../images/twitter-icon.png) no-repeat !important; display:block; width:30px; height:28px; position:absolute; top:16px; left:15px;}

#index-box-twitter a.title { width:175px; display:block; background:none !important; color:#fff; padding:17px 0 13px 55px; height:22px; line-height:22px; margin:0px 0 15px -15px; position:relative;}


.index-boxes .article-list div {}
.index-boxes .article-list {padding:0;}
.index-boxes .article-list div {border-top:1px dashed #7E3E97; overflow:hidden; padding:10px 0 0; min-height:75px;}
.index-boxes .article-list div:first-child {border-top:none; padding:0 0 15px;}
.index-boxes .article-list div .headline {margin:5px 0 5px; display:block; font-size:100%;}
.index-boxes .article-list div p {margin:0 0 5px;}
.index-boxes .article-list div a {background:#7E3E97; color:#fff; padding:3px 6px; display:inline-block; border:none !important;}
.index-boxes .article-list div a:hover {background:#6A2984; color:#fff;}
.index-boxes .content span {position:relative !important; top:0px !important; left:0px !important;}


/*-- 				Slideshow

============================================== --*/
#slideshow {background:#E9E9E9; height:420px; }
#slideshow .primary-structural-wrap {}

#slideshow-wrap {position:relative; z-index:0;}
#slideshow-wrap .slide {height:420px; width:960px;}
#slideshow-wrap .slide img {}

#slideshow-wrap .slide .content {position:absolute; left:70px; bottom:100px; width:340px; background:#fff; background:rgba(255, 255, 255, 0.95); padding:12px;}
#slideshow-wrap .slide .content p {margin-bottom:6px !important;}
#slideshow-wrap .slide .content a {font-weight:bold; color:#7E3E97; font-size:131%; background:url(../images/slide-content-link-arrow.png) no-repeat right 5px; padding:0 20px 0 0;}

#slideshow-nav-wrap {z-index:10;}

#slideshow-nav a {height:120px; width:35px; display:block; position:absolute; top:150px; background:#fff; text-indent:-9999px;}
#slideshow-nav a:hover {background:#E9E9E9;}
#index-slide-nav-prev {left:0;}
#index-slide-nav-next {right:0;}

#slideshow-nav span {display:block; height:22px; width:13px; background:url(../images/slideshow-nav.png) no-repeat; position:absolute; top:48px;}
#index-slide-nav-prev span {background-position:0 0; left:9px;}
#index-slide-nav-next span {background-position:-13px 0; right:9px;}

/*
	Slider
*/
#slider {height:270px; display:none; position:relative;}
#slides-wrap {height:270px; float:left; width:540px; background:#fff;}

#slides-wrap .slide {position:relative; height:270px !important; width:540px !important;}
#slides-wrap .slide-image {height:270px; width:540px; margin:0; overflow:hidden;}

#slides-wrap .slide-content {position:absolute; bottom:15px; left:15px; width:325px;}
#slides-wrap .slide-content span {display:block; font-size:108%;}
#slides-wrap .slide-content .tagline span {display:inline; font-size:100%; }
#slides-wrap .slide-content span p {margin-bottom:5px;}

#slides-wrap .tagline {background:#FFF; background:rgba(255,255,255,0.9); padding:7px 10px 38px 10px; font-size:108%; color:#333; position:relative;}
#slides-wrap .tagline p {margin:0;}

#slides-wrap .find-out-more {background:#7E3E97; color:#FFF !important; border-bottom:none; font-size:12px; display:block; line-height:22px; height:22px; position:absolute; right:10px; bottom:7px; display:inline-block; padding:0 8px;}
#slides-wrap .find-out-more:hover {background:#703585; border-bottom:none;}

/*
	Slider Nav
*/
#slides-nav-wrap {width:204px; height:270px; position:absolute; right:-24px; top:0; z-index:100;}

#slides-nav {padding:0; overflow:hidden; height:270px; width:204px; margin:0;}
#slides-nav-inner {position:relative;}

.slide-nav-image {height:90px; width:180px; overflow:hidden; position:relative; cursor:pointer;}
.slide-nav-image a {height:90px; width:180px; display:block; position:absolute; top:0; left:0; border:none !important;}
.slide-nav-image a:hover, .slide-nav-image.activeSlide a { text-decoration:none;}

.slide-nav-image a span {position:absolute; right:0; bottom:10px; color:#333; background:#FFF; font-family:'Cabin',sans-serif; font-size:108%; padding:5px 10px 5px 10px; display:inline; opacity:1; font-family:'Lato',sans-serif;}
.slide-nav-image a:hover span, .slide-nav-image.activeSlide a span {background:#713686; color:#fff;}



/*-- 				News

============================================== --*/


#news #slides-nav-wrap {right:0px;}
#news .slide-nav-image {width:204px;}
#news .slide-nav-image a {width:204px;}
#news .slide-nav-image img {display:none;}
#news .slide-nav-image.activeSlide a {background:url(../images/slide-nav-arrow.png) left top no-repeat;}
#news .slide-nav-image a span {height:70px; width:160px; display:block; right:0; top:0px; background:#EFEFEF; padding:10px 10px 10px 10px;}
#news .slide-nav-image a:hover span, #news .slide-nav-image.activeSlide a span {background:#713686; color:#fff;}

#news #spread{ position:relative;}
#news #spread .title{ position:absolute; top:0px; left:0px; z-index:10; }


a#rss_link {clear:both; margin:-6px 0px 10px 0px; height:20px; display:block; float:right;  text-decoration:none !important; border:0px !important; color:#FF8800 !important; font-size:13px; display:block; background:url(../images/rss.jpg) no-repeat right 50%; padding:0px 25px 0px 0px;}
a#rss_link span {text-decoration:underline;}
/*-- 				Jobs

============================================== --*/
#latest-jobs {}
.job {position:relative; border-bottom:1px solid #ccc !important; padding:10px 70px 20px 0px; color:#000 !important; display:block; text-decoration:none !important; min-height:80px; height:auto !important; height:80px;}
.job_title {display:block; font-size:18px; padding:0px 0px 10px 0px;}
.job_summary {display:block; font-size:14px; line-height:22px;}
.job_link {display:block;width:62px; height:81px; background:url(../images/job_link.jpg) no-repeat left bottom; position:absolute; bottom:20px; right:0px;}

a:hover.job .job_link {background-position:left top;}


.block_bac {width:220px !important; height:100px !important; display:block !important; margin:4px 0px 0px -10px !important;}
.block_bac span {margin:60px 0px 0px 0px; padding:8px 33px 8px 10px; display:block; clear:both; float:left; background:#6F3B8B; font-size:15px; color:#fff;}
.index-boxes a:hover.block_bac span{ background-color:#985BAF; }


/*-- 				Breadcrumbs

============================================== --*/
#breadcrumbs {}
#breadcrumbs .primary-structural-wrap {background:#fff; border-top:1px solid #E9E9E9; min-height:30px; line-height:30px; font-size:93%;}
#breadcrumbs a {color:#666; font-weight:normal;}
#breadcrumbs a:hover {text-decoration:underline;}
#breadcrumbs p {margin:0px 0px 0px 0px !important; padding:3px 0px 3px 0px; font-size:80%;}
.breadcrumb span {color:#7E3E97; font-weight:normal; }


/*-- 				Main

============================================== --*/
#main {background:#FFF; }
#main .primary-structural-wrap {background:#FFF; padding:0 0 20px; border-top:1px solid #EAEAEA;  }

/*
	Side Nav
*/
#side {float:left; width:220px; }
#side-nav {padding:10px 10px 10px 10px; background:#EFEFEF; min-height:200px; }
#side-nav span a { display:block; color:#7E3E97; border-bottom:1px solid #7E3E97; font-size:131%; min-height:30px; height:auto !important; height:30px; font-weight:bold; line-height:22px; font-family:'Lato',sans-serif;}
#side-nav ul {}
#side-nav li {border-top:1px dashed #ccc;}
#side-nav li:first-child {border-top:none;}
#side-nav a { display:block; line-height:22px; padding:6px 15px 6px 0; color:#333;}
#side-nav a:hover, #side-nav a.active,#side-nav a.selected { color:#7E3E97; background:url(../images/list-style-purple.png) no-repeat right center;}
#side-nav a.selected{ font-weight:bold; }
#side-nav ul li ul li a{ padding:3px 15px 3px 15px; font-size:93%; }
#side-nav ul li ul li ul li a{ padding:3px 15px 3px 30px; font-size:93%; }

/*
	Spread
*/
#spread { background-color: #FFF; float:right; width:720px; padding:0 0 0 0; min-height:500px; height:auto !important; height:500px;}
#spread span.title { height:45px; line-height:45px; background:#7E3E97; color:#fff; display:inline-block; font-family:'Lato',sans-serif; font-size:131%; padding:0 20px; margin:0 0 20px;}
#spread #page-header .title {position:absolute; top: 26px; left: 240px;}
#spread #page-header {margin-bottom:20px;}
#spread #spread_padding{ padding:0px 0px 0px 0px;}


#text_left {display:block; float:left; width:480px; }
#text_right {display:block; float:right; width:220px; }

/*-- 				Main

============================================== --*/

#news_section .news_story .news_title a {border:none; color:#000; font-size:116%; font-weight:bold;}
#news_section .news_story .news_title a:hover {text-decoration:underline;}
#news_section .news_story {margin-bottom:10px; padding-bottom:10px; border-bottom: 1px dotted #000;}
#news_section .news_story .news_image {border:none; width:100px; float:left;}
#news_section .news_story  a + .news_content {width:450px; float:right;}
#news_section .news_story .read_more, #spread a#back_news_link {border:none; padding:5px 8px; background:#7E3E97; color:#FFF; display:inline-block;}
#news_section .news_story .read_more:hover, #spread a#back_news_link:hover {background:#6A2984;}

/*-- 				Section Specific Styles

============================================== --*/


#public {}
#public #side-nav span a {color:#0099CC !important; border-bottom: 1px solid #0099CC;}
#public #side-nav span a.selected {color:#0099CC !important;}
#public .breadcrumb span {color:#D3196D !important;}
#public #spread .title {background:#0099CC !important;}
#public #side-nav a:hover, #public #side-nav a.active, #public #side-nav a.selected {color:#0099CC !important; background:url(../images/list-style-blue.png) no-repeat right center;}
#public #slides-wrap a.find-out-more{ background:#0099CC !important; color:#FFF; border:none;}
#public .slide-nav-image a:hover span, #public .slide-nav-image.activeSlide a span {background:#0099CC !important; color:#FFF;}
#public #side-nav a.parent {background:url(../images/parent-list-style-pink.png) no-repeat right center;}



#community {}
#community #side-nav span a {color:#D3196D !important; border-bottom: 1px solid #D3196D;}
#community #side-nav span a.selected {color:#D3196D !important;}
#community .breadcrumb span {color:#D3196D !important;}
#community #spread .title {background:#D3196D !important;}
#community #side-nav a:hover, #community #side-nav a.active, #community #side-nav a.selected {color:#D3196D !important; background:url(../images/list-style-pink.png) no-repeat right center;}
#community #slides-wrap a.find-out-more{ background:#D3196D !important; color:#FFF; border:none;}
#community .slide-nav-image a:hover span, #community .slide-nav-image.activeSlide a span {background:#D3196D !important; color:#FFF;}
#community #side-nav a.parent {background:url(../images/parent-list-style-pink.png) no-repeat right center;}


#victims {}
#victims #side-nav span a {color:#7AB317 !important; border-bottom: 1px solid #7AB317;}
#victims #side-nav span a.selected {color:#7AB317 !important;}
#victims .breadcrumb span {color:#7AB317 !important;}
#victims #spread .title {background:#7AB317 !important;}
#victims #side-nav a:hover, #victims #side-nav a.active, #victims #side-nav a.selected {color:#7AB317 !important; background:url(../images/list-style-green.png) no-repeat right center;}
#victims #slides-wrap a.find-out-more{ background:#7AB317 !important; color:#FFF; }
#victims .slide-nav-image a:hover span, #victims .slide-nav-image.activeSlide a span {background:#7AB317 !important; color:#FFF;}
#victims #side-nav a.parent {background:url(../images/parent-list-style-green.png) no-repeat right center;}

#sentencers {}
#sentencers #side-nav span a {color:#A71A5B !important; border-bottom: 1px solid #A71A5B;}
#sentencers #side-nav span a.selected {color:#A71A5B !important;}
#sentencers .breadcrumb span {color:#A71A5B !important;}
#sentencers #spread .title {background:#A71A5B !important;}
#sentencers #side-nav a:hover, #sentencers #side-nav a.active, #sentencers #side-nav a.selected {color:#A71A5B  !important; background:url(../images/list-style-dark-red.png) no-repeat right center;}
#sentencers #slides-wrap a.find-out-more{ background:#A71A5B !important; color:#FFF; }
#sentencers .slide-nav-image a:hover span, #sentencers .slide-nav-image.activeSlide a span {background:#A71A5B !important; color:#FFF; }
#sentencers #side-nav a.parent {background:url(../images/parent-list-style-dark-red.png) no-repeat right center;}

#offenders {}
#offenders #side-nav span a {color:#F76E2A !important; border-bottom: 1px solid #F76E2A;}
#offenders #side-nav span a.selected {color:#F76E2A !important;}
#offenders .breadcrumb span {color:#F76E2A !important;}
#offenders #spread .title {background:#F76E2A !important;}
#offenders #side-nav a:hover, #offenders #side-nav a.active, #offenders #side-nav a.selected {color:#F76E2A !important; background:url(../images/list-style-orange.png) no-repeat right center;}
#offenders #slides-wrap a.find-out-more{ background:#F76E2A !important; color:#FFF; }
#offenders .slide-nav-image a:hover span, #offenders .slide-nav-image.activeSlide a span {background:#A71A5B !important; color:#FFF; }
#offenders #side-nav a.parent {background:url(../images/parent-list-style-orange.png) no-repeat right center;}

#suppliers {}
#suppliers #side-nav span a {color:#777777 !important; border-bottom: 1px solid #777777;}
#suppliers #side-nav span a.selected {color:#777777 !important;}
#suppliers .breadcrumb span {color:#777777 !important;}
#suppliers #spread .title {background:#777777 !important;}
#suppliers #side-nav a:hover, #suppliers #side-nav a.active, #suppliers #side-nav a.selected {color:#777777 !important; background:url(../images/list-style-grey.png) no-repeat right center;}
#suppliers #slides-wrap a.find-out-more{ background:#777777 !important; color:#FFF; }
#suppliers .slide-nav-image a:hover span, #suppliers .slide-nav-image.activeSlide a span {background:#A71A5B !important; color:#FFF; }
#suppliers #side-nav a.parent {background:url(../images/parent-list-style-grey.png) no-repeat right center;}




#partners #side-nav a.parent {background:url(../images/parent-list-style-purple.png) no-repeat right center;}

/*
#partners {}
#partners #side-nav span a {color:#576C89 !important; border-bottom: 1px solid #576C89;}
#partners #side-nav span a.selected {color:#576C89 !important;}
#partners .breadcrumb span {color:#576C89 !important;}
#partners #spread .title {background:#576C89 !important;}
#partners #side-nav a:hover, #partners #side-nav a.active, #partners #side-nav a.selected {color:#576C89 !important; background:url(../images/list-style-purple.png) no-repeat right center;}
#partners #slides-wrap a.find-out-more{ background:#576C89 !important; color:#FFF; }
#top-nav-2 > ul > li:hover.item-advice-for-offenders a {background:#576C89;}
#top-nav-2 > ul > li.selected.item-advice-for-offenders a {background:#576C89;}
#top-nav-2 > ul > li:hover.item-advice-for-offenders a {background:#576C89;}
#top-nav-2 > ul > li:hover.item-advice-for-offenders > ul li a.selected {background:#F76E2A !important;}
#top-nav-2 > ul > li:hover.item-advice-for-offenders23/07/2014 17:01:47 > ul li:hover a {background:#F76E2A !important;}
*/

/*
#suppliers {}
#suppliers #side-nav span a {color:#777777 !important; border-bottom: 1px solid #333333;}
#suppliers #side-nav span a.selected {color:#333333 !important;}
#suppliers .breadcrumb span {color:#333333 !important;}
#suppliers #spread .title {background:#333333 !important;}
#suppliers #side-nav a:hover, #suppliers #side-nav a.active, #suppliers #side-nav a.selected {color:#333333 !important; background:url(../images/list-style-purple.png) no-repeat right center;}
#suppliers #slides-wrap a.find-out-more{ background:#333333 !important; color:#FFF; }

#top-nav-2 > ul > li:hover.item-suppliers a {background:#333;}
#top-nav-2 > ul > li.selected.item-suppliers a {background:#333;}
#top-nav-2 > ul > li:hover.item-suppliers a {background:#333;}
#top-nav-2 > ul > li:hover.item-suppliers > ul li a.selected  {background:#F76E2A !important;}
#top-nav-2 > ul > li:hover.item-suppliers > ul li:hover a {background:#F76E2A !important;}
*/




/*-- 				No JS

============================================== --*/
.no-js #slideshow-wrap, .no-js #slideshow-nav-wrap, .no-js #slider {display:none;}
.no-js #slideshow .noscript {display:block;}
.no-js #slideshow .noscript {display:block;}
.no-js .slider-noscript.noscript {display:block;}




/*-- 			Nomination Form

============================================== --*/

#nomination-form {width:350px;}

#nomination-form label {width:300px; font-size:100%;}
#nomination-form input, #nomination-form textarea {width:320px; padding:3px 5px; background:#FFF; border:1px solid #666;}

#nomination-form input[type="checkbox"] {width:15px; margin-right:10px;}


#nomination-form .checkboxes {margin-bottom:25px;}
#nomination-form .checkboxes .clear {margin-bottom:10px;}
#nomination-form .checkboxes input {float:left; display:block; width:15px; margin-right:10px;}
#nomination-form .checkboxes label {float:left; display:block; width:310px;}

#nomination-form button {float:right; display:block; margin-right:17px; border:0; background:#7E3E97; width:80px; height:40px; color:#FFF; font-size:111%;}
#nomination-form button:hover {background:#8844A3;}



/*-- 				Search Page

============================================== --*/
#search {overflow:hidden;}
#search h1 {margin:20px 0 0;}
#search #results .search_result {overflow:hidden; padding:20px 0; border-top:1px dashed #c9c9c9;}
#search #results .search_result:first-child {border-top:none;}
#search #results .search_result h2 a {color:#7E3E97;}
#search #other_pages {float:right;}
#search #other_pages a, #search #other_pages b {margin:0 3px;}
#search #other_pages a {color:#7E3E97;}
#search #other_pages a:hover {text-decoration:underline;}

#social_media{ margin-top:10px; }
a.twitter{ position:relative; background:#65add0 url('../images/sidebar-twitter.png') no-repeat 0 0; color:#FFF; width:180px; display:block; padding:10px 0px 10px 40px; }
a:hover.twitter{ background:#4B98BC url('../images/sidebar-twitter.png') no-repeat 0 -40px;}
a.youtube { position:relative; background:#E12A26 url('../images/youtube-icon-white.png') 7px center no-repeat; color:#FFF; width:180px; display:block; margin-top:7px; padding:10px 0px 10px 40px; }


#popup {display:block; position:fixed; text-align:center; top:0; left:0; z-index:9999; height:100%; width:100%; background:url(../images/popup-bg.png) repeat top left;}
#popup .popup-box {position:relative; display:inline-block; width:620px; margin-top:150px; background:#fff;}

#popup .popup-box .popup-content {padding:20px 20px 40px; text-align:left; color:#666; text-align:center;}
#popup .popup-box .popup-content h1 {font-size:25px; color:#473F4C; margin:10px 0 30px;}
#popup .popup-box .popup-content p {font-size:15px; color:#473F4C; margin-bottom:0;}
#popup .popup-box .popup-content a {display:block; font-weight:bold; font-size:17px; color:#7E3E97; margin:3px 0 30px; text-decoration:underline;}
#popup .popup-box .popup-link {position:absolute; top:0; right:-40px; width:40px; height:40px; display:block; background:#7E3E97 url(../images/popup-cross.png) no-repeat center center;}
#popup .popup-box .popup-link:hover {background:#6D3782 url(../images/popup-cross.png) no-repeat center center;}


#home-page-wrap {background:#E9E9E9; padding-top:20px;}
.index-text {float:left; padding:20px 0; width:722px; }
#slider .title{ position:absolute; top:0px; left:0px; z-index:10; }
#slider span.title { height:45px; line-height:45px; background:#7E3E97; color:#fff; display:inline-block; font-family:'Lato',sans-serif; font-size:131%; padding:0 20px; margin:0 0 20px;}

#home-page-wrap #slides-wrap {width:730px; height:269px;}
#home-page-wrap #slides-wrap .slide-image {width:730px;}
#home-page-wrap #slides-nav-wrap {right:0px; width:253px;}
#home-page-wrap #slides-nav {width:253px;}
#home-page-wrap .slide-nav-image {width:253px;}
#home-page-wrap .slide-nav-image .slide-nav-pager {height:90px; width:253px; display:block; position:absolute; top:0; left:0; border:none !important;}
#home-page-wrap .slide-nav-image img {display:none;}
#home-page-wrap .slide-nav-image.activeSlide .slide-nav-pager {background:url(../images/slide-nav-arrow.png) left top no-repeat;}
#home-page-wrap .slide-nav-image .slide-nav-pager span {position:absolute; right:0; bottom:10px; margin-bottom:1px; height:69px; width:209px; display:block; right:0; top:0px; background:#fff; padding:10px 10px 10px 10px;}
#home-page-wrap .slide-nav-image .slide-nav-pager:hover span, 
#home-page-wrap .slide-nav-image.activeSlide .slide-nav-pager span {background:#713686; color:#fff;}

#home-page-wrap .slide-nav-image a {width:100%;}

.follow-button {}
#index-box-twitter {padding:0; background:none;}
#index-box-twitter .content {padding:20px 15px; background:#ffffff;}
#index-box-twitter a.follow-button {border:none; width:108px; margin:0 auto; display:block; background:#65AED1; color:#fff; text-align:center; height:40px; line-height:40px; position:relative; font-family:'Lato',sans-serif; font-size:120%;}
.twitter-title { text-transform:uppercase; font:700 125% 'Lato',sans-serif; color:#5a5a5a; margin-bottom:10px;}
.twitter-title span, .twitter-title img { vertical-align:middle; } 
.twitter-title span { padding-left:10px; } 
#index-box-twitter a.contact-button {height:36px; padding-top:20px; color:#fff; background:#7E3E97; text-align:center; display:block; font-family:'Lato',sans-serif; font-size:20px; margin-bottom:20px;}
.contact-button img {margin:0px 0 -2px 21px;}

#index-box-twitter .youtube-content {border-top:1px solid #E9E9E9; padding:20px 5px; background:#ffffff;}
#index-box-twitter .youtube-content a.follow-button {border:none; width:108px; margin:10px auto 0; display:block; background:#D92524; color:#fff; text-align:center; height:40px; line-height:40px; position:relative; font-family:'Lato',sans-serif; font-size:120%;}
.youtube-title { text-transform:uppercase; font:700 125% 'Lato',sans-serif; color:#5a5a5a; padding:0 10px; margin-bottom:20px;}
.youtube-title span, .youtube-title img { vertical-align:middle; } 
.youtube-title span { padding-left:10px; } 
.youtube-video { position:relative; display:block; }  
.black-overlay { position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/black-overlay.png) top left repeat; }
.black-overlay:after { content:url(../images/play-button.png); position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }


#wrapper.header-new #top-header {background:#833e90;}
#wrapper.header-new #top-header .primary-structural-wrap {position:relative; height:30px;}

#wrapper.header-new #header {background:#d4d4d4; border-bottom:8px solid #ff822e; -moz-box-shadow: inset 0 7px 10px #A4A4A4; -webkit-box-shadow: inset 0 7px 10px #A4A4A4; box-shadow: inset 0 7px 10px #A4A4A4; }
#wrapper.header-new #header .primary-structural-wrap {height:170px;}
#wrapper.header-new #top-nav-2 {width:100%; background:#fff; position:relative;}
#wrapper.header-new #logo {top:35px; right:0; left:auto;}
#wrapper.header-new .slogan {padding-top:62px; width:400px; font-size:28px; font-weight:700; line-height:34px;}
#wrapper.header-new #top-nav-2 > ul {height:70px;}
#wrapper.header-new #top-nav-2 > ul > li {padding:0;}
#wrapper.header-new #top-nav-2 > ul > li,
#wrapper.header-new #top-nav-2 > ul > li > a,
#wrapper.header-new #top-nav-2 > ul > li span {width:auto; height:auto;}
#wrapper.header-new #top-nav-2 > ul > li:first-child {margin-left:0;}
#wrapper.header-new #top-nav-2 > ul > li:first-child a {padding-left:0;}
#wrapper.header-new #top-nav-2 > ul > li > a {padding:29px 0 20px 30px;}
#wrapper.header-new #top-nav-2 > ul > li:first-child a {padding-left:0;}
#wrapper.header-new #top-nav-2 li span.title {padding:0 0 3px; font-size:19px !important; color:#444;}
#wrapper.header-new #top-nav-2 > ul > li.selected > a, 
#wrapper.header-new #top-nav-2 > ul > li.active > a, 
#wrapper.header-new #top-nav-2 > ul > li:hover > a {background:none; color:#000 !important;}
#wrapper.header-new #top-nav-2 > ul > li.selected span,
#wrapper.header-new #top-nav-2 > ul > li:hover span {color:#000 !important; border-bottom:4px solid;}
#wrapper.header-new {}
.en #wrapper.header-new #top-nav-2 > ul > li > a {padding:29px 0 20px 45px;}
.en #wrapper.header-new #top-nav-2 > ul > li:first-child a {padding-left:0;}

.footer-class {width: 100%; background-color:#703585; min-height: 50px; max-height: 100%; margin: auto;padding: 35px;color: #FFF;}

.footer-inner {width: 66%;margin-left: 14%;}

.footernav-nav {display: inline-block;}

.footernav-nav ul {
    text-align: left;
    margin: 0;
    padding: 0;
    list-style: none;
}

.footernav-nav ul li {
    display: inline-block;
}

.footer-inner a:hover {
	border-bottom: 1px solid #fff;
}

.footernav-nav ul li a {
    display: block;
    margin: 0 50px 0 0;
    color: #FFF;
}

#copyright {display:block;float: right;margin: auto;}

#copyright a {
	 color: #FFF;
}