@import "layout.css";

/*	---------------------------------------------------------------------------------------
	Default styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

body { text-align: center; font: 75%/1.5 sans-serif; color: #566d74; background: #fff url('body.png') top left repeat-x; }
h2 { font-size: 140%; }
h3 { font-size: 120%; }
address { font-style: normal; }
a { color: #993300; }
a:hover , a:focus { text-decoration: none; }
label , table { font-size: 100%; }
td {padding: 5px; border-bottom: 2px solid #fff; border-width: 1px;background: #dce5e7 url('footer.gif') left top;}
th {background: #dce5e7; border-bottom: 2px solid #fff; text-align: center;}

/*	---------------------------------------------------------------------------------------
	Layout
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#main { text-align: left;  background: url('headlines.jpg') left top no-repeat; }

/*	---------------------------------------------------------------------------------------
	Header
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#header { background: #fff url('header.gif') left bottom repeat-x;}
#logo a { font-size: 100%; color: #1b2022; }
#logo span { background: url('logo.gif') left top no-repeat; }
#menu li a { text-transform: uppercase; text-decoration: none; color: #45565a; background: url('menu_a.gif') right center no-repeat; }
#menu li.last a { background: none; }
#menu li a:hover , #menu li a:focus , #menu li a.current { color: #fff; background: #e44b01 url('menu_a_active.gif') right top repeat-x; }
#submenu { background: url('column.png') right 1px no-repeat; }
div[class] #submenu { background-position: right top; }
#submenu li { background: url('column_li.gif') 2px center no-repeat; font-weight: bold; color: #993300; }
#submenu li a { text-decoration: none; color: #333; }
#submenu li a:hover , #submenu li a:focus , #submenu li a.active { color: #993300; }
#www { padding:6px;text-transform: uppercase; font-size: 100%; color: #333333;
position:absolute; background: #eef1f1; }
h1 em { text-align: right; text-transform: none; font-weight: normal; font-style: normal; color: #57757b; }

#main #headlines h2 { text-align: center; font-size: 200%; color: #292929; }
#sub #headlines p { color: #3e3e3e; }
#sub #maincontent { background: #fff url('maincontent.gif') top left repeat-x; }
#lang {color: #fff; background-color: #1c2122; text-transform: uppercase; font-size: 92%; }
#lang a { padding: 3px 3px 3px 3px;  text-decoration: none; /* no underline */ color: #999; border: 1px solid #333 }
#lang  a:hover, #lang  a:active {  background: #e44b01; color: #fff; border: 1px solid #fff}
#content-head { font-size: 120%; background: url('h_sub.gif') left bottom repeat-x; }


/*	---------------------------------------------------------------------------------------
	Content
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

#maincontent { color: #000; background-color: #fff; }
.column , #content { background-color: #fff; }
#content { line-height: 1.7; text-align:justify;}
#content .first, #content .first p { background: url('first.gif') repeat-y; font-size: 110%;  text-align:left;}
h4, #sub h2 { font-size: 180%; color: #993300; }
#content em.imp { padding: 4px 2px; font-style: normal; color: #1d3338; background-color: #dcecef; }
#content ul li { list-style: none; margin-bottom: 4px; padding-left: 18px; background: url('li.gif') left 5px no-repeat; }
#content h3 { text-transform: uppercase; }
#content img { margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 10px; float: right;border: none;}

#news p {margin-bottom:10px; padding-left: 3px;color: #666; border-left: 1px solid #d2d5d5;}
#news span {   color: #666;background: #dce5e7 url('footer.gif') left top; }

/*	News -------------------------------------------------------------------------------*/

.news-item h3 { font-size: 100%; background-color: #c5d4d8; }
#sub .news-item h3 { font-size: 150%; font-weight: normal; color: #993300; background-color: #fff; }
#sub .news-item h2 { text-transform: uppercase; font-size: 100%; }
#sub .news-item h2 span { text-transform: none; }

/*


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

#footer { background: #dce5e7 url('footer.gif') left top; }
#footer .copy a { text-decoration: none; }
#footer .copy a:hover , #footer .copy a:focus { text-decoration: underline; }
#footer a { color: #000; }


/*	---------------------------------------------------------------------------------------
	VISUALS FOR EACH SUBPAGE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.about #main { background: url('about.jpg') left top no-repeat; }
.expertise #main { background: url('expertise.jpg') left top no-repeat; }
.team #main { background: url('team.jpg') left top no-repeat; }
.careers #main { background: url('careers.jpg') left top no-repeat; }
.contacts #main { background: url('contacts.jpg') left top no-repeat; }
.news #main { background: url('news.jpg') left top no-repeat; }

/*	---------------------------------------------------------------------------------------
	PAGE CONTACT
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
.contact label { font-weight: bold; }
.contact dd input , .contact dd textarea, .contact dd select  { color: #000; background: #fff url('input.gif') top left repeat-x; }
.submit { color: #fff; background: #993300 url('submit.gif') bottom left repeat-x; height: 30px; width:90px; }

/*	---------------------------------------------------------------------------------------
	Mootools Accordion styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

#accordion {
	margin:20px 0px;
}

div.toggler {
	cursor: pointer;
	border: 1px solid #f5f5f5;
	margin: 0 0 4px 0;
	font-weight: bold;
	padding: 4px 12px 5px 20px;
	color: #333;
	background: url('column_li.gif') 5px center no-repeat;
}

div.element {
	margin:3px;
	padding:4px;
	text-align:justify;
}
div.element div {
	margin-top:6px;
	text-align:left;
}