/* == Common XHTML tags */
* { margin:0px; padding:0px; }
html { }
body{
background:#263e6e url(../images/main-bkg.gif) no-repeat top left;
font:normal 13px Arial, Helvetica, Sans-Serif;
color:#666666;
}
a { color:#344c7a; text-decoration:none; }
a:hover { color:#669933; }
input{ border:1px solid #cccccc; }
textarea{ border:1px solid #cccccc; }
li { list-style-type:none; }
h1, h2, h3, h4, h5, h6{
font:normal 26px 'Trebuchet MS', Arial, Helvetica, Sans-Serif;
}
h1{
color:#669933;
margin:0;
padding:0 0 10px 0;
line-height:26px;
}
h3{
font:normal 13px Arial, Helvetica, Sans-Serif;
font-weight:bold;
}
p{
line-height:17px;
text-align:justify;
}
/* == Common CSS classes */
*:focus { outline: none; }
.hidden { display: none; }
.show { display: block!important; }
.no-margin { margin: 0!important; }
.no-padding { padding: 0!important; }
.no-top-padding { padding-top: 0!important; }
.no-bg { background: none!important; }
.no-border, img { border: none!important; }
.bold { font-weight:bold; }
.checkbox{ border-style:none !important;}
.font-0 { font-size:0 !important; }
.margin-auto{ margin:auto; }
.grey{ color:#666666 !important; }
.font-normal{ font-weight:normal !important;}
/* = Clearfix */
.clearfix:after {
content: ' ';
clear:both;
display: block;
width: 0;
height: 0;
overflow: hidden;
font-size: 0;
}
/* == Float and align elements */
.a-left { text-align: left; }
.a-center { text-align: center !important; }
.a-right { text-align: right; }
.a-justify { text-align:justify; }
.f-left { float: left; }
.f-right { float: right; }
.c-both { clear:both; overflow: hidden; font-size: 0; }
/* = Tables */
table {
border:0px; /* border="0" */
border-collapse: collapse; /* cellspacing="0" */
}
table td{
padding:0px; /* cellspadding="0" */
}
/* = Error message */
.ul_message_box, .thank-message{
background:#FCEBEB url(../images/error.jpg) no-repeat 20px top;
border:2px solid #ED1C24;
color:Red;
font-weight:bold;
min-height:45px;
height:auto !important;
height:45px;
margin-bottom:10px;
padding:10px 0 0 95px;
width:355px;
margin: 10px auto 0;
}
.ul_message_box li{
padding-bottom:5px;
}
.validator{
color:Red;
font-weight:bold;
font-size:13px;
}
.thank-message{
background:#DFF0FF url(../images/thank-mes.gif) no-repeat scroll 20px center;
border:2px solid #344C7A;
color:#344C7A;
min-height:42px;
height:auto !important;
height:42px;
width:350px;
margin:50px auto 70px;
font:18px 'Trebuchet MS', Arial, Helvetica, Sans-Serif;
}
.thank-message .message{
width:320px;
padding:20px 0;
text-align:center;
}
/* = Top menu sections and other buttons*/
.menu-industry-btn,
.menu-home-btn, .menu-about-btn, .menu-services-btn, .menu-approach-btn, .menu-clients-btn,
.menu-contach-btn{
display:block;
height:30px;
margin-top:1px;
cursor: pointer;
}
.menu-home-btn{
background:url(../images/btns/menu-home-btn.gif) no-repeat top center;
width:86px;
cursor: pointer;
}
.menu-about-btn{
background:url(../images/btns/menu-about-btn.gif) no-repeat top center;
width:94px;
cursor: pointer;
}
.menu-services-btn{
background:url(../images/btns/menu-services-btn.gif) no-repeat top center;
width:123px;
cursor: pointer;
}
.menu-approach-btn{
background:url(../images/btns/menu-approach-btn.gif) no-repeat top center;
width:129px;
cursor: pointer;
}
.menu-clients-btn{
background:url(../images/btns/menu-clients-btn.gif) no-repeat top center;
width:84px;
cursor: pointer;
}
.menu-industry-btn {
width: 172px;
background:url(../images/btns/menu-industry-btn.gif) no-repeat top center;
cursor: pointer;
}
.menu-contach-btn{
background:url(../images/btns/menu-contach-btn.gif) no-repeat top center;
width:97px;
cursor: pointer;
}
.menu-fact-sheet-btn{
background:url(../images/btns/menu-fact-sheet-btn.gif) no-repeat top center !important;
width:134px !important;
padding: 0px !important;
cursor: pointer;
}
.menu-fact-sheet-btn{
display:block;
height:38px;
background:url(../images/btns/menu-fact-sheet-btn.gif) no-repeat top center;
width:134px;
position:absolute;
right:0px;
cursor: pointer;
}
.read-more-btn{
display:block;
width:89px;
height:24px;
background:url(../images/btns/read-more-btn.gif) no-repeat top left;
cursor: pointer;
}
.view-all-btn{
display:block;
width:71px;
height:24px;
background:url(../images/btns/view-all-btn.gif) no-repeat top left;
cursor: pointer;
}
.submit-btn{
display:block;
width:69px;
height:24px;
background:url(../images/btns/submit-btn.gif) no-repeat top left;
margin-right:25px;
float:right;
cursor: pointer;
}
.ok-btn{
display:inline-block;
width:45px;
height:25px;
background:url(../images/btns/ok-btn.gif) no-repeat top left;
margin-top:25px;
cursor: pointer;
}
.menu-industry-btn:hover,
.menu-home-btn:hover, .menu-about-btn:hover, .menu-services-btn:hover, .menu-approach-btn:hover,
.menu-clients-btn:hover, .menu-contach-btn:hover, .menu-fact-sheet-btn:hover, .read-more-btn:hover, .view-all-btn:hover,
.submit-btn:hover, .ok-btn:hover, .active-btn{
background-position:bottom center;
}
.menu-fact-sheet-btn:hover {
background-position:bottom center !important;
}
/* = Main structure */
.main-container{
width:960px;
margin:auto;
border:1px solid #e3e3e3;
margin-top:40px;
background:White url(../images/header-bkg.gif) no-repeat top center;
}
.site-container{
padding:0 10px;
}
/*---top menu sections---*/
.top-menu{
position:relative;
margin-top:35px;
}
.top-menu ul{
/*border-bottom:1px dotted #333399;
border-top:1px dotted #333399;*/
height:32px;
background:url(../images/top-menu.gif) repeat-x left top;
}
.top-menu ul li{
float:left;
display:block;
}
/*---Logo and Banner section---*/
.logo-banner{
clear:both;
border:1px solid #e3e3e3;
margin-top:10px;
}
.logo-banner .logo{
display:block;
float:left;
padding:9px 0 9px 9px;
}
.logo-banner .top-banner{
float:right;
padding:9px 9px 9px 0;
}
/*---Main HOME content part---*/
.main-content{
width:900px;
margin:auto;
padding:15px 0;
}
/*--common for left, center, right column--*/
.h1-home{
font-size:20px;
}
.home-left h1 a, .home-center h1 a, .home-right h1 a{
color:#669933;
line-height:26px;
margin:0;
padding:0 0 10px;
}
.home-left h1 a:hover, .home-center h1 a:hover, .home-right h1 a:hover{
color:#496c27;
}
/*--left column--*/
.home-left{
width:248px;
float:left;
min-height:390px;
height:auto !important;
height:390px;
position:relative;
}
.home-left .home-left-text{
padding:5px 4px 10px 0;
margin-bottom:35px;
background:url(../images/dotted-border.gif) repeat-x left bottom;
}
.home-left .home-left-text span{
color:#3c5381;
font-weight:bold;
}
.home-left .read-more-btn{
position:absolute;
right:5px;
bottom:5px;
}
/*--center column--*/
.home-center{
float:left;
width:350px;
margin-left:30px;
min-height:390px;
height:auto !important;
height:390px;
position:relative;
}
.home-center .home-center-caption{
color:#666666;
font-size:16px;
text-align:justify;
font-weight:bold;
padding-top:3px;
}
.home-center .home-center-caption span{
color:#405888;
}
.home-center .home-center-splitter{
height:12px;
background:url(../images/home-center-splitter.gif) no-repeat bottom center;
clear:both;
padding-top:4px;
font-size:0;
display:block;
}
.home-center h1{
padding:20px 0 10px 0;
}
.home-center .read-more-btn-bottom{
position:absolute;
right:5px;
bottom:5px;
}
/*---right column---*/
.home-right{
width:240px;
float:right;
min-height:390px;
height:auto !important;
height:390px;
position:relative;
}
.home-right ul{
position:relative;
margin-bottom:35px;
}
.home-right ul li{
background:url(../images/dotted-border.gif) repeat-x left bottom;
}
.home-right ul li a{
display:block;
background:url(../images/circle-bullet.gif) no-repeat 3px 9px;
padding:4px 0 5px 15px;
}
.home-right .view-all-btn{
position:absolute;
right:5px;
bottom:5px;
}
/*---indexes part---*/
.indexes{
border:1px solid #e3e3e3;
padding:9px;
margin-bottom:10px;
}
.indexes ul{
background:#cee2f4;
}
.indexes ul li{
float:left;
display:block;
padding:12px 0;
width:33%;
text-align:center;
font-family:Verdana, Tahoma, Arial;
}
.indexes ul li b{
color:#3c5381;
}
.indexes ul li.lastElem{
padding-left:8px;
}
/* = Footer part */
.footer{
color: White;
margin:auto;
}
.footer ul{
padding-top:10px;
text-align: center;
}
.footer ul li{
display:inline;
}
.footer ul li a{
color: White;
}
.footer ul li a:hover{
color: White;
}
.footer ul li a:hover{
text-decoration:underline;
}
.footer .copyright, .footer .props{
padding-top:10px;
text-align:center;
}
.footer .props a{
color:White;
}
.footer .props a:hover{
text-decoration:underline;
}
/* = Other pages */
.main-sub-content{
width:938px;
margin:auto;
padding:10px 0 15px 0;
overflow: hidden;
}
/*---sub left column---*/
.sub-left-column{
width:674px;
float:left;
/*background:url(../images/sub-header-image.gif) no-repeat center 39px;*/
}
/*.sub-left-column h1{
padding-top:12px;
}*/
.sub-left-column h1{
background:url(../images/sub-header-image.gif) no-repeat center bottom;
height:39px;
margin:0 -27px;
padding:7px 27px 0 27px;
position:relative;
}
.sub-left-column h1.header-bottom-space{
margin-bottom:21px;
}
.sub-left-column .sub-left-content{
width:620px;
margin:auto;
}
.sub-left-column h3{
padding:21px 0 9px 0;
line-height:18px;
color:#354c7b;
}
.sub-left-column .section-image{
padding-top:21px;
}
.sub-left-column .section-image .image-container{
width:230px;
float:left;
}
.sub-left-column .section-image .content-container{
width:390px;
float:left;
}
.sub-left-column .blue-bullet-list{
padding-left:15px;
}
/*.sub-left-column .blue-bullet-otherlist{
font-weight:normal !important;
}*/
.sub-left-column .blue-bullet-list li{
background:url(../images/circle-bullet.gif) no-repeat left 5px;
padding:0 0 7px 15px;
}
.sub-left-column .green-bullet-list{
padding-top:10px;
}
.sub-left-column .green-bullet-list-big{
line-height:18px;
}
.sub-left-column .green-bullet-list li{
background:url(../images/green-bullet-list.gif) no-repeat left 6px;
padding:0 0 2px 15px;
}
.sub-left-column .green-bullet-list-big li{
background-position:left 8px;
}
.sub-left-column .subblue-bullet-list{
padding:4px 0 2px 0;
}
.sub-left-column .subblue-bullet-list li{
background:url(../images/subblue-bullet-list.gif) no-repeat left 5px;
padding:0 0 3px 15px;
}
/*---sub right column---*/
.sub-right-column{
background: #E2EFFF url(../images/breakers-right-image.gif) no-repeat left bottom;
}
.sub-right-column-services{
background:#e2efff url(../images/hands-right-image.gif) no-repeat left bottom;
}
.sub-right-column-services h5{
letter-spacing:1.6px;
}
.sub-right-column-contact{
background:#ddebf7 url(../images/contact-right-image.gif) no-repeat left bottom;
}
.sub-right-column-approach{
background:#e2efff url(../images/people-right-image.gif) no-repeat left bottom;
}
.sub-right-column-clients{
background:#e2efff url(../images/about-right-image.gif) no-repeat left bottom;
}
.sub-right-column h5{
color:#2d4574;
font-size:15px;
color:#2d4574;
font-weight:bold;
text-align:justify;
padding:22px 18px;
}
/* = Contact Us page */
.contact-form{
width:450px;
border-style:none;
margin:auto;
padding-top:18px;
}
.contact-form .field .top-text{
padding-bottom:15px;
}
.contact-form .field{
padding:10px 0 8px 0;
}
.contact-form .blue-bkg{
background:#ddebf7;
}
.contact-form .field label{
display:block;
float:left;
width:89px;
font-weight:bold;
color:#3c5481;
padding-left:26px;
margin-top:4px;
}
.contact-form .field input{
width:300px;
height:19px;
padding:2px 0 0 5px;
}
.contact-form .field textarea{
width:295px;
height:125px;
padding:5px;
overflow:auto;
}
/*---right column for contact page---*/
.sub-right-column-contact h5 span{
text-transform:uppercase;
display:block;
}
.sub-right-column-contact h5 span{
text-transform:uppercase;
color:#669933;
}
.sub-right-column-contact h5 span.email{
padding:15px 0 15px 0;
border-bottom:1px dotted #2d4474;
}
/* = Approach page */
.case-subheader{
padding-top:3px !important;
}
.case-studies{
padding-top:18px;
}
.case-studies .case{
border-bottom:1px dotted #2d4474;
padding-top:12px
}
.case-studies .case h2 a{
font-size:20px;
color:#2d4474;
background:url(../images/big-green-arrow.gif) no-repeat left 6px;
padding-left:17px;
display:inline-block;
}
.case-studies .case h2 a:hover{
color:#669933;
}
.case-studies .case p{
color:#2d4474;
font-weight:bold;
padding:0 0 10px 18px;
font-family:'Trebuchet MS', Arial, Helvetica, Sans-Serif;
}
.pdf-section{
margin:5px 0 0 17px;
height:32px;
}
.pdf-section a{
font-weight:bold;
color:#669933;
display:block;
position:relative;
width:205px;
cursor:pointer;
}
.pdf-section a:hover{
color:#2d4474;
}
.pdf-section a span{
position:absolute;
top:9px;
left:35px;
}
/*---right column for approach---*/
.sub-right-column .right-case-studies{
margin:0px 18px 0 18px;
padding-top: 12px;
border-bottom:1px dotted #2d4474;
padding-bottom:30px;
}
.sub-right-column .right-case-studies h3 a{
font-size:20px;
color:#669933;
font-weight:normal;
display:inline-block;
}
.sub-right-column .right-case-studies h3 a:hover{
color:#496C27;
}
.sub-right-column .right-case-studies ul{
padding:5px 0 6px 15px;
}
.sub-right-column .right-case-studies ul li a{
font:15px 'Trebuchet MS', Arial, Helvetica, Sans-Serif;
color:#2d4574;
font-weight:bold;
display:inline-block;
background:url(../images/circle-bullet.gif) no-repeat left 10px;
padding:2px 0 2px 13px;
}
.sub-right-column ul li a:hover, .sub-right-column .right-case-studies ul li .active-btn{
color:#669933;
}
/* = Clints page */
.clients-block{
width:620px;
margin:auto;
}
.clients-block .row{
background:url(../images/dotted-border.gif) repeat-x left bottom;
}
.clients-block .row .first-cell,
.clients-block .row .second-cell{
text-align:center;
width:50%;
}
.clients-block .row .first-cell div{
/*background:url(../images/dotted-vertical-border.gif) repeat-y right top;
height:90px;*/
}
.clients-block .row .first-cell a,
.clients-block .row .second-cell a{
display:inline-block;
padding:15px 0 10px 0;
}
.clients-block .row .first-cell .amag-cell{
height:110px;
}
.splitter {
font: bold 0px/0px small;
height: 10px;
}
.btn_twitter {
margin: 0px auto;
display: block;
cursor: pointer;
overflow: hidden;
text-indent: -9999px;
width: 280px;
height: 48px;
background: url(../images/btn_twitter.gif) no-repeat top left;
}
.btn_twitter:hover {
background-position: bottom left;
}
.col-wrap1 {
width: 674px;
position:relative;
left: 0;
}
.col-wrap2 {
width:200%;
position:relative;
left: 100%;
margin:0px -200% 0px 0px;
}
.col-wrap1 #left-column {
float:left;
width:674px;
margin-right:-100%;
position:relative;
left:-674px;
}
.col-wrap1 #right-column {
float: none;
width: 260px;
padding-bottom: 270px;
}
.main-sub-content {
position: relative;
}
.industry-links {
padding: 0px 18px 10px 18px;
margin-top: -10px;
}
.industry-links a {
font-family: 'Trebuchet MS',Arial,Helvetica,Sans-Serif;
font-size: 14px;
display: block;
margin: 5px 0px;
padding-top: 1px;
}
.secondlevel .case {
padding-bottom: 15px;
}
.secondlevel .description {
border-bottom: 1px dotted #ccc;
padding-bottom: 15px;
}
.firstlevel {
cursor: pointer;
}
.item-box .firstlevel span {
display: block;
padding-right: 40px;
background: url(../images/arrow_toggle.gif) no-repeat 98% 10px;
}
.active .firstlevel span {
background-position: 98% -78px;
}
.sub-right-column .right-case-studies-title {
padding-bottom: 0px;
border-bottom: 0px;
}
.item-box .secondlevel .case,
.item-box .secondlevel {
padding-top: 0px;
}
.data_container {
border: 0px;
}
/* = None Submit Button */
.none_submit {
position: absolute;
background: transparent;
border: 0px !important;
height: 0px !important;
width: 0px;
top: 0px !important;
}
.data_container .f_inputs .f_invalid,
.data_container .f_inputs .tf_input {
height:19px;
padding:2px 0 0 5px;
width:225px;
}
.checkboxes input {
border: 0px;
width: 16px;
height: 16px;
margin-top: 6px;
}
.f_row {
padding:10px 0 8px;
}
.data_container label {
color:#3C5481;
display:block;
float:left;
font-weight:bold;
margin-top:4px;
width:105px;
}
.f_buttons .btn-ov,
.f_buttons .btn {
margin-left: auto;
}
.btn, .btn-ov {
display: block;
height: 24px;
background-repeat: no-repeat;
background-position: top left;
text-indent: -9999px;
overflow: hidden;
cursor: pointer;
}
.btn-ov,
.btn:hover {
background-position: bottom left;
}
.btn-login {
width: 57px;
background-image: url(../images/btns/login-btn.gif);
}
.btn-send {
width: 57px;
background-image: url(../images/btns/send-btn.gif);
}
.home-center .warning_mess .ul_message_box {
width: 260px;
}
.authorize-page {
padding-top: 100px;
}
h3.custom_title span {
float: left;
overflow: hidden;
}
h3.custom_title span.date {
width: 70px;
padding-right: 10px;
color: #666;
}
h3.custom_title span.title {
width: 540px;
}
.no_date h3.custom_title span.title {
width: 620px;
}
/*** Clients Sections ***/
.sub-left-content .company{
width:620px;
float:left;
margin-bottom:25px;
}
.sub-left-content .logo{
padding:0 20px 0 0;
width:200px;
text-align:center;
float:left;
}
.sub-left-content .about{
width:360px;
float:left;
border-left:1px solid #263e6e;
padding:0 0 0 20px;
text-align:left;
min-height:60px;
}
.sub-left-content .about p{
text-align:left;
}
.clients-block {
background: url(/images/dotted-vertical-border.gif) repeat-y 310px 0px;
}
.clients-block td {
padding: 10px;
text-align: center;
vertical-align: middle;
}
.clients-block .row td {
text-align: justify;
vertical-align: top;
padding-left:20px;
padding-right:20px;
}
.clients-block .row td p { margin: 0px; padding: 0px;text-align:left; }
/* = Hacks for Safari */
@media screen and (-webkit-min-device-pixel-ratio:0){
.home-center-caption
{
line-height:25px;
}
}
@media screen and (-webkit-min-device-pixel-ratio:0){
.read-more-btn-saf
{
margin-top:25px;
}
}
@media screen and (-webkit-min-device-pixel-ratio:0){
.sub-right-column h5
{
line-height:20px;
}
}