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

@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,700,400italic,700italic);


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, li,
dl, dt, dd, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    font-size:100%;
    
    
}

/* end reset */




/*sets box sizing to be intuitive. to remove for an element desized to compensate add box-sizing: content-box; to the class or id*/

html {

  box-sizing: border-box;

}

*:after {

  box-sizing: inherit;

}

*:before {

  box-sizing: inherit;

}

* {

  box-sizing: inherit;
  /*font-family: 'Open Sans', sans-serif;*/

}

/* general styles */

body { 
	background-color:#e0f8fc;
	

background: #e0f8fc; /* Old browsers */


	
	font-family: 'Roboto', sans-serif;
	}

table { 
	border:none;
	
	border-collapse: collapse;
	border-spacing: 0;

	}

p { 
	margin-bottom: 15px; /* space after paragraph */ 
	}

ul { 
	margin-left:20px;
	}
	
li { 
	margin-bottom: 10px; /* space between list items */
	text-align:left;
	 }
 
ol { 
	margin-left:20px; 
	}


h1 { margin-bottom: 10px; color:#2e3192; font-weight:normal;font-size:22px;text-shadow:2px 2px 0px #ddd;letter-spacing:normal;}
h2 { margin-bottom: 15px; color:#2e3192; font-weight:normal;font-size:28px;text-shadow:2px 2px 0px #ddd;letter-spacing:normal;}
h3 { margin-bottom: 10px; color: #000;  font-size: 18px; font-weight: bold;line-height:130%;}


/* links */

a {background-color: transparent; text-decoration: underline}


a:hover { text-decoration: none;}  /* mouse over link */

p a {color:#000000;font-weight:bold;}

.buttonmain {
	font-style:normal;
	font-size:90%;
	text-transform:uppercase;
	border:2px solid #ffffff;
	-moz-box-shadow: 0px 1px 3px 0px #000000;
	-webkit-box-shadow: 0px 1px 3px 0px #000000;
	box-shadow: 0px 1px 3px 0px #000000;
	
	background: #0071bc; /* Old browsers */

	background-color:#0071bc;
	
	text-indent:0;
	
	display:inline-block;
	color:#ffffff !important;
	
	font-weight:normal;
	
	/*height:22px;
	line-height:22px;*/
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:10px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #000000;
	margin-bottom:10px;
	margin-right:10px;
}
.buttonmain:hover {
	
 background: #000000; /* Old browsers */
	background-color:#000000;
	
	
	
	
}

#contentwrapper {width:80%;max-width:1800px;}

#top {/*background-image:url(../backgrounds/1sm.jpg)*/background-color:transparent;}

#topinfo td {padding:10px;padding-top:40px;color:#ffffff;text-shadow:1px 1px 0px #000000;font-size:18px;}

#socialicons {clear:both;}
#socialicons td {padding:10px;}
#socialicons td img {margin-left:5px;}




a.portal {color:#ffffff;width:240px;height:66px;vertical-align:middle;display:table-cell;margin-right:20px;margin-bottom:20px;background-color:#36bbea;padding:10px;padding-left:20px;padding-right:20px;
border:1px solid #29abe2;text-transform:uppercase;font-size:18px;text-decoration:none;text-align:center;}
a.portal:hover {background-color:#000000;}
#portal img {display:block;}

@media screen and (max-width: 800px) { a.portal {display:block;height:auto;margin-right:0px;} }

.caption {background-color:#000000;color:#ffffff;font-weight:bold; font-size:14px;padding:5px;text-transform:uppercase;letter-spacing:110%;}
.caption a {color:#ffffff;text-decoration:none;}
.caption a:hover {color:#ffffff;text-decoration:underline;}

.imageshadow {-moz-box-shadow: 3px 3px 4px #949494;

-webkit-box-shadow: 3px 3px 4px #949494;

box-shadow: 3px 3px 4px #949494;}

#maintitle {float:left;width:60%;display:inline-block;position:relative;bottom:0px;margin-top:400px;}
#maintitle td {color:#ffffff;font-weight:300;font-size:70px;text-align:left;text-shadow:2px 2px 0px #000000;letter-spacing:normal;}


#interiortitle {float:right;display:inline-block;position:relative;bottom:0px;margin-top:0px;}
#interiortitle td {color:#ffffff;font-weight:300;font-size:30px;text-align:right;text-shadow:2px 2px 0px #000000;letter-spacing:normal;padding-right:10px;padding-left:20px;}

@media screen and (max-width: 1460px) { #maintitle {width:40%;} #maintitle td {font-size:60px;}}
@media screen and (max-width: 980px) { #maintitle {width:100%;margin-top:60px;} #maintitle td {font-size:50px;}}

#headermenu {
	
	background-color:#ffffff;
	
	
	}
#headercontent td {text-align:center;}

#subheader  { background-color:#2e3192;border-top:1px solid #ffffff;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#36bbea+0,0071bc+8,2e3192+50,0071bc+92,36bbea+100 */

background: #2e3192; /* Old browsers */

background: -moz-linear-gradient(left,  #36bbea 0%, #0071bc 8%, #2e3192 50%, #0071bc 92%, #36bbea 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(left,  #36bbea 0%,#0071bc 8%,#2e3192 50%,#0071bc 92%,#36bbea 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to right,  #36bbea 0%,#0071bc 8%,#2e3192 50%,#0071bc 92%,#36bbea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36bbea', endColorstr='#36bbea',GradientType=1 ); /* IE6-9 */


	}
#subheadercontent td { color:#ffffff;font-weight:normal;font-size:22px;padding:40px;}


#subheaderinterior  { background-color:#555555;padding-bottom:10px;padding-top:10px;border-top:1px solid #585858;border-left: 1px solid #000000;
	border-right: 1px solid #000000;}
#subheaderinterior td { color:#ffffff;font-weight:bold;font-size:24px;text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);padding:20px;}

#actionitem  { background-color:#0071bc;border-top:1px solid #2164aa;border-bottom:1px solid #2164aa;}
#actionitemcontent td {color:#ffffff;font-size:22px;padding:20px;}




#subheadercontent td {text-align:center;}

#portals {background-color:#e0f8fc;border-top:1px solid #cee0f1;}
#portalscontent {text-align:center;}
#portalscontent td {padding:40px;padding-left:0px;padding-right:0px;}


#subheadertwo  { background-color:#b766a3;padding-bottom:20px;padding-top:20px;background-image:url(file:///Macintosh%20HD/Users/juliet/BusyBrain/Disney-VillaRentals/florida-villa-responsive/images-layout/subheadbg.png);background-repeat:no-repeat;background-size:cover;}
#subheadertwocontent td { color:#ffffff;font-weight:normal;font-size:36px !important;text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);font-variant:small-caps;font-family:Garamond, Georgia, Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif !important;line-height:75%;}
#subheadertwocontent td {text-align:center;}


#menu {background-color:#ffffff;border-left:none;border-right:none;padding:10px;margin-top:8px;display:inline-block;float:right;text-align:right;color:#2e3192;font-size:22px;

}




#menucontent {color:#000000;text-shadow: .5px .5px 0px rgba(255, 255, 255, 1);}
#menucontent td {text-align:center;}
#menucontent a {padding:10px;display:inline-block;padding-left:15px;padding-right:15px;text-decoration:none;font-family:Garamond, Georgia, Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif !important;}
@media screen and (max-width: 1280px) { #menucontent a {font-size:14px;}}
@media screen and (max-width: 1158px) { #menucontent a {font-size:12px;padding-left:10px;padding-right:10px;}}

#menucontent a:hover {background-color:#ffffff;background-color:rgba(255, 255, 255, 0.5);}

#mainimagehome {-webkit-box-shadow: inset 0px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow: inset 0px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow: inset 0px 2px 3px 0px rgba(0,0,0,0.2);height:300px;}
@media screen and (min-width: 1150px) { #mainimagehome {height:500px;}}
@media screen and (min-width: 1700px) { #mainimagehome {height:600px;}}

#mainimage {-webkit-box-shadow: inset 0px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow: inset 0px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow: inset 0px 2px 3px 0px rgba(0,0,0,0.2);height:0px;

background-color:#2e3192;
background-image:url(../images-layout/mainbg-01.jpg);
background-repeat:no-repeat;
background-size:cover;
background-position:0px center;

}
@media screen and (min-width: 1150px) { #mainimage {height:0px;}}
@media screen and (min-width: 1700px) { #mainimage {height:0px;}}

#mainimage td {padding:90px;padding-top:100px;}
@media screen and (max-width: 900px) { #mainimage td {padding:10px;}}

#mainimagecontent {color:#ffffff;}
#mainimagecontent h2 {color:#ffffff;text-shadow:2px 2px 0px #000;font-weight:bold;}
#mainimagecontent p {text-shadow:2px 2px 0px #000;font-size:18px;}


#aboutmainimage {-webkit-box-shadow: inset 0px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow: inset 0px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow: inset 0px 2px 3px 0px rgba(0,0,0,0.2);height:0px;

background-color:#2e3192;
background-image:url(../images-layout/about-main.jpg);
background-repeat:no-repeat;
background-size:cover;
background-position:0px center;

}
@media screen and (min-width: 1150px) { #aboutmainimage {height:0px;}}
@media screen and (min-width: 1700px) { #aboutmainimage {height:0px;}}

#aboutmainimage td {padding:200px;}
@media screen and (max-width: 600px) { #aboutmainimage td {padding:100px;}}



#servicesmainimage {-webkit-box-shadow: inset 0px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow: inset 0px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow: inset 0px 2px 3px 0px rgba(0,0,0,0.2);height:0px;

background-color:#2e3192;
background-image:url(../images-layout/services-main.jpg);
background-repeat:no-repeat;
background-size:cover;
background-position:0px center;

}
@media screen and (min-width: 1150px) { #servicesmainimage {height:0px;}}
@media screen and (min-width: 1700px) { #servicesmainimage {height:0px;}}

#servicesmainimage td {padding:200px;}
@media screen and (max-width: 600px) { #servicesmainimage td {padding:100px;}}


#contactmainimage {-webkit-box-shadow: inset 0px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow: inset 0px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow: inset 0px 2px 3px 0px rgba(0,0,0,0.2);height:0px;

background-color:#2e3192;
background-image:url(../images-layout/contacttmg-main.jpg);
background-repeat:no-repeat;
background-size:cover;
background-position:0px center;

}
@media screen and (min-width: 1150px) { #contactmainimage {height:0px;}}
@media screen and (min-width: 1700px) { #contactmainimage {height:0px;}}

#contactmainimage td {padding:200px;}
@media screen and (max-width: 600px) { #contactmainimage td {padding:100px;}}




.hometilebg {width:136px;background-image:url(../images-layout/subheadbg.png);background-repeat:repeat-y;}
@media screen and (max-width: 600px) { .hometilebg {width:20px;padding:0px !important;}}


#content {padding:40px;background-color:#ffffff;border-top:1px solid #ffffff;border-left: 1px solid #000000;
	border-right: 1px solid #000000;border-bottom: 1px solid #000000;}
	
#contenthome {text-align:center;font-size:26px;padding:40px;}

#main {padding:20px;background-color:#ffffff;}
#maincontent {width:75%;}
@media screen and (max-width: 750px) { #maincontent {width:100%;} }
#maincontent td {color:#333333;padding:40px;padding-left:20px;padding-right:20px;}
#maincontent a {color:#333333;}
#maincontent a:hover {color:#333333}
#maincontent p {text-align:left; font-size:16px;}
#maincontent ul {font-size:16px;}

#description {padding:20px;background-color:#ffffff;}
#descriptioncontent td {color:#000000;text-align:center;font-size:14px;}

#testimonials {background-color:#9777a7;padding:40px;}
#testimonialscontent {color:#ffffff;}
#testimonialscontent td {font-family:Garamond, Georgia, Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif !important;font-variant:small-caps;font-size:21pt;text-align:center;}

#footer {background-color:#e0f8fc;border-top:1px solid #cee0f1;}
#footercontent td {color:#84b5e0;font-size:11px;padding:40px;text-transform:uppercase;}




/*mobile menu*/


#nav-wrap {
	margin-top: 0px;
}

/* menu icon */
#menu-icon {
	display: none; /* hide menu icon initially */
}






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

	/* nav-wrap */
	#nav-wrap {
		position: relative;
	}

	/* menu icon */
	#menu-icon {
		color: #2e3192;
		width: 100%;
		
		height: 40px;
		background: transparent url(../images/menu-icon.png) no-repeat 10px center;
		padding: 8px 10px 0 42px;
		cursor: pointer;
		border: none;
		display: block; /* show menu icon */
		font-size:16px;
	}
	#menu-icon:hover {
		background-color: #ffffff;background-color:rgba(255, 255, 255, 0.5);
	}
	#menu-icon.active {
		background-color: transparent;
	}
	
	/* main nav */
	#nav {
		clear: both;
		position: absolute;
		top: 38px;
		width: 300px;
		z-index: 10000;
		padding: 5px;
		background: #ffffff;
		border: solid 1px #999;
		display: none; /* visibility will be toggled with jquery */
	}
	#nav li {
		clear: both;
		float: none;
		margin: 5px 0 5px 10px;
	}
	#nav a, 
	#nav ul a {
		font: inherit;
		background: none;
		display: inline;
		padding: 0;
		color: #2e3192;
		border: none;
		
	}
	#nav a:hover, 
	#nav ul a:hover {
		background: none;
		color: #2e3192;
		text-decoration:underline;
	}
	
	/* dropdown */
	#nav ul {
		width: auto;
		position: static;
		display: block;
		border: none;
		background: inherit;
	}
	#nav ul li {
		margin: 3px 0 3px 15px;
	}
	
	ul.dropdown ul { visibility:visible !important;}
	
	ul.dropdown li {padding:0px !important;}
	
	li.empty  {color:#CAC5C5 !important;margin:0px !important;}

}

@media screen and (min-width: 1000px) {

	/* ensure #nav is visible on desktop version */
	#nav {
		display: block !important;
	}

}


.col-2 {
	-moz-column-count:2;
	-moz-column-gap:4em;
	
	-webkit-column-count:2;
	-webkit-column-gap:4em;
	
	column-count: 2;
	column-gap: 4em;
	
	-webkit-column-width: 320px;
     -moz-column-width: 320px;
          column-width: 320px;
		 
}

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

	
	.col-2 {
		-moz-column-count:1;
	
	
	-webkit-column-count:1;
	
	
	column-count: 1;
	
	}

}

table.info td {padding:5px;border:1px solid #ffffff;}
table.info tbody tr:nth-child(odd) { /* option for zebra stripes, does not work in earlier versions of ie */
   background-color: #b766a3;
}

.left {float:right;margin-left:10px;margin-bottom:10px;}

.tablecolumn {float:left;width:50%;min-width:200px; }
.tablecolumn td {padding-right:40px; }

@media screen and (max-width: 800px) { .tablecolumn {width:100%;float:none;} .tablecolumn td {padding-right:0px;}}

.homecolumn {text-align:center;width:48%;min-width:300px;display:table-cell;vertical-align:top;}
@media screen and (max-width: 950px) { .homecolumn {width:90%;display:block;padding:0px !important;min-width:50px;} }

table.contact td {padding:10px !important;}