@import url("reset.css");

/* Font Rules */
@font-face {
	font-family: 'VAGRoundedStdBold';
	src: url('VAGRoundedStd-Bold.eot');
	src: local('VAG Rounded Std Bold'), local('VAGRoundedStd-Bold'), url('VAGRoundedStd-Bold.woff') format('woff'), url('VAGRoundedStd-Bold.otf') format('opentype');
}

@font-face {
	font-family: 'VAGRoundedStdThin';
	src: url('VAGRoundedStd-Thin.eot');
	src: local('VAG Rounded Std Thin'), local('VAGRoundedStd-Thin'), url('VAGRoundedStd-Thin.woff') format('woff'), url('VAGRoundedStd-Thin.otf') format('opentype');
}

/* Primary Layout Styles */
html, body {
   margin:0;
   padding:0;
   height:100%;
}

body {
	position:relative;
	height:auto;

	padding-bottom:2.0em;
	
	text-align:center;
	
	z-index:1000;
}

	body>*{ text-align:left; }
	.frame { position:relative; display:block; width:912px; margin:auto; }
	.article { width:31%; padding:0 1%; float:left; }
	
	#navigation {
		position:relative;
		min-height:98px;
	}
	
		#navigation a#logo {
			position:absolute;
			display:block;
			top:0px;
			left:0px;
			
			z-index:1100;
		}
		
		#navigation a#linkItrip {
			position:absolute;
			display:block;
			top:5px;
			right:0px;
			
			background:#25AAE3;
			border:3px solid #FCA32B;
			border-radius:9px;
			-moz-border-radius:9px;
			-webkit-border-radius:9px;
			-webkit-border-top-right-radius:9px;
			-webkit-border-top-left-radius:9px;
			-webkit-border-bottom-right-radius:9px;
			-webkit-border-bottom-left-radius:9px;
			padding:0 14px;
			
			color:#FFFFFF;
			font-size:1.3em;
			font-style:italic;
			line-height:1.4em;
			text-decoration:none;
			
			z-index:1100;
		}
		
			#navigation a#linkItrip:hover {
				font-style:normal
			}

			#navigation a#linkItrip:active {
				background:#FFFFFF;
				border-color:#25AAE3;
				
				color:#FCA32B;
			}
					
		#navigation ul.menuTiered {
			position:relative;
			width:712px;
			float:right;
			
			border-bottom:1px solid #FCA32B;
			margin-bottom:2.7em;
			padding:30px 0 0 0;			
			
			font-family:VAGRoundedStdThin,Arial, Helvetica, sans-serif;
			text-align:right;
			
			z-index:1000;
		}
		
			#navigation ul.menuTiered li {
				display:inline-block;
				zoom:1;
				*display:inline;
				
				font-size:1.8em;
			}
			
				#navigation ul.menuTiered li a {
					position:relative;
					display:inline-block;
					zoom:1;
					*display:inline;
					
					padding:0.5em;
					
					color:#FCA32B;
					text-decoration:none;
				}
				
					#navigation ul.menuTiered li.current {
						font-family:VAGRoundedStdBold,Arial, Helvetica, sans-serif;
						font-weight:bold;
					}
					
						#navigation ul.menuTiered li.current ul {
							font-family:VAGRoundedStdThin,Arial, Helvetica, sans-serif;
							font-weight:normal;
						}
					
					#navigation ul.menuTiered li a:hover, #navigation ul.menuTiered li:hover a, #navigation ul.menuTiered li:hover li:hover a {
						color:#26ABE6;
					}
					
						#navigation ul.menuTiered li:hover li a {
							color:#FCA32B;
						}
			
				#navigation ul.menuTiered li ul, #navigation ul.menuTiered:hover li.current ul {
					position:absolute;
					width:100%;
					left:-999em;
					top:66px;
					
					text-align:center;
				}
				
					#navigation ul.menuTiered li:hover ul, #navigation ul.menuTiered li.current ul, #navigation ul.menuTiered:hover li.current:hover ul {
						left:0px;
					}
					
					#navigation ul.menuTiered li ul li {
						font-size:0.7em;
					}
					
						#navigation ul.menuTiered li ul li {
							padding-top:0.5em;
						}
						
							#navigation ul.menuTiered li ul li.current a {
								border-bottom:1px solid #FCA32B;
							}

							#navigation ul.menuTiered li ul li a:hover, #navigation ul.menuTiered li ul li.current a:hover {
								border-bottom:1px solid #26ABE6;
							}

	#splash {
		padding-top:1.8em;
	}
	
		#splash form {
			position:relative;
			width:199px;
			float:left;

			background:#FBE5C0;
			border:3px solid #FCA32B;
			border-width:3px 0px 3px 3px;
			border-radius:12px 0 0 12px;
			-moz-border-radius:12px 0 0 12px;
			-webkit-border-top-left-radius:12px;
			-webkit-border-bottom-left-radius:12px;
			padding:16px 18px 16px 15px;
			margin:16px 0;
		}
		
			#splash form h4 {
				position:absolute;
				top:-28px;
				
				color:#26ABE6;
				font-size:2.1em;
				font-weight:bold;
			}
		
			#splash form label {
				display:block;
				
				padding-top:1.0em;
				padding-bottom:0.4em;
				
				font-size:1.4em;
				font-weight:bold;
			}
			
				#splash form label:first-child {
					padding-top:0;
				}
			
			#splash form input, form#contact input.submit {
				position:relative;
				display:block;
				width:183px;
				
				border:1px solid #FCA32B;
				margin-left:6px;
				margin-bottom:7px;
				padding:0.2em 4px;
				
				color:#818382;
			}
			
				#splash form input.hidden, form input[type="hidden"] {
					border:none !important;
					margin:0 !important;
					padding:0 !important;
				}
			
			#splash form select {
				position:relative;
				display:block;
				width:191px;

				border:1px solid #FCA32B;
				margin-left:6px;
				margin-bottom:7px;
				padding:0.2em 0;
				
				color:#818382;
			}
			
				#splash form input.submit, form#contact input.submit {
					position:relative;
					width:auto;
					
					background:#25AAE3;
					border-width:3px;
					border-radius:12px;
					-moz-border-radius:12px;
					-webkit-border-top-left-radius:12px;
					-webkit-border-top-right-radius:12px;
					-webkit-border-bottom-left-radius:12px;
					-webkit-border-bottom-right-radius:12px;
					margin:24px auto 0 auto;
					padding:1px 1.5em 3px 1.5em;
				
					color:#FFFFFF;
					font-size:2.1em;
					text-transform:lowercase;
				}
				
					#splash form input.submit:hover, form#contact input.submit:hover {
						padding:2px 1.5em 2px 1.5em;
					}
				
					#splash form input.submit:active, form#contact input.submit:active {
						background:#FFFFFF;
						border-color:#25AAE3;
						
						color:#FCA32B;
						outline:none;
					}
					
					#splash form input.submit::-moz-focus-inner, form#contact input.submit::-moz-focus-inner { border: 0; }
			
			#splash form .formTL, #splash form .formBL { display:none; }
		
		#splash #slideshow {
			position:relative;
			height:404px;
			width:677px;
			float:right;
			
			overflow:hidden;
		}
		
		#splash #popout {
			position:absolute;
			bottom:0px;
			left:305px;
			
			z-index:1000;
		}
		
			#splash #popout img {
				display:block;
			}
		
		#splash .tags {
			height:auto;
			clear:both;
			
			padding-top:0.2em;
		
			color:#959699;
			font-size:1.8em;
			line-height:2.0em;
		}
		
			#splash .tags q {
				letter-spacing:1.5px;
			}
			
				#splash .tags q .itrip {
					color:#FBA724;
				}
				
					#splash .tags q:first-letter {
						color:#25AAE3;
					}
			
			#splash .tags .networks {
				position:relative;
				float:right;
				padding-left:2.0em;
			}
			
				#splash .tags .networks a {
					position:relative;
					display:block;
					float:left;
				}
				
					#splash .tags .networks a img {
					
					}
			
			#splash .tags>p {
				position:relative;
				float:right;
			}
			
				#splash .tags>p .callout {
					color:#25AAE3;
					font-size:1.2em;
				}
				
			#splash .tags div.clear {
				clear:none;
			}
	
	#contentPrimary {
		background:#FBE5C0;
		border:1px solid #FCA32B;
		border-width:1px 0px;
		padding:16px 0;
		
		color:#696969;
	}
	
		#contentPrimary .article {
			text-align:justify;
		}
		
			#contentPrimary .article h2:first-child {
				width:66%;
				float:right;
				
				border-bottom:1px solid #FCA32B;
				padding-top:0.5em;
				padding-bottom:0.2em;
				
				font-size:2.1em;
				text-align:right;
			}
			
			#contentPrimary .article p {
				clear:both;
			}
		
	#contentSecondary {
		padding:12px 0;
	}
	
		#contentSecondary .article {
			width:98%;
			
			text-align:justify;
		}
		
			#contentSecondary .article h1:first-child {
				text-align:left;
			}
		
		#contentSecondary .listingsPopular {
			width:100%;
			float:left;
			
			padding-bottom:12px;
		}
		
			#contentSecondary .listingsPopular h3 {
				background:url(/graphics/bgHeading.jpg) center left repeat-x;
				
				color:#25AAE3;
				font-size:1.8em;
				text-align:center;
			}
			
				#contentSecondary .listingsPopular h3 span {
					background:#FFFFFF;
					padding:0 1.0em;
				}
			
			#contentSecondary .listingsPopular .listingPopular {
				position:relative;
				display:block;
				width:33%;
				float:left;
				
				padding-bottom:0.3em;
				border-bottom:0px;
				
				color:#696969;
				font-size:1.3em;
				line-height:1.2em;
				text-align:center;
			}
			
				#contentSecondary .listingsPopular .listingPopular img {
					display:block;
					margin:auto;
					max-height:210px;
					max-width:283px;
					
					border:2px solid #FCA32B;
					margin-bottom:0.3em;
				}
				
				#contentSecondary .listingsPopular .listingPopular strong {
					display:block;
				}
				
					#contentSecondary .listingsPopular .listingPopular:hover strong {
						color:#25AAE3;
					}
			
	#banners {
		border-top:1px solid #FCA32B;
		padding:2.0em 0;
	}
	
		#banners a {
			position:relative;
			display:block;
			max-width:32%;
			float:left;
			
			padding-left:2%;
		}
			
			#banners a:first-child {
				padding-left:0;
			}
			
			#banners a img {
				position:relative;
				display:block;
				width:100%;
			}
					
	#navigationSecondary {
		background:#FBE5C0;
		border:1px solid #FCA32B;
		border-width:1px 0px;
		padding:16px 0;

		color:#696969;
		font-size:1.2em;
		line-height:1.4em;
		text-align:center;
	}
	
		#navigationSecondary ul.menuInline {
			position:relative;
			
			padding-bottom:0.8em;
		}
		
			#navigationSecondary ul.menuInline li {
				display:inline-block;
				zoom:1;
				*display:inline;

				padding:0 0.3em 0 0.6em;
				border-left:1px solid #999;
			}
			
				#navigationSecondary ul.menuInline li a {
					position:relative;
					display:inline-block;

					padding-bottom:1px;
					
					color:#25AAE3;
					text-decoration:none;
				}
				
					#navigationSecondary ul.menuInline li:first-child {
						border-left:0px;
					}
				
					#navigationSecondary ul.menuInline li a:hover {
						border-bottom:1px dotted #25AAE3;
						padding:0px;
					}
			
				#navigationSecondary ul.menuInline li ul {
					display:none;
				}

		#navigationSecondary p {
			
		}
		
a#OVLogo {
	position:relative;
	display:block;
	width:145px;
	
	margin:12px auto 0 auto;
	
	color:#14A6D5;
	font-size:1.2em;
	text-align:center;
	text-decoration:none;
}

	a#OVLogo img {
		position:relative;
		display:block;
		margin:auto;
	}

	
/* Font Styles */
	
a {  }
a:visited {  }
a:hover {  }
a:active {  }

body {
	color:#818382;
	font-family:Arial, Helvetica, sans-serif;
}

.textFrame h1, .textFrame h2, .textFrame h3, .textFrame h4, .textFrame h5, .textFrame h6 {
	margin-bottom:0.5em;
	
	color:#25AAE3;
	font-weight:bold;
	line-height:1.2em;
}
	.textFrame h1 { font-size:1.8em; }
	.textFrame h2 { font-size:1.6em; }
	.textFrame h3 { font-size:1.4em; }
	.textFrame h4, .textFrame h5, .textFrame h6 { font-size:1.3em; }
	
	.textFrame p, .textFrame li { font-size:1.3em; line-height:1.2em; }
	
	.textFrame ol, .textFrame ul, .textFrame p {
		padding-bottom:0.5em;
	}
	
	.textFrame li { padding-bottom:0.25em; }
	
	.textFrame ul li { list-style-type:circle; }
	.textFrame ol li { list-style-type:decimal; }
	
	.textFrame ol li, .textFrame ul li {
		margin-left:36px;
	}

	strong { font-weight: bold; }
	em { font-style: italic; }
	code { font-family: "Courier New", Courier, monospace; }
/*	
	.textFrame img {
		position:relative;
	}
	
		.textFrame img.left {
			display:block;
			float:left;
			margin-right:8px;
		}
		
		.textFrame img.right {
			display:block;
			float:right;
			margin-left:8px;
		}
		
		.textFrame img.center {
			display:block;
			margin:0 auto 8px auto;
		}
		
		.textFrame img.border {
			border:2px solid #53657E;
		}
*/		
		.textFrame a { color:#25AAE3; border-bottom:1px dotted #25AAE3; text-decoration:none; }
		.textFrame a:visited { color:#25AAE3; border-bottom:0px; }
		.textFrame a:hover { border-bottom:0px; }
		.textFrame a:active { font-style:italic; }

/* PROPERTIES  
----------------------------------------------------------*/
.message
{
    padding-left: 20px;
    font-size: 14px;
    font-weight: bold;
}
.property
{
    width:914px;
    /*height:170px;*/
	
	padding-bottom:12px;
}
.title
{
    clear:both;
    width:914px;
    height:20px;
    background-color: #EEEEEE;
    border-bottom: 1px solid #C0C0C0;
    font-size: 14px;
    padding-top:10px;
}
.propertyBody
{
    clear:both;
    padding: 5px;
    width:914px;
}
.imageWrapper
{
    float:left;
    width:204px;
    height:130px;
    overflow:hidden;
}
.image
{
    float:left;
    width:200px;
    height:100px;
    overflow:hidden;
    border:2px solid #25AAE3;
    margin-bottom: 6px;
}
.description
{
    width:690px;
    /*height:120px;*/
    padding-left: 10px;
    overflow:hidden;
    
	font-size: 1.3em;
	line-height:1.2em;
}
.phone
{
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: #FCA32B;
}

/* Contact Form Styles */

form#contact {
	position:relative;
	width:600px;
	height:auto;
	
	margin:auto;
}

	form#contact label, form#contact legend {
		display:block;
		position:relative;

		clear:left;

		/*background:#FBE5C0;*/
		margin:0 1%;		
		margin-bottom:1.2em;
		padding:0.5em 2%;

		color:#25AAE3;
		font-size:1.3em;
		font-weight:bold;
		line-height:1.2em;
		text-align:left;
	}

		form#contact legend {
			margin:0;
		}

		form#contact label input[type="text"], form#contact label select {
			width:45%;
			font-size:13px;
		}
		
		form#contact label table.validator {
			display:table;
			left:auto !important;
			top:auto !important;
			width:100%;
			color:red;
		}
		
			form#contact label table.validator img {
				display:none;
			}
			
				form#contact label table.validator tr td table {
					display:none;
				}
			
	form#contact .inline, form#contact fieldset input, form#contact fieldset select {
		display:inline;
	}

	form#contact fieldset label, form#contact ul.checklist li label, form#contact input, form#contact select, form#contact textarea {
		color:#555555;
		font-family:Arial,Helvetica,sans-serif;
		font-size:1.3em;
		font-weight:normal;
		line-height:1.3em;
	}

		form#contact input, form#contact select, form#contact textarea {
			display:block;
			
			background:#FBE5C0;
			border:1px solid #FBA724;
			margin:0.4em;
			padding:3px 0 3px 4px;
		}
		
			form#contact input:focus, form#contact select:focus, form#contact textarea:focus {
				background:#FFFFFF;
			}
		
		form#contact select {
			padding:4px 0;
		}


	form#contact fieldset {
		margin:0.6em 0;
	}
	
	form#contact textarea {
		width:95%;
	}

	form#contact .column2, form#contact .column3, form#contact .column4 {
		position:relative;
		float:left;

		clear:none;
	}

		form#contact .column2 {
			width:44%;
		}

		form#contact .column3 {
			width:27%;
		}

		form#contact .column4 {
			width:19%;
		}

		form#contact label.column2 input[type="text"], form#contact label.column3 input[type="text"], form#contact label.column4 input[type="text"] {
			width:90%;
		}
		
			form#contact label select {
				width:92.5%;
			}
	
	form#contact fieldset label {
		display:block;
		width:100%;
		float:left;
		
		clear:none;
	}
	
	form#contact fieldset.option2 label {
		width:50%;		
	}
	
	form#contact fieldset.option3 label {
		width:33%;
	}
	
	form#contact fieldset.option4 label {
		width:25%;
	}
	
	form#contact fieldset.option5 label {
		width:20%;
	}
	
	form#contact label.error {
		position:absolute;
		color:#B44625;
		left:131px;
		font-size:0.9em;
	}