@charset "utf-8";
* { margin: 0; padding: 0; }

/* Elements */
	body{ margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;  }
	ul { }
	table { width:100%; border-spacing: 0; }
	table tr td { vertical-align: top;  }
	img { border:none; max-width:100%}
	p { margin-bottom:10px; font-family: Arial, Helvetica, sans-serif; color:#333; }
	table tr th { text-align:left } 

	h1 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
	h2 { color:#192d68; font-size:2em; font-weight:normal; margin-bottom:10px  }
	h3 { font-size:1.3em; margin-bottom:5px; color:#192D68 }
	
	blockquote { font-size:1.1em; margin-bottom:40px; line-height:1.4em }
	img { max-width:100% }
	.cta-block { margin-bottom:20px } 
	
/* Layout */
	#maincontainer{	width: 960px; margin: 0 auto; }
	#topsection{ }
	#contentwrapper{ float: left; width: 100%; color:#636B75; height:300px; height: auto !important; min-height:300px }

	#header { height:109px }
	
	
	#footer-links { padding-top:14px; background: #eeeff0; height: 26px; }
	#footer-links p { margin:10px; width: 960px; margin: 0 auto; color#fff; }
	#footer-links a, #footer-links { color:#192d68; text-decoration:none }
	#footer-links a:hover { text-decoration:underline }
	
	#footer { background-color:#192d68; color:#fff; height: 100px; }
	#footer .container { width:960px; margin: 0 auto }
	#footer .left, #footer .right {  padding:20px 0px;float:left;display:inline; width:460px }
	#footer .right{ text-align:right; float:right; }
	#footer a { color:#fff; text-decoration:none}
	#footer p { color:#fff; }
	
	body { background:url(img/header.png) top center no-repeat; }
	body.home { background:url(img/home-header.png) top center no-repeat; }
	
	#logo { float:left; display:inline; width:230px }
	
	#right-column { float:right; width:190px; display:inline; font-family:Arial, Helvetica, sans-serif; margin-top: 50px; }
	
	#left-column { float:left; display:inline; width:240px; margin-right:10px; padding-top: 51px; background:url(img/secondary-nav/side-bar-bg.png) no-repeat; min-height: 763px; }
	#left-column-placeholder{ float:left; display:inline; width:240px; margin-right:10px; min-height: 763px;  }
	#right-content-column { float:left; display:inline; width:710px; margin-top: 50px;  }
	#left-content-column { padding-top:50px; width:710px; }
	
	
	.col { float:left; display:inline; width:470px; margin-right:20px; font-size:1.1em; line-height:1.5em }
	.last { margin-right: 0px; }
	.col h1 { font-size:1.7em; color:#192d68; margin-bottom:20px; font-weight:normal; }
	
	.copy { border-top:1px solid #e6e6e6; padding-top: 20px; }
	.copy h2 { font-size: 12px; text-transform:uppercase; color: #868686; margin-bottom: 20px; }
/* Primary Navigation */
	#primary-navigation { float:right; display:inline; width:730px; margin-top:45px; font-size:1.416em; text-align:right }
	body.admin #primary-navigation { width:960px }
	#primary-navigation ul { float:right; width:530px }
	#primary-navigation li { float:left; display:inline; margin-left:10px; min-width:40px; } 
	#primary-navigation a { display:block; float:left;color:#333; padding-left: 10px; text-decoration:none;  height:32px; font-size: 14px; }
	#primary-navigation span { display:block; float:left; padding: 7px 10px 7px 0; height:32px; cursor:pointer } 
	#primary-navigation a:hover { background:url(img/primary-navigation/left.png) top left no-repeat; color:#fff; text-shadow:0px 1px 1px rgba(0,0,0,0.5); }
	#primary-navigation a:hover span { background:url(img/primary-navigation/right.png) top right no-repeat; }
	
	/* Highlighted */
	#primary-navigation li.highlighted { margin-right: 0px; }
	#primary-navigation li.highlighted a { background:url(img/primary-navigation/highlighted-left.png) top left no-repeat; color:#fff}
	#primary-navigation li.highlighted span { background:url(img/primary-navigation/highlighted-right.png) top right no-repeat; }

/* Secondary Navigation */
	.secondary-nav { font-size:1.3em; } 
	.secondary-nav { border-bottom: 1px solid #fff; }
	.secondary-nav a:hover { text-decoration: underline;  }
	.secondary-nav a { display:block; padding:12px 0 12px 20px; text-decoration:none; color:#000; border-top:1px solid #fff; border-bottom:1px solid #e6e6e6; width:180px; }
	.secondary-nav li.selected a { background:url(img/secondary-nav/pointer.png) top left no-repeat; color:#fff; border:none; width:230px; }
	
/* Tertiary Navigation */
	.tertiary-nav { background:url(img/tertiary-nav/footer.png) bottom left no-repeat; padding-bottom:10px }
	.tertiary-nav h2 { background:url(img/tertiary-nav/header.png) top left no-repeat; font-weight:bold; color:#fff; padding:12px; font-size:1.3em; margin-bottom:10px  }
	.tertiary-nav li { padding:5px 15px }
	.tertiary-nav a { color:#192d68; text-decoration:none; font-weight:bold}
	.tertiary-nav a:hover { text-decoration:underline }
	

/* Intro */
	.intro { color:#fff }
	body.admin .intro { color:#999 }
	.intro .left { width:420px; float:left; display:inline }
	.intro .right { width:420px; float:left; display:inline }
	.intro p { font-size:1.3em;line-height:1.3em}
	
	.intro h1 { margin: 50px 0 51px 0; font-size:3.4em; font-weight:normal }
	body.home .intro h1 { margin: 40px 0 25px 0; font-size:2.4em; font-weight:normal }
	body.admin .intro h1 { margin-bottom:60px }
	#homepage-intro { height:350px }
	#homepage-intro p { color:#fff; }
	
	/* Rotating Photos */
	.rotating-photos { float:left; display:inline; position:relative; top:44px; left:84px   }
	.rotating-photos .rotating { float:left; display:inline; width:452px; height:272px }
	.rotating-photos li { position:absolute}

/* vacancies */
	#vacancies { background:url(img/home/vacancies.png) top left no-repeat; height:160px; padding: 15px 0 0 205px; }
	#vacancies h2 { font-size:1.916em; color:#192d68; font-weight:normal; margin-bottom:10px }
	#vacancies p { color:#333; line-height:1.3em } 
	#vacancies .button { background:url(img/home/vacancies-button.png) top left no-repeat; height:40px; width:156px; display:block  }
	#vacancies .button span { display:none }
	
/* logos */
	#logos { border-top: 1px solid #e6e6e6; margin: 0 auto; }
	#logos ul {width:840px; margin:0 auto; }
	#logos li { float:left; padding:10px }
	#logos img { border:solid 1px #e4e2e2; margin 0 10px;  }

/* Full News Articles */
	.newsarticles { font-size:13px; line-height:18px; } 
	.newsarticles h2 { margin-bottom:0px; font-size: 15px; }
	.newsarticles p {  margin-bottom:30px  }
	.newsarticles .date { margin-bottom:15px; margin-top:3px  }
	.newsarticles ul, .styled-list { margin-bottom:30px}
	.newsarticles li, .styled-list li { padding-left:30px; background:url(img/bullet.png) top left no-repeat; margin-bottom:5px }

/* News Article List */
	.newsarticle-list dl { margin-bottom:20px; border-bottom: 1px solid #e6e6e6; }
	.newsarticle-list h3 a { font-size:12px; color:#192d68; text-decoration:none; font-weight:normal; line-height: 1.3em; text-transform: capitalize;  }
	.newsarticle-list p { margin-bottom:10px; line-height:18px; font-size: 13px; font-weight: normal;  }	
	.newsarticle-list h3 a:hover { text-decoration:underline }
	.newsarticle-list strong a	{ text-decoration: none; color:#192d68; }
	.newsarticle-list dd { width: 460px; padding-bottom: 10px; }
	
/* Projects List */
	.projects-list li { float:left; margin:0 10px 20px 0; width:230px  }
	.projects-list li.last { margin-right: 0px; }
	.projects-list img { padding:4px; border:solid 1px #b4b8ba; width:220px; height:140px; }

/* Quote Block */
	.quote { background:url(img/quote/header.png) top left no-repeat; }
	.quote p { padding:10px; font-size:12px; line-height:16px; margin-bottom:5px; width:160px;  }
	.quote small { display:block; background:url(img/quote/footer.png) bottom left no-repeat; padding:0 10px 40px 10px; font-size:0.9em }

/* Search Box */
	.search-box { background:url(img/search-container.png) top left no-repeat; margin-bottom:40px }
	.search-box input[type="text"] { padding:10px; width:317px; font-size:1.4em; border:solid 1px #d3d1d1; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#999; position:relative; top:-4px; left:10px; margin-right:15px; margin-bottom:10px }
	.search-box input[type="image"] { position:relative; top:11px}

	#search-overview { color:#999; font-size:1.7em }

/* Vacancy List */
	.vacancy-list {  }
	.vacancy-list dl { background:url(img/vacancy-list/header.png) top left no-repeat; margin-bottom:15px }
	.vacancy-list dt { padding:15px; border-bottom: solid 1px #dddadd; color:#192d68 }
	.vacancy-list .title { font-size:1.6em;  }
	.vacancy-list .details { margin-top:5px }
	.vacancy-list dd {background:url(img/vacancy-list/footer.png) bottom left no-repeat;  padding:15px }
	.vacancy-list .spec { color:#192d68; line-height:1.4em; margin-bottom:15px }
	.vacancy-list p { color:#202020; font-size:1.1em; line-height:1.3em }
	.vacancy-list .functions { margin-top:15px }
	.vacancy-list .functions li { float:left }
	.vacancy-list .functions a { display:block; color:#192d68; text-decoration:none; padding: 5px 5px 5px 30px; margin-right:10px }
	.vacancy-list .functions a:hover span { text-decoration:underline }
	.vacancy-list .functions li.info a { background:url(img/vacancy-list/info.png) top left no-repeat }
	.vacancy-list .functions li.contact a { background:url(img/vacancy-list/contact.png) top left no-repeat }
	.vacancy-list .functions li.favourite a { background:url(img/vacancy-list/favourite.png) top left no-repeat }

/* Portfolio Blocks */
	.portfolio-blocks img { font-family:Arial, Helvetica, sans-serif; padding:4px; border:solid 1px #dbdbdb}
	.portfolio-blocks dl { margin-bottom:30px }
	.portfolio-blocks h3 {  color:#192d68; font-size:1.6em; font-weight:normal; margin-bottom:25px }
	.portfolio-blocks h4 { font-size:1.4em; }
	.portfolio-blocks p { font-size:1.1em; line-height:1.5em }
	
	.portfolio-blocks dt { display:inline }
	.portfolio-blocks .image-right dt { float:right } 
	.portfolio-blocks .image-left dt { float:left; width:360px }
	
	.portfolio-blocks dd { display:inline; float:left;  width:350px; color:#333; line-height:18px; }
	.portfolio-blocks dd h3 { font-size:1.2em;}
	.portfolio-blocks .image-right dd {}
	.portfolio-blocks .image-left dd { }

/* Tables */
.cta-table .label { width:120px; font-weight:bold;  padding:5px; vertical-align:top }
.cta-table .field { vertical-align:top; padding:5px }

/* Article Page */
	#article_header img { margin-bottom:20px; }
	.article p { font-size:1.1em; line-height:1.4em }

/* Functional Items */
	/* cta-hover and Hover Menus */
		.cta-hover { color:#ff0000; float:right; visibility: hidden; position:relative; height:0; top:5px;right:5px; background-color:#fff  }
		.cta-hover a { background-color:#fff; color:#333; padding:3px }
		.hoverable.hover .cta-hover { color:#090; visibility:visible;  }

	/* Rotating elements*/
	.rotating-container .rotate { position:absolute; }

/* Sitewide */	
	/* Validation */
	.validation-advice { display:none}
	.validation-failed { border: solid 2px #FF6600 !important}

	/* Breadcrumbs */
		.breadcrumbs { margin-bottom:30px; margin-top:12px }
		.breadcrumbs ul { list-style:none; font-size:1.2em;  }
		.breadcrumbs li { float:left }
		.breadcrumbs li.last { }
		.breadcrumbs span { padding:5px; color:#555 }
		.breadcrumbs a { text-decoration:none; font-weight:bold;   }
		.breadcrumbs a span { color:#000 }
		.breadcrumbs a:hover span { text-decoration:underline }
		
/* Blocks */	
	
	.cta-form { margin-top:20px; margin-bottom:80px; }
	.cta-form em	{ font-size:0.8em; }
	.cta-form .label { margin-bottom: 5px; }
	.cta-form input[type="text"]	{ width:250px; padding: 8px; font-size: 14px; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #ccc; }
	.cta-form textarea { width:474px; padding: 3px; font-size: 13px; height:150px; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #ccc; }
	.cta-form .field { margin-bottom: 15px; }
	.cta-form .upload { background:#eeeff0; padding:20px; -moz-border-radius:10px; -webkit-border-radius:10px; width:440px; margin-bottom:20px; }
	.cta-form .upload .label { color:#192D68; margin-bottom:10px;}
	.cta-form .field { color:#333; font-size:11px;}
	.cta-form .upload p { color:#333; line-height:18px; margin-bottom:10px; }

/* Message */
	.success { background:url(img/bullet.png) no-repeat top left; padding-left:40px; height:22px; line-height:18px;  }
	
/* Page Specific */
	/* Page Designer [client/page] */
		/* Draggable Menus */
		#draggable-menus { position: absolute; left:0; }
		#draggable-menus dl { background-color:#333; width:200px; }
		#draggable-menus dl dt { font-weight:bold; color:#fff; }
		#draggable-menus dl dt span { }
		#draggable-menus dl dd{ color:#efefef; }
		#draggable-menus dl dd span { padding:10px }
		
		/* Contact Page */
		.btn	{ background:#a6d201; color:#1a1f05; text-shadow:0px 1px 1px rgba(255,255,255,0.5); padding:10px 15px; -moz-border-radius:5px; -webkit-border-radius:5px; border:none; font-size:1.2em;}
		.contacts-block	{ padding:20px; background:#eeeff0; -moz-border-radius:10px; -webkit-border-radius:10px; line-height:18px; }
		#right-column.contacts	{ width:300px; }
		#right-column.contacts img { margin-bottom:20px; }
/* Useful classes */

	/* Clearfix */
		.clearfix:after { content: ".";	display: block;	clear: both; visibility: hidden; line-height: 0; height: 0; }
		.clearfix {	display: inline-block; }
		html[xmlns] .clearfix { display: block; }
		* html .clearfix { height: 1%; }
	
	/* Positional */
		.la { text-align:left; }
		.ra { text-align:right; }
		.ca { text-align:center; }
		.fl { float:left; }
		.fr { float:right; }
		.vt { vertical-align:top; }
		.vm { vertical-align:middle; }
		.vb { vertical-align:bottom; }
		.nb { border:0 none !important; }
		.justify { text-align:justify; }
		.move { cursor:move }