/* CSS Document */

html {
    margin-bottom:1px;
    height:100%;
}
* { border:0px red solid; }
a {
    color: #e18e0c;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
}

a:hover {
    color: #e18e0c;
    text-decoration: underline;
}
.right { float:right; }
.left { float:left; }
div {
    display:block;
    position:relative;
}

body {
    font-size: 70%;
    color: #7F7F7F;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: 1.5em;
}

h1 {
    font-family: "century gothic", geneva, arial;
    font-weight: bolder;
    font-size: 150%;
    color: #7F7F7F;
    padding:20px 0px 15px 37px;
    float:left;
}

#lowerpage h1 {
    font-family: "century gothic", geneva, arial;
    font-weight: bolder;
    font-size: 150%;
    color: #7F7F7F;
    padding:0px 0px 15px 0px;
    margin:0px;
    clear: both;
}

#lowerpage h2 {
    font-family: "century gothic", geneva, arial;
    font-weight: bolder;
    font-size: 150%;
    color: #5FACDA;
    padding:0px 0px 0px 0px;
    margin:0px;
    clear: right;

}
#lowerpage h3,
#lowerpage h4 {
    font-family: "century gothic", geneva, arial;
    font-weight: bolder;
    font-size: 120%;
    color: #5FACDA;
    padding:0px 0px 0px 0px;
    margin:0px;
    clear: right;

}
h2 {
    color: #5FACDA;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 95%;
    font-weight: bolder;
}



#container
{
    position:absolute;
    margin-left:-384px;
    left:50%;
    top:1%;
    width:778px;
    height:auto;
    background:url(../images/content_bk.gif) repeat-y;

}

#header {
    background:url(../images/header.jpg);
    float:left;
    height:164px;
    width:778px;
    clear:both
}

#header #flash {
    position:absolute;
    display:block;
    top:54px;
    left:233px;
    height:110px;
    width:534px;
}

#header #social {
    position:absolute;
    display:block;
    top:17px;
    left:580px;
    height:22px;
    width:180px;
}

#header #home_btn {
    position:absolute;
    display:block;
    right:30px;
    top:10px;
    width:211px;
    height:31px;
}
#lowerpage p {
    clear: left;


}
#lowercontent {
    width:550px;
    padding-top: 37px;
    padding-bottom: 20px;
    float: left;
}

#contentclient {
    width:710px;
    padding-top: 37px;
    padding-bottom: 20px;
    padding-left:35px;
    padding-right:35px;
    float: left;
}
#contentDocs {
    width:658px;
    background:  url(../images/iconDocs.gif);
    background-repeat:no-repeat;
    padding-bottom: 20px;
    padding-: 10px;
    padding-left:90px;
    padding-right:35px;
    float: left;
}
#contentTeam {
    width:778px;
    background:  url(../images/iconTeam.gif);
    background-repeat:no-repeat;
    padding-bottom: 20px;
    padding-left:90px;
    padding-right:35px;
    float: left;
}
#contentOnline {
    width:778px;
    background:  url(../images/iconOnline.gif);
    background-repeat:no-repeat;
    padding-bottom: 20px;
    padding-left:90px;
    padding-right:35px;
    float: left;
}
#contentdivider {
    left:90px;
    width:650px;
    padding-bottom: 10px;
    float: left;
    border-top: 1px #E1E1E1 solid;
}

#portfoliocontent {
    width:550px;
    padding-top: 37px;
    padding-bottom: 20px;
    float: left;

}

.siteboxes {
    width:550px;
    height:300px;
    margin-left:0px;
    padding-bottom: 20px;
    background: #FEFEFE;
    border-top: 1px #E1E1E1 solid;
    margin-bottom: 6px;

}
/* for firefox */
html>body .siteboxes {
    height: auto;
    min-height: 300px;
    margin-bottom: 45px;
    overflow: hidden;
}

.siteboxes img {
    float: left;

}
.siteboxes .text {
    width:245px;
    margin-right:8px;
    margin-top:15px;
    line-height: 1.4em;
    float: right;



}
.siteboxes .title {
    width:245px;
    margin-right:8px;
    margin-top:23px;
    line-height: 1.4em;
    float: right;


}
.siteboxes .visiticon {
    width:50px;
    height:50px;
    position: absolute;
    background:   url("../images/view_site.gif");
    bottom: -8px;
    right:0px;

}
/* news */
#newscontent {
    width:550px;
    padding-top: 37px;
    padding-bottom: 20px;
    float: left;
}

.newsboxes {
    width:560px;
    height:110px;
    margin-left:0px;
    margin-top:10px;
    background: #FEFEFE;
    border-bottom: 1px #E1E1E1 solid;
    padding-bottom: 10px;
    float:left;
}

.newsboxes .text {
    width:245px;
    margin-right:10px;
    margin-top:15px;
    line-height: 1.4em;
    float: right;
}

.storyboxes {
    width:550px;
    height:inherit;
    margin-left:0px;
    margin-top:10px;
    background: #FEFEFE;
    padding-bottom: 10px;
    float:left;
}
#newscontent .text a:hover h4{
text-decoration: underline;
}


/* for firefox */
html>body .newsboxes {
    height: auto;
    min-height: 110px;
    overflow:hidden;
}


.newsboxes .text {
    width:490px;
    margin-right:8px;
    margin-top:10px;
    padding-left:70px;
    line-height: 1.4em;
    float: left;


}
.fullstory_link {
    float: right;
    margin-right:20px;
    margin-top:12px;
    margin-bottom:3px;
}
.newsboxes h4 {
    width:460px;
    margin-right:0px;
    padding-left:14px;
    line-height: 1.4em;
    float: left;


}
.newsboxes .news-icon,
.newsboxes .press-icon,
.newsboxes .event-icon {
    margin-top:10px;
    width:53px;
    height:57px;
    position: absolute;
    top: 0px;
    left:0px;
    float:left;
}

.newsboxes .news-icon { background:   url("../images/news_icon.gif"); }
.newsboxes .press-icon { background:   url("../images/press_icon.gif"); }
.newsboxes .event-icon { background:   url("../images/event_icon.gif"); }

.newsboxes .postedby, .storyboxes .postedby {
    color:#323232;
    font-size:0.8em;
}

/* news */


#sidemenu {
    width:195px;
    height:395px;
    padding-top: 37px;
    padding-bottom: 20px;
    float:left;
}

#sidemenu a {
    float:left;
    clear: both;
    margin-left: 0px;
    margin-bottom: 9px;
    width:156px;
    color: #666262;
}
#sidemenu a.active {
    background:  url(../images/menu-arrow.gif) no-repeat 10px 0px;
    cursor:default;
    color: #5FACDA;
}
#sidemenu a.active .left { background:  url("../images/bracket-l.gif") no-repeat; }
#sidemenu a.active .right { background:  url("../images/bracket-r.gif") no-repeat; }
#sidemenu a span {
    color:#fff;
    font-size:2em;
    font-family: "century gothic", geneva, arial;
    font-weight:100;
    height:21px;
    width:6px;
    float:left;
}
#sidemenu a:hover span.left { background:  url("../images/bracket-l.gif") no-repeat; }
#sidemenu span.left { margin-left:28px; }
#sidemenu a:hover span.right { background:  url("../images/bracket-r.gif") no-repeat; }
#sidemenu a em {
    float:left;
    text-decoration:none;
    font-style:normal;
    cursor:hand;
    top:1px;
    position:relative;
}
#sidemenu a.active em {
    cursor:default;
}
#sidemenu a:hover span { color:#C3C3C3; }
#sidemenu a:hover {

    color: #5FACDA;
    text-decoration: none;
}




/* Menu Styles start here */
#menu {
    background:  url(../images/menu_bk.jpg);
    float:left;
    height:53px;
    width:778px;
    clear:both;
    z-index:100!important;
}

#menu span {
    display:block;
    cursor:hand;
}

a#menu_about {
    position:relative;
	 margin-left:0px;
    width:72px;
    height:53px;
    margin-left:53px;
    float:left;
    background: url(../images/menu/abo_menu.gif);
}
a:hover#menu_about {
    background: url(../images/menu/abo_menu_rl.gif);
}
div.active #menu_about, div.active a:hover#menu_about   {
    background: url(../images/menu/abo_menu_sl.gif);
    cursor: default;
}

#menu_prod {
    position:relative;
    margin-left:0px;
    width:97px;
    height:53px;
    float:left;
    background:  url(../images/menu/prod_menu.gif);
}
a:hover#menu_prod {
    background: url(../images/menu/prod_menu_rl.gif);
}
div.active #menu_prod, div.active a:hover#menu_prod {
    background: url(../images/menu/prod_menu_sl.gif);
    cursor:default;
}

#menu_consul {
    position:relative;
    margin-left:0px;
    width:130px;
    height:53px;
    float:left;
    background:  url(../images/menu/consul_menu.gif);
}
a:hover#menu_consul {
    background: url(../images/menu/consul_menu_rl.gif);
}
div.active #menu_consul, div.active a:hover#menu_consul {
    background: url(../images/menu/consul_menu_sl.gif);
    cursor:default;
}

#menu_port {
    position:relative;
    margin-left:-9px;
    width:97px;
    height:53px;
    float:left;
    background:  url(../images/menu/port_menu.gif);
}
a:hover#menu_port {
    background: url(../images/menu/port_menu_rl.gif);
}
div.active #menu_port, div.active a:hover#menu_port {
    background: url(../images/menu/port_menu_sl.gif);
    cursor:default;
}

#menu_web {
    position:relative;
    margin-left:0px;
    width:130px;
    height:53px;
    float:left;
    background:  url(../images/menu/web_menu.gif);
}
a:hover#menu_web {
    background: url(../images/menu/web_menu_rl.gif);
}
div.active #menu_web, div.active a:hover#menu_web {
    background: url(../images/menu/web_menu_sl.gif);
    cursor:default;
}

#menu_sup {
    position:relative;
    margin-left:0px;
    width:82px;
    height:53px;
    float:left;
    background:  url(../images/menu/sup_menu.gif);
}

a:hover#menu_sup {
    background: url(../images/menu/sup_menu_rl.gif);
}

div.active #menu_sup, div.active a:hover#menu_sub {
    background: url(../images/menu/sup_menu_sl.gif);
    cursor:default;

}

#menu_news {
    position:relative;
    margin-left:0px;
    width:65px;
    height:53px;
    float:left;
    background:  url(../images/menu/news_menu.gif);
}
a:hover#menu_news {
    background: url(../images/menu/news_menu_rl.gif);
}
div.active #menu_news, div.active a:hover#menu_news {
    background: url(../images/menu/news_menu_sl.gif);
    cursor:default;
}





/* Menu Styles finish here */


#content {
    width:778px;
    height:480px;
    clear:both;
}
html>body #content {
    min-height:480px;
    height:auto;
    overflow:hidden;
}




/* HOME PAGE */
#intro {
    width:704px;
    margin-left: 37px;
    margin-bottom: 20px;
    clear:both;
}
.boxes {
    width:209px;
    height:355px;
    margin-left:34px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    background: #F5F5F5;
    border: 1px #E1E1E1 solid;
    float:left;
}
html>body .boxes {
    min-height:355px;
    height:auto;
}
#box1 {
    margin-left:35px;

}


#box0 {
    margin-left:19px;

}
html>body #box1 {
    margin-left:32px;

}

html>body #box0 {
    margin-left:38px;

}
.boxes .text {
    width:184px;
    margin-left:12px;
    margin-top:23px;
    line-height: 1.4em;
}

#partners {
    width:704px;
    height:40px;
    margin-left: 39px;
    margin-bottom: 20px;
    clear:both;

}
#logos {
    background:  url(../images/logo_bk.gif);
    height:92px;
    width:705px;
    margin-left: 40px;
    clear:both;
}

#logos img {
    margin-top: 21px;
    margin-left: 21px;

}

#logos img.first {
    margin-left: 4px;

}

/* end of ......HOME PAGE */

#utilnav {
    padding-top:2px;
    padding-left:520px;
    height:20px;
    width:258px;
    color:#BFBFBF;
    background:#fff;
    font: 10px Verdana;
    float:left;
    white-space:nowrap;
    clear:right;
}
#utilnav a {
    color:#BFBFBF;

}

#utilnav a:hover {
    color:#000;
}

#sociallogos {
    padding-top:2px;
    padding-left:10px;
    height:20px;
    width:768px;
    color:#BFBFBF;
    background:#fff;
    font: 10px Verdana;
    float:left;
    white-space:nowrap;
    clear:right;
}

#login {
    background:  url(../images/login_btn.gif) no-repeat;
    height:25px;
    width:140px;
    float:right;
    padding-left:3px;
    margin-top: 19px;

}

#footer {
    display:block;
    background:#5FACDA;
    height:70px;
    width:auto;
    left:14px;
    margin-right:28px;
    padding:0px 34px;
}
html>body #footer {
    min-height:70px;
    height:auto;
    overflow:hidden;
}
#footer .text {
    font-size: 1em;
    float: left;
    color: #fff;
    top: 11px;
    left: 65px;
}

#footer .onblue {
    position: absolute;
    float: left;
    color: #35629B;
    top: 17px;
    left: 160px;

}
#footer img {
    position: relative;
    top: 14px;
}
#footer .right {
    position: absolute;
    right: 25px;
}
#partbox {
    width:555px;
    padding-bottom:29px;
    padding-top:18px;
    float: left;
    height:65px;


}

#parttext{
    width:420px;
    float:left;
    height:70px;
    float:right;




}
#partlogo {
    padding-top:40px;
    margin-right:12px;
    width:103px;
    height:50px;
    position:absolute;
    top: 0px;
    left:0px;
    float:left;

}

input {
    border: solid 1px #5FACDA;
}

#printlogo {
    display: none;
}

.loginform {
    font-size: 70%;
    color: #7F7F7F;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

html>body .loginform {
    font-size: 102%;
    color: #7F7F7F;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

#loginbutton {
    margin-left:63px;
    float:left;
}
html>body #loginbutton {
    margin-left:182px;
    float:left;
}

/* --------------------------------------------------------------------------------*/
/* Dropdown Styles */

.dropdown * {
    z-index:100!important;
}
.dropdown {
    position:absolute;
    display:block;
    background: #fff;
    border-top: 1px solid #d2d2d2;
    border-left: 1px solid #d2d2d2;
    border-right: 1px solid #d2d2d2;
    top:52px;
    visibility:hidden;
}
html>body .dropdown {
    width:153px;
}
.dropdown a {
    display:block;
    clear:both;
    border-bottom: 1px solid #d2d2d2;
    text-decoration:none;
    width:150px;
    height:auto;
    color:#fff;
    background:#f49604;
    padding:2px;
    display: block;
}
.dropdown a:hover {
    color:#000;
    background:#fff;
    text-decoration:none;
}
/* IE Dropdown Styles */
/* #dropdown_0 { left:-100px; } */
#dropdown_0 { left:-68px; }
#dropdown_1 { left:-97px; }
#dropdown_2 { left:-130px; }
#dropdown_3 { left:-97px; }
#dropdown_4 { left:-130px; }
#dropdown_5 { left:-82px; }
#dropdown_6 { left:-65px; }

/* Firefox Dropdown Styles */
/* html>body #dropdown_0 { left:10px; } */
html>body #dropdown_0 { left:54px; }
html>body #dropdown_1 { left:125px; }
html>body #dropdown_2 { left:222px; }
html>body #dropdown_3 { left:343px; }
html>body #dropdown_4 { left:440px; }
html>body #dropdown_5 { left:570px; }
html>body #dropdown_6 { left:652px; }

.menuitem {
    display: block;
}

.introduction {
font-size: 1.3em;
line-height:24px;
}
.hide, span.hide{
    display: none;
    visibility: hidden;
}