/* CSS Document */

html, body, div, span, object,
h1,h2, h3, h4, h5, h6, p, blockquote, pre,
a, address, code, img,
small, strong, dl, dt, dd, ol, ul, li,
fieldset, form, label {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
ol, ul {list-style:none;}
/*-IMAGE FORMATING-------------------------------------------------------*/
.img_LeftBorder { float:left; padding:5px; margin:0 10px 10px 0; background:#ebebeb; border:1px #ccc solid;}
.img_Left { float:left;  margin:0 10px 10px 0; }
.img_RightBorder { float:right; padding:5px; margin:0 10px 0 10px; background:#ebebeb; border:1px #ccc solid;}
.img_Right { float:right;  margin:0 10px 0 10px; }
.img_CenterBorder { margin:10px auto; padding:5px; background:#ebebeb; border:1px #ccc solid; display:block; clear:both; text-align:center;}
.img_Center { margin:10px auto; display:block; clear:both; text-align:center;}
.img_CenterBottomMargin { margin:0 auto 15px; display:block; clear:both; text-align:center;}


/*-BASIC-------------------------------------------------------*/
html {width:100%; height:100%;}
body {margin:0px; padding:0px; width:100%; font-family:"Trebuchet MS", Helvetica, sans-serif; font-size:14px; background:#e6e7e8; color:#939598;}
.wrap {width:960px; margin:20px auto; background:#fff;}

.wrap.green .line { background:#AFBD22;}
.wrap.orange .line { background:#F99D31;}
.wrap.purple .line { background:#C41188;}
.wrap.blue .line{ background:#7581BF;}
.wrap.tirkiz .line { background:#00AEC5;}
.wrap.gray .line { background:#D1D3D4;}
.wrap span.datum { font-size:13px; font-weight:normal; padding-left:10px;}
.wrap.green span.datum { color:#AFBD22;}
.wrap.orange span.datum { color:#F99D31;}
.wrap.purple span.datum { color:#C41188;}
.wrap.blue span.datum{ color:#7581BF;}
.wrap.tirkiz span.datum { color:#00AEC5;}
.wrap.gray span.datum { color:#D1D3D4;}

.wrap .content_Right .colored {font-weight:bold;}
.wrap.green .content_Right .colored { color:#AFBD22;}
.wrap.orange .content_Right .colored { color:#F99D31;}
.wrap.purple .content_Right .colored { color:#C41188;}
.wrap.blue .content_Right .colored{ color:#7581BF;}
.wrap.tirkiz .content_Right .colored { color:#00AEC5;}
.wrap.gray .content_Right .colored { color:#D1D3D4;}



.wrap .line.green { background:#AFBD22;}
.wrap .line.orange { background:#F99D31;}
.wrap .line.purple { background:#C41188;}
.wrap .line.blue { background:#7581BF;}
.wrap .line.tirkiz { background:#00AEC5;}
.wrap .line.gray { background:#D1D3D4;}
.line { width:100%; height:26px; display:block;}


.float_Left { float:left;}
.float_Right { float:right;}
.image_RightFloat { float:right; margin:0px 0px 5px 10px;}
.image_LeftFloat { float:left; margin:0px 10px 5px 0px;}
.thumb_RightFloat { float:right; margin:0px 0px 5px 10px;}


/*-HEADER-start------------------------------------------------*/
#header {width:960px; height:199px; margin:auto; }
#header .contactData {width:136px; height:90px; margin:30px 14px 0 0; float:right; line-height:10px;}
#header h4.adress {width:136px; height:55px; font-size:9px; float:right; position:relative; color:#fff; font-size:9px;}
#header h4.adress span {position:absolute; top:0px; left:0px; width:100%; height:100%; display:block; background:url(../images/n_adress_1.gif) no-repeat;}
#header h4.mail {width:136px; height:19px; font-size:9px; float:right;position:relative; color:#fff; font-size:9px;}
#header h4.mail a {color:#fff; text-decoration:none;}
#header h4.mail a span {position:absolute; top:0px; left:0px; width:100%; height:100%; display:block; background:url(../images/n_adress_mail.gif) no-repeat; cursor:pointer;}
#header h4.phone {width:136px; height:19px; font-size:9px; float:right; position:relative; color:#fff; font-size:9px;}
#header h4.phone span {position:absolute; top:0px; left:0px; width:100%; height:100%; display:block; background:url(../images/n_adress_phone.gif) no-repeat;}
#header .logo {width:159px; height:106px; float:left;  margin:26px 0 26px 14px; position:relative; color:#fff; font-size:9px;}
#header .logo a {color:#fff; font-size:9px; text-decoration:none;}
#header .logo a span {position:absolute; top:0px; left:0px; width:159px; height:106px; display:block; /*background:url(../images/logo_be.gif) no-repeat;*/ cursor:pointer;}
/*------------menu-start-------------*/
#menu {width:928px; height:31px; margin:auto; padding:4px 0; border-bottom:1px #939598 solid; border-top:1px #939598 solid;}
#menu ul {list-style:none outside;}
#menu li {float:left; display:block; margin-right:2px;}
#menu li.lastLink {float:left; display:block; margin-right:0px;}
#menu li a {color:#fff; text-decoration:none; height:23px;}
#menu li a:hover {color:#fff; text-decoration:none;}
#menu li h3 { height:31px; font-size:12px; font-weight:normal; float:left; position:relative;}
#menu li h3 a span {position:absolute; top:0px; left:0px; width:100%; height:100%; cursor:pointer;}
#menu li h3.news { width:157px;}
#menu li h3.news span {background:url(../images/btn_news.gif) top no-repeat;}
#menu li h3.news a {}
#menu li h3.news a:hover span {background:url(../images/btn_news.gif) 0px -31px no-repeat;}
#menu li h3.news a.current span {background:url(../images/btn_news.gif) 0px -62px no-repeat;}
#menu li h3.what { width:141px;}
#menu li h3.what span {background:url(../images/btn_what.gif) top no-repeat;}
#menu li h3.what a {}
#menu li h3.what a:hover span {background:url(../images/btn_what.gif) 0px -31px no-repeat;}
#menu li h3.what a.current span {background:url(../images/btn_what.gif) 0px -62px no-repeat;}
#menu li h3.global { width:161px;}
#menu li h3.global span {background:url(../images/btn_global.gif) top no-repeat;}
#menu li h3.global a {}
#menu li h3.global a:hover span {background:url(../images/btn_global.gif) 0px -31px no-repeat; position:absolute;}
#menu li h3.global a.current span {background:url(../images/btn_global.gif) 0px -62px no-repeat; position:absolute;}
#menu li h3.work { width:153px;}
#menu li h3.work span {background:url(../images/btn_work.gif) top no-repeat;}
#menu li h3.work a {}
#menu li h3.work a:hover span {background:url(../images/btn_work.gif) 0px -31px no-repeat;}
#menu li h3.work a.current span {background:url(../images/btn_work.gif) 0px -62px no-repeat;}
.wrap.green #menu li h3.work a.current span {background:url(../images/btn_work.gif) 0px -124px no-repeat;}
.wrap.orange #menu li h3.work a.current span {background:url(../images/btn_work.gif) 0px -93px no-repeat;}
.wrap.purple #menu li h3.work a.current span { background:url(../images/btn_work.gif) 0px -155px no-repeat;}
.wrap.blue #menu li h3.work a.current span{background:url(../images/btn_work.gif) 0px -62px no-repeat;}
.wrap.tirkiz #menu li h3.work a.current span { background:url(../images/btn_work.gif) 0px -186px no-repeat;}
.wrap.gray #menu li h3.work a.current span { background:url(../images/btn_work.gif) 0px -31px no-repeat;}

#menu li h3.who { width:170px;}
#menu li h3.who span {background:url(../images/btn_who.gif) top no-repeat;}
#menu li h3.who a {}
#menu li h3.who a:hover span {background:url(../images/btn_who.gif) 0px -31px no-repeat;}
#menu li h3.who a.current span {background:url(../images/btn_who.gif) 0px -62px no-repeat;}
#menu li h3.contact { width:136px;}
#menu li h3.contact span {background:url(../images/btn_contact.gif) top no-repeat;}
#menu li h3.contact a {}
#menu li h3.contact a:hover span {background:url(../images/btn_contact.gif) 0px -31px no-repeat;}
#menu li h3.contact a.current span {background:url(../images/btn_contact.gif) 0px -62px no-repeat;}
/*------------menu-end-------------*/
/*-HEADER-end--------------------------------------------------*/


/*-CONTENT-start-------------------------------------------------*/
#content {width:928px; margin:auto;}
.breadcrumbs { width:928px; height:20px; }
.content_Left { width:143px; float:left; text-align:left;}
.content_Left h2 { color:#636467; font-size:13px; font-weight:bold; padding-left:10px;}
.content_Main .content_Left p { padding-left:10px; line-height:16px;}
.content_Main { width:928px; padding:0 0 20px 0;}
.content_Right { width:765px; float:right; font-size:18px; font-weight:bold;}
.content_Right p { margin-bottom:30px;}
.content_Right.back {margin:0 0 30px 0;}
.content_Right.back a {font-size:22px;}
.content_Main li.firstLink .content_Left { border:none; margin:0; padding:0;}
.content_Main li.firstLink .content_Right { border:none; margin:0; padding:0;}
.content_Main li.firstLink .content_Right.line.margB10 { margin-bottom:10px;}
.content_Main li.firstLink { border:none; margin:0; padding:0; clear:none;}
.content_Main li.firstLink ul li { border:none; margin-top:0; margin-bottom:0; padding:0;}
.content_Main li ul li { border:none; margin-top:0; margin-bottom:0; padding:0;}
.content_Main li {padding-top:10px; clear:both;}
.content_Main li .content_Left { border-top:1px #939598 solid; margin-top:10px; padding-top:10px; clear:left;}
.content_Main li .content_Right { border-top:1px #939598 solid; margin-top:10px; padding-top:10px; display:block; clear:right;}

.content_Main li .references ul li {  width:200px; margin: 15px 25px 15px 0; float:left; text-align:center; clear:none;}
.content_Main li.firstLink ul.projectList li { padding:0 0 0 10px;}

.content_Main ul.bordered .content_Right { border-bottom:26px #d1d3d4 solid; }
.content_Main ul.bordered li.firstLink .content_Right { border:none; }
.content_Main ul.bordered li.lastLink .content_Right { border-bottom:none; }
.content_Main ul.bordered li.firstLink .content_Right p {}
.content_Main ul.bordered li { margin:0;}
.content_Main ul.bordered li { margin:0;}
.content_Main ul.bordered li .content_Right { margin:0;}
.content_Main ul.bordered li .content_Left { margin:0;}

.darkText { color:#636467;}
strong { color:#636467;}
.content_Right a {color:#939598; text-decoration:underline;}
.content_Right a:hover {color:#636467; text-decoration:underline;}
.lineGray { height:1px; line-height:1px; font-size:1px; background:#939598; margin:10px 0;}
.whiteSubtitle { color:#FFF; font-size:14px; padding:4px 0 0 10px; display:block; font-weight:bold;}
.content_Right a.backToTop { color:#FFF; font-size:14px; text-decoration:none; padding:4px 0 0 10px; display:block;}

a.darkText { color:#636467; text-decoration:none;}
a:hover.darkText { color:#636467; text-decoration:underline;}

.coment { background:url(../images/ico_star.gif) no-repeat; padding-left:43px; font-weight:normal;}

.content_Main h1 { font-size:16px;}
.content_Main h2 { font-size:13px; margin:0 5px 0 0;}
.content_Main h3 { font-size:10px; margin:5px 5px 5px 0px;}
.content_Main p { text-align:left; font-size:22px; line-height:28px;}
.content_Main .content_Left p { text-align:left; color:#939598; font-size:13px; font-weight:bold;}

ul.projectList { list-style:none outside; margin:12px 0;}
ul.projectList li { color:#939598; padding:0 0 0 10px; }
ul.projectList li a { color:#939598; text-decoration:none; padding:4px 0 4px 0;}
ul.projectList li a:hover { color:#939598; text-decoration:none;}
ul.projectList li a.current { color:#636467; text-decoration:none; font-weight:bold;}
.wrap.green .projectList a:hover { color:#AFBD22;}
.wrap.orange .projectList a:hover { color:#F99D31;}
.wrap.purple .projectList a:hover { color:#C41188;}
.wrap.blue .projectList a:hover { color:#7581BF;}
.wrap.tirkiz .projectList a:hover { color:#00AEC5;}
.wrap.gray .projectList a:hover { color:#D1D3D4;}

ul.portfolioThumb { display: block; margin:0; padding:0; width:777px; padding-bottom:10px; margin-bottom:-25px; overflow:hidden;}
ul.portfolioThumb li { margin:0; padding:0; width:259px; height:213px; float:left; border-bottom:solid 1px #939598; margin-bottom:12px; clear:none;}
.boxOne { margin:0; padding:0; width:246px; height:198px;}
.boxOne span { font-weight:bold; font-size:13px; color:#636467;}
.boxOne p { margin:0; padding:0; text-decoration:none;}
.boxOne a { text-decoration:none;}
.boxOne a:hover { text-decoration:none;}
.boxOne a img { margin:0; padding:0; text-decoration:none;}
.boxOne a span { margin:0; padding:0; font-weight:bold; font-size:13px; color:#636467; text-decoration:none;}
.content_Right ul li .boxOne a:hover span { margin:0; padding:0; text-decoration:none;}
.wrap.green .boxOne a:hover span { color:#AFBD22;}
.wrap.orange .boxOne a:hover span { color:#F99D31;}
.wrap.purple .boxOne a:hover span { color:#C41188;}
.wrap.blue .boxOne a:hover span { color:#7581BF; text-decoration:none;}
.wrap.tirkiz .boxOne a:hover span { color:#00AEC5;}
.wrap.gray .boxOne a:hover span { color:#D1D3D4;}

.boxOne img { margin:0; padding:0; border:1px #636467 solid;}
/*.boxOne a:hover img  { width:234px; height:135px; padding:5px; background:#d1d3d4;}*/
.boxOne a img  {filter:alpha(opacity=75); opacity: 0.75; -moz-opacity:0.75;}
.boxOne a:hover img  {filter:alpha(opacity=100); opacity: 1; -moz-opacity:1;}
.boxOne p { font-weight:normal; font-size:13px; color:#939598; margin:0; line-height:16px;}

.references {}
.references ul {}
.references li { width:200px; margin: 15px 25px 15px 0; float:left; text-align:center; }
.references li img {}
.references li a {}
.references li a:hover {}
.references li a.aib { width:55px; height:90px; margin-left:70px; display:block; background:url(../images/logo_016_aib.gif) top no-repeat;}
.references li a:hover.aib {background:url(../images/logo_016_aib.gif) bottom no-repeat;}


#menu_Left { padding:10px 0px 0px 10px;}
#menu_Left li a { color:#333333; text-decoration:none;}
#menu_Left li a:hover {text-decoration:underline;}
#menu_Left ul { list-style:none outside;}
#menu_Left ul li {padding:3px 0px 0px 20px;}
#menu_Left ul li ul{ list-style:none outside;}
#menu_Left ul li ul li { padding:0px 0px 0px 20px;}




/*-CONTENT-end-------------------------------------------------*/


/*-FOOTER-start--------------------------------------------------*/
#footer {width:928px; height:115px; margin:auto; clear:both;}
  /*------------menu_foot-start-------------*/
.menu_Foot { border-right:1px #FFFFFF solid; float:left; padding:10px 0px 10px 0px; }
.menu_Foot ul {list-style:none outside;}
.menu_Foot li {}
.menu_Foot li h3 {font-size:10px; font-weight:normal;}
.menu_Foot li a { padding:1px 20px 1px 20px; display:block; color:#ffffff; text-decoration:none;}
.menu_Foot li a:hover { text-decoration:underline;}
.sign { height:12px; font-size:11px; padding:7px 0;}
.sign h6 {width:147px; height:13px; position:relative; color:#939598; font-size:9px;}
.sign h6 a {color:#939598; font-size:9px; text-decoration:none;}
.sign h6 a span {position:absolute; top:0px; left:0px; width:100%; height:100%; display:block; background:url(../images/n_brand_environment.gif) no-repeat; cursor:pointer;}

  /*------------menu_foot-end-------------*/

/*-FOOTER-end--------------------------------------------------*/
.line.margB10 {margin-bottom:10px;}

/*-SPACERI-----------------------------------------------------*/
.spacer {margin:0; padding:0; clear:both; height:0px; font-size:0px; line-height:0px; display:block;}
.spacer.px0 {height:0px;}
.spacer.px1 {height:1px;}
.spacer.px2 {height:2px;}
.spacer.px5 {height:5px;}
.spacer.px15 {height:15px;}
.spacer.px10 {height:10px;}
.spacer.px20 {height:20px;}
.spacer.px30 {height:30px;}