/* START RESET CSS */
/* =============== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
		{margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;}
:focus	{outline:0;}
body		{color:#000; background:#FFF;}
ol, ul	{list-style:none;}
table		{border-collapse:separate; border-spacing: 0;}
caption, th, td
		{text-align:left; font-weight:normal;}
/* =============== */
/*   END RESET CSS   */

/* STYLE */
body					{font:normal 68.75%/136.36% verdana,arial,helvetica,sans-serif; min-width:990px; color:#384d57; background:url(../images/bg_body.png) transparent 0 0 repeat-x;}
input, button, textarea, select
					{font:normal 100% verdana,arial,helvetica,sans-serif; line-height:17px;}

.TopBG				{width:100%; height:306px; background:url(../images/backtotop.png) transparent 50% 0 no-repeat; position:absolute; top:0; left:50%; margin-left:-50%; z-index:1;}

#Wrapper			{width:990px; margin:0 auto; position:relative; z-index:10;}
#Wrapper p			{padding-bottom:5px;}

#Header				{float:left; width:100%; height:105px; overflow:hidden;}

#Identity			{float:left; width:300px; margin:40px 0 0 0; font: normal 28px georgia,times,serif;}
.EN #Identity		{width:280px;}
#Identity h1			{line-height:17px;}
#Identity a			{color:#fff; text-decoration:none;}
#Identity a span		{font-size:11px; display:block-inline; letter-spacing:1px;}

.Menu				{display:block; float:right; width:auto; margin:37px 0 0 0; padding:5px 0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:rgba(0, 0, 0, 0.1);}
.Menu li				{float:left; margin:0 5px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.Menu .Selected		{background:rgba(0, 0, 0, 0.2);}
.Menu li:hover		{background:rgba(255, 255, 255, 0.2);}
.Menu li div			{display:none; position:absolute; margin-top:0px; z-index:20;}
.Menu li:hover div		{display:block; padding:7px 0 0 0;}
.Menu li div ul			{background:rgba(52, 58, 75, 0.9); border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:5px 0;}
.Menu li div li			{float:none; margin:10px;}
.Menu a				{display:block; text-decoration:none; color:#fff; padding:5px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.Menu#Languages		{background:none;}
#Languages			{float:right; width:auto;}
#Navigation			{float:right; width:auto; margin-right:10px;}

#Graphic				{display:block; float:left; width:100%; height:270px; overflow:hidden; background:url(../images/bg_graphic.png) 0 0 no-repeat;}
.DecImage, #GMap				{float:left; width:auto; padding:8px 0 0 7px;}
#Graphic .ShortText ul	{list-style: none outside none; padding: 0 15px 10px; margin-top:10px; width: 280px;}
#Graphic .ShortText li 	{background-position: 0 0; background-repeat: no-repeat; height: auto; padding: 0 0 15px 25px; width: 255px;}
li.Address				{background-image: url("../images/icon_location.png");}
li.LandLine				{background-image: url("../images/icon_phone.png");}
li.Mobile				{background-image: url("../images/icon_mobile.png");}
li.Fax					{background-image: url("../images/icon_fax.png");}

#ContactDetails		{clear:both; float:left; color:#06141b; font-size:12px;}
#ContactDetails h2	{font:bold 16px georgia,times,serif; color:#9ebecd; margin-bottom:15px;}
#ContactDetails a	{display:block; padding:0 0 0 15px; background:url(../images/blt_footer.gif) 0 0 no-repeat; margin-top:15px;}

#Main				{float:left; width:100%; color: #181e21; margin-top:30px;}
#Main.Primary		{width:650px;}
.Secondary			{float:right; width:325px; background:url(../images/separator_vert.png) 0 0 no-repeat; margin-top:30px;}

#FooterWrapper		{display:block; float:left; width:100%; height:224px; overflow:hidden; background:url(../images/bg_footer.png) 0 22px repeat-x; margin:100px 0 0 0; position:relative; color:#06141b;}
#Footer				{width:990px; margin:0 auto; position:relative; z-index:10; line-height:17px;}
#Footer a			{color:#afc9d4; text-decoration:none;}
#Footer a:hover		{color:#afc9d4; text-decoration:underline;}
.FooterBG			{display:block; width:100%; height:224px; background:url(../images/backbottom.png) transparent 0 22px no-repeat; position:absolute; top:0; left:50%; margin-left:-50%; z-index:1;}

.BackToTop a			{display:block; float:right; width:55px; height:26px; overflow:hidden; background:url(../images/bg_backtotop.gif) 0 0 no-repeat; text-indent:-5000em;}

#Footer #ContactDetails	{margin-top:20px;}

#Tools				{float:left; width:100%; line-height:7px; background:url(../images/bg_tools.png) 0 0 no-repeat ; margin-top:35px; padding-top:15px;}
#Tools li				{float:left; width:auto; padding-right:5px; margin-right:5px; border-right:1px solid rgba(0, 0, 0, 0.3);}
#Tools p				{float:right; width:auto;}

#Social				{float:right; width:auto; margin-top:42px;}
#Social	p			{font-size:12px; padding:10px 0 0 0;}
#Social	p, 
#Social ul,
#Social li			{float:left; width:auto;}

/* =============== */
/*   END STYLE CSS   */


/* FORM ELEMENTS */
#contactForm ul		{margin-left:13px;}
#contactForm li		{margin-bottom:10px;}
form label				{display:none;}
form p				{float:right; width:311px;}
.Input				{border:1px solid #c3c4c5; color:#818384; padding:0 5px; height:25px; width:300px;}
.Textarea			{border:1px solid #c3c4c5; color:#818384; padding:0 5px; height:120px; width:300px;}
.Button				{float:right; width:auto; cursor:pointer; background:url(../images/bg_button.png) 0 0 repeat-x; border-top:1px solid #e6e9eb; color:#3794c3; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.Button button		{cursor:pointer; line-height:32px; border:0; color:#3794c3; background-color:transparent; margin-right:10px; background:url(../images/bg_arrow.png) 100% 50% no-repeat; padding-right:40px;}
.Button button:hover	{text-decoration: underline;}
.submitbutton		{float:right; width:auto; cursor:pointer; background:url(../images/bg_button.png) 0 0 repeat-x; border-top:1px solid #e6e9eb; color:#3794c3; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.submitbutton input	{cursor:pointer; line-height:32px; border:0; color:#3794c3; background-color:transparent; margin-right:10px; background:url(../images/bg_arrow.png) 100% 50% no-repeat; padding: 10px 40px 12px 10px;}
.submitbutton input:hover	{text-decoration: underline;}

.Comment			{margin-bottom:40px; background:url(../images/bg_comment.png) #f4f4f4 0 0 repeat-x; border-top:1px solid #e6e9eb; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:20px 0;}
.Comment blockquote	{padding:0 10px;}
p.Author			{padding:0 10px; color:#9fa6aa;}

/* CONTENT */
h2					{margin-bottom:15px;}
h2, h3, h4			{font:normal 23px georgia,times,serif; color:#18516d;}
h3, h4				{font-size:17px; margin:20px 0 15px 0; float:left; width:100%; margin:15px 0;}
h4					{font-size:14px;}
#Main p				{color:#5f6062; line-height:16px; float:left;}
#Main a				{color:#3492c5; text-decoration:none;}
#Main a:hover		{text-decoration:underline;}
ul.List				{float:left; width:100%; margin-bottom:10px;}
ul.List li				{float:left; width:98%; background:url(../images/icon_bullet.gif) transparent 0 10px no-repeat; padding:5px 0 5px 2%; color:#5f6062;}
ol					{float:left; width:98%; margin-bottom:10px;}
ol li					{float:left; width:98%; padding:5px 0 5px 2%; color:#5f6062;}
img.DecImage		{float:left; width:200px; clear:left; border:1px solid #e9e9e9; padding:5px; margin:0 10px 10px 0;}

/* HOMEPAGE */
.Highlight			{float:left; width:260px; background-repeat:no-repeat; background-position:left top; background-color:transparent; padding: 0 0 10px 75px;}
.Clock				{background-image:url(../images/icon_clock.gif); width:260px; padding-left:60px;}
.Suitcase			{background-image:url(../images/icon_suitcase.gif);}
.Smile				{background-image:url(../images/icon_smile.gif);}
#Main .Highlight h2	{font-size:19px; margin:5px 0 15px 0; width:240px;}
.Highlight p			{padding-right:10px;}
.Highlight a.Button	{padding:10px 40px 12px 10px; float:left; width:auto; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-top:1px solid #e8e8e8; background:url(../images/icon_arrow.gif) #f4f4f4 95% 7px no-repeat; margin-top:15px;}

.Article			{border-top:1px solid #ecf0f3; float:left;width:100%; margin-top:20px; padding-top:30px;}
.Article img			{background:url(../images/bg_img.gif) transparent 0 0 no-repeat; float:left; width:299px; height:197px; padding:5px 7px 13px 7px;}
.Text				{float:left; width:655px; margin-left:20px;}
.Article h2			{margin:2px 0 20px 0;}

.NextToImage	{float:left; width:77%;}
/* BANNER ROTATOR */
#slidebox								{position:relative; margin:8px 0 0 7px; float:left;}
#slidebox, #slidebox .content			{width:645px;}
#slidebox, #slidebox .container, #slidebox .content	{height:245px;}
#slidebox							{overflow:hidden;}
#slidebox .container					{position:relative; left:0;}
#slidebox .content					{float:left;}
#slidebox .content div				{padding:0; height:100%;}
#slidebox .thumbs					{position:absolute; z-index:2; bottom:0px; right:10px;}
#slidebox .thumbs .thumb				{display:block; margin-left:5px; float:left; font-family:Verdana, Geneva, sans-serif; font-size:9px; text-decoration:none; padding:2px 4px; background:url(../images/slidebox_thumb.png); color:#fff;}
#slidebox .thumbs .thumb:hover			{background:#fff; color:#000;}
#slidebox .selected_thumb				{background:#fff; color:#000; display:block; margin-left:5px; float:left; font-family:Verdana, Geneva, sans-serif; font-size:9px; text-decoration:none; padding:2px 4px;}

.ShortText					{background:#f2f2f2; float:right; width:316px; height:245px; margin:8px 7px 0 0;}
.ShortText h2				{margin:10px 10px 10px 15px; padding:10px 0 0 0;}
.ShortText p					{margin:10px 10px 10px 15px; padding:0; line-height:170%;}

/* WORKSAMPLE */
.WorkSample				{border-bottom:1px solid #ecf0f3; padding-bottom:30px; margin-bottom:10px; float:left; width:100%;}
.Sample					{width:311px; float:left; background-color:#f2f2f2; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin-right:10px;}
.WorkSample img			{float:left; width:auto; border:1px solid #f2f2f2; float:left; width:299px; height:197px; padding:5px; margin-right:5px; background-color:#fff;}
.WorkSample span			{float:left; padding:5px; color:#8f9092;}
.WorkSample .Text		{width:322px; padding:5px 0 0 4px;}

/* TEAMmembers */
.TeamMembers						{float:left; width:100%; margin:0 0 30px 0;}
.TeamMembers div						{float:left; margin:0 0 15px 23px;}
.TeamMembers .TM01,
.TeamMembers .TM04					{margin-left:0;}
.TeamMembers .TM07					{margin-left:0;}
.TeamMembers a						{display:block; width:314px; height:314px; position:relative;}
.TeamMembers a span					{display:none; position:absolute; right:1px; top:230px; background:rgba(52, 58, 75, 0.9); color:#fff; padding:10px 30px; font-weight:bold; font-size:12px;}
.TeamMembers a:hover span				{display:block;}
#Main .TeamMembers a:hover			{text-decoration:none;}

.Personnel						{background:#f2f2f2; float:left; width:96%; padding:0 2% 15px 2%; text-align:justify; margin:0 0 30px 0;}
.Personnel blockquote				{display:block; margin:0 0 10px 0; font:italic normal 14px georgia,times,serif; color:#606060;}
#Main h2							{display:block; float:left; width:100%;}

/* Expandable */
h3.ExtraInfo	{font-size:14px; background-color:#f2f2f2; padding: 10px 0; cursor:pointer; color:#3492C5; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;border-top:1px solid #E8E8E8;}
h3.ExtraInfo img	{margin:0 10px;}