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

  #top {
  float:right;
  position:fixed;
  bottom:5px;
  color:#fff;
  width:60px;
  background: #0404B4;
  height:20px;
  right:5px;
  z-index:10;
  }
  
  iframe, form, table, table.ccfree{
    width:90%;
    max-width:300px;
  }

  body {
    margin:0; 
    padding:0 10px 0 10px; 
    border:0; 
    font-size: 14px; 
    font-family: Geneva, Arial, Helvetica, san-serif; 
    font-weight: normal; 
  }

  h1, h2 { 
    color:#C00000; 
    font-size: 18px; 
    text-transform:uppercase; 
    text-align: center;
  }

  img.gallery {
    width:100%;
    max-width:355px;
  }


  img.gallery2 {
    width:100%;
    max-width:232px;
  }

  h2 { 
    color:#585858; 
    font-size: 14px; 
  }


  #logo img {
    width:100%; 
    max-width:500px; 
    align:left;
    text-align:right;
    color: #E905BB;  
  }


  img.main {
   width:100%
  }


  #left, #right {
    min-width:100PX;
    width:100%;
    display:inline-block;
  }

  
  #left a.head, #right a.head {     
    width:100%;
    display:inline-block;
    color:#C00000;
    font-weight: bold;
    font-size: 14px; 
    text-align:center;
    text-transform:uppercase;
    text-decoration:none; 
  }


  #left a.head:hover, #right a.head:hover {
    color:#0404B4; 
  }

  
  #left img, #right img {
    width:100%;
  }


  #services {
    width:100%;
    display:inline-block;
    position:relative;
    text-align:center;
    border-top:15px solid #fff;
   }


  #services a {
    width:240px;
    height:30px;
    text-align:left;
    display:inline-block;
  }


  #clientlist li {
    width:320px;
    height:30px;
    list-style-type: none;
    text-align:left;
    color:#585858;
    display:inline-block;
  }

  #services img {
    width:20px;
  }


  #services a:hover {
    color:#C00000;
  } 


  #logo { 
    float:left; 
    position:relative; 
    margin-top:0px; 
    text-align:left;
    margin-bottom:10px;
    width:100%; 
    background-color: #FFF;
    z-index:50;
  }


  #nav {
    float:left; 
    position:relative; 
    top:0px; left:0px; 
    width:100%; 
    font-size:12px; 
    text-align:center; 
    color: #FFF; 
    background-color: #FFF;
  }

   
  #nav a {
    float:center;
    text-align:center; 
    width:126px;
    height:20px;
    background: #0404B4;
    position:relative;
    display:inline-block; 
    text-decoration:none; 
    line-height:20px;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    color:#FFF;
    padding-top:2px;
    padding-bottom:2px;
    border:2px solid #fff;
  }


  #nav a.active {
    background: #C00000;
  }


  #nav a:hover {
    background: #FFF;
    color:#0404B4;
  }



  #address{ 
    float:left; 
    position:relative; 
    top:0px; left:0px; 
    width:99%; 
    font-size:14px; 
    text-align:center; 
    height: 30px; 
    margin-bottom:10px;
    color: #FFF; 
    background-color: #C00000;
    box-shadow: 5px 5px 5px hsla(360, 100%, 50%, 0.5);
    padding: 5px 5px 5px 5px;
    border-radius: 2em 2em 2em 2em;
    z-index:100;
  }


  #address a{ 
    text-decoration:none; color: #FFF;
  }

  
  #address a:hover{ 
    text-decoration:none; color: #0404B4;
  }

  #footer a.blue {
    text-decoration:none; color: #0404B4;
    font-size:14px;
  }


  #footer a.blue:hover {
    text-decoration:none; color: #C00000;
    font-size:14px;
  }


  p {
    width: 95%; margin-left:2.5%; color:#585858;
  }

  
  a, a:visited {
    color:#0404B4;
    text-decoration:none;  
  }

  
  .email2 {display:none; }
	

  #main{
    float: top;
    margin: auto; 
    height: 98%;
    max-width: 750px;
    margin-top: 1em;
    background: white;
    color: black;
    padding: 1em 1em 1em 1em;
    text-align: center; 
  }



  @media screen and (min-width:450px) {
    #left {float:left; width:48%;}
    #right {float:right; width:48%;}
}

  @media screen and (max-width:600px) { 
    #address {height:45px;}
    .email1 { display:none; } 
    .email2 { display:inline; } 
  }