/*-----------------------------------------------
# [Master Stylesheet] 
#  
# Project:				CCC
# Version:				1.1
# Last change:			29.10.2010 
# Last assigned to:		Joni 
-----------------------------------------------*/


/*-----------------------------------------------
Colors
-----------------------------------------------*/
/*	
#	background:			#fff;
#	paragraph:			#555;
#	Heading:			#ec1e26;
*/



/*-----------------------------------------------
General
-----------------------------------------------*/

body
{
background: #fff url(../i/bg-top-border.png) 0 0 repeat-x;
color: #555; 
font: 75% 'Helvetica neue', Helvetica, Arial, sans-serif; 
line-height: 1.5em;
}

body#archive {
background: #f8f9f3 url(../i/bg-top-border.png) 0 0 repeat-x;
}

html>body {
font-size:12px;
}

div.hr {
clear: both;
background: transparent url(../i/hr.gif) 0 0 repeat-x;
height: 1px;
}

div.hr-line {
clear: both;
background: #edeee9;
height: 1px;
margin: 1.5em 0;
}

div.hr hr, 
div.hr-line hr {
display: none;
}

div.clear {
clear: both;
}

img {
padding: 0 10px 10px 0;
}



/*-----------------------------------------------
Typography - General
-----------------------------------------------*/

h1, h2, h3, h4, h5,
h1 a, h2 a, h3 a, h4 a, h5 a 
{
color: #000;
}

/* Heading sizes in typographic scale */

h1 {
font-size: 2em; /* 24px */
color: #ec1e26;
line-height: 1.5em;
margin: 0; /* margin-top + margin-bottom = line-height x 2 */
}

h2 {
font-size: 2em; /* 24px */
color: #ec1e26;
line-height: 1.5em;
margin: 0;
}

h3 {
font-size:1.5em; /* 18px */
line-height: 1.5em;
margin: 0;
}

h4 {
font-size:1.25em; /* 16px */
line-height: 1.125em;
margin: 1.5em 0 0.7em;
}


h5 {
font-size:1.167em; /* 14px */
line-height: 1.286em;
margin: 2.172em 0 0.4em;
}

p {
font-size: 1em; /* 12px */
margin:0 0 1.5em 0;
}

blockquote p {
font: 1.167em Times, serif;
font-style: italic;
line-height: 1.286em;
}

address {
font-style: normal;
}

strong {
font-weight: bold;
}

span.bullet {
color: #ccc;
padding: 0 5px;
}

ul, ol {
margin: 0 0 1.5em 30px;
line-height: 1.5em;
}

p.ingress {
font-style: italic;
margin-bottom: 5px;
}


/*-----------------------------------------------
Links - General
-----------------------------------------------*/

a {
color: #ec1e26;
cursor: pointer;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}




/*-----------------------------------------------
Dynamic form
-----------------------------------------------*/

input, textarea, select {
font: 1em 'Helvetica neue', Helvetica, Arial, sans-serif; 
color: #333;
}

input.text_field {
background: #fff;
border: 1px solid #888;
padding: 3px;
}

input.button,
a.button {
position: relative;	
border: 0;
color: #fff;
cursor: pointer;
font-size: 1.17em;
vertical-align: top;
}

fieldset {
background:transparent url(../i/hr_dotted.gif) repeat-x scroll 0 bottom;
margin-top: 3em;
padding-bottom: 1.5em;
}

fieldset.no_border {
background: none;
}

legend {
color: #1495E5;
line-height: 1.2em; /* 24px / 16px = 1.2em */
font-size: 1.67em;
margin: 0;
padding: 0;
}



/*-- Dynamic form start --*/

.dynamic_form {
margin: 1.5em 0;
}

.dynamic_form label {
float: left;
clear: both;
display: block;
margin: 1.5em 0 3px;
width: 370px;
}

.dynamic_form input.checkbox,
.dynamic_form input.radio {
float: left;
clear: left;
margin: 1.5em 5px 0 0;
}

.dynamic_form input.radio {
float: left;
clear: left;
margin: 1.7em 5px 0 0;
}

.dynamic_form label.checkbox {
float: left;
clear: none;
margin-top: 1.5em;
width: 370px;
}

* html .dynamic_form label.checkbox {
margin: 1.7em 0 3px;
}

* + html .dynamic_form label.checkbox {
margin: 1.7em 0 3px;
}

.dynamic_form .text_field,
.dynamic_form textarea,
.dynamic_form .browser,
.dynamic_form select {
float: left;
clear: both;
display: block;
width: 270px;
}

.dynamic_form label .text_field {
float: right;
}

* html .dynamic_form label .text_field {
float: none;
display: block;
}

.dynamic_form select {
width: 275px;
}

.dynamic_form textarea {
float: left;
padding: 3px;
width: 362px;
}

.dynamic_form input.button {
float: left;
clear: both;
height: 30px;
margin-top: 1.5em;
width: 96px;
}

span.star {
color: #c14e0f;
font-size: 1.17em;
line-height: 0.9em;
}

label.error {
color: #c14e0f;
}

.dynamic_form a#show_more_profile {
float:left;
font-size:1.17em;
font-weight:bold;
padding:1.5em 0;
width:100%;
}

.dynamic_form label.checkbox.public_info {
display:inline;
float:right;
margin:0.4em 100px 0 0;
width:auto;
}

.dynamic_form input.checkbox.public_info {
clear:none;
display:inline;
float:right;
margin:0.4em 5px 0 0;
}





/*-----------------------------------------------
Layout
 -----------------------------------------------*/

div.container {
position: relative;
margin: 0px auto 30px;
overflow: auto;
width: 960px;
}

img.placeholder {
padding: 0;
}

div#header {
overflow: hidden;
margin-bottom: 0;
}

div.wrapper {
background: #f8f9f3 url(../i/bg-container-shadow.png) 0 -1px repeat-x;
}

.subpage div.wrapper {
border-top: 5px solid #fff;
}

.subpage div#showreel.content ul {
list-style: disc;
}

#frontpage div.wrapper {
background: #f8f9f3 url(../i/bg-container-shadow-with-white.png) 0 -1px repeat-x;
}

div.wrapper div.container {
margin-bottom: 0;
}

div#content-wrapper {
clear: both;
background: #f8f9f3 url(../i/bg-container-top-right-side-gray2.png) no-repeat;
overflow: hidden;
padding: 60px 25px 0 35px;
width: 900px;
}

#frontpage #content-wrapper {
padding: 30px 10px 0 20px;
width: 930px;
}

#frontpage div#content-wrapper,
#solutions div#content-wrapper {
background: #f8f9f3 url(../i/bg-container-top-right-side-gray.png) no-repeat;
}

div#footer.wrapper {
background: #f8f9f3 url(../i/bg-container-shadow.png) repeat-x;
border: 0;
}

div#footer.wrapper div.container {
background: #f8f9f3 url(../i/bg-container-bottom-right-side-gray.png) no-repeat;
padding: 50px 35px;
width: 890px;
}

#contact div#footer.wrapper div.container {
background: #f8f9f3 url(../i/bg-container.png) no-repeat;
}

div.sidebar {
float: right;
margin-left: 35px;
width: 340px;
}




/*-----------------------------------------------
Logo
 -----------------------------------------------*/
 
a#logo-CCC {
background: transparent url(../i/logo-CCC.png) no-repeat;
display: block;
font-size: 1em;
float: left;
height: 112px;
text-indent: -9999px;
width: 220px;
}




/*-----------------------------------------------
Page pagination
 -----------------------------------------------*/

div#page_pagination {
height: 18px;
margin: 1.5em 0 3em;
width: 600px;
}

div#page_pagination span {
color: #5b5b5b;
margin: 0 5px 0 2px;
}

div#page_pagination a {
background: #eee;
color: #5b5b5b;
margin-right: 5px;
padding: 3px 7px;
}

div#page_pagination a.active,
div#page_pagination a:hover {
background: #1495E5;
color: #fff;
}

div#page_pagination a#back_to_up {
float: left;
background: transparent url(../i/icon_up_arrow.gif) 0 5px no-repeat;
color: #1495E5;
cursor: pointer;
padding: 0 0 0 12px;
width: 113px;
}



/*-----------------------------------------------
Frontpage Showreel & Blog
 -----------------------------------------------*/

div.content {
float: left;
width: 520px;
}

div#showreel h1, .frontpage-title {
border-bottom: 1px solid #edeee9;
font-size: 2em;
margin: 0;
padding-bottom: 5px;
}

.frontpage-title {
	margin: 0 0 10px 0;
}

.frontpage-title a {
	color: #EC1E26;
}

.en div#showreel h1 {
margin-top: 21px;
}

div#showreel h2 {
color: #000;
font-size: 1.33em;
padding-top: 1.5em;
}

#archive div#showreel h1 {
padding-bottom: 0;
}

#frontpage div#rekry {
position: relative;
float: left;
background: transparent url(../i/bg-rekrynosto.png) 0 0 no-repeat;
height: 345px;
padding: 40px 40px 50px 40px;
width: 460px;
}

#frontpage div.sidebar {
margin-left: 0;
width: 378px;
}

div.sidebar div#description,
div.sidebar div#blog {
width: 340px;
padding: 30px 19px 0;
}

div.sidebar div#description {
border-bottom: 1px solid #EDEEE9;
padding-top: 50px;
}

div#blog h1 {
border: 0;
padding-bottom: 0;
}

#frontpage div.sidebar h1 {
font-size: 1.67em;
line-height: 1em;
margin: 0 0 0.5em;
}

div.sidebar h2 {
padding-top: 0;
font-size: 1.33em;
padding: 10px 0 2px;
}

#frontpage div.sidebar h2 {
color:#000000;
}

div#showreel img,
div#blog img {
float: right;
}

div#blog img {
padding:0 0 10px 45px;
}

#frontpage div.content {
margin-left: 10px;
}

#frontpage div#rekry h1 {
font-size: 18px;
line-height: 24px;
margin: 10px 0 31px;
}

#frontpage div#rekry .line-1 {
font-size: 16px;
color: #555;
display: block;
}

#frontpage div#rekry .line-2 {
display: block;
font-size: 28px;
}

#frontpage div#rekry p {
color: #777;
font-size: 14px;
font-style: italic;
width: 265px;
}

#frontpage div#rekry p.name {
font-size: 12px;
}

#frontpage div#rekry p.name span, 
#frontpage div#rekry p.name a {
display: block;
}

#frontpage div#rekry p.name a {
font-size: 13px;
margin-top: 10px;
}

#frontpage div#rekry img {
float: left;
padding: 4px 10px 10px 0;
}

#frontpage #ccc-as-employer {
position: absolute;
right: 40px;
bottom: 75px;
}

#frontpage #open-jobs {
position: absolute;
right: 40px;
bottom: 37px;
}



/*-----------------------------------------------
Solution
 -----------------------------------------------*/

h1.solution,
p.solution {
margin-left: 35px;
margin-right: 35px;
}

h1.solution {
margin-top: 1.5em;
}

p.solution {
font-size: 1.33em;
font-style: italic;
line-height: 1.5em;
margin-bottom: 0;
}

#solutions div.content h2 {
background: transparent url(../i/icon-bullet-list.png) 0 7px no-repeat;
color: #000;
font-size: 1.25em;
margin-top: 0;
padding-left: 20px;
}

#solutions div.content p {
padding-left: 20px;
}

#solutions div.content h3 {
border-top: 1px solid #edeee9;
color: #000;
font-size: 1.33em;
padding: 20px 0 10px 0px;
}

#solutions div.content p.profile {
padding-left: 0;
}

p.profile {
clear: both;
}

p.profile img {
float: left;
padding-right: 20px;
}



/*-----------------------------------------------
CCC
 -----------------------------------------------*/

#ccc h1,
#ccc .sidebar h2,
#references h1,
#references .sidebar h2,
#archive .sidebar h2,
#archive h1 {
border-bottom: 1px solid #EDEEE9;
}

#ccc .sidebar h2,
#references .sidebar h2,
#archive .sidebar h2 {
margin-bottom: 0.6em;
}

#ccc div.content h2,
#references div.content h2,
#archive div.content h2 {
color: #000;
font-size:1.25em;
margin: 1.3em 0 0.5em;
}

dl.number-list {
float: left;
margin-bottom: 3em;
}

dl.number-list dt {
float: left;
clear: left;
background: transparent url(../i/bg-number.png) 0 10px no-repeat;
color: #fff;
margin-right: 25px;
padding: 21px 0 11px 6px;
width: 34px;
}

dl.number-list dd {
float: left;
border-bottom: 1px solid #edeee9;
padding: 20px 0;
width: 270px;
}

* html dl.number-list dd {
width: 260px;
}

.content ul li {
list-style-image: url(../i/icon-bullet-small.png);
}
/*

#archive .content ul li {
list-style-image: none;
}

*/

.link-buttons {
display: block;
float: left;
text-indent: -9999px;
height: 30px;
margin-bottom: 10px;
width: 174px;
}

#open-jobs {
background: transparent url(../i/btn-avoimet-tyopaikat.png) 0 0 no-repeat;
}

#ccc-as-employer {
background: transparent url(../i/btn-ccc-tyonantajana.png) 0 0 no-repeat;
}
#ccc-as-employer-en {
background: transparent url(../i/btn-ccc-as-an-employer.png) 0 0 no-repeat;
width: 189px;
}



/*-----------------------------------------------
Partners
 -----------------------------------------------*/

#partners h1 {
border-bottom: 1px solid #EDEEE9;
margin-bottom: 1.5em;
}

#partners .sidebar h2 {
border-bottom: 1px solid #EDEEE9;
margin-bottom: 0.6em;
}

/*
#partners h2,
#partners .content p {
float: right;
width: 350px;
}
*/
#partners div.content h2 {
color: #000;
font-size:1.5em;
line-height: 1em;
margin-bottom: 0.5em;
}

#partners .content img {
float: left;
margin-left: 15px;
}

#partners .content div.hr-line {
margin-bottom: 3em;
}

#partners dl.number-list dt {
font-size: 20px;
padding: 21px 3px 11px 3px;
text-align: center;
}




/*-----------------------------------------------
Partners
 -----------------------------------------------*/

#references dl.number-list dt {
background: none;
margin-right: 0;
padding: 15px 15px 0 0;
width: 55px;
}

#references dl.number-list dd a {
display: block;
color: #ec1e26;
font-size: 1.17em;
padding: 20px 0 25px;
}

#references dl.number-list dd.active a {
color: #EC1E26;
}

#references dl.number-list dd a:hover {
color: #EC1E26;
text-decoration: underline;
}

#references dl.number-list dd {
padding: 0;
}

#references .content img {
float: right;
}

#references div#testimonial {
float: right;
width: 230px;
margin: 0 0 20px 20px;
font-style: italic;
font-size: 13px;
color: #888;
}

#references div#testimonial p {
margin-bottom: 0;
}

#references div#testimonial p#customer {
margin-top: 6px;
font-size: 12px;
color: #999;
}

#references div#testimonial span#mark {
font-size: 70px;
padding: 18px 10px 0 0;
color: #ccc;
float: left;
}




/*-----------------------------------------------
Archive
 -----------------------------------------------*/

ul.number-list {
margin-left: 0;
}

ul.number-list li {
border-bottom: 1px solid #edeee9;
padding-top: 20px;
}

ul.number-list li a {
color: #ec1e26;
display: block;
font-size: 1.17em;
padding-bottom: 25px;
}

ul.number-list li span {
color: #999;
padding-top: 20px;
}

ul.number-list li a:hover {
color: #EC1E26;
}

#archive p.profile img {
float: left;
margin-top: -18px;
}

#archive p.profile {
border-top: 1px solid #edeee9;
padding-top: 3em;
}

div.addthis_toolbox {
border-top: 1px solid #edeee9;
padding-top: 2em;
}



/*-----------------------------------------------
Sidemap
 -----------------------------------------------*/

ul#sidemap {
margin: 1.5em 0 0 0;
}

ul#sidemap li ul {
margin-bottom: 0;
}

ul#sidemap li {
background: url("../i/icon-bullet-list.png") no-repeat scroll 0 4px transparent;
font-size: 16px;
margin-top:0;
padding: 0 0 1.5em 20px;
}

ul#sidemap li a {
color: #000;
}

ul#sidemap li ul li a {
color: #666;
}

ul#sidemap li ul li ul li a {
color: #888;
}

ul#sidemap li ul li {
background: url("../i/icon-bullet-small.png") no-repeat scroll 0 6px transparent;
font-size: 14px;
padding: 0 0 0 15px;
}

ul#sidemap li ul li ul li {
background: none;
font-size: 12px;
padding-left: 0;
}


/*-----------------------------------------------
Contacs
 -----------------------------------------------*/

#contact-wrapper {
clear: both;
background: #fff;
border-top: 1px solid #EDEEE9;
overflow: hidden;
padding-top: 1.5em;
width: 900px;
}

#contact h1 {
border-bottom: 1px solid #EDEEE9;
}

#contact-wrapper h2 {
margin-bottom: 0.75em;
}

#contact form h2 {
color: #000;
font-size: 1.33em;
margin-bottom: 0;
}

#contact fieldset {
margin: 0 0 0 30px;
}

#contact form textarea {
margin-top: 1.5em;
}

div#contacts p.profile {
border-top: 1px solid #EDEEE9;
padding: 1.5em 0 0.75em;
margin-bottom: 0;
}

p.phrase {
float: right;
color: #888;
font-style: italic;
width: 240px;
}

div#headquarters {
float: left;
width: 150px;
}

ul.field-offices {
float: left;
background: #fff;
margin-left: 0;
width: 740px;
}

ul.field-offices li {
float: left;
margin-left: 35px;
width: 150px;
}

* html ul.field-offices li {
margin-left: 15px;
}

ul.field-offices.wide {
float: left;
border-top: 1px solid #EDEEE9;
padding-top: 1.5em;
}

ul.field-offices.wide li {
clear: both;
width: 740px;
}

* html ul.field-offices.wide li {
width: 700px;
}

form.dynamic_form.solutions fieldset {
float: left;
}

#solutions .sidebar form.dynamic_form.solutions fieldset {
border-top: 1px solid #EDEEE9;
float: none;
margin: 0;
}

#solutions .sidebar form.dynamic_form.solutions {
margin-top: 0;
}

#solutions .sidebar form.dynamic_form.solutions label {
width: 340px;
}

#solutions .sidebar form.dynamic_form.solutions input.text_field,
#solutions .sidebar form.dynamic_form.solutions textarea {
width: 300px;
}

#solutions .sidebar h3 {
border-bottom: 1px solid #EDEEE9;
color: #EC1E26;
padding-bottom: 5px;
}



/*----------- SOLUTIONS -----------------------*/


#solutions form#contact-wrapper {
margin-bottom: 0;
border-bottom: 1px solid #EDEEE9;
}

#solutions form#contact-wrapper h3 {
border: 1px solid #EDEEE9;
border-width: 0 0 1px 0;
padding: 0 0 16px 0;
text-align: center;
}

#solutions form#contact-wrapper fieldset {
margin-top: 0;
padding-top: 40px;
}

#solutions form#contact-wrapper fieldset.left {
border-right: 1px solid #EDEEE9;
height: 390px;
margin-right: 40px;
padding: inherit 20px 0 0;
width: 320px;
}

#solutions form#contact-wrapper h4 {
color: #888;
margin-top: 0;
}

#solutions form#contact-wrapper .no-margin {
margin-top: 0;
}

#solutions form#contact-wrapper h3 {
color: #EC1E26;
font-size: 1.67em;
margin: 0;
}

#solutions form#contact-wrapper textarea {
border: 1px solid #888888;
float: right;
width: 270px;
}

* html #solutions form#contact-wrapper textarea {
float: left;
display: block;
}

#solutions form#contact-wrapper .button {
margin-left: 92px;
}

* html #solutions form#contact-wrapper .button {
margin-left: 0;
}

* + html #solutions form#contact-wrapper .text_field,
* + html #solutions form#contact-wrapper textarea {
float: left;
}

* + html #solutions form#contact-wrapper .button {
margin-left: 0;
}





/*-----------------------------------------------
References
 -----------------------------------------------*/

dl#news-list {
background: #F5F5F5;
padding: 20px;
}

dl#news-list dt {
color: #1495E5;
font-size: 1.167em; /* 14px */
}





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

#footer p {
float: left;
color: #ccc;
}

#footer span.phone {
color: #000;
}

p#footer-navigation {
float: left;
margin-left: 130px;
}




/*-----------------------------------------------
Navigation
 -----------------------------------------------*/
 
ul#navigation {
float: right;
margin: 2px 0 0;
width: 694px;
}

ul#navigation  li {
float: left;
}

ul#navigation  li a {
background: url(../i/bg-navigation.png) 0 0 no-repeat;
color: #fff;
display:block;
font-size: 12px;
float:left;
height: 80px;
text-indent:-9999px; 
}
#en ul#navigation  li a {
background: url(../i/bg-navigation-en.png) 0 0 no-repeat;
color: #fff;
display:block;
font-size: 12px;
float:left;
height: 80px;
text-indent:-9999px; 
}

ul#navigation li a#navigation-frontpage { width: 100px; }
ul#navigation li a#navigation-CCC { background-position: -100px 0; width: 62px; }
ul#navigation li a#navigation-solutions { background-position: -162px 0; width: 119px; }
ul#navigation li a#navigation-references { background-position: -281px 0; width: 139px; }
ul#navigation li a#navigation-partners { background-position: -420px 0; width: 123px; }
ul#navigation li a#navigation-contact { background-position: -543px 0; width: 151px; }

ul#navigation li a#navigation-frontpage:hover,
ul#navigation li.active  a#navigation-frontpage { background-position: 0 -80px; }
ul#navigation li a#navigation-CCC:hover,
ul#navigation li.active  a#navigation-CCC { background-position: -100px -80px;}
ul#navigation li a#navigation-solutions:hover,
ul#navigation li.active  a#navigation-solutions { background-position: -162px -80px;}
ul#navigation li a#navigation-references:hover,
ul#navigation li.active  a#navigation-references { background-position: -281px -80px;}
ul#navigation li a#navigation-partners:hover,
ul#navigation li.active  a#navigation-partners { background-position: -420px -80px;}
ul#navigation li a#navigation-contact:hover,
ul#navigation li.active  a#navigation-contact { background-position: -543px -80px;}




/*-----------------------------------------------
Navigation - Sub
 -----------------------------------------------*/
 
ul#sub-navigation {
float: left;
margin: 0 0 0 10px;
/* overflow: hidden; */
}

ul#sub-navigation  li {
float: left;
}

ul#sub-navigation  li a {
background: url(../i/bg-sub-navigation.png) 0 0 no-repeat;
color: #000;
display:block;
font-size: 16px;
float:left;
height: 65px;
padding: 70px 20px 0;
text-align: center;
width: 147px;
}

#frontpage ul#sub-navigation  li a {
background: url(../i/bg-sub-navigation-frontpage-02.png) 0 0 no-repeat;
height: 55px;
padding: 50px 20px 0;
}

ul#sub-navigation li a#navigation-step1 { width: 152px; }
ul#sub-navigation li a#navigation-step2 { background-position: -192px 0; }
ul#sub-navigation li a#navigation-step3 { background-position: -379px 0; }
ul#sub-navigation li a#navigation-step4 { background-position: -566px 0; }
ul#sub-navigation li a#navigation-step5 { background-position: -753px 0; }

ul#sub-navigation li a#navigation-step1:hover { background-position: 0 -135px; }
ul#sub-navigation li a#navigation-step2:hover { background-position: -192px -135px;}
ul#sub-navigation li a#navigation-step3:hover { background-position: -379px -135px;}
ul#sub-navigation li a#navigation-step4:hover { background-position: -566px -135px;}
ul#sub-navigation li a#navigation-step5:hover { background-position: -753px -135px;}

ul#sub-navigation li.active a#navigation-step1 { background-position: 0 -270px; }
ul#sub-navigation li.active a#navigation-step2 { background-position: -192px -270px;}
ul#sub-navigation li.active a#navigation-step3 { background-position: -379px -270px;}
ul#sub-navigation li.active a#navigation-step4 { background-position: -566px -270px;}
ul#sub-navigation li.active a#navigation-step5 { background-position: -753px -270px;}

#frontpage ul#sub-navigation li a#navigation-step1:hover { background-position: 0 -115px; }
#frontpage ul#sub-navigation li a#navigation-step2:hover { background-position: -192px -115px;}
#frontpage ul#sub-navigation li a#navigation-step3:hover { background-position: -379px -115px;}
#frontpage ul#sub-navigation li a#navigation-step4:hover { background-position: -566px -115px;}
#frontpage ul#sub-navigation li a#navigation-step5:hover { background-position: -753px -115px;}



/*-----------------------------------------------
Navigation - language
 -----------------------------------------------*/
 
div#language-navigation {
float: right;
background: url(../i/bg-language-navigation.png) 0 0 no-repeat;
height: 22px;
padding: 8px 0 0 40px;
width: 130px;
}

div#language-navigation a {
color: #fff;
font-size: 10px;
}

div#language-navigation span {
color: #666;
}
.showreel-item {
height: 360px;
display: block;
}

/*-----------------------------------------------
Webmedia Group
 -----------------------------------------------*/

.webmedia-box {
	border: 7px #387d2d solid;
	padding: 10px;
	margin: 0 6px;
}

.webmedia-img {
 	height: 170px;
 	width: 306px;
}

.webmedia-img img {
	display: block;
	margin: 0 auto;
}

/*-----------------------------------------------
Homepage banners
 -----------------------------------------------*/
.homepage-banners {
margin-top: 20px;
}

.homepage-banners img {
	display: block;
	margin: 0 auto;
}