/* Convenient Solutions Style Sheet Updated: December 29, 2007
author: Quentin Christensen
Version 1.2
*/
html { 
  background-color: #F5FCFF;  
}

/* 
Web page design rules
*/
.content {
  background-color: #FFFFFF;
  padding: 20px 19px 20px 19px;
  border-right: solid #999999 1px;
  border-left: solid #4682B4 1px;  
  min-height: 515px;
  height:auto !important;
  height:515px;
}

.footer {
  height: 25px;
  background-color: #0A3E8C;
  padding: 5px 20px 5px 20px;
}

.header {
  height: 72px;
  background-color: #0A3E8C;
}

#headercurve {
  float: left;
  background-image: url(../images/curveleft.gif);    
  width: 15px;
  height: 72px;
  background-repeat: no-repeat;
}

#headercurve2 {
  float: right;
  background-image: url(../images/curveright.gif);    
  width: 15px;
  height: 72px;
  background-repeat: no-repeat;  
}

.header2{
  height: 162px;
}

.headercover1{
  height: 40px;
  margin-top: 121px;
}

.headercover2{
  height: 40px;
  margin: 121px 0 0 0;
  padding-right: 40px;
  border-bottom: solid #999999 1px;
}

.navleft {
  background-color: #4682B4;
}

.profile{
  border-top: solid #4682B4 2px;
  padding: 10px;
  min-height: 160px;
  margin: 10px 0 0 0;
}

.showcase{
  color: #FFFFFF;
  width: 160px;
  padding: 15px 5px 15px 20px;
  margin-bottom: 10px;
}

/* Images */
.imageProfile{
  width: 200px;
  height: 160px;
  border: none;
  float: right;
  padding-left: 10px;
}

.imageProfile2{
  width: 200px;
  height: 160px;
  border: none;
  float: left;
  padding-right: 10px;
}

.smallImageProfile{
  width: 160px;
  height: 127px;
  border: none;
}

.mt-image-left{
  border: none;
}
/*
Menu link rules
*/

#navMenu ul {
  margin: 0 0 0 10px;
  padding: 0px 0px 0px 0px;
  list-style: none;
  text-align: right;
}

#navMenu li {
  width: 180px;
  border-top: solid #4682B4 1px;
  height: 25px;
}

#navMenu a {
  display: block;
  padding: 5px 5px 2px 5px;
  text-decoration: none;
  color: #FFFFFF;
  width: 170px;
}

#service #menu-services, #webdesign #menu-webdesign, #consulting #menu-consulting, 
#networking #menu-networking, #database #menu-database, #usability #menu-usability,
#contents #menu-contents, #portfoliooverview #menu-portfoliooverview, #infovis 
#menu-infovis, #analysis #menu-analysis, #databases #menu-databases, #websites 
#menu-websites, #java #menu-java, #websited #menu-websited, #articles #articleshome,
#archives #menu-archives, #article #current, #services #current{
  background-color:#FFFFFF;
  width: 180px; 
}

#service #menu-services a, #webdesign #menu-webdesign a, #consulting #menu-consulting a, 
#networking #menu-networking a, #database #menu-database a, #usability #menu-usability a,
#contents #menu-contents a, #portfoliooverview #menu-portfoliooverview a, #infovis 
#menu-infovis a, #analysis #menu-analysis a, #databases #menu-databases a, #websites 
#menu-websites a, #java #menu-java a, #websited #menu-websited a, #articles #menu-articles a,
#archives #menu-archives a, #article #current a, #services #current a{
  background-color:#FFFFFF;
  color: #333;
  width: 170px;
}

#navMenu li:hover, #navMenu li:hover a, #navMenu a:hover {
  background-color:#FFFFFF;
  color: #333;  
}

#navMenu li:hover a {
  background-color:#FFFFFF;
}

/*
Link rules
*/
a:link {
  text-decoration: none;
  color: #0F13BA;
}
a:visited {
  text-decoration: none;  
  color: #0F13BA; 
}
a:hover {
  text-decoration: underline;
  color: #0F13BA;  
}
a.showcaselink:link {
  color: #F0EEB3;
  text-decoration: none;
}
a.showcaselink:visited {
  color: #F0EEB3;
  text-decoration: none;
}
a.showcaselink:hover {
  color: #F0EEB3;
  text-decoration: underline;
}
/*
Text format rules
*/

.headTitle{
  font-size: 26px;
  font-weight: bold;
  color: #FFFFFF;  
}

.headTitle2{
  font-size: 18px;
  font-weight: bold;
  color: #FFFFFF;  
}

.bodyBigger {
  font-size: 1.4em;
  font-weight: bold;
}

.bodyMiddle {
  font-size: 16px;
  font-weight: bold;
}

.bodyLower{
  font-size: 12px;
  line-height: 28px;
  color: #FFFFFF;
  text-decoration: none;
}

#bodyLower{
  float: right;
  text-align: right;
}

/* Tabbed Menu */
#nav {
  margin-top: 0px;
  position: relative;
  height: 37px;
  width: auto;
}

#nav ul {
  margin: 0;
  padding: 10px 0px;
  list-style: none;
}

#nav li {
  float:left;
  position:relative;
  background:url("../images/right_both.gif") no-repeat right top;
  margin:0 0 0 9px;
}

#nav a {
  float:left;
  position:relative;
  display: block;
  left:-9px;
  margin-right:-9px;
  width:.1em;
  background:url("../images/left_both.gif") no-repeat left top;
  padding: 5px 20px;
  text-decoration: none;
  font-weight: bold;
  color: #FFFFFF;
  height: 1.7em;
}

#nav > ul a {
  width:auto;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a {
  float:none;
}
/* End IE5-Mac hack */

#nav a:hover {
  color:#333;
}

#home #nav-home, #services #nav-services, #pricing #nav-pricing, #portfolio
#nav-portfolio, #about #nav-about, #contact #nav-contact{
  background-position:100% -150px;  
}

#home #nav-home a, #services #nav-services a, #pricing #nav-pricing a, #portfolio
#nav-portfolio a, #about #nav-about a, #contact #nav-contact a {
  background-position:0 -150px;
  height: 1.71em;
  color:#333;  
}

/* not for IE5.x or IE6 */

#nav li:hover, #nav li:hover a {
  background-position:100% -150px;
  color:#333;
}

#nav li:hover a {
  background-position:0 -150px;
}