h1{
  color:white;
  font:italic normal 24pt arial black;
  text-shadow: rgba(0,0,0,1) 0 1px 4px;
}

h2{
  font:normal bold 20pt arial  ;
  color:#666666;
}

h3{
  font:italic bold 18pt arial  ;
  color:gray;
}

.company{
	font-family: verdana,arial,helvetica;
	font-size: 15px;
	color: #FFFFFF;
	font-weight:bold;
}

.slogan {
	font-family: verdana,arial,helvetica;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
}

.magin {
	padding:5px;
}
table { 
	font-size:100%;
} 
body { font-size:76%;
    font:normal normal 10pt Verdana,sans-serif;
    margin:0;
	padding:0;
	color:#FFFFFF;
	background:url(images/bg/big-ben-and-parliament.jpg) no-repeat left top fixed #333333;

}

.main {
    display:block;
    margin:0px auto;
    width:100%;
    text-align:center;
   }

.mobileOnly div{ display:none;}

.content{
    display:block;
    margin:10px auto;
    background:white;
    color:#333333;
    width:900px;
    padding:20px;
    max-width:90%;
    border-radius:15px;
   }
.contentT{
    display:block;
    margin:10px auto;
    background:transparent;
    color:#333333;
    width:900px;
    padding:20px;
    max-width:90%;
    border-radius:15px;
   }

.outerContainer{
    display:block;
    margin:0px auto;
    width:100%;
    text-align:center;
    border:0pt solid black;

}

.threeColumn{
    display:inline-block;
    margin:10px auto;
    vertical-align:top;
    color:#0055a5;
    width:250px;
    height:375px;
    padding:5px;
    background:#e8e8e8;
    border-radius:15px;
    border-right:1pt solid #d8d8d8;
    border-bottom:1pt solid #d8d8d8;
}

#call .call {
    max-width:96%;
    float:right;
}

#call .callButton{
     height:40px;
     box-shadow: rgba(1,1,1,1) 1px 1px 1px;
     background:#003A70;
}
#call .callText{
     font:normal bold 18pt Brush Script Std;
     text-shadow: rgba(0,0,0,1) 0 1px 4px;
}


p{
    text-indent:10px;
    text-align:justify;
    margin:20px;
}

.divLeft{
        display:inline-block;
        width:50%;
        text-align:center;
}
.divRight{
        float:right;
        width:49%;
        text-align:center;
}

a:link {color:white;font:normal bold 10pt arial;text-decoration:none;cursor:hand;}
a:visited {color:white;cursor:hand;}
a:hover {color:white;cursor:hand;}
a:active {color:white;cursor:hand;}

.map{
    margin:20px;
    width:425px;
    height:300px;
    float:right
}

.calendar {
  width:100%;
  height:930px;
  border:0;
}

li {
  text-align:left;
}
 img         { max-width:96%;}

#testimonials p{
  text-indent:0px;
  font:normal normal 10pt comic sans,arial;
}

button {
    margin:5px 20px 5px 0px;
    text-decoration: none;
    font: normal normal 10pt arial;
    display: inline-block;
    padding: 8px 8px;
    background: #003A70; color: white;
    border:2pt solid #5F91D3;
    border-radius:15px;
    cursor:hand;
}
button a:hover{
color:yellow;
cursor:hand;
}

.likeAbutton:active {
    border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}

.padding{ 
	padding-top:10px;
	padding-left:11px;
	padding-right:11px;
}
.border{ border:#000000 solid 1px;}
.bgmenu{ 
	background-image: url(images/bgmenu.jpg); 
	background-position:top; 
	background-repeat:repeat-x;
	background-color:#BABABA;	
}
.bgtop{
	border:#000000 solid 1px; 
	background-image: url(images/bgtop.jpg);
}
.bgbottom{ background-image: url(images/bgbottom.jpg);}
.bgbody{ background-color:#000000;}
.line01{ background-image: url(images/line01.jpg);}
.line02{ background-image: url(images/line02.jpg);}
.line03{ background-color:#005380;}

.buttonNav {
    margin:0px;
    background:#003A70;
    height:70px;
    width:110px;
    border:2px solid #005380;
    /*border-top:1px solid white;*/
    padding:0px;
    box-shadow: rgba(1,1,1,1) 1px 1px 1px;
    font:Italic normal 10pt arial;
    color:white;
    border-radius:5px;

    vertical-align:top;
    line-height:20px;
    cursor:pointer;
    margin-bottom:5px;
/*    -ms-transform: skew(9deg,0deg);
    -webkit-transform: skew(9deg,0deg);*/
    /*transform: skew(-9deg,0deg);*/
    text-shadow: rgba(0,0,0,1) 0 1px 4px;
/* SVG as background image (IE9/Chrome/Safari/Opera) */
/*background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc3MzciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIxMDAlIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzAwNTVhNSIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIyMzMDMwMzAiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c3MzcpIiAvPgo8L3N2Zz4=);*/
}
.buttonNav:hover {
    box-shadow: rgba(1,1,1,1) 1px 1px 4px;
    border: 2pt outset white;

}

/*Begin Mobile-Desktop*/
html {
  height: 2000px;
}
.mobile {
  display: none;
  position: fixed;
  width: 100%;
  top: 0;
}
.mobile div {
  display: none;
}
.mobile .toggle {
  position: absolute;
  top: 18px;
  right: 25px;
  border: 0;
  text-indent: 200%;
  overflow: hidden;
  background: rgba(255,255,255,0.8) url("./images/hamburger.jpg") center no-repeat;
  border: 1px solid #ddd;
  border-radius: 3px;
  background-size: 100%;
  width: 30px;
  height: 30px;
  outline: none;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;

}
.mobile .toggle.expanded {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  background-color: transparent;
  border: 0;

}
.mobile a {
  display: block;

}

.desktop {
  display: block;
   overflow: hidden;
}
.mobileCall{
    display: none;
  }
.phone {
    display: none;
  }

@media (max-width:400px) {
    #call .callButton{  height:80px;}
    .mobileOnly { display:block;}
    .mobileButton      {
                    display:inline-block;
                    background:#0055A5;
                    width:150px;
                    height:200px;
                    color:red;
                    border:2px solid blue;
                    text-shadow: rgba(0,0,0,1) 0 1px 4px;
                    margin:0px;
                    padding:0px;
                    border-radius:8px
                    }
    .content    { width:96%;padding:2%;border:0px;font-size:9pt}
    .phone {display: inline-block;width:96%;margin:0px auto;}
    .phoneOnly {display: inline-block;}
    .desktopDevice {display: none;}
    div { width:98%;}
    .desktop {display: none;}
    img         { max-width:100%;}
    .divLeft{
        display:block;
        width:100%;
        }
    .divRight{
        float:none;
        width:100%;
        }
  }

  @media (max-width:768px) {
    body{ background-size:1300px;}
    .mobileButton      { background:#0055A5;width:70%;height:60px;color:white;border:1px solid #3D74FF;   text-shadow: rgba(0,0,0,1) 0 1px 4px;margin-bottom:0px;
    font:normal normal 14pt Arial;
    /* SVG as background image (IE9/Chrome/Safari/Opera) */
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc3MzciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIxMDAlIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzAwNTVhNSIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIyMzMDMwMzAiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c3MzcpIiAvPgo8L3N2Zz4=); }
    .mobile { display: block;z-index:1;}
    .desktop {display: none;}
    .mobile div {  display: none;}
    .content    { width:96%;padding:2%;}

    img         { max-width:96%;}
    .phoneDisplayOnly   { display:block;}
    .mobile        { display:block;}
    .noPhoneDisplay     { display:none;}
    }
 @media (max-width:1025px) {
   .mobile div {  display:none;}
   }

 @media (max-width:1700px) {
    /*button      { background:#0055A5;width:200px; }*/

  }