@charset "utf-8";
/* CSS Document */

* {
 margin: 0;
 padding: 0;
}
html, body {
 height: 100%;
 font-family: Arial, Helvetica, sans-serif; 
 font-size: 10px;
}

img{border:none;}

#bg_container {
 margin: 0 auto;
 width: 100%;
 background: url(../img/containerBg.jpg);
}
#container {
 margin: 0 auto;
 padding-top: 20px;
 padding-bottom: 20px;
 width: 975px;
 background:url(../img/bg.jpg);
 height: 100%;
}

/* header styles */

#topheader {
 width: 875px;
 height: 135px;
 margin: 0 0 0 50px;
 background-color: transparent;
}
#headlogo {
 width: 865px;
 height: 70px;
 margin: 0 5px 0 5px;
 background-color: transparent;
}
.logo {
 width: 250px;
 height: 70px;
 float: left;
 
}
.headicons {
 width: 356px;
 height: 70px;
 float: right;
}
.toplinks {
 width: 346px;
 height: 24px;
 padding: 3px 5px 3px 5px;
}
.bottomlinks {
 width: 356px;
 height: 30px;
 margin: 10px 0 0 0;
}
.mininav {
 width: 356px;
 height: 30px;
 background: url(../img/nav/mini_navbg.png) no-repeat;
}
.minimenu {
 font-family: "Trebuchet MS", Arial, san-serif;
 width: 356px;
 height: 30px;
 position: relative;
 font-size: 11px;
 margin: 0;
}
.minimenu ul li a {
 display: block;
 text-decoration: none;
 color: #fff;
 font-style: italic;
 width: 81px; 
 height: 30px; 
 text-align: center;
 border-bottom: 0;
 line-height: 31px; 
 font-size: 11px; 
 overflow: hidden;
 padding-left: 1px;
 z-index: 9999;
}
.minimenu ul {padding: 0; margin: 0; list-style: none;}
.minimenu ul li {float: right; position: relative;}
.minimenu ul li ul {display: none;}

.minimenu ul li:hover a {color: #000;}
.minimenu ul li:hover ul {display: block; position: absolute; top: 30px; left: 0; width: 157px; margin: 0; padding: 0;}
.minimenu ul li:hover ul li ul {display: none;}

.minimenu ul li:hover ul li a {
 background-image: none; 
 display: block;
 height: 28px; 
 line-height: 26px; 
 color: #660000; 
 width: 142px; 
 text-align: left; 
 margin: 0; 
 padding: 0 0 0 11px;
}
.minimenu ul li:hover ul { margin: 0 0 0 3px; padding: 0; background: url(../img/nav/menu_dropitembg.png) no-repeat bottom left; z-index: 9999;}
.minimenu ul li:hover ul .hlight { margin-right: 1px;}
.minimenu ul li:hover ul li a:hover {color: #000; background:url(../img/nav/minimenu_itemhlight.png) no-repeat;}
.minimenu ul li:hover ul li:hover ul {display: block; position: absolute; left: 105px; top: 0;}
.minimenu ul li:hover ul li:hover ul.left {left: -105px;}

/* main nav */

#navbox {
 width: 875px;
 height: 48px;
 margin: 15px 0 0 0;
}
#nav {
 width: 507px;
 height: 48px;
 float: left;
 background-image: url(../img/nav/navbg.png);
 margin: 0 0 0 5px;
 
}
.menu {
 font-family: "Trebuchet MS", Arial, san-serif;
 width: 492px;
 height: 42px;
 position: relative;
 font-size: 11px;
 margin: 0;
 z-index: 9999;
}
.menu ul li a {
 display: block;
 text-decoration: none;
 color: #fff;
 width: 81px; 
 height: 42px; 
 text-align: center;
 border-bottom: 0;
 line-height: 48px; 
 font-size: 11px;
 font-style: italic;
 overflow: hidden;
 padding-left: 1px;
 z-index: 9999;
}

.menu ul {padding: 0; margin: 0; list-style: none;}
.menu ul li {float: left; position: relative;}
.menu ul li ul {display: none;}

.menu ul li:hover a {color:#000000;}
.menu ul li:hover ul {display: block; position: absolute; top: 42px; left: 0; width: 152px; margin: 0; padding: 0;}
.menu ul li:hover ul li ul {display: none;}

.menu ul li:hover ul li a {
 background-image: none; 
 display: block;
 height: 28px; 
 line-height: 26px; 
 color: #660000; 
 width: 142px; 
 text-align: left; 
 margin: 0; 
 padding: 0 0 0 11px;
 font-weight: normal;
 z-index: 9999;
}
.menu ul li:hover ul {
 margin: 0 0 0 3px;
 padding: 0;
 background: url(../img/nav/menu_dropitembg.png) no-repeat bottom left;
 z-index: 9999;
}
.menu ul li:hover ul .hlight { background-image: url(../img/nav/menu_itemhlight.png); margin-right: 1px; z-index: 9999;}
.menu ul li:hover ul li a:hover {color: #000; background: url(../img/nav/menu_itemhlight.png) no-repeat; z-index: 9999;}
.menu ul li:hover ul li:hover ul {display: block; position: absolute; left: 105px; top: 0;}
.menu ul li:hover ul li:hover ul.left {left: -105px;}

.searchspace {
 width: 320px;
 height: 48px;
 float: right;
 margin: 0 5px 0 0;
 background-color: transparent;
}
#banner_container {
 width: 875px;
 height: 100px;
 margin: 0 0 0 50px;
}
.bannerBox {
 width: 865px;
 height: 100px;
 margin: 0 5px 2em 5px;
 background: url(../img/banner.jpg);
}
.bannerSlogan {
 width: 370px;
 height: 25px;
 margin: 50px 15px 0 15px;
 padding: 15px 0 0 0;
 float: left;
 font-family: Calibri, "Arial Narrow";
 font-size: 16px;
 font-style: italic;
 color: #fff;
 text-align: left;
}
.bannerText {
 width: 320px;
 height: 50px;
 margin: 10px 0 10px 0;
 padding: 15px 0 15px 0;
 float: right;
}
.bannerImg {
 width: 80px;
 height: 50px;
 margin: 10px 0 10px 0;
 padding: 15px 0 15px 0;
 float: right;
 text-align: center;
}	
.sideLinkbox {
 width: 179px;
 height: 254px;
 float: right;
 margin-right: 5px;
 background: url(../img/sidebox.gif) no-repeat;
}
.linkBoxtext {
 width: 149px;
 height: 195px;
 padding: 50px 15px 9px 15px;
 font-family: Calibri, "Arial Narrow";
 font-size: 12px;
}

.linkBoxtext a:link { color: #990000; text-decoration: none;}
.linkBoxtext a:visited { color: #990000; text-decoration: none;}
.linkBoxtext a:hover { color: #990000; text-decoration: underline;}
.linkBoxtext a:active { color: #990000; text-decoration: none;}

.phoneContact {
 width: 149px;
 height: 64px;
 margin-top: 25px;
}

/* about styles */

#about_container {
 width: 875px;
 height: 350px;
 margin: 30px 0 0 50px;
}
.imgBox {
 width: 250px;
 height: 350px;
 float: left;
 margin-left: 5px;
}
.textBoxabout {
 width: 400px;
 height: 350px;
 float: right;
 margin-right: 20px;
 font-family: Calibri, "Arial Narrow";
 font-size: 13px;
 line-height:22px;
}

.textBoxabout a:link { color: #990000; text-decoration: none;}
.textBoxabout a:visited { color: #990000; text-decoration: none;}
.textBoxabout a:hover { color: #990000; text-decoration: underline;}
.textBoxabout a:active { color: #990000; text-decoration: none;}

/* services styles */

#services_container {
 width: 865px;
 height: 420px;
 margin: 0 0 0 50px;
 padding: 30px 0 0 10px;
}
.textBoxservices {
 width: 600px;
 height: 417px;
 float: left;
 margin-right: 20px;
 font-family: Calibri, "Arial Narrow";
 font-size: 14px;
 line-height:22px;
}

.textBoxservices a:link { color: #990000; text-decoration: none;}
.textBoxservices a:visited { color: #990000; text-decoration: none;}
.textBoxservices a:hover { color: #990000; text-decoration: underline;}
.textBoxservices a:active { color: #990000; text-decoration: none;}


/* personnel styles */

#personnel_container {
 width: 865px;
 height: 284px;
 margin: 0 0 0 50px;
 padding: 30px 0 0 10px;
}
#personnel_containerida {
 width: 865px;
 height: 300px;
 margin: 0 0 0 50px;
 padding: 30px 0 0 10px;
}
#personnel_containerpaula {
 width: 865px;
 height: 490px;
 margin: 0 0 0 50px;
 padding: 30px 0 0 10px;
}
.imgBoxstaff {
 width: 250px;
 height: 350px;
 float: left;
 margin-left: 5px;
}
.textBoxstaff {
 width: 600px;
 height: 284px;
 float: left;
 margin-right: 20px;
 font-family: Calibri, "Arial Narrow";
 font-size: 14px;
 line-height:22px;
}

.textBoxstaff a:link { color: #990000; text-decoration: none;}
.textBoxstaff a:visited { color: #990000; text-decoration: none;}
.textBoxstaff a:hover { color: #990000; text-decoration: underline;}
.textBoxstaff a:active { color: #990000; text-decoration: none;}

.textBoxstaffpaula {
 width: 600px;
 height: 485px;
 float: left;
 margin-right: 20px;
 font-family: Calibri, "Arial Narrow";
 font-size: 14px;
 line-height:22px;
}

.textBoxstaffpaula a:link { color: #990000; text-decoration: none;}
.textBoxstaffpaula a:visited { color: #990000; text-decoration: none;}
.textBoxstaffpaula a:hover { color: #990000; text-decoration: underline;}
.textBoxstaffpaula a:active { color: #990000; text-decoration: none;}

.titleStaff {
 font-family: Calibri, "Arial Narrow";
 font-size: 24px;
 line-height:22px;
 color: #000;
}

/* clients styles */

#client_container {
 width: 865px;
 height: 525px;
 margin: 0 0 0 50px;
 padding: 30px 5px 0 5px;
}
#portTable {
  margin:0;
  padding:0;
  line-height:0;
  width: 100%;
  list-style-type:none;
}
#portTable li, #portTable img, #portTable a {
  margin:0;
  padding:0;
}
#portTable li, #portTable img {
  display:inline;
}
#portTable img {
  background: #fff;
  margin: 3px;
}

/* testimonials styles */

#testimonials_container {
 width: 865px;
 height: 900px;
 margin: 0 0 0 50px;
 padding: 30px 0 0 10px;
}
.testimonialBox {
 width: 855px;
 height: 82px;
}
.testimonialLogo {
 width: 204px;
 height: 82px;
 float: left;
}
.testimonialQuote {
 width: 631px;
 height: 72px;
 float: right;
 padding: 10px 0 0 20px;
 font-family: Calibri, "Arial Narrow";
 font-size: 14px;
 line-height:22px;
}

/* resources and sitemap styles */

.columnBox {
 float: left;
 width: 190px;
 height: 255px;
 padding: 0 10px 0 0;
 margin: 5px 0 0 0;
}
.columnBox2 {
 float: right;
 width: 190px;
 height: 255px;
 padding: 0 10px 0 0;
 margin: 5px 0 0 0;
}

/* newsletter styles */

#newsletter_container {
 width: 865px;
 height: 420px;
 margin: 0 0 0 50px;
 padding: 30px 0 0 10px;
}
.textBoxnewsletter {
 width: 600px;
 height: 284px;
 float: left;
 margin-right: 20px;
 font-family: Calibri, "Arial Narrow";
 font-size: 14px;
 line-height:22px;
}

.textBoxnewsletter a:link { color: #990000; text-decoration: none;}
.textBoxnewsletter a:visited { color: #990000; text-decoration: none;}
.textBoxnewsletter a:hover { color: #990000; text-decoration: underline;}
.textBoxnewsletter a:active { color: #990000; text-decoration: none;}

/* consulting styles */

#consulting_container {
 width: 875px;
 height: 420px;
 margin: 30px 0 0 50px;
}
.textBoxconsult {
 width: 400px;
 height: 420px;
 float: right;
 margin-right: 20px;
 font-family: Calibri, "Arial Narrow";
 font-size: 13px;
 line-height:22px;
}

.textBoxconsult a:link { color: #990000; text-decoration: none;}
.textBoxconsult a:visited { color: #990000; text-decoration: none;}
.textBoxconsult a:hover { color: #990000; text-decoration: underline;}
.textBoxconsult a:active { color: #990000; text-decoration: none;}

/* development styles */


#development_container {
 width: 875px;
 height: 775px;
 margin: 30px 0 0 50px;
}
.textBoxdevelopment {
 width: 400px;
 float: right;
 margin-right: 20px;
 font-family: Calibri, "Arial Narrow";
 font-size: 13px;
 line-height:22px;
}

.textBoxdevelopment a:link { color: #990000; text-decoration: none;}
.textBoxdevelopment a:visited { color: #990000; text-decoration: none;}
.textBoxdevelopment a:hover { color: #990000; text-decoration: underline;}
.textBoxdevelopment a:active { color: #990000; text-decoration: none;}

/* contact styles */

#contact_container {
 width: 865px;
 height: 420px;
 margin: 0 0 0 50px;
 padding: 30px 0 0 10px;
}
#contact_containerSent {
 width: 865px;
 height: 65px;
 margin: 0 0 0 50px;
 padding: 30px 0 0 10px;
 font-family: Calibri, "Arial Narrow";
 font-size: 16px;
 font-weight: bolder;
}
.formBox {
 width: 465px;
 height: 420px;
 float: left;
}
.formLabel {
 float: left;
 margin: 0 10px 5px 0;
 padding: 2px 6px;
 height: 17px;
 width: 125px;
 font-family: Calibri, "Arial Narrow";
 font-size: 12px;
 border: #fff 1px solid;
 clear: left;
}
.formField {
 margin: 0 0 5px 0;
 padding: 0;
 height: 23px;
}
.textArea {
 margin: 0 0 5px 0;
 padding: 0;
}
.star {
 color: #990000;
}
.formAreabg {
 background: url(../img/formbg.jpg) repeat-x;
}
.formMsgbg {
 background: url(../img/formbg2.jpg) repeat-x;
}
.contactText {
 font-family: Calibri, "Arial Narrow";
 font-size: 13px;
 line-height: 22px;
}
.contactBox {
 width: 355px;
 height: 420px;
 float: right;
 margin: 0 5px 0 0;
 background: url(../img/contactBox.jpg) no-repeat;
}
.contactBoxinfo {
 width: 315px;
 height: 360px;
 padding: 50px 20px 10px 20px;
 font-family: Calibri, "Arial Narrow";
 font-size: 15px;
 line-height:22px;
}
.red {
 font-size: 16px;
 color: #990000;
 font-weight: bold;
}

/* footer styles */

#footer {
 margin: 0 auto ;
 width: 100%;
 height: 165px;
 margin: 0 0 0 0;
 background: url(../img/footerBg.jpg) repeat-x;
}
.footerbox {
 width: 904px;
 height: 140px;
 margin: 0 auto 0 auto;
 padding: 20px 0 0 0;
 background: url(../img/footer.jpg);
 text-align: center;
 font-size: small;
 color: #fff;
}
#footer a {
 padding: 0 15px;
 text-decoration: none;
 color: #fff;
}
#footer a.static {
 text-transform: none;
}
#footer a:hover {
 color: #000;
}