@import url("fonts.css");

		body {
			font-family: opensans, sans-serif;
			margin: 0;
		}
		
		sup {
			vertical-align: top;
			font-size: 50%;
		}
		
		#header {
			width: 960px;
			height: 360px;
			margin: 0 auto;
			background-repeat: no-repeat;
			background-position: center top;
			
		}
		
		.about #header {
			background-image: url("images/background_image.jpg");
		}
		
		.yes #header {
			background-image: url("images/yes_background_image.jpg");
		}
		
		.why #header {
			background-image: url("images/why_background_image.jpg");
		}
		
		.events #header {
			background-image: url("images/events_background_image.jpg");
		}
	    .info #header {
			background-image: url("images/info_background_image.jpg");
		}
	
	    .cont #header {
             background-image: url("images/cont_background_image.jpg");
	    }

	#logobar {
			background-color: rgba(198, 211, 225, 0.85);
			height: 90px;
			padding: 10px;
		}
		
		h1 a {
			width: 257px;
			height: 56px;
			display: block;
			background-image: url("images/dri_logo.png");
			background-repeat: no-repeat;
			float: left;
			overflow: hidden;
			text-indent: 100%;
			white-space: nowrap;
		}
		
		h2 {
			display: none;
		}	
		
		#logobar ul {
			list-style-type: none;
			float: right;
		}
		
		#logobar li {
			display: block;
			float: left;
			padding: 0 0 0 4px;
		}
		
		#logobar li a {
			width: 40px;
			height: 40px;
			float: left;
		}
		
		li.twitter a {
			background-image: url("images/twitter.png");
			background-repeat: no-repeat;
			overflow: hidden;
			text-indent: 100%;
			white-space: nowrap;
		}
		
		li.facebook a {
			background-image: url("images/facebook.png");
			background-repeat: no-repeat;
			overflow: hidden;
			text-indent: 100%;
			white-space: nowrap;
		}
		
		li.instagram a {
			background-image: url("images/instagram.png");
			background-repeat: no-repeat;
			overflow: hidden;
			text-indent: 100%;
			white-space: nowrap;
		}
		
		#nav {
			height: 50px;
			background-color: rgba(0, 51, 89, 0.90);
		}
		
		#nav ul, 
		#logobar ul {
			margin: 0;
		}
		
		#nav ul {
			list-style-type: none;
			font-weight: bold;
		}
					
		#nav li {
			display: block;
			float: left;
			padding: 15px 28px;
		}
		
		#nav a {
			text-decoration: none;
			color: #C6D2E0;
		}
		.about #nav .home a,
		.why #nav .why a,
		.info #nav .info a,
		.destinations #nav .destinations a,
	    .cont #nav .cont a,
 	    .contact #nav .contact a,
		.deals #nav .deals a {
			color: white;
		}
		
		#nav a:hover,
		#nav a:focus {
			color: white;
		}			
		
		#container {
			width: 960px;
			margin: 0 auto;
			overflow: auto;
			background-image: url("images/sidebar_gradient.jpg");
			background-repeat: repeat-y;
		}
		
		#sidebar {
			width: 290px;
			float: left;
		}
		
		#sidebar ul {
			list-style-type: none;
			padding: 0;
			margin: 0;
		}
		
		#sidebar li {
			border-style: solid;
			border-color: #c5d2e0;
			border-width: 0 0 1px 0;
		}
		
		#sidebar a {
			display: block;
			height: 50px;
			text-decoration: none;
			color: black;
			text-indent: 20px;
			line-height: 55px;
		}
		
		#sidebar a:hover,
		#sidebar a:focus {
			background-color: white;
		}	
		
		.about #sidebar .about a,
		.deals #sidebar .deals a,
		.events #sidebar .events a,
		.yes #sidebar .yes a,
		.info #sidebar .info a,
	    .cont #sidebar .cont a,
	    .contact #sidebar .contact a {
			background-color: white;
		}
		
		h3,
		h4,
		h5 {
			color: #003359;
		}
		
		#content {
			width: 600px;
			float: right;
			padding: 0 35px;
		}
		
		blockquote {
			color: #6F9AD3;
			font-style: italic
		}
		
		table {
			margin: 0 auto;
		}
		
		th,
		td {
			width: 65px;
			padding: 5px;
		}
		
		tr {
			color: #003359;
		}
		
		th {
			color: #B3995D;
		}
		
		.span {
			text-align: center;
			font-weight: bold;
		}
		
		label {
			display: block;
		}
		
		.fullname {
			float: left;
		}
		
		.fullname input {
			width: 290px;
			height: 35px;
			border: 1px solid #c5d2e0;
			border-radius: 5px;
			font-size: 105%;
			color: #c5d2e0;
		}

		.selectresort {
			float: right;
		}
		
		.title {
			text-transform: uppercase;
			color: #6F9AD3;
			font-size: 80%;
			margin: 5px;
		}
		
		select {
			width: 290px;
			height: 35px;
			border: 1px solid #c5d2e0;
			margin-bottom: 15px;
		}
		
		select.drop {
			font-size: 105%;
			color: #003359;
		}
		
		.title.newline {
			clear: both;
			margin-top: 60px;
		}
		
		.radio {
			width: 120px;
			height: 30px;
			border: 1px solid #c5d2e0;
			border-radius: 5px;
			margin-right: 10px;
			color: #003359;
			float: left;
			line-height: 30px;
		}
		
		.radio input {
			-webkit-appearance: none;
			background-image: url("images/radio_unchecked.png");
			border-radius: 5px;
			border-top-right-radius: 0;
			border-bottom-right-radius: 0;
			width: 30px;
			height: 30px;
			float: left;
			display: block;
			margin: 0 10px 0 0;
		}
		
		.redio input:hover,
		.radio input:focus,
		.radio input:active,
		.radio input:checked {
			background-image: url("images/radio_checked.png");
		}		
		
		
		.checkbox {
			color: #003359;
			margin-right: 25px;
			float: left;
		}
		
		.checkbox input {
			-webkit-appearance: none;
			margin-right: 10px;
			width: 15px;
			height: 15px;
			background-color: #c6d2e0;
			border: 1px solid #6f9ad3;
			float: left;
		}
		
		.checkbox input:hover,
		.checkbox input:focus,
		.checkbox input:active,
		.checkbox input:checked {
			background-color: #003359;
		}

		
		textarea {
			width: 600px;
			height: 65px;
			font-size: 100%;
			color: #c5d2e0;
		}
		
		input[type="submit"] {
			width: 270px;
			height: 35px;
			border: 1px solid #03202F;
			background-color: #c5d2e0;
			border-radius: 5px;
			padding: 5px;
			margin: 20px 0px 50px 0px;
			color: #003359;
			font-weight: bold;
			font-size: 105%;
		}
		
		input[type="submit"]:hover,
		input[type="submit"]:focus {
			background-color: #03202f;
			color: #FFFFFF;
		}
		
		.contact1 input {
			width: 290px;
			height: 35px;
			border: 1px solid #c5d2e0;
			border-radius: 5px;
			font-size: 105%;
			color: #c5d2e0;
		}
		
		.contact2 input {
			width: 290px;
			height: 35px;
			border: 1px solid #c5d2e0;
			border-radius: 5px;
			font-size: 105%;
			color: #c5d2e0;
		}

		textarea.contact {
			width: 290px;
			height: 65px;
			font-size: 100%;
			color: #c5d2e0;
		}

		input.contact[type="submit"] {
			width: 270px;
			height: 35px;
			border: 1px solid #03202F;
			background-color: #c5d2e0;
			border-radius: 5px;
			padding: 5px;
			margin: 20px 0px 50px 0px;
			color: #003359;
			font-weight: bold;
			font-size: 105%;
			float: left;
		}
		
		input.contact[type="submit"]:hover,
		input.contact[type="submit"]:focus {
			background-color: #03202f;
			color: #FFFFFF;
		}


		
		#footer {
			width: 920px;
			border-top: 1px solid #b3995d;
			margin: 0 auto;
			padding: 20px;
			font-size: 70%;
			color: #333333;
		}