@charset "utf-8";
@import "reset.css";
/*  ===== @MAIN BODY STYLES ============================== */
body {font: Arial, Verdana, sans-serif; color:#444444;}

#home{font:13px Arial, Verdana, sans-serif; background:#031829 center top url(/global_background3.jpg) ;}
#interior {font:13px Arial, Verdana, sans-serif; background:#fff center top url(/global_background3.jpg) ;}

/*  ===== @DEFAULT STYLES ============================== */
hr {height:1px; border:0; border-bottom:1px solid #000; clear:both;}
a,a:visited, a:focus {color:#2774A8; text-decoration:none; outline:none;}
a:hover, a:active {color:#000;}

h1, h2, h3, h5, h6{ color: #000; margin: 10px 0;}
#blank h1{ padding:.5em 0 0;}
h1{ font-size:22px; line-height:24px; }
h2{ font-size:18px; line-height:22px;}
h3 { font-size:16px; }
h4 { font-weight:bold;}
p{color:#000000; margin-bottom:8px 0; line-height: 20px;}
ul, ol{}
li{}
.copy h1{ font-size:22px; line-height:24px; }
.clear{clear:both;}
#googleSearch {
bottom:55px;
position:absolute;
right:20px;
z-index:999;
}
#googleSearch #q{width:200px;}
.copy li{
list-style-image:url(/bullet1.gif);
margin-bottom:8px;
margin-left:30px;
margin-right:4px;
margin-top:2px;
}
.interiorPageHeader{width:960px; margin:25px auto;}
.interiorPageHeader h1{color:#fff;}
.hidden{display:none;}
/*  ===== @HEADER =============================== */
#phoneWrapper{
  margin: 20px 0 0 0;
  float:right;
  text-align:right;
}
#phoneNumber{
  font-size:26px;
  font-weight:bold;
  color:#ff00ff;
  display:inline;
}
#logo{
  width: 366px;
  height: 80px;
  margin: 20px 0 0 0;
  float:left;
}
#header{
  width:960px;
  height: 190px;
  margin: 0 auto;
  position:relative;
}
#interior #header{
height:191px;
  position:relative;
}
/*  ===== @ Nav =============================== */
#navClearer{
clear:right;  
display: block; 
overflow: hidden; 
visibility:hidden; 
width: 0; 
height: 0;
}
#nav{
list-style: none;
font: 14px Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:none;
width: 960px;
height:74px;
clear:both;
position:relative;
z-index:999;
margin: 0 auto;
 background: url(/menu_bg.png);
}
#nav> li {
float: left;
text-align: center;
display:block;
text-decoration:none;
height:48px;
line-height:48px;
margin:12px 0 0 20px;
list-style:none;
position: relative;
}
#nav> li > a{
color:#fff;
font-weight:bold;
padding: 0 15px;
  display:block;
  float:left;
  height:48px;
}
#nav> li:hover{}
#nav> li:hover>a{background: url(/mainNavHoverBg.png); color:#384C5C;}
.mainNavHoverFront{display:block !important; float:left; width:14px; height:48px; background:none;}
.mainNavHoverBack{display:block !important; float:left; width:4px; height:48px; background:none;}
.mainNavLast:hover{background: url(/menu_contact2.png) !important;}
.mainNavLast:hover>a{background:none !important;}
.mainNavLast{height:57px !important;}
.mainNavLast a{width:64px;}
.mainNavActive a{background: url(/mainNavHoverBg.png); color:#384C5C !important;}
.mainNavActive .mainNavHoverFront{display:block !important; float:left; width:14px; height:48px; background: url(/mainNavHoverFront.png) !important;}
.mainNavActive .mainNavHoverBack{display:block !important; float:left; width:4px; height:48px; background: url(/mainNavHoverBack.png) !important;}
.contactActive{background: url(/menu_contact2.png) !important;}
.contactActive a{color:#384C5C !important;}
.contactActive .mainNavHoverBack{display:none !important;}
.contactActive .mainNavHoverFront{display:none !important;}


/*  ===== @HOMEPIECE ============================ */
#homePiece{
height:315px;
width:960px;
margin:0 auto;
text-align:center;
}
#homePieceContainer{
background:left center url(/st_vincent_case_study_header.png) no-repeat;
height:314px;
  margin-top:5px;

height:285px;
  margin-top:5px;

margin-bottom:0px;
width:960px;
}


/* ===== @PAGE CONTENT BOX STYLES ============================================= */
#home #contentWrapper{
  margin:0 auto; 
  padding:20px 0;
  background:#fff;
}
  #home #content{
    width:960px;
    padding:0 0px 0 0;
  margin:0 auto;
  }
  #home #display{
    width:960px;
    height:auto;
  margin:0 auto;
  }

#interior #contentWrapper{
  clear:both; 
  padding: 10px;
  background:#fff;
}
  #interior #copyContainer{
width:960px;
  margin:0 auto;
}
  #interior #content{
    width:600px;
    float:right;
  }
  #interior #sideBar{
background:right top url(/side_menu_bg.jpg) no-repeat;
float:left;
min-height:400px;
width:200px;
   }
#interior .copy{
float:right;
padding-bottom:0;
padding-left:0;
padding-right:50px;
padding-top:25px;
width:680px;
font-family:Verdana;
}
.padding-40{
background:#FAFAFA;
border:1px solid #EAEAEA;
color:#444444;
padding:35px;
}
#sideBar ul {
margin-bottom:20px;
margin-left:0;
margin-right:0;
margin-top:20px;
}
#side_menu ul li {
float:left;
}
#side-con-aboutwebsiteintel  .overview a, #side-con-management .management a, #side-con-workflow  .ourprocess a, #side-con-portfolio .portfolio a, #side-con-photogallery  .photogallery a {
-moz-background-clip:border !important;
-moz-background-origin:padding !important;
-moz-background-size:auto auto !important;
background-attachment:scroll !important;
background-color:transparent !important;
background-image:url(/sub_select.jpg) !important;
background-position:left center !important;
background-repeat:no-repeat !important;
color:#FFFFFF !important;
padding-top:15px;
width:275px;
}
#side_menu ul li a {
color:#666666;
float:left;
height:34px;
padding-left:35px;
margin-top:16px;
padding-top:8px;
text-decoration:none;
width:168px;
}
#side_menu ul li a:hover{background:url(/sub_hover_new.png) no-repeat;}
.active{}
.activeA{ background:url(/sub_select.jpg) no-repeat; color:#fff !important;}
.activeA:hover{ background:url(/sub_select.jpg) no-repeat !important;}
#blank #contentWrapper, #partnersPage #contentWrapper{
clear:both; 
margin: 0 auto; 
width:960px;
}
  #blank #content, #partnersPage #content{
    width:960px;
    float: right;
  }
  #blank #sideBar{
    width:360px;
    float:left;
    margin: 0 0 0 -20px;
  }

.copy {clear: both;}
#twitter ul { margin:0; padding:0; }
#twitter ul li { list-style:none; margin:0; padding:0; }
#content .content .pod {
float:left;
padding-bottom:15px;
padding-left:15px;
padding-right:15px;
padding-top:0;
width:280px;
}
.pod {
float:right;
padding-bottom:15px;
padding-left:15px;
padding-right:15px;
padding-top:15px;
width:280px;
}
.pod ul {
padding-bottom:10px;
padding-left:0;
padding-right:0;
padding-top:10px;
}
.pod li {
list-style-image:url(/bullet1.gif);
margin-bottom:8px;
margin-left:30px;
margin-right:4px;
margin-top:2px;
}
#content .content .pod h2, #content .content .pod h2 {
-x-system-font:none;
color:#013251;
font-family:"Myriad Pro","Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
font-size:28px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
letter-spacing:-1px;
line-height:46px;
margin-bottom:10px;
margin-left:0;
margin-right:0;
margin-top:10px;
}
#planning a {
background:left top url(/h2_planning.jpg) no-repeat;
color:#013251;
line-height:36px;
padding-bottom:20px;
padding-left:40px;
padding-right:5px;
padding-top:5px;
}
#implementation a {
background:left top url(/h2_implementation.jpg) no-repeat;
color:#013251;
line-height:36px;
padding-bottom:20px;
padding-left:44px;
padding-right:5px;
padding-top:5px;
}
#training a {
background:left top url(/h2_training.jpg) no-repeat;
color:#013251;
line-height:36px;
padding-bottom:20px;
padding-left:50px;
padding-right:5px;
padding-top:5px;
}
#mid {
background-color:#FFFFFF;
clear:both;
display:block;
padding:5px;
}
.qualify {
padding:10px;
}
.qualify {
background:left center url(/qualification.png) no-repeat;
float:left;
height:90px;
width:420px;
}
#mid .content .pod {
float:left;
padding:15px;
width:448px;
}
#mid .pod input {
background-color:#F3F3F3;
border:1px solid #CCCCCC;
color:#999999;
margin-right:5px;
padding:4px;
}/* ===== @FOOTER STYLES ============================================= */
#footer {
background-color:#FFFFFF;
clear:both;
display:block;
padding-bottom:150px;
padding-left:0;
padding-right:0;
padding-top:20px;
}
#footer_content {
background:right top url(/footer_bg.png) no-repeat;
color:#999999;
font-size:11px;
margin:0 auto;
min-height:100px;
padding:15px 30px;
width:900px;
}

/* ===== @List Section STYLES ============================================= */
.bio {
border:1px solid #DDDDDD;
float:right;
margin:0 0 10px 10px;
padding:5px;
  width:100px;
}
.solutions {
border:1px solid #DDDDDD;
float:right;
margin:0 0 10px 10px;
padding:5px;
  width:250px;
}
.portImage{
  width:172px;
}
.port {
clear:right;
float:right;
margin-bottom:10px;
margin-left:10px;
margin-right:0;
margin-top:0;
width:180px;
}

.bioleft {float:left;}
.bioright {float:right;}

.webdev {
float:right;
margin:0 0 10px 10px;
padding:5px;
  width:110px;
  
}
.portImage{
  width:172px;
}
.port {
clear:right;
float:right;
margin-bottom:10px;
margin-left:10px;
margin-right:0;
margin-top:0;
width:180px;
}

.webdevleft {float:left;}
.webdevright {float:right;}

.design {
float:right;
margin:0 0 10px 10px;
padding:5px;
  width:225px;
  
}
.portImage{
  width:172px;
}
.port {
clear:right;
float:right;
margin-bottom:10px;
margin-left:10px;
margin-right:0;
margin-top:0;
width:180px;
}

.designleft {float:left;}
.designright {float:right;}
 /* ===== @ FORM STYLES ============================================= */

.rightside {
float:right;
padding-bottom:15px;
padding-left:15px;
padding-right:0;
padding-top:0;
}
.aform input, .aform select {
padding-bottom:5px;
padding-left:5px;
padding-right:5px;
padding-top:5px;
width:189px;
}
.aform .field {
position:relative;
}
.aform label {
display:block;
margin-top:10px;
}
.aform .submit {
width:auto;
}
.aform .submit {
display:block;
height:30px;
margin-top:10px;
padding-bottom:0;
padding-left:0;
padding-right:0;
padding-top:0;
width:84px;
}
#mid .pod .homeSubmit{padding: 0pt; border: 0pt none; background: none repeat scroll 0pt 50% transparent; position: relative; top: 8px;}
.contactForm{
  float:left;
width:300px;
}
.aform textarea {
height:50px;
padding-bottom:5px;
padding-left:5px;
padding-right:5px;
padding-top:5px;
width:300px;
}
.imgBtn input{
height:35px;
width:100px;
}
.error {
  -moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background-attachment:scroll;
background-color:#CC0000;
background-image:none;
background-position:0 0;
background-repeat:repeat;
color:#FFFFFF;
font-size:12px;
margin-top:0;
padding-bottom:5px;
padding-left:5px;
padding-right:5px;
padding-top:5px;
position:absolute;
top:0px;
left:0px;
}?