/* CSS Document */
body{padding:0px; margin:0px; background:#052b58; color:#fff; font:14px/16px Tahoma, sans-serif;}
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

.clear {clear: both; margin: 0px; height:0}

p a{font:14px/16px Tahoma, sans-serif; color:#c2ecff; text-decoration:underline;}
p a:hover{ color:#fff; text-decoration:none;}

p a.a2{font:14px/16px Tahoma, sans-serif; color:#fff; text-decoration:underline;}
p a.a2:hover{ color:#c2ecff; text-decoration:none;}

/*.headline{font:12px/14px Tahoma, sans-serif; color:#f2ad01; font-weight:bold} */
.headline{font:14px/16px Tahoma, sans-serif; color:#f2ad01; font-weight:bold}

#container{width:1150px; position:relative; margin:0 auto; border:#FFF 1px solid}

/* HEADER */

/*#header{width:1150px; height:258px;  position:relative; background:url(../images/DombrovBaseballSimFullLayeredReducedSize2.jpg) 0 0 repeat-x;}
#header img#logo{position:absolute; top:7px; left:40px}
#header img#slogan{position:absolute; top:114px; left:44px}
#header p a{font:12px/16px Tahoma, sans-serif; font-weight:normal; color:#c2ecff; text-decoration:none; padding: 0 3px }

#header p a:hover{text-decoration:none; background:#c2ecff; color:#052345}   */





/*#header p{padding: 10px 0 0 0; font:10px/16px Tahoma, sans-serif; font-weight:normal; text-align:center; color:#c2ecff;}
#header p a{font:10px/16px Tahoma, sans-serif; font-weight:normal; color:#c2ecff; text-decoration:none; padding: 0 3px }
#header p a:hover{text-decoration:none; background:#c2ecff; color:#fff}
#header p a:active{text-decoration:none; background:#c2ecff; color:#fff}
#header p a:link{text-decoration:none; background:#fff; color:#c2ecff}

*/

#container{
  width:100%;
  max-width:1150px;
  margin:0 auto;
  border:1px solid #fff;
  box-sizing:border-box;
}

#header{
  width:100%;
  background:url(../images/DombrovBaseballSimFullLayeredReducedSize2.jpg) center top / cover no-repeat;
}

#header .hero{
  background: rgba(0,0,0,.35);
  padding: 24px 16px;
  text-align: center;
}

#header h1{
  margin: 0 0 16px;
/*  font: 700 22px/1.2 "Trebuchet MS", Helvetica, sans-serif;  */
  font: 700 18px/1.1 "Trebuchet MS", Helvetica, sans-serif;
  color: #fff;
}

.header-links{
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
}

.header-links a{
  color: #fff;
  text-decoration: none;
/*  font-size: 16px;
  line-height: 1.4; */
    font-size: 14px;
  line-height: 1.1;

}

@media (min-width: 769px){
  #header .hero{
    padding: 40px 20px;
  }

  #header h1{
    font-size: 34px;
  }
}





/* CONTENT */




/*#content{width:1150px; position:relative; margin-top:23px}
#content p{font:14px/16px Tahoma, sans-serif; font-weight:normal; color:#c2ecff; text-decoration:none; padding: 0 3px }

#leftPan{width:510px; float:left; margin-right:18px; margin-left:18px; display:inline}

#rightPan{width:510px; float:left; margin-left:48px; margin-top:2px}  */

#content{
  width:100%;
  box-sizing:border-box;
  overflow:hidden;


}

#leftPan{
  float:left;
  width:55%;
  box-sizing:border-box;
  padding:20px;
}

#rightPan{
  float:right;
  width:45%;
  box-sizing:border-box;
  padding:20px;
}

#content img{
  max-width:100%;
  height:auto;
}

@media (max-width: 768px){
  #container{
    width:100%;
    border:0;
  }

  #header .hero{
    padding: 20px 12px;
  }

  #header h1{
    font-size: 24px;
  }

  .header-links a{
    font-size: 15px;
  }

  #leftPan,
  #rightPan{
    float:none;
    width:100%;
    padding:12px;
  }

  #content{
    display:block;
  }
}



#welcome{margin-bottom:25px}
#welcome h2{height:37px; position:relative; background:url(../images/h_welcome.gif) 0 0 no-repeat; margin-bottom:12px}
#welcome img{float:left; margin-right:15px; margin-left:7px}
#welcome p{float:left; width:360px}

#services h2{height:19px; position:relative; background:url(../images/h_services.gif) 0 0 no-repeat; margin-bottom:12px}
#services p.headline{display:block; margin-bottom:15px; margin-left:4px}
#services p#servTxt{width:360px; margin:0 18px 0 4px; float:left}
#services ul{float:left}
#services ul li{font:14px/16px Tahoma, sans-serif; background:url(../images/bullet1.gif) 0 5px no-repeat; padding-left:14px; height:24px;}
#services ul li a{color:#fff; text-decoration:underline;}
#services ul li a:hover{color:#fff; text-decoration:none; background:#081c34}

#news{margin-bottom:20px}
#news h2{height:19px; position:relative; background:url(../images/h_news.gif) 0 0 no-repeat; margin-bottom:10px}
#news p{padding-left:19px; margin:0 0 15px 6px; background:url(../images/file.gif) 0 3px no-repeat}

#solutions h2{height:19px; position:relative; background:url(../images/h_solutions.gif) 0 0 no-repeat; margin-bottom:17px}
#solutions img{float:left; margin-right:18px; margin-left:6px}
#solutions p#txt01{float:left; width:150px; padding-top:2px}
#solutions p#txt02{float:left; width:240px;margin-left:10px;}
#solutions .clear#space01{height:10px}

/* FOOTER */



/* #footer {
  height:60px;
  font:12px/16px Tahoma, sans-serif;
  font-weight:normal;
  hover{text-decoration:none; background:#c2ecff; color:#052345};
  background-color: #052345;
  color: #c2ecff;
  padding: 10px;
  text-align: center;
} */

#footer{height:70px; clear:both; width:1140px; margin-top:10px; background:#052345}
/*#footer p{padding: 10px 0 0 0; font:12px/16px Tahoma, sans-serif; font-weight:normal; text-align:center; color:#c2ecff;} 
#footer p a{font:12px/14px Tahoma, sans-serif; font-weight:normal; color:#c2ecff; text-decoration:none; padding: 0 3px } */
#footer p{padding: 8px 0 0 0; font:12px/16px Tahoma, sans-serif; font-weight:normal; text-align:left; color:#c2ecff;}
#footer p a{font:12px/14px Tahoma, sans-serif; font-weight:normal; color:#c2ecff; text-decoration:none; padding: 0 24px }
/*#footer p a:hover{text-decoration:none; background:#c2ecff; color:#fff}  */
#footer p a:hover{text-decoration:none; background:#c2ecff; color:#052345}