body{
font-family: Arial, Helvetica, sans-serif;
}
a:link {color : gray; text-decoration : none; }
a:visited {color:gray;  text-decoration:none; }
a:active { color:gray;  text-decoration:none; }
a:hover { color:gray;  text-decoration:underline; }


#leftcoll {background-image: url(images/bgmidleft.gif) ;background-repeat:repeat-y;}

#rightcoll {background-image: url(images/bgmidright.gif) ;}
#bgtopbar {
background-image: url(images/bgtopbar.jpg) ;
background-repeat:no-repeat;
}

#bgtopleft {
background-image: url(images/bgtopleft.gif) ;
background-repeat:no-repeat; 
}

#bgtopmid {
background-image: url(images/bgtr.gif) ;
background-repeat:repeat-x;
}

#bgtopright {
background-image: url(images/bgtopright.gif) ;
background-repeat:no-repeat; 
}
#bgbottomleft {
background-image: url(images/bgbmleft.gif) ;
background-repeat:no-repeat; 
}

#bgbottommid {
background-image: url(images/bgbm.gif) ;
background-repeat:repeat-x;
}

#bgbottomright {
background-image: url(images/bgbmright.gif) ;
background-repeat:no-repeat; 
}

#bodytext{
z-index: 3;


width:600px;
padding:30 30 40 40 ; margin-bottom: 30;margin-top: 0;
background-color:#cccc99;
}
#bt{
font-family: Arial, Helvetica, sans-serif;
padding:.5em;
z-index: 200;
font-size:12px;
line-height:16px

}



#navlist ul
{

margin-left: 0;
padding-left: 0;
white-space: nowrap;

}

#navlist li
{
float:center;
font-family: Arial, Helvetica, sans-serif;
display: inline;
list-style-type: none;
}

#navlist a { padding: 3px 10px; }

#navlist a:link, #navlist a:visited
{
color: #fff;
background-color: #999999;
text-decoration: none;
}


#navlist a.yourhere { padding: 3px 10px; }

#navlist a:link.yourhere, #navlist a:visited.yourhere
{
color: #fff;
background-color: #000000;
text-decoration: none;
}
#mainbody{margin:1em 0em 0em 0em;
}
#mainbodyc{margin:1em 0em 0em 0em;
}

#mainbodyclients{margin:0em 0em 0em 0em}

#mainbodyabout{margin:1em 0em 0em 0em;
}
#navlist a:hover
{
color: #fff;
background-color: #cccccc;
text-decoration: none;
}


#flash{
position:absolute;top:0;left:100;
float:left;
z-index:0;}


#text{font-family:arial; 

color:gray;

font-size:.6em;
z-index: 2000;

}



#pic{margin-left:20px;margin-right:20px;}
#hr {position:relative; top:0em;left:0;padding:1em;color:#cccccc;margin:0em;}

#picb{margin:1em 0em 0em 0em; position:absolute; top:350;}


#picbintro{margin:7em 0em 0em 0em;}


#navlistbottom 
{
font-family:arial; 
color:gray;
font-size:.6em;
display: inline;
list-style-type: none;
margin-left:auto;
margin-right:auto;
position:absolute; top:500;right:350;
float:left; 
}
#navlistbottomabout 
{
font-family:arial; 
color:gray;
font-size:7pt;
display: inline;
list-style-type: none;
margin-left:auto;
margin-right:auto;
position:absolute; top:500;right:350;
float:left; 
}
#navlistbottomclients 
{
font-family:arial; 
color:gray;
font-size:.6em;
display: inline;
list-style-type: none;
margin-top:0em;
margin-left:auto;
margin-right:auto;
position:absolute; top:500;right:350;
float:left;
}
#navlistbottomcont 
{

display: inline;
list-style-type: none;
margin-top:0em;
margin-left:auto;
margin-right:auto;
position:absolute; top:550;
float:left;
}

#omz{position:absolute;z-index:-1;}

#navlistbottomindcontoutside{
position:absolute; top:550;}
#navlistbottomindcontainer
{

font-family:arial; 
color:gray;
font-size:7pt;
z-index:0;}

#navlistbottomcontcontainer
{

font-family:arial; 
color:gray;
font-size:7pt;}



 
#navlistbottom  a:link {color : gray; text-decoration : none; }
#navlistbottom  a:visited {color:gray;  text-decoration:none; }
#navlistbottom  a:active { color:gray;  text-decoration:none; }
#navlistbottom  a:hover { color:black;  text-decoration:none; }

#contact{font-size:11pt;}

#arialround {font-family:ArialRoundedMTBold;color : gray;  }

img {
    max-width: 100%;
}

/* New */

.respond-div {
    width: 100%;
    max-width: 766px;
    margin: auto;
}
.respond-div-narrow {
    width: 100%;
    max-width: 700px;
    margin: auto;
}
.row.footer {
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
    align-items: center;
}

.col.col-links {
    text-align: left;
}

.col.col-ppa {
    text-align: right;
}

div#animation {
    max-width: 620px;
    width: 100%;
}

div#animation img#image {
    width: 100%;
}

.d-flex {
    display: flex;
}
.space-between {
    justify-content: space-between;
}
.team-grid .team-row .col {
    width: 33%;
}

.topnav {
    background-color: #333;
    overflow: hidden;
  }
  
/* Style the links inside the navigation bar */
#navcontainer a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 6px 10px;
    text-decoration: none;
    font-size: 17px;
    margin: 2px;
}

#navlist a.yourhere {
    padding: 6px 10px;
}

/* Change the color of links on hover */
#navcontainer a:hover {
    background-color: #ddd;
    color: black;
}

/* Add an active class to highlight the current page */
#navcontainer a.active {
    background-color: #04AA6D;
    color: white;
}

/* Hide the link that should open and close the topnav on small screens */
#navcontainer .icon {
    display: none;
}

.row.left-col {
    display: flex;
    max-width: 588px;
}

.row.clients-outer {
    display: flex;
}

.col.mag-info {
    max-width: 50%;
}
.col.other-links {
    padding-right: 30px;
}
.row.clients-outer {
    display: flex;
    padding: 20px;
}
div#client_mag P {
    text-align: center;
}

@media(max-width: 767px){
    div#animation img#image {
        width: 100%;
        transform-origin: right;
        transform: scale(1.15);
        margin: 30px 0;
    }
    .col.other-links {
        font-size: 14px;
    }
    
    .col.other-links a {
        margin-bottom: -8px;
        display: block;
    }
    .col.mag-info {
        font-size: 13px;
    }
    .row.footer {
        flex-wrap: wrap;
        justify-content: center;
    }
    .row.clients-outer {
        display: block;
    }
    .row.footer .col {
        width: 100%;
    }
    .col.col-links , .col.col-ppa {
        text-align: center;
        padding: 15px 0;
    }
    #navcontainer a, #navlist a.yourhere {
        width: 100%;
        padding: 5px 0px;
    }
    
    ul#navlist {
        padding: 0;
        margin: 0;
    }
    #navlist li {
        float: none;
        display: flex;
    }
    #navcontainer a {
        margin: 2px 0;
    }
    #navlist>li {
        display: none;
    }
    .open #navlist>li {
        display: flex;
    }
}

@media(max-width: 600px) {
    /*#navcontainer li:not(:first-child) { display: none; }*/
    #navcontainer a.icon {
      float: none;
      display: block;
    }
    .team-grid .team-row .col {width: 100%;}

.row.d-flex.team-row {
    display: flex;
    flex-wrap: wrap;
}
.row.d-flex.space-between {
    flex-wrap: wrap;
}
  }
  
  /* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
  @media(max-width: 600px) {
    #navcontainer.responsive { position: relative;}
    #navcontainer.responsive a.icon {
      position: absolute;
      right: 0;
      top: 0;
    }
    #navcontainer.responsive a {
      float: none;
      display: block;
      text-align: left;
      margin: 0px;
    }
  }