@charset "utf-8";
/*-----------------------------------------------------------------
File: color.css
Version: 1.0
Date: 17/11/09
Author: Michael Van Dorth
Email: m.vandorth@iberianmedia.com
Description: This is the stylesheet that controls all aspects of
color in the site. It should be directly linked to the page.

Site colors:

White:				#FFFFFF
Light Grey:			#DDDDDD
Medium Grey:		#999999
Dark Grey 1:		#4B4B4B
Dark Grey 2:		#373737
Dark Grey 3:		#333333
Dark Warm Grey:		#2D2628
Light Blue:			#5C8DD9
Link Blue:			#215AA5
Dark Blue 1:		#266DCB
Dark Blue 2:		#2464B9

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

/* GENERAL COLOR RULES ----------------------------------------- */

/* COMMON */

body,
body.index {
	background-color: #DDD;
	color: #333;
}

/* HEADER */

#header a {
	color: #FFF;
}
#header .navigation a {
	background-color: #4B4B4B; /* fallback color */
    background: url('../graphics/ie_navigation_bkg.gif') center top no-repeat; /* fallback image */
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, rgb(55,55,55)), color-stop(0.87, rgb(75,75,75)));
	background: -moz-linear-gradient(center bottom, rgb(55,55,55) 50%, rgb(75,75,75) 87%);
}
.index #header .navigation .index a,
.company #header .navigation .company a,
.services #header .navigation .services a,
.news #header .navigation .news a,
.contact #header .navigation .contact a {
	color: #2D2628;
	background: none;
	background-color: #999;
}
.company #header .navigation .company a,
.services #header .navigation .services a {
	background: url('../graphics/navigation_bkg.png') 98px 0px no-repeat;
	background-color: #999;
}
.company #header .navigation .company a:hover,
.services #header .navigation .services a:hover,
.company #header .navigation .company:hover a,
.services #header .navigation .services:hover a {
	color: #FFF;
}
#header .navigation a:hover {
	background-color: #266DCB; /* fallback color */
    background: url('../graphics/ie_navigation_bkg.gif') center -46px no-repeat; /* fallback image */
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, rgb(36,101,185)), color-stop(0.87, rgb(38,110,203)));
	background: -moz-linear-gradient(center bottom, rgb(36,101,185) 50%, rgb(38,110,203) 87%);
}
#header .navigation .company a,
#header .navigation .services a {
	background-color: #4B4B4B; /* fallback color */
    background: url('../graphics/ie_navigation_bkg.gif') center top no-repeat; /* fallback image */
	background: url('../graphics/navigation_bkg.png') 98px 0px no-repeat, -webkit-gradient(linear, left bottom, left top, color-stop(0.5, rgb(55,55,55)), color-stop(0.87, rgb(75,75,75)));
	background: url('../graphics/navigation_bkg.png') 98px 0px no-repeat, -moz-linear-gradient(center bottom, rgb(55,55,55) 50%, rgb(75,75,75) 87%);
}
#header .navigation .company a:hover,
#header .navigation .services a:hover,
#header .navigation .company:hover a,
#header .navigation .services:hover a {
	background-color: #266DCB; /* fallback color */
    background: url('../graphics/ie_navigation_bkg.gif') center -46px no-repeat; /* fallback image */
	background: url('../graphics/navigation_bkg.png') 98px -46px no-repeat, -webkit-gradient(linear, left bottom, left top, color-stop(0.5, rgb(36,101,185)), color-stop(0.87, rgb(38,110,203)));
	background: url('../graphics/navigation_bkg.png') 98px -46px no-repeat, -moz-linear-gradient(center bottom, rgb(36,101,185) 50%, rgb(38,110,203) 87%);
}
#header .navigation .affiliates a {
	background: url('../graphics/navigation_affiliate_bkg.gif') 93px 12px no-repeat;
	background-color: #5C8DD9;
}
#header .navigation .affiliates a:hover {
	background-color: #86A7D9;
}
#header .navigation ul {
	background-color: #2464B9;
	-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.5);
	box-shadow: 0px 2px 3px rgba(0,0,0,0.5);
}
#header .navigation ul a,
#header .navigation .company:hover ul li a,
#header .navigation .services:hover ul li a,
.company #header .navigation .company:hover ul a,
.services #header .navigation .services:hover ul a {
	color: #C9DFFF;
	background: none;
}
#header .navigation ul a:hover,
#header .navigation .company ul li a:hover,
#header .navigation .services ul li a:hover,
.company #header .navigation .company:hover ul a:hover,
.services #header .navigation .services:hover ul a:hover {
	color: #FFF;
	background: none;
}

#header .additionalNavigation li {
	border-left: 1px solid #999;
}
#header .additionalNavigation a {
	color: #999;
}
#header .additionalNavigation a:hover {
	color: #FFF;
}

/* CONTENT */

#content a {
	color: #215AA5;
	border-bottom: 1px dotted #215AA5;
}
#content a:hover {
	border-bottom: 1px solid #215AA5;
}
#content {
	background-color: #FFF;
}
#content .pageTitle {
	color: #FFF;
	text-shadow: rgba(11,36,69,0.65) 0px 2px 2px;
}
#content .contentTable th {
	color: #FFF;
	background-color: #215AA5;
}
#content .contentTable tbody tr:nth-child(even) {
	background-color: #DDD;
}
#content #primary h3 {
	color: #215AA5;
}
#content #secondary h4,
#content #primary h4.newsListTitle,
#content #secondary h5,
#content #secondary h6 {
	color: #999;
}

/* FORMS (in primary area) */

#primary form input[type=text],
#primary form textarea {
	border: 1px solid #CCC;
	color: #215AA5;
}
#primary form input[type=submit],
#primary form input[type=reset] {
	color: #191718;
	text-shadow: rgba(255,255,255,0.65) 0px 1px 1px;
	background-color: #CCC;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(153,153,153)), color-stop(1, rgb(204,204,204)));
	background: -moz-linear-gradient(center bottom, rgb(153,153,153) 0%, rgb(204,204,204) 100%);
}
#primary form label {
	color: #999;
}
#primary form label.error {
	color: #F00;
}

/* PROJECT LIST (in primary area) */

#content .projectList li {
	border-bottom: 1px solid #DDD;
}
#content .projectList h4 {
	color: #999;
}
#content #primary .projectList h3,
#content .projectList h3 a {
	color: #333;
}
#content .projectList h3 a:hover {
	color: #215AA5;
}


/* IMAGE GALLERIES (in secondary area) */

#secondary .gallery img {
	border: 3px solid #DDD;
}

/* NEWS LIST */

.newsList img {
	border: 3px solid #DDD;
}

/* CONTACT DATA AND CERTIFICATIONS */

#secondary #contactData dt,
#secondary #contactData dd {
	border-top: 1px solid #DDD; 
}
#secondary #contactData dt {
	color: #999; 
}
#secondary #contactData dt:first-child,
#secondary #contactData dd:nth-child(2) {
	border-top: none; 
}

/* FOOTER */

#footer {
	background-color: #333;
	color: #999;
}
#footer a {
	color: #999;
}
#footer a:hover {
	color: #FFF;
}
#footer .navigation li {
	border-left: 1px solid #999;
}


/* INDEX COLOR RULES ----------------------------------------- */

/* HEADER */

.index #header .additionalNavigation li {
	border-left: 1px solid #FFF;
}
.index #header .additionalNavigation a {
	color: #FFF;
}
.index #header .languages a {
	background-color: #4B4B4B; /* fallback color */
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0.87, rgb(75,75,75)), color-stop(1, rgb(30,30,30)));
	background: -moz-linear-gradient(center bottom, rgb(75,75,75) 87%, rgb(30,30,30) 100%);
	color: #999;
}
.index #header .languages .current a {
	background: none;
	background-color: #215AA5;
	color: #FFF;
}

/* CONTENT */

.index #content .intro h4 {
	color: #215AA5;
}
.index #content .video {
	background-color: #215AA5;
}
.index #content .video h4 {
	color: #FFF;
}
.index #content .video a.videoLink img {
	border: solid 3px #FFF;
	-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.5);
	box-shadow: 0px 2px 3px rgba(0,0,0,0.5);
}

/* News Slide Show */

.index #newsPanel {
	border-top: 7px solid #5C8DD9;
}
.index #newsPanel .summary {
	background-color: rgba(255,255,255,0.8);
}
.index #newsPanel .summary h3 a {
	color: #000;
}
.index #newsPanel .summary h5 {
	color: #215AA5;
}
.index #newsPanel .navigation a {
	border-bottom: none;
	border: 2px solid #215AA5;
}
.index #newsPanel .navigation a.activeSlide,
.index #newsPanel .navigation a:hover {
	background-color: #215AA5;
}

/* Login form */

.index #login {
	background-color: #5C8DD9;
}
.index #content #secondary #login h4 {
	color: #FFF;
	background-color: #5C8DD9;
}
.index #login label {
	color: #FFF;
}
.index #login label.error {
	color: #600;
}
.index #login input[type=text] {
	color: #679EF7;
	border: none;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0.84, rgb(76,116,183)), color-stop(1, rgb(60,91,144)));
	background: -moz-linear-gradient(center bottom, rgb(76,116,183) 84%, rgb(60,91,144) 100%);
}
.index #login input[type=submit] {
	color: #191718;
	text-shadow: rgba(255,255,255,0.65) 0px 1px 1px;
	background-color: #CCC;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(153,153,153)), color-stop(1, rgb(204,204,204)));
	background: -moz-linear-gradient(center bottom, rgb(153,153,153) 0%, rgb(204,204,204) 100%);
}
.index #login .emailLink {
	color: #B7DDFF;
}
.index #login .contactLink {
	color: #191718;
	text-shadow: rgba(255,255,255,0.65) 0px 1px 1px;
	background-color: #CCC;
	background: url('../graphics/index_login_link_bkg.gif') 24px center no-repeat, -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(153,153,153)), color-stop(1, rgb(204,204,204)));
	background: url('../graphics/index_login_link_bkg.gif') 24px center no-repeat, -moz-linear-gradient(center bottom, rgb(153,153,153) 0%, rgb(204,204,204) 100%);
	border-top: 1px solid #DDD;
}