*{margin:0;
   padding:0;}
body { margin:0; padding:0; width:100%; background:#ebebeb; font-family: "Century Gothic", sans-serif}
html { padding:0; margin:0; height: 100%;  }
img {border:none;}

a { text-decoration:none;}
a:hover { text-decoration:underline;}
/* main */
.main { padding:0; margin:0 auto; background: url(../images/hd_bg.png) repeat-x}
/********** header **********/

.header { width:990px; margin:0 auto; padding:0;}
#headerBg {
    background: none repeat scroll 0 0 #353535;
    display: block;
    height: 106px;
    position: absolute;
    width: 100%;
    z-index: -1;
}
#whiteTopBorderBg {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 400px;
    position: absolute;
    width: 100%;
    z-index: -1;
}
/* logo */
.logo { padding:0; margin:0; float:left; background:transparent url(../images/header_bg.gif) top repeat-x;height: 106px;}
/* menu */
.menu_resize { width:990px; margin:0 auto; padding:0; background:#252525;}
.menu {
    float: right;
    margin: 65px -64px 0 0;
}
.menu ul { padding:0; margin:0; list-style:none; border:0; float:left;}
.menu ul li { float:left; margin:0; padding:0; border:0; padding-left: 25px;}
.menu ul li a { float:left; margin:0; color:#fff; font-weight:bold; font-size: 0.8em; text-decoration:none;}
.menu ul li a:hover, .menu ul li a.active { color:#00C4F4;}
/* search */
.search { padding:45px 20px 0 0; margin:0; width:200px; float:right; font: normal 24px Arial, Helvetica, sans-serif; color:#2c2c2c;}
.search form { display:block; float:right; padding:0;}
.search span { display:block; float:left; background: url(../images/search_bg.gif) left top no-repeat; width:144px; padding:0 5px 0 0; height:33px;}
.search form .keywords { line-height:14px; height:17px; float:left; background: url(../images/search_bg.gif) left top no-repeat; border:0;  padding:8px 5px; margin:0; font:normal 12px Arial, Helvetica, sans-serif; color:#6c6c6c;}
.search form .button { float:left; margin:0; padding:0;}
/*header_text_bg*/
.header_text_bg { margin:0; padding:0; background:white;}
/*header_text*/
.header_text { margin:0 auto; padding:0; width:990px; background:#A3A3A3 }

.header_text_blog h3 { width:300px; float:left; margin:0; padding:30px 0 0 40px; font: normal 36px Arial, Helvetica, sans-serif; color:#fffefe;}
.header_text_blog p span { text-align:left; width:340px; float:right; margin:0; padding:30px 0 0 0; font: normal 12px Arial, Helvetica, sans-serif; color:#fffefe;}
.header_text h2 { font-weight: normal; font-size:1.35em; line-height:1.5em; color:#ffffff; padding:20px 40px 20px; text-align:center;}
.header_text p { font: normal 12px Arial, Helvetica, sans-serif; color:#848484; padding:0 0 20px 0; margin:0; }
/*top_text*/
.top_text { background:url(../images/top_text_bg.gif) top repeat-x; width:990px; margin:10px auto; padding:0;}
.top_text p { font: normal 14px Arial, Helvetica, sans-serif; color:#3c3c3c; padding:10px; margin:0; line-height:1.8em; margin-right:10px; text-align:justify; }
.top_text h2 { font: normal 24px Arial, Helvetica, sans-serif; color:#3c3c3c; padding:10px; margin:0;}
.top_text h3 { font:normal 12px Arial, Helvetica, sans-serif; color:#646464; line-height:1.5em; padding:5px 5px; margin:0;}
.top_text img { float:left; margin:5px 5px; padding:10px;}
.top_text .block { width:235px; float:left; padding:10px 10px; margin:0;}
/********** body **********/
.body_resize { margin:0; padding:0;  background:#ebebeb; border-bottom:1px solid #f8f8f8;}
.body { width:990px; margin: 0px auto; padding: 0px 20px; }
.body h1 { border-bottom:1px solid #DEDEDE; font-weight: normal; font-size: 1.5em; color:#393939; margin:0;  padding: 35px 0 10px 16px;}
.body h2 { border-bottom:1px solid #DEDEDE; font-weight: normal; font-size: 1.1em; color:#393939; margin-bottom:20px;  padding:10px 16px;}
.body h3 { font:normal 10px Arial, Helvetica, sans-serif; color:#646464; line-height:1.5em; padding:5px 5px; margin:0;}
.body img { float:left; padding:0; margin:10px 5px;}
.body img.port { float:left; padding:0; margin:5px 5px; border:none;}
.body img.floated { float:right; padding:0; margin:0 5px;}
.body p { font-weight: normal; font-size:.85em; color:#393939; line-height:1.7em; padding:10px 16px; margin:0; text-align:justify;}
.body .description_content {text-align:left;}
.body p span { color:#393939; font: normal 11px Arial, Helvetica, sans-serif; line-height:1.8em;}
.body a { text-decoration:none;  color: #0099BF; line-height:1.5em; font: bold .9em;}
.body_homecol2 { width:470px; float:left; margin:5px 0 5px 0px;}
.body_col1 { width:470px; float:left; margin:5px 50px 20px 0px; }
.body_col2 { width:470px; float:left; margin:5px 0 5px 0px;}
.body_600 { width:600px; float:left; margin:5px 50px 20px 0px; }
.body_340 { width:340px; float:left; margin:5px 0 5px 0px;}
.body_clientslogo {margin:0px 0 5px 6px;}
.body p.justify { font-weight: normal; font-size:.85em; color:#393939; line-height:1.7em; padding:0px 16px ; margin:0; text-align:justify;}
.body p.justify img {margin-left:0px; margin-top: 8px;padding-right: 10px; margin-bottom: 25px;}
.body_big { width:550px; float:left; margin:5px 0 5px 5px; padding:0;}
.body_big p{font-size: .75em; padding-left:10px}
.body .block2 { width:255px; margin:5px; padding:0; float:left;}
.body .table { width:100%; font:normal 12px Arial, Helvetica, sans-serif; color:#646464;}

/*FBG what is THIS???*/
.FBG { background:#dedede; border-top:1px solid #d3d3d3; margin:0; padding:0;}
.FBG_resize { width:990px; margin:0 auto; padding:0;}
.FBG_resize img { float:left; margin:15px 10px; padding:0;}
.FBG_resize p { font: normal 11px Arial, Helvetica, sans-serif; color:#646464; padding:5px; margin:0; line-height:1.8em;}
.FBG_resize h2 { font: bold 12px Arial, Helvetica, sans-serif; color:#636363; padding:5px; margin:0;}
.FBG_resize a { padding:10px 0; margin:0; font: normal 11px Arial, Helvetica, sans-serif; color:#808080; text-decoration:none;}
.FBG_resize a:hover { color:#2f2f2f; text-decoration:underline;}
.FBG_resize .right {width:320px; float:right; margin:10px 10px; padding:0;}
.FBG_resize .left { width:120px; float:right; margin:10px 10px; padding:0;}
/* END_bloga*/
/*************footer**********/
.footer_resize { width:940px; margin:0 auto; padding:0px; }
.footer {padding:30px 0px 30px 0px; margin:0;  background:url(../images/hd_bg.png) repeat-x #252525; border-top:2px solid #B9B9B9;}
.footer p { font-style:normal; font-size:0.65em; color:#CCC;}
.footer a { color:#00C4F4; text-decoration:none;}/*
.footer p.footertleft { text-align:left; width:50%; margin:0; padding:10px 0 0 20px; float:left;} */

#social{position:relative; left: 850px; top: -16px; width: 80px;}
#social li{margin:0;padding:0;list-style:none;position:absolute; top:0;}
#social li, #social a{height:24px;display:block;}

#linkedin{left:0px;width:24px;}
#linkedin{background:url(../images/icons/ic_socialmedia_sprite.png) 0 0;}
#linkedin a:hover{background: url(../images/icons/ic_socialmedia_sprite.png) 0 -24px;}

#twitter{left:30px;width:24px;}
#twitter{background:url(../images/icons/ic_socialmedia_sprite.png) -24px 0;}
#twitter a:hover{background: url(../images/icons/ic_socialmedia_sprite.png) -24px -24px;}

#youtube{left:60px;width:24px;}
#youtube{background:url(../images/icons/ic_socialmedia_sprite.png) -48px 0;}
#youtube a:hover{background: url(../images/icons/ic_socialmedia_sprite.png) -48px -24px;}

/********** contact form **********/
.form { float:left; width:560px; margin-top:40px; margin-left:10px;}
/********** contact form **********/
.largeform {display:block; width: 550px;}
.largeform p{clear:both; margin-top: 10px;}
.largeform  label {display:block;height:auto;overflow:hidden;
                   font-weight:bold; margin-bottom:5px;}
.largeform  input[type="text"], .largeform  input[type="password"] {
    float:left;width:480px;font-size:1em;line-height:1.4em;color:#0f0f0f;
    padding: 10px 15px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-family: "Century Gothic", sans-serif;
    margin-bottom:10px;}
.largeform textarea {
    height:50px;overflow:auto;float:left;width:480px;font-size:1em;line-height:1.4em;color:#0f0f0f;margin-bottom:10px; padding: 10px 15px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-family: "Century Gothic", sans-serif;}
.text-form {float:left;display:block;font-size:14px;width:500px;line-height:1.78em;color:#0f0f0f}

.clr { clear:both; padding:0; margin:0;}
p.clr { clear:both; padding:0; margin:0;}
.bg { clear:both; border-bottom:1px solid #dedede; padding:10px 0 0 0; margin:0 0 10px 0; background:none; list-style:none;}

li.bg { clear:both; border-bottom:1px solid #dedede; padding:10px 0 0 0; margin:0 0 10px 0; background:none; list-style:none;}
.contact {float:left; margin-top: 40px; margin-left: 25px; font-size:0.85em;; color:#444444; line-height:1.9em;}
.map {width: 350px; margin-left: 580px; margin-top: 200px;}
.contactbutton { color: black; padding:10px;}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
-----  Index Portfolio  -----
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
#index_portfolio { float: left; width: 100%; margin: 0 0 20px 0; }
.sm { margin: 0 auto; list-style:none; width:990px; height:400px; display:block; overflow:hidden;}
.sm li {float:left; display:inline; cursor: pointer; width: auto; overflow:hidden}
.sm li img { border: 0px; }
.index_port_item { float: right; overflow: hidden; cursor: pointer; position: relative; height: 400px; }
#index_portfolio .index_port_item a { width: 100%; height: 180px; float: left; position: absolute; display: none; }
#index_portfolio .current a { width: 100%; height: 400px; float: left; position: absolute; display: block; }

#index_portfolio .index_port_item .caption { position: absolute; padding: 10px; float: left; }
#index_portfolio .index_port_item .caption h2 { font-weight: bold; }
#index_portfolio .index_port_item .caption p { font-size: 13px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; margin: 0; }


/*CAPTION OVERLAY*/
div.wrapper{
    float:left; /* important */
    position:relative; /* important(so we can absolutely position the description div */
}
div.description{
    position:absolute; /* absolute position (so we can position it where we want)*/
    bottom:5px; /* position will be on bottom */ left: 5px;
    right: 5px;
    /* styling bellow */
    background-color:black;
    font-size:0.75em;
    color:white;
    opacity:0.8; /* transparency */
    filter:alpha(opacity=80); /* IE transparency */
}
p.description_content{
    padding:4px 10px;
    margin:0px;
    color: white;
    line-height:1.45em;
}

p.description_content .tooltip{
    padding:4px 10px;
    margin:0px;
    color: #0099BF;
    line-height:1.45em;
    font-size:1em;
    font-family: "Century Gothic", sans-serif;
    margin-left:-10px;
    cursor:pointer;
}

/*HOME LOGO SLIDER*/
.fadein { position:relative; width:325px; height:175px; margin-top:-20px; }
.fadein img { position:absolute; left:0; top:0;}

.largeform input[type=submit], .largeformButton{
    background: #3A5A69;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    float: right;
    font-family: "Century Gothic",sans-serif;
    font-weight: bold;
    margin: 25px 35px 0 0;
    padding: 4px 0;
    width: 125px;
    clear: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.largeform input[type=submit]:hover, .largeformButton:hover{
    cursor: pointer;
    background: #4A6A79;
}
#contactFormButton{
    margin:0 0 0 0;
    padding: 5px;
}
#remember_meDiv{
    color: #393939;
    font-size: 0.85em;
    font-weight: bold;
    float:left;
    clear: none;
    margin: 25px 0 0 18px;
}
#arrowCol, #arrowExp{
    display: block;
    float: left;
    margin: 7px;
}
#arrowExp{
    display:none;
}
#forgottenPasswordToggle a, #forgottenPasswordToggle a:visited{
    color: #393939;
}
#forgottenPasswordToggle a:hover{
    color: #666;
}
#forgottenPasswordInfo{
    color: #393939;
    font-size: 0.75em;
    font-weight: normal;
    line-height: 1.7em;
    margin: 0;
    padding: 34px 0 100px;
    clear:none;
    float:left;
}

.learnMoreLine{
    padding: 20px 0;
    width: 100%;
    background: #fff;
    clear: both;
}

.learnMoredark{
    background: #EBEBEB;
}

.learnMoreImage, .learnMoreContent{
    width: 49%;
}

.rightFloat
{
    float: right;
}

.learnMoreLine h2{
    color: #393939;
    font-size: 1.1em;
    font-weight: normal;
    margin-bottom: 20px;
    padding: 25px 16px 10px;
    border: none;
    margin: 0px;
}

#error_box{
    color:red;
    padding: 0 50px;
}

#remember_meLabel{
    display: inline;
}

#menuLang, #menuLang ul{
    font-size: 11px;
    width:72px;
    float:right;
    margin : 15px 0 0 0 ;
}
#menuLang{
    height: 21px;
}
#menuLang label{
    display:block;
    float:right;
}
#menuLang span,#menuLang a,#menuLang a:visited{
    color: #878787;
}
#menuLang a:hover, #menuLang span:hover{
    color: #fff;
}
#cookieBanner {
    background-color: #EEEEEE;
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: center;
    opacity: 0.75;
    display: none;
    height: 23px;
    margin: 0 auto;
    position: relative;
    width: 1000px;
    z-index: 999;
    font-size: 0.8em;
}

#cookieBanner p {
    float: left;
    margin-top: 5px;
    width:900px;
}

#cookieBanner input {
    float: right;
    width: 100px;
}

.notFound
{
    background-color: #FFFFFF;
}

.learnMoreBody
{
    width: 100%;
    padding: 0 !important;
}

.learnMoreBody h1
{
    width:990px;
    margin: auto;
}

.learnMoreBody .learnMoreLine .content
{
    width:990px;
    margin: auto;
}

/** PHP DEBUG BAR **/
div.phpdebugbar-widgets-sqlqueries .stmt-id { display: none; }

.aclInput {
    display:block !important;
    position:relative !important;
    left:0px !important;
}