/*
Title: Master Styles For Site
Author: Daniel Golden (danielgolden90@gmail.com)
*/

// Colors
@booking_engine_color: #4b6276;


//Typography
@site_base_font:    "Helvetica Neue", Helvetica, Arial, sans-serif;

//Structural
@site_width: 950px;
@main_nav_height: 53px;
@home_header_height: 412px;
@header_height: 192px;

.hide {
	display: none;
}

.border-radius( @radius: 3px ) {
	-webkit-border-radius: @radius;
	   -moz-border-radius: @radius;
	        border-radius: @radius;		
}

.border-radius-s( @rt, @rr, @rb, @rl ) {
	-webkit-border-radius: @rt @rr @rb @rl;
	   -moz-border-radius: @rt @rr @rb @rl;
	        border-radius: @rt @rr @rb @rl;		
}

.box-shadow(@x, @y, @blur, @color) {
  box-shadow: @x @y @blur @color;
  -moz-box-shadow: @x @y @blur @color;
  -webkit-box-shadow: @x @y @blur @color;
}

.box-shadow-inset(@x, @y, @blur, @color) {
  box-shadow: @x @y @blur @color inset;
  -moz-box-shadow: @x @y @blur @color inset;
  -webkit-box-shadow: @x @y @blur @color inset;
}

.ir (@width, @height, @img_name) {
	display: block;
	width: @width;
	height: @height;
	text-indent: -9999px;
	background-image: @img_name;
}

.transition(@property, @timing, @timing_function) {
	-webkit-transition: @property @timing @timing_function;
	-moz-transition: @property @timing @timing_function;
	-o-transition: @property @timing @timing_function;
	transition: @property @timing @timing_function;
}

.button_1 {
	font-size: 13px;
	padding: 6px 13px;
	border-radius: 3px;
	border: 1px solid #055085 ;
	color: #fff;
	text-decoration: none;
	text-shadow: 0 -1px 0 #194967;
	cursor: pointer;
	background: #2f95ca; /* Old browsers */
background: #2f95ca; /* Old browsers */
background: -moz-linear-gradient(top, #2f95ca 0%, #2f95ca 8%, #1855a9 33%, #1859a6 57%, #3283bd 90%, #3283bd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2f95ca), color-stop(8%,#2f95ca), color-stop(33%,#1855a9), color-stop(57%,#1859a6), color-stop(90%,#3283bd), color-stop(100%,#3283bd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #2f95ca 0%,#2f95ca 8%,#1855a9 33%,#1859a6 57%,#3283bd 90%,#3283bd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #2f95ca 0%,#2f95ca 8%,#1855a9 33%,#1859a6 57%,#3283bd 90%,#3283bd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #2f95ca 0%,#2f95ca 8%,#1855a9 33%,#1859a6 57%,#3283bd 90%,#3283bd 100%); /* IE10+ */
background: linear-gradient(top, #2f95ca 0%,#2f95ca 8%,#1855a9 33%,#1859a6 57%,#3283bd 90%,#3283bd 100%); /* W3C */
	background-size: auto 300%;
	box-shadow: 0 1px 0px #57b0d5 inset, 0 -1px 0px #295fad inset, 0 1px 3px rgba(0,0,0, .32), 0 1px 5px rgba(0,0,0, .03) inset;
	.transition(all, .1s, ease);
}

.button_1:hover {
	box-shadow: 0 1px 0px #57b0d5 inset, 0 -1px 0px #295fad inset, 0 1px 2px rgba(0,0,0, .12), 0 1px 5px rgba(0,0,0, .03) inset;
	background-position: 0 -6px;
}

.button_1:active {
	box-shadow: 0 1px 0px #1959a7 inset, 0 -1px 0px #4c8ebb inset, 0 1px 3px rgba(0,0,0, .0), 0 3px 13px rgba(0,0,0, .30) inset;
	background-position: 0 -49px;
}

.button_2 {
	padding: 8px 13px;
	border-radius: 3px;
	border: 1px solid #a24f10 ;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	text-shadow: 0 -1px 0 #a34b00;
background: #ff9200; /* Old browsers */
background: -moz-linear-gradient(top, #ff9200 0%, #ff9200 8%, #ff4e00 38%, #ff5400 65%, #ff9200 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9200), color-stop(8%,#ff9200), color-stop(38%,#ff4e00), color-stop(65%,#ff5400), color-stop(100%,#ff9200)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ff9200 0%,#ff9200 8%,#ff4e00 38%,#ff5400 65%,#ff9200 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ff9200 0%,#ff9200 8%,#ff4e00 38%,#ff5400 65%,#ff9200 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ff9200 0%,#ff9200 8%,#ff4e00 38%,#ff5400 65%,#ff9200 100%); /* IE10+ */
background: linear-gradient(top, #ff9200 0%,#ff9200 8%,#ff4e00 38%,#ff5400 65%,#ff9200 100%); /* W3C */
background-size: auto 200%;
box-shadow: 0 1px 0px #ffb800 inset, 0 -1px 0px #ff6a2b inset, 1px 0px 0px rgba(255,255,255, .09) inset, -1px 0px 0px rgba(255,255,255, .09) inset, 0 1px 3px rgba(0,0,0, .32);
	.transition(all, .1s, ease);

}

.button_2:hover {
	box-shadow: 0 1px 0px #ffb800 inset, 0 -1px 0px #ff6a2b inset, 1px 0px 0px rgba(255,255,255, .09) inset, -1px 0px 0px rgba(255,255,255, .09) inset, 0 1px 3px rgba(0,0,0, .2), 0 0px 8px rgba(254,244,311, 1);
	background-position: 0 -6px;
}

.button_2:active {
	box-shadow: 
		0 1px 0px #ff9200 inset, 
		0 -1px 0px #ff6a2b inset, 
		1px 0px 0px rgba(255,255,255, .09) inset, 
		-1px 0px 0px rgba(255,255,255, .09) inset, 
		0 1px 3px rgba(0,0,0, 0), 
		0 0px 8px rgba(254,244,311, 1),
		0 3px 13px rgba(0,0,0, .20) inset;

	background-position: 0 -45px;
}


//
// Begin General Styling
//

body {
	position: relative;
	background-image: url(../images/home_pattern_bg.jpg);
	background-repeat: repeat;
	font-family: @site_base_font;
}

#home_header {
	height: @home_header_height;
	position: relative;
	z-index: 10000;
	border-bottom: 1px solid #fff;
	background: #002857; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMjg1NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE0JSIgc3RvcC1jb2xvcj0iIzAwMjg1NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQyJSIgc3RvcC1jb2xvcj0iIzAwNTI5MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2OGI4ZGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #002857 0%, #002857 14%, #005290 42%, #68b8de 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#002857), color-stop(14%,#002857), color-stop(42%,#005290), color-stop(100%,#68b8de)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #002857 0%,#002857 14%,#005290 42%,#68b8de 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #002857 0%,#002857 14%,#005290 42%,#68b8de 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #002857 0%,#002857 14%,#005290 42%,#68b8de 100%); /* IE10+ */
background: linear-gradient(top, #002857 0%,#002857 14%,#005290 42%,#68b8de 100%); /* W3C */
filter: ~"progid:DXImageTransform.Microsoft.gradient( startColorstr='#002857', endColorstr='#68b8de',GradientType=0 )"; /* IE6-8 */
	box-shadow: 0px -10px 40px rgba(0,0,0, .3) inset;
	overflow: visible;
}

#home_header_inner {
	height: @home_header_height - @main_nav_height;
	padding-top: @main_nav_height;
	background-image: url(../images/clouds.png);
	background-position: 0 246px;
	background-repeat: repeat-x;
	box-shadow: 0px -10px 30px rgba(0,0,0, .25) inset, 0px -1px 0px rgba(0,0,0, .1) inset;
	overflow: visible;
}

#home_header_content {
	width: @site_width;
	margin: 0 auto;
	overflow: visible;
}

#main_nav {
	width: @site_width;
	height: @main_nav_height;
	margin: -54px auto 0;
	position: fixed;
	left: 50%;
	z-index: 10;
  	margin-left: -475px;
	.border-radius-s(0px, 0px, 3px, 3px);
	border: 1px solid #020202;
	background: #383838; /* Old browsers */
	background: -moz-linear-gradient(top, #383838 0%, #212121 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#383838), color-stop(100%,#212121)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #383838 0%,#212121 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #383838 0%,#212121 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #383838 0%,#212121 100%); /* IE10+ */
	background: linear-gradient(top, #383838 0%,#212121 100%); /* W3C */
	box-shadow: 0px -1px 0px rgba(255,255,255, .03) inset, 1px 0px 0px rgba(255,255,255, .04) inset, -1px 0px 0px rgba(255,255,255, .04) inset, 0 1px 5px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0px -1px 0px rgba(255,255,255, .03) inset, 1px 0px 0px rgba(255,255,255, .04) inset, -1px 0px 0px rgba(255,255,255, .04) inset, 0 1px 5px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0px -1px 0px rgba(255,255,255, .03) inset, 1px 0px 0px rgba(255,255,255, .04) inset, -1px 0px 0px rgba(255,255,255, .04) inset, 0 1px 5px rgba(0, 0, 0, 0.6);
}

.header_logo {
	.ir (133px, 34px, url(../images/header_logo.png));
	position: relative;
	left: 29px;
	top: 11px;
}

#main_nav_links {
	height: @main_nav_height;
	position: relative;
	left: 190px;
	bottom: 35px;
}

#main_nav_links li {
	display: inline;
	font-size: 14px;
	text-shadow: 0 -1px 0 #030303;

	a {
		display: block;
		float: left;
		height: 100%;
		margin-right: 30px;
		line-height: @main_nav_height + 4;
		text-decoration: none;
		color: #a9a9a9;
	}

	.active {
		color: #fff;
		padding: 0 15px;
		position: relative;
		right: 15px;
		margin-right: 0px;
		border-bottom: 1px solid rgba(255,255,255, .02);
		background-color: hsla(0, 0%, 0%, .25);
		.box-shadow-inset(1px, 0px, 2px, hsla(0, 0%, 0%, .2))
	}

	a:hover {
		padding: 0 15px;
		position: relative;
		right: 15px;
		margin-right: 0px;
		border-bottom: 1px solid rgba(255,255,255, .02);
		background-color: hsla(0, 0%, 0%, .25);
		.box-shadow-inset(1px, 0px, 2px, hsla(0, 0%, 0%, .2));
		color: #fff;
	}
}

#home_header_subtitle {
	.ir(735px, 86px, url(../images/header_subtitle.png));
	margin: 38px auto 34px;
}

#laptop_container {
	width: 586px;
	height: 286px;
	margin: 0 auto;
	position: relative;
	background-image: url(../images/laptop.png);

	#laptop_screen {
		position: absolute;
		left: 114px;
		top: 12px;
	}
}

#header_left_content {
	width: 200px;
	float: left;
	position: relative;
	left: 30px;
	top: 25px;

	h3 {
		margin-bottom: 5px;
		font-size: 27px;
		font-family: museo;
		font-weight: 500;
		color: #fff;
		text-shadow: 0 1px 0 rgba(0,0,0, .75);
	}

	p {
		font-size: 14px;
		font-family: georgia, times, 'times new roman', serif;
		line-height: 23.58px;
		color: #fff;
		text-shadow: 0 1px 0 rgba(0,0,0, .65);
	}

	a.button_2 {
		font-size: 18px;
		position: absolute;
		right: 0px;
		bottom: -20px;
	}
}

#header_right_content {
	float: right;
	width: 200px;
	position: relative;
	bottom: 266px;
	right: 40px;

	blockquote {
		font-size: 19px;
		font-family: georgia, times, 'times new roman', serif;
		color: #fff;
		text-shadow: 0 1px 0 rgba(0,0,0, .55);
		line-height: 28px;

		&:after {
			content: '”';
			position: absolute;
			right: -9px;
			top: 75px;
			font-size: 117.57px;
			font-family: georgia, times, 'times new roman', serif;
			text-shadow: 0 1px 0 rgba(0,0,0, .65);
		}

		cite {
			display: block;
			font-size: 14px;
			color: #38434d;
			text-shadow: none;
			font-style: normal;
			text-align: right;
			position: relative;
			right: 32px;
			top: 2px;

			&:before {
				content: '- ';
			}

			span {
				font-size: 10px;
				font-style: italic;
			}
		}
	}
}

#container {
	width: @site_width;
	margin: 0 auto;
	position: relative;

	&.home {
		position: relative;
		left: 30px;
	}
}

.home_image_preview {
	width: 280px;
	margin: 22px 24px 0px 0px;
	float: left;

	&.last {
		margin: -119px 0 45px 0;
	}

	h4 {
		margin-bottom: 10px;
		font-size: 18px;
		color: #929293;
		text-shadow: 0 1px 0 #fff;
	}

	img {
		margin-bottom: 10px;
		padding: 5px;
		background-color: #fff;
		.border-radius();
		border: 1px solid rgba(0,0,0, .16);
		.box-shadow(1px, 1px, 2px, rgba(0,0,0, .065));
	}

	p {
		font-size: 13px;
		line-height: 18.67px;
		color: #a1a1a1;
		text-shadow: 0 1px 0 #fff;
	}

	a {
				text-decoration: none;
	}
}

.home_sep_header {
	display: block;
	clear: both;
	.ir(890px, 35px, url(../images/booking_header_2.jpg));
	margin: 0px 0px 35px;
}

.left_col_container {
	width: 250px;
	float: left;
	clear: left;
	margin-right: 30px;

	h3 {
		margin-bottom: 10px;
		font-size: 28px;
		color: #323232;
	}

	p {
		font-size: 13px;
		line-height: 18.67px;
		color: #686868;
		text-shadow: 0 1px 0 #fff;
	}
}

/*----------------------------*/
/*--- Begin Booking Engine ---*/
/*----------------------------*/

iframe#booking_engine {
	margin-bottom: 50px;
}

#multi_searchbox {
	width: 490px;
	padding: 5px;
	background-color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid rgba(0, 0, 0, 0.16);
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.065);
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.065);
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.065);
	position: relative;
	left: 20px;	
}


#search_tabs {
	-webkit-border-radius: 3px 3px 0px 0px;
	   -moz-border-radius: 3px 3px 0px 0px;
	        border-radius: 3px 3px 0px 0px;	
}

.search_tabs_ul a {
	-webkit-border-radius: 3px 3px 0px 0px;
	   -moz-border-radius: 3px 3px 0px 0px;
	        border-radius: 3px 3px 0px 0px;

}

.right_col_container {
	width: 610px;
	float: left;

	.two_col {
		float: left;
		width: 238px;
		margin: 0 30px 25px 0;
		padding: 25px;
		.border-radius();
		.box-shadow(1px, 1px, 4px, rgba(0,0,0, .08));
		border: 1px solid #d4d6d8;
		background-color: #fff;

		&:nth-child(2n) {
			margin-right: 0px;
		}

		&:nth-child(4) {
			margin-top: -17px;
		}

		h4 {
			margin-bottom: 13px;
			font-size: 18px;
			color: #323232;
		}

		p {
			margin-bottom: 12px;
			font-size: 13px;
			line-height: 18.67px;
			color: #4d4d4d;
		}

		.button_1 {
			display: inline-block;
			margin-top: 7px;
		}
	}
}

footer {
	width: 100%;
	background-color: #262626;

	#footer_inner {
		width: @site_width;
		margin: 0 auto;
		padding: 22px 0;
		position: relative;

		#copyright {
			margin-bottom: 8px;
			font-size: 13px;
			color: #bfbfbf;
			text-shadow: 0 -1px 0 #000;
		}

		.legal {
			margin-bottom: 8px;
			font-size: 11px;
			text-shadow: 0 1px 0 rgba(255,255,255, .1);
		}
		.social_links {
		    position: absolute;
		    right: 0px;
		    top: 34px;

		    li {
			    display: inline;

			    a {
				    text-indent: -9999px;
				    background-image: url(../images/social_icon_sprite.png);
				    display: inline-block;
				    width: 33px;
				    height: 34px;
				    margin-right: 1px;
				}
			}
			.twitter_link {
			    background-position: -33px 0px;
			}

			.linkedin_link {
			    background-position: -66px 0px;
			}

			.youtube_link {
			    background-position: -99px 0px;
			}

			.skype_link {
			    background-position: -134px 0px;
			}

			.myspace_link {
			    background-position: -167px 0px;
			}

			.wordpress_link {
			    background-position: -233px 0px;
			}

			.rss_link {
			    background-position: -266px 0px;
			}
		}
	}
}

/*-- Page Template 1 --*/
#header {
	height: @header_height;
	position: relative;
	border-bottom: 1px solid #fff;
	background: #002857; /* Old browsers */
background: -moz-linear-gradient(top, #002857 0%, #002857 0%, #005290 30%, #68b8de 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#002857), color-stop(0%,#002857), color-stop(30%,#005290), color-stop(100%,#68b8de)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #002857 0%,#002857 0%,#005290 30%,#68b8de 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #002857 0%,#002857 0%,#005290 30%,#68b8de 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #002857 0%,#002857 0%,#005290 30%,#68b8de 100%); /* IE10+ */
background: linear-gradient(top, #002857 0%,#002857 0%,#005290 30%,#68b8de 100%); /* W3C */
filter: ~"progid:DXImageTransform.Microsoft.gradient( startColorstr='#002857', endColorstr='#68b8de',GradientType=0 )"; /* IE6-9 */
	box-shadow: 0px -10px 10px rgba(0,0,0, .3) inset;
}

#header_inner {
	height: @header_height - @main_nav_height;
	padding-top: @main_nav_height;
	background-image: url(../images/clouds.png);
	background-position: 0 86px;
	background-repeat: repeat-x;
	box-shadow: 0px -3px 13px rgba(0,0,0, .30) inset, 0px -1px 0px rgba(0,0,0, .1) inset;
}

#header_subtitle {
	margin: 27px 0 34px;
	text-align: center;
	font-size: 64px;
	font-family: museo;
	color: #fff;
	text-shadow: 0 -1px 2px rgba(0,0,0, .56);

	span {
		display: block;
		margin-top: 10px;
		font-size: 13px;
		font-family: helvetica;
		text-transform: uppercase;
		font-weight: normal;
		letter-spacing: 5px;
		color: #3e4a51;
		text-shadow: 0 -1px 0px #a2d5ef;
	}
}

.left_primary {
	width: 610px;
	margin: 35px 30px 50px 0;
	padding: 21px 23px 23px;
	float: left;
	.border-radius(5px);
	border: 1px solid #dddddf;
	.box-shadow(1px, 1px, 4px, rgba(0,0,0, .075));
	background-color: #fff;

	h3 {
		margin: 30px 0 12px 0;
		font-size: 24px;
		font-family:;mily: @site_base_font;
		color: #464646;
	}

	h3.primary_header {
		padding-bottom: 11px;
		border-bottom: 1px solid #f0f0f0;
		margin-top: 30px;
		line-height: 30px;

		&:first-child {
			margin-top: 0px;
			padding-top: 0px;
		}
	}

	p {
		margin-bottom: 14px;
		font-size: 13px;
		font-family: @site_base_font;
		line-height: 19px;
		color: #666;

		a.button_1 {
			text-align: left;
		}
	}

	ul {
		width: 570px;
		margin-bottom: 20px;
		position: relative;
		left: 44px;
		font-size: 13px;
		font-family: @site_base_font;
		line-height: 19px;
		color: #666;
	}

	ol {
		margin-bottom: 20px;
		position: relative;
		left: 44px;
		font-size: 13px;
		font-family: @site_base_font;
		line-height: 19px;
		color: #666;
	}

	a {
		text-decoration: none;
		color: #3e9ce5;

		&:hover {
			text-decoration: underline;
		}
	}

	img {
		padding: 5px;
		background-color: #fff;
		.border-radius();
		border: 1px solid rgba(0,0,0, .16);
		.box-shadow(1px, 1px, 2px, rgba(0,0,0, .085));

		&.left {
			float: left;
			margin: 5px 14px 9px 0;
		}

		&.right {
			float: right;
			margin: 5px 0 9px 14px;
		}
	}

	img.rupee_symbol {
		width: 7px;
		height: 9px;
		opacity: .7;
		margin-right: -5px;
		padding: 0px;
		box-shadow: none;
		text-shadow: none;
		border: none;
	}

	small {
		font-size: 10px;
		color: #999;
	}

	p, ul, h1, h2, h3, h4, h5, h5, blockquote, cite, small {
		&:last-child {
			margin-bottom: 0px;
			padding-bottom: 0px;
		}
	}

	form#contact_form {

		span.name_container {
			float: left;
			margin-right: 25px;
		}

		label {
			display: block;
			margin: 0px 0 11px 0;
			font-size: 16px;
			font-family: @site_base_font;
			font-weight: bold;
			color: #555555;
		}

		input[type="text"], input[type="email"] {
			width: 218px;
			padding: 8px 11px;
			.border-radius();
			border: 1px solid #d7d7d7;
			box-shadow: 0px 1px 5px #f2f2f2 inset, 1px 0px 5px #f2f2f2 inset;
			font-size: 16px;
			font-family: @site_base_font;
			color: #a3a3a3;
			outline: none;

			&:focus {
				color: #5f5f5f;
				border-color: #c3c3c3;
			}
		}

		.message_container {
			margin-top: 20px;
			display: block;
			clear: left;
		}


		textarea {
			width: 562px;
			height: 140px;
			padding: 6px 11px;
			.border-radius();
			border: 1px solid #d7d7d7;
			box-shadow: 0px 1px 5px #f2f2f2 inset, 1px 0px 5px #f2f2f2 inset;
			font-size: 13px;
			font-family: @site_base_font;
			line-height: 19px;
			color: #a3a3a3;
			outline: none;

			&:focus {
				color: #5f5f5f;
				border-color: #c3c3c3;
			}			
		}

		.button_1 {
			display: block;
			margin: 15px 0 0 0;
		}
	}

	.cntct_form_success {
		margin-bottom: 25px;
		padding: 15px;
		font-size: 13px;
		font-weight: normal;
		color: #4aba62;
		text-shadow: 0 1px 0 #fff;
		.border-radius();
		border: 1px solid #8ce89f;
		background-color: #e6fce8;
	}

	.cntct_form_error {
		margin-bottom: 25px;
		padding: 15px 15px 14px;
		font-size: 13px;
		font-weight: normal;
		color: #de5461;
		text-shadow: 0 1px 0 #fff;
		.border-radius();
		border: 1px solid #fba6af;
		background-color: #fff1f4;
	}
}

aside.secondary {
	width: 250px;
	margin-top: 45px;
	float: left;

	h4 {
		margin: 12.5px 0 7px;
		font-size: 20px;
		font-family: @site_base_font;
		line-height: 25px;
		color: #555555;
		text-shadow: 0 1px 0 #fff;
	}

	h5 {
		margin-bottom: 9px;
		font-family: @site_base_font;
		color: #555555;
		text-shadow: 0 1px 0 #fff;
	}

	p {
		margin: 7px 0 21px;
		font-size: 13px;
		font-family: @site_base_font;
		line-height: 19px;
		color: #777;
		text-shadow: 0 1px 0 #fff;
	}

	p.button_below {
		margin: 9px 0 15px;
		font-size: 13px;
		font-family: @site_base_font;
		line-height: 19px;
		color: #777;
		text-shadow: 0 1px 0 #fff;
	}

	a:not(.button_1) {
		text-decoration: none;
		color: #3e9ce5;

		&:hover {
			text-decoration: underline;
		}
	}

	.button_1 {
		display: inline-block;
		margin: -10px 0 10px;
	}

	hr {
		height: 0px;
		margin: 10px 0 20px 0;
		border-top: 1px solid #d0d0d3;
		border-bottom: 1px solid #fcfdfd;
	}

	img {
		margin: 0 0 10px 0;
		padding: 5px;
		background-color: #fff;
		.border-radius();
		border: 1px solid rgba(0,0,0, .16);
		.box-shadow(1px, 1px, 2px, rgba(0,0,0, .085));
	}
}

.resort_preview {
	display: block;
	width: 890px;
	height: 900px;
	margin: 35px auto 50px;
	padding: 5px;
	background-color: #fff;
	.border-radius();
	border: 1px solid rgba(0,0,0, .16);
	.box-shadow(1px, 1px, 2px, rgba(0,0,0, .065));
}

#pricing_container {
	margin: 35px 0 100px 0;

	.pricing_img {
		display: block;
		width: 490px;
		margin: 0 auto;
	}

	#pricing_button_1_container {
		
		//span {
		//	display: block;
		//}
	}

	a.pricing_button_1 {
		font-size: 14px;
		font-family: georgia, serif;
		font-style: italic;
		text-decoration: none;
		text-shadow: 0 1px 0 rgba(0,0,0, .5);
		.border-radius(30px);
		background-color: #65bb09;
		padding: 6px 16px;
		color: #fff;
		position: relative;
		top: 20px;
		left: 340px;
		cursor: pointer;

		//&:not(.trigger) {
		//	display: none;
		//}
	}

	a.pricing_button_2 {
		font-size: 14px;
		font-family: georgia, serif;
		font-style: italic;
		text-decoration: none;
		text-shadow: 0 1px 0 rgba(0,0,0, .5);
		.border-radius(30px);
		background-color: #ef8915;
		padding: 6px 16px;
		color: #fff;
		position: relative;
		top: 4px;
		left: 631px;
		cursor: pointer;

		//&:not(.trigger) {
		//	display: none;
		//}
	}
}

.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index: 10000;
	-moz-opacity: 0.7;
	opacity:.70;
	filter: alpha(opacity=70);
}
 
.white_content {
	display: none;
	width: @site_width;
	margin-left: -475px;
	padding: 16px;
	position: absolute;
	top: 5%;
	left: 50%;
	z-index: 100000;
	overflow: fixed;

	.site_link {
		margin: 0 25px 25px 0;
		padding: 22px 24px 28px;
		float: left;
		.border-radius();
		border: 5px solid #e0e0e0;
		.box-shadow(1px, 1px, 5px, rgba(0,0,0, .8));
		background-color: #fff;

		&:nth-child(3) {
			clear: left;
			border-color: #f8e6bf !important;
			
			.site_link_title {
				font-size: 17px;
			}
		}

		.site_link_title {
			margin: 0 0 9px 0;
			position: relative;
			font-size: 18px;
			font-family: @site_base_font;
			color: #323232;

			span {
				font-size: 10px;
				font-weight: normal;
				color: #bcbcbc;
			}
		}

		.site_link_desc {
			width: 375px;
			margin: 0 0 15px 0;
			font-size: 13px;
			line-height: 19px;
			color: #4d4d4d;
		}
	}
}

.get_started_container {
	margin-bottom: 140px;
}

#get_started {
	width: 419px;
	margin: 0 auto -121px;
	position: relative;
	top: 10px;
	z-index: 10;

	h3 {
		margin-bottom: 4px;
		.ir (419px, 56px, url(../images/get_started_today.jpg));
	}

	img {
		padding: 0px;
		border: none;
		box-shadow: none;
	}

	.get_started_arrow_left {
		display: inline-block;
		margin-left: 54px;
	}

	a {
		position: relative;
		bottom: 8px;

		&.button_2 {
			color: #fff;
			font-size: 18px;

			&:hover {
				text-decoration: none;
			}
		}
	}
}

/*----------------------------------*/
/*--- Cross Browser compatiblity ---*/
/*----------------------------------*/

.ie {
	.home_image_preview {
		width: 280px;
		margin: 106px 24px 32px 0px;
		float: left;

		&.last {
		margin: 104px 0 0px 0;
		}
	}
}

.ie7 {
	#laptop_container {
		right: 100px;
	}

	#home_header {
		margin-bottom: -80px;
	}

	#header_subtitle {
		margin: 77px auto 34px;
	}

	footer {
		margin-top: 50px;
	}
}

.ie7, .ie8 {
	#home_header {
		height: 500px;
	}

	#home_header_inner {
		height: 500px;
		background-position: 0 334px;
	}
}

/*-- Custom Classes --*/

/* self-clear floats */
.group:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}