/*
	99Lime.com HTML KickStart by Joshua Gatcke
	style.css

*/

/*---------------------------------
	IMPORTS
-----------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Arimo:400,700);

/*---------------------------------
	OVERRIDES
-----------------------------------*/
html {
  scroll-behavior: smooth;
}

h1,h2,h3,h4,h5,h6{
font-family: "Arimo", arial, verdana, sans-serif;
font-weight:normal;
}

h1{
font-size:1.8em;
margin:20px 0 -10px 16px;
}

h2{
font-size:1.4em;
margin:25px 4px;
padding: 4px 10px;
/* border:1px solid #4a546c;  */
border-radius:6px;
background: #3a445c; /* Old browsers */
background: -moz-linear-gradient(top, rgba(74,84,108,1) 0%, rgba(47,57,81,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(74,84,108,1)), color-stop(100%,rgba(47,57,81,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(74,84,108,1) 0%,rgba(47,57,81,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(74,84,108,1) 0%,rgba(47,57,81,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #4a546c, #2f3951); /* IE 11 */
background: linear-gradient(top, rgba(74,84,108,1) 0%,rgba(47,57,81,1) 100%); /* W3C */
}

h3{
font-size:1.4em;
margin:10px 0 10px 0;
line-height:130%;
}

h4{
font-size:1.2em;
margin:10px 0 10px 0;
}

h5{
font-size:1.1em;
margin:10px 0 10px 0;
}

h6{
font-size:1em;
margin:10px 0 5px 0;
}

thead th,
tbody th{
font-family: "Arimo", arial, verdana, sans-serif;
}

/*
button,
a.btn,
input[type="submit"],
input[type="reset"],
input[type="button"]{
font-family: "Arimo", arial, verdana, sans-serif;
width:auto;
}
*/

.menu{
font-family: "Arimo", arial, verdana, sans-serif;
}

blockquote{
font-family: "Arimo", arial, verdana, sans-serif;
font-size: 1.3em;
margin:20px;
}

.note{
font-size:1.0em;
margin:20px;
padding:1px 14px;
color:white;
background-color:#800000;
border-radius:5px;
}


/*---------------------------------
	LAYOUT
-----------------------------------*/
body{
margin:0;
padding:0 0 0 0;
color:#fff;
/*background:#efefef url(css/img/gray_jean.png);*/
background:#1b2d52 url(../images/bg.png);
font:normal 1em/150% 'Arimo', arial, verdana, sans-serif;
text-shadow: 0 0 1px transparent; /* google font pixelation fix */
}

hr{
width:98%;
margin:20px auto;
}

#services {
line-height:1.6em;
}

#wrap{
width:100%;
background:#fff;
margin:30px auto 30px auto;
padding:0 2%;
border:1px solid #ccc;
}

#footer{
text-align:center;
min-height:100px;
padding:20px;
margin:0;
border-top:1px solid #4a546c;
color:#ccc;
font-size:0.8em;
/*text-shadow:0px 1px 1px #fff;*/
position: relative;
top:0;
left:0;
/*background:#fff;*/
background:#000 url(../images/bg-ftr.png);
}

	#link-top{
	display:none;
	}

/* NAV BAR*/
.navbar{
position:fixed;
top:0;
left:0;
width: 100%;
background:#000;
color:#fff;
z-index:1000;
}

.navbar #logo{
position:absolute;
top:0;
right:0;
padding:0.5em 1em;
font-size: 1.7em;
color:#efefef;
text-decoration:none;
}

.navbar span{
color:#86dc00;
}

.navbar ul{
display:inline-block;
margin:0;
padding:0;
}

.navbar li{
margin:0;
padding:0;
list-style-type:0;
display:inline-block;
}

.navbar li a{
display:inline-block;
color:#efefef;
padding:1em 1.3em;
text-decoration:none;
text-transform: uppercase;
line-height:100%;
font-size: 1.2em;
}

/*---------------------------------
	MENU
-----------------------------------*/
.menu{
/*  */ 
border:1px solid #ffff00;
border-radius:6px;
background: #ffff00; /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,0,1) 0%, rgba(255,217,102,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,0,1)), color-stop(100%,rgba(255,217,102,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,0,1) 0%,rgba(255,217,102,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,0,1) 0%,rgba(255,217,102,1) 100%); /* Opera11.10+ */
background: linear-gradient(top, rgba(255,255,0,1) 0%,rgba(255,217,102,1) 100%); /* W3C */
z-index:300;
}

.menu li a{
/* text-shadow:0px 1px 1px #fff; */
padding:10px 20px;
text-decoration:none;
font-size:1em;
color: darkblue;
}
		
.menu li a:hover{
border-radius:5px;
color:white;
}

/* sub menus */
.menu ul{
background: #ffff00;
border:1px solid #4a546c;
width:152%;
max-width:320%;
}

.menu ul li{width:100%;}
.menu ul li a{width:100%;}
.menu ul li a:hover{width:100%;}

/* sub-sub menus */
.menu ul ul{width:100%}
.menu ul ul li{width:100%}
.menu ul ul li a{width:100%}

.menu li.current>a,
.menu li.current>a:hover,
.menu li.current.hover>a{
/* width:220px; */
}

.menu li.has-menu a{padding-right:28px;}

/* arrows */
/* arrow down */  .menu li.has-menu span.arrow{border-top-color:#ccc;border-color:#ccc transparent transparent transparent;}
/* arrow left */  .menu li li.has-menu span.arrow, .menu.vertical li.has-menu span.arrow{
border-left-color:#ccc;border-color:transparent transparent transparent #ccc;
}
/* arrow right */ .menu.vertical.right li.has-menu span.arrow{border-right-color:#ccc;border-color:transparent #ccc transparent transparent;}

/* dividers */
.menu ul li.divider{border-top:1px solid #ccc;}
.menu ul li.divider a{border-top:1px solid #fff;}


.callout{
background:#4598ef;/*#86dc00;*/
padding:3em 0;
color:#fff;
box-shadow:inset 0 0 10px rgba(0,0,0,0.2);
text-align: center;
text-shadow:0px 1px 3px rgba(0,0,0,0.2);
display:block;
}
	.callout + div.grid{margin-top:50px;}
	 a.callout{cursor:pointer;}
	 .callout i.icon-4x{font-size:6em;}
	 .callout h4{margin-bottom:30px;}
	 .callout-top{margin:50px 0 0 0;}
	 .callout p{margin-bottom:0;}
	 .callout .button{margin-top:10px;}
	 .callout.green{background:#19ad0b;/*#86dc00;*/}

#mc_embed_signup{
padding:30px 0;
}

#ui-preview{
border:5px solid #ddd;
margin:30px 0;
display:block;
}

.specials h4 {
font-size: 1.2em;
padding: 4px 10px;
/* border:1px solid #4a546c;  */
border-radius:6px;
background: #eee; /* Old browsers */
background: -moz-linear-gradient(top, rgba(74,84,108,1) 0%, rgba(47,57,81,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(74,84,108,1)), color-stop(100%,rgba(47,57,81,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(74,84,108,1) 0%,rgba(47,57,81,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(74,84,108,1) 0%,rgba(47,57,81,1) 100%); /* Opera11.10+ */
background: linear-gradient(top, rgba(74,84,108,1) 0%,rgba(47,57,81,1) 100%); /* W3C */
}

.specials p {
padding: 0.8em 1em;
font-size: 0.9em;
background-color: #0f131f;
border-radius: 8px;
min-height: 130px;
}

.specials strong,b{color:lightsteelblue;font-weight:bold;}

#photogallery img {
border: lightgrey solid 4px;
margin: 8px 6px;
}

#photogallery{
text-align:center;
margin:20px;
}


/*---------------------------------
	GENERAL
-----------------------------------*/
.villas img, #scubadiving img, #restaurant img, #gettinghere img, #activities img, #puerto-galera img{
border: 4px solid darkgray;
border-radius:5px;
margin:6px;
}

#slideshowDiving img, #slideshowResto img{border:none;border-radius:0;margin:0}

.slideshow {
transform: scale(0);
}

.villalink{
margin:8px 16px;
display:inline-block;
text-align:center;
font-size:0.8em;
}

#villalinks{
font-size:1em;
}

#villalinks h3{
margin: 20px 0 0 12px;
}

#villalinks p{
margin:0;
}

#villalinks img{
border: 2px solid darkgray;
border-radius:5px;
margin:6px;
}

#villalinks img:hover{
border: 2px solid #4d99e0;
border-radius:5px;
margin:6px;
}

.villaGallery img{
border: 2px solid darkgray;
border-radius:5px;
margin:0;
}

#villaGallery img{
border: 2px solid darkgray;
border-radius:5px;
margin:6px;
}

#villaGallery img:hover{
border: 2px solid #4d99e0;
border-radius:5px;
margin:6px;
}

#villaGallery h3{margin:20px 0 0 12px}

.vSelect {
margin:20px 0 10px 20px;
float:left;
width:80px;
height:80px;
overflow:hidden;
}
.vSelect a {
display:block;
width: 80px;
height: 80px;
margin:0 0 0 0;
background: url("/assets/images/icons/1bed-rollover.png") 0 0 no-repeat;
text-decoration: none;
transition:0s
}
.vSelect a:hover { 
background-position: 0 -80px;
transition:0s;
}

#v15Select {
margin:20px 0 10px 20px;
float:left;
width:80px;
height:80px;
overflow:hidden;
}
#v15Select a {
display:block;
width: 80px;
height: 80px;
margin:0 0 0 0;
background: url("/assets/images/icons/4bed-rollover.png") 0 0 no-repeat;
text-decoration: none;
transition:0s
}
#v15Select a:hover { 
background-position: 0 -80px;
transition:0s;
}

#v1Select {
margin:20px 0 10px 20px;
float:left;
width:80px;
height:80px;
overflow:hidden;
}
#v1Select a {
display:block;
width: 80px;
height: 80px;
margin:0 0 0 0;
background: url("/assets/images/icons/3bed-rollover.png") 0 0 no-repeat;
text-decoration: none;
transition:0s
}
#v1Select a:hover { 
background-position: 0 -80px;
transition:0s;
}

#v2Select {
margin:20px 0 10px 20px;
float:left;
width:80px;
height:80px;
overflow:hidden;
}
#v2Select a {
display:block;
width: 80px;
height: 80px;
margin:0 0 0 0;
background: url("/assets/images/icons/2bed-rollover.png") 0 0 no-repeat;
text-decoration: none;
transition:0s
}
#v2Select a:hover { 
background-position: 0 -80px;
transition:0s;
}

#v4Select {
margin:20px 0 10px 20px;
float:left;
width:80px;
height:80px;
overflow:hidden;
}
#v4Select a {
display:block;
width: 80px;
height: 80px;
margin:0 0 0 0;
background: url("/assets/images/icons/1bed-rollover.png") 0 0 no-repeat;
text-decoration: none;
transition:0s
}
#v4Select a:hover { 
background-position: 0 -80px;
transition:0s;
}

#v5Select {
margin:20px 0 10px 20px;
float:left;
width:80px;
height:80px;
overflow:hidden;
}
#v5Select a {
display:block;
width: 80px;
height: 80px;
margin:0 0 0 0;
background: url("/assets/images/icons/budget-rollover.png") 0 0 no-repeat;
text-decoration: none;
transition:0s
}
#v5Select a:hover { 
background-position: 0 -80px;
transition:0s;
}

#sv34Select {
margin:20px 0 10px 20px;
float:left;
width:80px;
height:80px;
overflow:hidden;
}
#sv34Select a {
display:block;
width: 80px;
height: 80px;
margin:0 0 0 0;
background: url("/assets/images/icons/suite-rollover.png") 0 0 no-repeat;
text-decoration: none;
transition:0s
}
#sv34Select a:hover { 
background-position: 0 -80px;
transition:0s;
}

#sv12Select {
margin:20px 0 10px 20px;
float:left;
width:80px;
height:80px;
overflow:hidden;
}
#sv12Select a {
display:block;
width: 80px;
height: 80px;
margin:0 0 0 0;
background: url("/assets/images/icons/suite-rollover.png") 0 0 no-repeat;
text-decoration: none;
transition:0s
}
#sv12Select a:hover { 
background-position: 0 -80px;
transition:0s;
}

#compareSelect {
margin:20px 0 10px 20px;
float:left;
width:80px;
height:80px;
overflow:hidden;
}
#compareSelect a {
display:block;
width: 80px;
height: 80px;
margin:0 0 0 0;
background: url("/assets/images/icons/compare-rollover.png") 0 0 no-repeat;
text-decoration: none;
transition:0s
}
#compareSelect a:hover { 
background-position: 0 -80px;
transition:0s;
}

#calendarSelect {
margin:20px 0 10px 20px;
float:left;
width:80px;
height:80px;
overflow:hidden;
}
#calendarSelect a {
display:block;
width: 80px;
height: 80px;
margin:0 0 0 0;
background: url("/assets/images/icons/calendar-rollover.png") 0 0 no-repeat;
text-decoration: none;
transition:0s
}
#calendarSelect a:hover { 
background-position: 0 -80px;
transition:0s;
}

.activity, .transport{
min-height:200px;
margin-left:20px;
}

.diving{
min-height:300px;
margin-left:20px;
}

.diving img{
margin:6px 6px 30px 30px;
border: 4px solid darkgray;
border-radius:5px;
}

.divepackagerates{font-size:0.8em;}

.promolinks{
text-align:center;
font-size:1.1em;
line-height:2em;
margin:2em 0;
}
.promolinks span{
font-size:0.9em;
}

.specialdetail{
margin-left:20px;
font-size:1.4em;
}

.specialdetail img{
margin:6px 6px 30px 30px;
border: 4px solid darkgray;
border-radius:5px;
}

#villalinks{
margin:10px;
}

#legend{
clear:both; font-size:0.8em; line-height:20px; padding:1px 0;
}

.features i{
color:lightskyblue;
}

/*---------------------------------
	VILLA OVERVIEW PAGE
-----------------------------------*/

.villasOverview h2{
margin:25px 4px 4px;
}

.villasOverview p{
padding:0 6px;
}

.villasOverview img{
border: 4px solid darkgray;
border-radius:5px;
margin:6px;
}

.villasOverview img:hover{
border: 4px solid #4d99e0;
border-radius:5px;
margin:6px;
}

.iconBarBooking{
float:left;
padding:5px;
}

.iconBarInfo{
float:left;
padding:2px 0 2px 10px;
}

/*---------------------------------
	FORMS
-----------------------------------*/
form {
padding: 0 20px;
}

form.vertical label{
display:inline-block;
margin:0 5px;
min-width:96px;
line-height:10px;
height:22px;
text-align:right;
}

form.vertical input, form.vertical select, form.vertical textarea{
width:270px;
display:inline-block;
margin-bottom:10px;
height:30px;
border-radius:5px;
}

form.vertical input.checkbox{
height:unset;
}

.show{
display:inherit;
}
.dontshow{
display:none;
}

#name, #email, #phone, #villa, #referrer{
width:270px;
display:inline;
margin:0 0 10px 4px;
}

#villa, #arrival, #nights, #adults, #children{
width:156px;
display:inline;
margin:0 0 10px 4px;
}

#lastname{
display:none;
}

form#contactForm textarea{
width:270px;
height:80px;
display:inline;
margin:0 0 10px 4px;
}

button,
a.btn,
form#contactForm input[type="submit"],
form#contactForm input[type="reset"],
form#contactForm input[type="button"]{
font-family: "Arimo", arial, verdana, sans-serif;
width:auto;
height:35px;
margin-right:20px;
}

#submit{
margin-left:88px;
}

form#quickbooking{
padding: 0px;
margin: 0px;
}

/*---------------------------------
	TABLES
-----------------------------------*/
table{width:100%;margin:0 0 10px 0;text-align:left;border: 4px solid lightgray;}
thead, tbody{margin:0;padding:0;}
th, td{padding:7px 2px;font-size:0.8em;border-bottom:2px solid #ddd;text-align:center;}
thead th{font-size:0.9em;padding:3px 10px;border-bottom:2px solid #ddd;}
tbody tr.last th,
tbody tr.last td{border-bottom:0;}

/* striped */
table.striped{
color:black;
}

table.striped tr{background:#eaf1dd;}

table.striped tr.alt{background:#dbe5f1;}
table.striped thead th{background:#fff;text-align:center;}
table.striped tbody th{background:lightgray;text-align:center;padding-right:15px;border-right:1px solid #e5e5e5;}
table.striped tbody tr.alt th{background:lightgray;text-align:center;}

/* tight */
table.tight{}
table.tight th, .tight td{padding:2px 10px;}

/* sortable */
table.sortable{border:1px solid #ddd;}
table.sortable thead th{cursor: pointer;position:relative;top:0;left:0;border-right:1px solid #ddd;}
table.sortable thead th:hover{background:#efefef;}
table.sortable span.arrow{border-style:solid;border-width:5px;
display:block;position:absolute;top:50%;right:5px;font-size:0;
border-color:#ccc transparent transparent transparent;
line-height:0;height:0;width:0;margin-top:-2px;}
table.sortable span.arrow.up{border-color:transparent transparent #ccc transparent;margin-top:-7px;}

table.verandahMenu{width:75%;margin:10px;text-align:left;background-color:white;border:none;border-radius:6px}
table.verandahMenu th{padding:7px 2px;color:black;font-size:1em;font-weight:bold;text-align:left;border:none}
table.verandahMenu tr, td{padding:0 30px;color:black;font-size:1em;font-weight:normal;text-align:left;border:none}
table.verandahMenu strong, b{color:black;font-weight:bold}

.extraBeds {height:250px;font-size:0.9em;padding:0 1em}
.extraBeds table {border:2px solid lightgray;background:white;}
.extraBeds th, tr, td {font-size:0.9em; padding:3px 2px; border-bottom:1px solid lightgray;text-align:left;}
.extraBeds h2 {margin:12px 4px; color:white;}

table#comparison{border:1px solid lightgray;}
table#comparison th, tr, td {font-size:0.9em;padding:1px 2px;border-bottom:1px solid lightgray;text-align:center;height:10px;}
/*
table.extras{border:2px solid lightgray;background:white;}
table.extras th, tr, td {font-size:0.9em; padding:3px 2px; border-bottom:1px solid lightgray;text-align:left;}
*/



/*---------------------------------
	SHARETHIS.COM BUTTONS
-----------------------------------*/

#sharebuttons{
margin:0 8px;
text-align:right;
}

/*---------------------------------
	RESPONSIVE IFRAME
-----------------------------------*/

#availability iframe{
max-width: 100% !important;
height: 334px;
overflow-x: hidden;
overflow-y: scroll;
border: solid 0px darkgray;
border-radius:0px;
background-color:lightgray;
}


/*---------------------------------
	AVAILABILITY AND RATES
-----------------------------------*/

.calendarContainer{
overflow: hidden; width:98%; margin:auto; background-color:#d6d6d6; border:3px solid lightgray; border-radius:5px;
}

.calendarTitles{
float:left; margin:0; padding:0;
}

.calendarData{
overflow:auto; margin:0; padding:0;
}

.availabilitytable{
margin:0;
padding: 0;
color:black;
font:normal 0.9em/150% 'Arimo', arial, verdana, sans-serif;
font-size:0.8em;
font-weight:normal;
border-collapse:collapse;
border:0px none;
}

.availabilitytable td{
height:24px;
font-size:0.95em;
text-align:right;
padding:0 2px;
border:1px dotted darkgray;
background:#c9daf8;
}

.availabilitytableData{
margin:0;
padding: 0;
color:black;
font:normal 0.9em/150% 'Arimo', arial, verdana, sans-serif;
font-size:0.8em;
font-weight:normal;
border-collapse:collapse;
border:0px none;
}

.availabilitytableData td{
height:24px;
font-size:0.95em;
text-align:center;
padding:0 2px;
border:1px dotted darkgray;
background:#c9daf8;
}

.availabilitytableData td:nth-child(1), .availabilitytableData td:nth-child(2){
display:none;
}

.calendarNotes{clear:both; color:white; font:normal 0.9em 'Arimo', arial, verdana, sans-serif; padding:5px;}

/*---------------------------------
	RESTAURANT
-----------------------------------*/

#restaurant h3, h4{
text-align:center;
}

/* HACKS */




/*---------------------------------
	YELLOW BUTTONS
-----------------------------------*/
button.yellow,
a.btn.yellow,
a.button.yellow,
input[type=submit].yellow,
input[type=reset].yellow,
input[type=button].yellow{

color:darkblue;
font-weight:normal;
border:1px solid #FFC000;
background: rgb(255,255,0); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,0,1) 0%, rgba(255,217,102,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,0,1)), color-stop(100%,rgba(255,217,102,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,0,1) 0%,rgba(255,217,102,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,0,1) 0%,rgba(255,217,102,1) 100%); /* Opera11.10+ */
background: linear-gradient(top, rgba(255,255,0,1) 0%,rgba(255,217,102,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc000', endColorstr='#ffd966',GradientType=0 ); /* IE6-9 */
}

	button.yellow:hover,
	a.btn.yellow:hover,
	a.button.yellow:hover{
	text-shadow:0 1px 0 #B21203;
	border:1px solid #FFC000;
	background: darkgray;
	color:white;
	}

/*---------------------------------
	BUTTON BAR
-----------------------------------*/

ul.button-bar li{
display:inline-block;
*display:inline;
position:relative;
top:0;
left:0;
zoom:1;
margin:0 -1px 0 0;
padding:0;
line-height:100%;
font-size:0px;
border:1px solid #FFFF00;
background: rgb(255,255,0); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,0,1) 0%, rgba(255,217,102,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,0,1)), color-stop(100%,rgba(255,217,102,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,0,1) 0%,rgba(255,217,102,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,0,1) 0%,rgba(255,217,102,1) 100%); /* Opera11.10+ */
background: linear-gradient(top, rgba(255,255,0,1) 0%,rgba(255,217,102,1) 100%); /* W3C */
	}

ul.button-bar li a{
text-shadow:none;
color:darkblue;
border-left:none;
}

ul.button-bar li a:hover{
background: rgb(74,84,108);
color:white;
text-shadow:none;
}

ul.button-bar li a:active{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.2),inset 0 -10px 20px rgba(0,0,0,0.07);-moz-box-shadow:inset 0 3px 5px rgba(0,0,0,0.2),inset 0 -10px 20px rgba(0,0,0,0.07);box-shadow:inset 0 3px 5px rgba(0,0,0,0.2),inset 0 -10px 20px rgba(0,0,0,0.07);border-left:1px solid #ccc;}


/*---------------------------------
	TABLE OVERRIDES
-----------------------------------*/
.grid.flex { padding: 0; }
.grid { max-width: 100%; padding: 0; margin: 0; }
/* .grid [class*="col_"] { margin: 0; } */


/*---------------------------------
	SMALL SCREENS
-----------------------------------*/

@media (max-width:788px){
#header {text-align:center;}
}

@media (min-width:788px){
#phoneemaillinks{text-align:right;}
}

@media (min-width:788px){
#inquirybutton{text-align:right;}
}