body{  
margin:0px auto;
padding: 0px;  
text-align:center;  background-color:#fff;  
}
  
  
#colwrapper {text-align:center; 
  margin:0px auto;  padding: 0px auto  0px auto; 
	overflow: hidden; max-width:100%; width:100%; 
    background-repeat: no-repeat;   
    background-image: url("../bkg.jpg");  
}

/************************************************************************************
LOGO COLUMNS
*************************************************************************************/
#col {
	background: #fff;
	float: left;
	margin: 0px 10px 0px 0px;
	margin-bottom: 20px;background: #19361c;  
}

/* grid3 col */
.grid3 .col1 {  float:left;
	width: 500px;margin:10px 10px 10px 20px;	background: transparent;   
} 
.grid3 .col3 {
	width: 29.4%; background: transparent;float:right; margin: 15px 20px 10px 0px;font:500 14px arial,helvetica,san-serif;color:#000; text-align:right;  padding-top:10px; 
}
.grid3 .col3 br { display:inline;}
/* clear col */
.grid3 .col:nth-of-type(1n+1) {
	margin-left: 0; 	background: #fff;
}

.col2 h1{
 background:transparent;float:left;  text-align:left;margin:0px;padding:0px 0px 15px 0px ;font:400 24px 'Lancelot', 'Righteous', 'hobo std',  serif; color:#000; font-style:italic; 
}
  
.colwrapper a {
 color:#000;text-align:right; background:transparent; text-decoration: none;
}
.colwrapper a:hover {
 color:#913125 ;text-align:right;   background:transparent;text-decoration: underline;
}



 
 
  

  
   
  
  
@media screen and (max-width:820px)
{  

#colwrapper {text-align:center; 
  margin:0px auto;  padding: 0px 0 3px 0; 
	overflow: hidden; max-width:100%; width:100%;   
}
     
.grid3 .col3 { float:none;   font:500 12px arial,helvetica,san-serif;color:#000;  
line-height: 17px; max-width:100%;width:100%; padding:0px margin:0px; }


/* grid3 col */
.grid3 .col1 { float:none;  text-align:center;margin:0px auto;padding:0px;
	width: 100%; max-width:100%; background: transparent;  
} 



.grid3 .col3 {
	width: 100%; max-width:100%;  background: transparent; float:none;  text-align:center;margin:0px auto; padding:0px 8px 10px 8px;  font:500 13px arial,helvetica,san-serif;color:#000;  padding-top:0px; 
line-height: 15px;}

.grid3 .col3 br { display:none;}
      
.grid3 .col3 img { display:none;}
}
  
    


@media screen and (max-width:400px)
{  
.grid3 .col3 {
	width: 100%;  background: transparent; float:none;  text-align:center;margin:0px auto; padding:0px 10px 5px 10px;  font:500 12px arial,helvetica,san-serif;color:#000;  padding-top:0px; 
line-height: 20px;}
}
 
 
 

@media screen and (max-width:380px)
{ 
 
.grid3 .col2 {
	width:100%;	background:transparent; float:none;  text-align:center;margin:0px auto;padding:0px; font:900 35px 'Lancelot', 'Righteous', 'hobo std',  serif;color:#000;    
}  
     
.col2 h1{
background:transparent;  float:none;  text-align:center;
 margin:0px auto; padding:0px; 
 font:600 12px 'Lancelot', 'Righteous', 'hobo std', serif;color:#000;    
}
 
.grid3 .col3 {
	width: 100%;  background: transparent; float:none;  text-align:center;margin:0px auto; padding:0px 10px 5px 10px;  font:500 12px arial,helvetica,san-serif;color:#000;  padding-top:0px; 
line-height: 20px;}
}
 
 
  

#wrapper {  
max-width:100%; 
margin:0px auto; 
  background:#ffffff;  
padding:0px;  width:100%;
}
 

#temparea {   
z-index:1000;
max-width:100%;   
margin:10px auto 0px auto;
padding:0px ; 
  background:#ffffff; 
}
 
#temparea {  
 width:100%;  margin-top:20px; 
    
}
  
#content {  text-align:center;
max-width:1200px;  margin:10px auto 20px auto; 
padding: 0px;  
background:#fff;   
z-index:1000;
}
  

/* coverpic */


  
#vacaheader { text-align: center; 
font: bold 15px verdana,arial,helvetica; 
color:#ffffff; 
background: #6f0e0e; 
margin: 15px auto; padding: 0px; }




  
#imageright {float:right; text-align:right; max-width:475px;  width:100%; margin:0px 0px 5px 20px; padding:10px 0 10px 0; } 


#imageleft {float:left; text-align:left; max-width:475px;  width:100%; margin:0px 20px 5px 0px; padding:10px 0 10px 0; } 



#picbox { float: right; background:transparent; margin:0px 0px 10px 20px; padding: 0px; }
 
 
  
#center {   margin:0px auto; padding: 0px; }


/* bottomaddressbox */
  
#boxbottom {  
max-width:100%; border-top:3px solid #bd7329;border-bottom:1px solid #bd7329;
margin:0px auto;
padding: 0px auto ; 
background:#fff;  
    background-repeat: no-repeat;   
    background-image: url("../bkg.jpg");  
}


 
#address {
 text-align: center; 
 font: 700 14px 'Open Sans', sans-serif;
 margin:10px auto 0px auto; 
 padding:0px;   color: #000;
 background: transparent;  text-decoration: none; line-height: 22px; 
}
  
    
#address1 {
 text-align: center; 
 font: 400 12px verdana, arial, helvetica, sans-serif;
 margin:0px auto 5px auto; 
 padding: 0px;   color: #000;
 background: transparent;  text-decoration: none;  
} 
#address a {    color: #000;
 background: transparent; 
}
 
#address a:hover { color: #000;
 background: transparent; 
}
    
  
h1 {  text-align:center; font: bold 15px verdana, arial, sans-serif; 
margin: 0px; padding:0px 0px 10px 0px;  color: #000; background:transparent;  }

h2 {  text-align:left; font: normal 13px verdana, arial, sans-serif; 
color: #000000; margin:12px 0px 10px 0px; padding:0px; color: #000000; background:transparent; line-height: 20px;} 

h3 {  text-align:center;  font: bold 12px verdana, arial, sans-serif; 
margin:0px 0px; padding:0px;  color: #000; background:transparent;}
  
  
  

  
  #logo {  
  text-align:left;  
 margin: 10px auto 0px auto; 
  padding: 0px 0px 0px 10px;  
color: #913125;  letter-spacing:5px;
  font: normal 85px  "Alegreya", Ariel, Verdana, Helvetica;  max-width:100%;
  text-transform: uppercase; line-height:75px; letter-spacing: -0.5px;
 } 
  

#logobyline {   text-align:left;  
   margin: 10px auto 0px auto; 
  padding: 0px 0px 0px 17px;  
color: #000;  
  font: normal 35px "Roboto",verdana,helvetica,sans-serif;letter-spacing:2px;
   background:transparent;   
 }  
 

 

.tabtextbold{text-align:left;font:700 13px verdana,arial,sans-serif;margin:10px;padding:4px 0px 3px 5px;color:#000;border:1px solid #000000;width:20%}

.tabtext{text-align:left;font:400 14px verdana,arial,sans-serif;margin:10px 0px 10px 0px;padding:4px 0px 3px 5px;color:#000;border:1px solid #000000; } 


#return { clear:both;  text-align:center; font: normal 10px verdana, arial, helvetica, san-serif;  color: #000000; padding: 10px 0px 10px 0px;   cursor: pointer; background: transparent;}

#return a {
color: #000000;
text-decoration: underline;
}
 
#return a:hover {
color: #000;
text-decoration: none;
}

 table { 
  width: 100%;  margin:0px auto; text-align:center;
  padding:0px;
  border-collapse: collapse; 
}
 
 

form input[type=text], input[type=url], input[type=email], input[type=password], input[type=tel] { max-width:95%;min-width:95%; 
  display: block;
  margin: 0px; padding:2px;
  width: 100%; height: 20px;
  line-height: 10px;  
  border: 1px solid #bbb;
}
   

form input[type=submit], input[type=reset] { margin: 1px 2px;  
  max-width: 92%;width: 70px; float:left; color:#000; }
 
 
 
 




.spacer {
width:740px;  
margin : 10px 0px auto;
padding : 0px;
background :#ffffff;
}
 
  
 
   
#byline {
text-align:center;
color: #000;
font: normal 9px verdana, arial, helvetica, sans-serif;
background-color: transparent;
padding: 0px 0px 0px 0px;
margin: 10px auto 9px auto;}
 

#byline a {
color: #000;

}

#byline a:hover {
color: #000;


}
 


#stats { text-align:center; 
font: normal 9px verdana,arial,helvetica,san-serif; 
color: #000; 
background-color: transparent;
margin:0px auto;
padding-top:20px;}


 
  
  
  


/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 4680px)  and  (min-width: 580px)

{ 
 
#callus { 	display: none;  padding:0px; margin:0px;
} 

 } 

  


 
/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 580px) {
  
  

#callus { display: block; width:100%;
 text-align: center;  color: #000;
 font: bold 11px verdana, arial, helvetica, sans-serif;
 margin:6px auto; 
 padding:9px 3px 9px 3px;   
 background: #4a0800;   -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;max-width:95%; 
min-width:95%;
}

#callus a { 
 padding:0px; margin:0px;  color: #fff; text-decoration:none;
 background: transparent;
}
  
 
 #callus a:hover { 
 padding:0px; margin:0px;  color: #ffea00; text-decoration:none;
 background: transparent; text-decoration: underline;
}
 

}

 





/* Responsive iFrame */
 
.responsive-iframe-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px;
    height: 0; max-width:96%;
     text-align:center; 
     margin:10px auto 20px auto;
}
 
.responsive-iframe-container iframe,  
.vresponsive-iframe-container object, 
.vresponsive-iframe-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

   
     

/*Media Queries styles for screen 680px and lower*/
@media screen and (max-width: 1280px) 

{ 
#content {  

   text-align:center; width:97%;  margin:0px auto;  padding:5px; 
}	 

  

/*Media Queries styles for screen 940px and lower*/
@media screen and (max-width: 5000px)  and (min-width: 600px) 

{  
 
#stats {  display: none;visibility:hidden; 
}
    
} 



@media screen and (max-width:820px){ 
  
#logo {   float:none; text-align:center;  
   margin: 0px auto;    padding: 20px 0 10px 0;  
  font: bold 75px  "Alegreya", Ariel, Verdana, Helvetica;  max-width:100%;   line-height: 52px; letter-spacing:5px; line-height:49px;
 } 
 

#logobyline {   float:none;text-align:center;  
   margin:0px auto;
  margin: 0px 0px 10px 0px;  
color: #000;
max-width:100%;
  font: normal 25px "Roboto",verdana,helvetica,sans-serif;letter-spacing:2px; 
 }   
}



@media screen and (max-width:530px){ 
  
#logo {   float:none; text-align:center;  
   margin: 5px auto 0px auto;    padding: 0px;  
  font: bold 59px  "Alegreya", Ariel, Verdana, Helvetica;  max-width:100%;   line-height: 52px; letter-spacing:5px; line-height:49px;
 } 
 

#logobyline {   float:none;text-align:center;  
 margin: 3px auto 0px auto;    padding: 0px;  
color: #000;
max-width:100%;
  font: normal 25px "Roboto",verdana,helvetica,sans-serif;letter-spacing:0px; 
 }  
 
 .grid3 .col3 {
  margin: 10px auto 0px auto;
 font:500 12px arial,helvetica,san-serif;color:#000;  
}

 
}
 
   

@media screen and (max-width:450px){ 
  
#logo {   float:none; text-align:center;  
   margin: 5px auto 0px auto;    padding: 0px;  
  font: bold 49px  "Alegreya", Ariel, Verdana, Helvetica;  max-width:100%;   line-height: 52px; letter-spacing:0px; line-height:49px;
 } 
 

#logobyline {   float:none;text-align:center;  
 margin: 1px auto 0px auto;    padding: 0px;  
color: #000;
max-width:100%;
  font: normal 22px "Roboto",verdana,helvetica,sans-serif;letter-spacing:2px; 
 }  
 
 .grid3 .col3 {
  margin: 10px auto 5px auto;
 font:500 12px arial,helvetica,san-serif;color:#000;  
}

 
}
 


@media screen and (max-width:520px){
   

#imageright {float:none; text-align:center; max-width:100%;  width:100%; margin:10px auto; padding:0px; } 

#imageleft {float:none; text-align:center; max-width:100%;  width:100%; margin:10px auto; padding:0px; } 
        
 
}

 


/*Media Queries styles for screen 680px and lower*/
@media screen and (max-width: 680px) 

{ 

 
#tags {  display: none;visibility:hidden; 
}
 

}
   
   
 
  

   


/*Smartphone*/
@media only screen and (max-width : 380px) {

body {   
  padding-top:1px;
} 



.gridtextbkg {
  text-align:center;
  color: #000;
  font: bold 9px verdana, arial, helvetica, sans-serif;
  background-color:#003300;
   padding:1px;
  margin:0px;
}
 
.gridtextbold {
  text-align:center;
  color: #00000; 
  font: bold 9px verdana, arial, helvetica, sans-serif;
  background-color:transparent;
   padding:1px;
  margin:0px;  
}

.gridtext {
  text-align:center;
  color: #000000;
  font: normal 9px verdana, arial, helvetica, sans-serif;
  background-color:transparent;
   padding:1px;
  margin:0px;
}
 
.gridtextbold1 {
  text-align:left;
  color: #00000; 
  font: bold 9px verdana, arial, helvetica, sans-serif;
  background-color:transparent;
  padding:1px;
  margin:0px;
}

.gridtext1 {
  text-align:left;
  color: #000000;
  font: normal 9px verdana, arial, helvetica, sans-serif;
  background-color:transparent;
   padding:2px 3px;
  margin:0px;
}





#mouseroll {  text-align:center; 
margin:0px auto !important; 
	font-style:italic !important; 
font: 10px verdana, arial, helvetica, san-serif;  
color: #000000; padding: 1px 0px 7px 0px ;  
background:transparent;}
 
    
    
    
.imageleft {  text-align:center; margin:0px auto; padding: 0px; border:1px solid #000; max-width:100%; min-width:100%;  } 

.imageright { text-align:center; margin:0px auto; padding: 0px; border:1px solid #000;max-width:100%; min-width:100%;   }
 
.imagecenter { text-align:center; margin:0px auto; padding: 0px; border:1px solid #000;max-width:100%; min-width:100%;  } 
 

.imagecenternoborder { text-align:center; margin:0px auto; padding: 0px; max-width:100%; min-width:100%; } 

#imageleft {  text-align:center; margin:0px auto; padding: 0px;max-width:100%; min-width:100%;    } 

#imageright { text-align:center; margin:0px auto; padding: 0px 0 10px 0;   max-width:100%; min-width:100%; }
 
#imagecenter { text-align:center; margin:0px auto; padding: 0px; border:1px solid #000; max-width:100%; min-width:100%; } 
 
#imagecenternoborder { text-align:center; margin:0px auto; padding: 0px; max-width:100%; min-width:100%; } 
  
  
.imagerightcap {  text-align:center; margin:0px auto; padding: 0px;  max-width:100%; min-width:100%; }
    
    
.imageleftcap {  text-align:center; margin:0px auto; padding: 0px; max-width:100%; min-width:100%; } 
 
 

h1 { text-align:center; 
font: bold 15px verdana, arial, helvetica, san-serif;   color: #000000;  
margin:0px auto;   padding:5px 0px 10px 0px; }
 
h2 { text-align:left; font: 12px verdana, arial, helvetica, san-serif;  color: #000000; background:transparent; margin:0px 5px 0px 10px;  padding:10px 0px 2px 0px; }


h3 {text-align:center;
	font: strong 12px verdana, arial, helvetica, sans-serif;
	color: #074338;
	padding: 10px 0px 5px 0px;
    margin:0px;}
 
h4 {text-align:left;
	font: normal 12px verdana, arial, helvetica, sans-serif;
	color: #003300;
	padding: 10px 0px 5px 0px;
    margin:0px;}
     

	#navbottom { display: none; 
	}
	
	
	
 
 #address { 
text-align: center; 
color: #000;  
}
 

 #address1 { text-align: center; 
margin:0px 0px 5px 0px; padding:0px 0px 20px 0px;
border-bottom:1px solid #000;
}
 
 
	#stats { display: none; 
	}
	
	#tags  { display: none; 
	}
 
	 
}





/*Smartphone*/
@media only screen and (max-width : 350px) {


#mouseroll { display:none;}
    }