@font-face {
    font-family: sans;
    src: url(./OpenSans-Italic.ttf);
}
@font-face {
    font-family: Font2;
    src: url(./IBMPlexSerif-ExtraLight.ttf);
}

@font-face {
    font-family: Fontsans;
    src: url(./OpenSans-Regular.ttf);
}
@font-face {
    font-family: ralewaylight;
    src: url(./Raleway-Light.ttf);
}
                   
 body {
 font-size: 28px;

}

.transparent {
    
    width: 90%;
    display: block;

    
    overflow:hidden;
   
   color:black;
   font-size: 70%;
   
   padding:10px;
   
}





.plainbox {
    
    width: 90%;
    display: block;
border: 5px solid black;
    overflow:hidden;
   background-color: #E2E6D4;
   color:black;
   font-size: 90%;
   margin:auto;
   

   
}







.box {


background: #EA4848;
width: 90%;
display: block;
margin: auto;

border-radius: 50px;
overflow:hidden;

color:White;
font-size: 100%;
padding: 20px;

    
}


/************ email *****/
#mainemail {
width: 100%;


background-color: #F2F2F2;


}

#tour {
text-align:center;
margin:auto;
display:block;
font-size: 100%;
}


#submit {
background-color: white;
box-shadow: 3px 3px 5px #535353;
border-radius: 6px 6px 6px 6px;
}

.labelcontact{
border-radius: 10px;
align: left;
text-align: left; 
background-color: #F5A9F2;
display: inline-block;
width: 50%;

margin-left: 0px;
font-size: 100%; 
font-family:sans;

}



#mailbox{

box-shadow: 3px 3px 5px #535353;
border-radius: 6px 6px 6px 6px;
width: 80%;

background-color: #F781F3;
text-align: center;
margin: auto;

}

.mailfield{
    
    width: 80%;
    font-size: 80%;
}


/***********  top page  ****/


 
#sliderimage{
display: block;
margin: auto;

width: 80%;
}
/* slider div needs to be 100%  */
#slider{
width:100%; 

}

.d3{
font-size: 95%;
height: 35px;
width: 150px;
background-color: purple;

font-family: Font2;
display: inline-block;
/* float: left;  */
color: white;
border:4px solid white;
box-shadow: 0 3px 10px #777;
margin:1px;
overflow: hidden;
}


.mainintro {
font-family: Font2;
color: black;
font-size: 100%;
width: 80%;
margin: auto;
}

.hiddenlinks {
overflow: scroll;
color: black;
font-size: 50%;
width: 80%;
margin: auto;
height: 70px;

}


#address {
font-family: Fontsans;
color: purple;
font-size: 100%;
text-align: center;
}

#companytitle {
clear: both;
font-size:250%;
color:Purple;
font-family:font2;
text-align: center;
}


#price {
font-family: Font2;
color: black;
font-size: 100%;
width: 80%;
margin: auto;
text-align: center;

}
#corpimage{

width: 50%;
display: block;
    margin-left: auto;
    margin-right: auto;
        
}
#layoutimage{

width: 70%;
display: block;
    margin-left: auto;
    margin-right: auto;
        
}

.inspiration{

width: 60%;
display: block;
    margin-left: auto;
    margin-right: auto;
        
}


.picwide{

width:80%;
display: block;
    margin-left: auto;
    margin-right: auto;
}

.piclong{

width:50%;
display: block;
    margin-left: auto;
    margin-right: auto;
}

.centerlink {
text-align:center;
margin:auto;
display:block;
font-size: 100%;
}





/**** contract  ***/

#contract {
font-family: 'Open Sans', sans-serif;
display:block;
margin:auto;
width: 80%;
font-size:100%;
}


.contlab
{
width:70%;
}


.contfield
{
box-shadow: 3px 3px 5px #535353;
border-radius: 6px 6px 6px 6px;
width:70%;
font-size: 100%;
}

.contfieldshort
{
box-shadow: 3px 3px 5px #535353;
border-radius: 6px 6px 6px 6px;
width:40%;
font-size: 100%;
}

.contagr
{
box-shadow: 3px 3px 5px #535353;
border-radius: 6px 6px 6px 6px;
width:80%;

font-size: 100%;
font: ralewaylight;
background-color: #79919a;
}

.rentalagr{
background-color: #D8D8D8;
}

.radiobutton {
width: 2em;
height: 2em;
}

.menucontainer
{
width:80%;
margin: auto;
text-align: center;
}



#submitcontract {
background-color: white;
box-shadow: 3px 3px 5px #535353;
border-radius: 6px 6px 6px 6px;
}

#submitalcohol {
background-color: white;
box-shadow: 3px 3px 5px #535353;
border-radius: 6px 6px 6px 6px;
}
#clearbutton {
background-color: white;

border-radius: 6px 6px 6px 6px;
}
/******************* map css  **/


  
    



     .Textb {
    width: 80%;
    box-shadow: 3px 3px 5px #535353;
    border-radius: 6px 6px 6px 6px;
    background-color: white;
    font-size: 100%;
        }
   .mapbutton {
  
    background-color: blue;
    font-size: 100%;
    color: white;
    box-shadow: 3px 3px 5px #535353;
   border-radius: 6px 6px 6px 6px;
           }


/** calendar **/

.frame {
height: 600px;
width: 100%;

}
/** paypal **/

#paypalimage {

}

#myCanvas {

border:1px solid #000000;
background-color:#f2f2f2;

}
.videos{

margin-left:auto;
margin-right:auto;
display: block;
}


.shellpage {
    width: 80%;
    margin: auto;
    
}



#map {
       width: 80%;
       margin: auto;
       height: 500px;
}
 
#directionsPanel
{
       width: 80%;
       margin: auto;
       height: 700px;
}