@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:400,700);

body {
	font-family: "Roboto Slab", serif;
}

	div#page {
		width: 960px;
		margin: 0 auto 50px;
		background-color: #fff;
	}

		header#header {
			width: 100%;
			height: 90px;
			margin: 0 10px 10px;
			padding-top: 20px;
			position: relative;
		}

			nav#nav {
				width: 940px;
				height: 80px;
				background-color: #000;
			}

				nav#nav ul {
					list-style: none;
				}

					nav#nav ul li {
						float: left;
						width: 120px;
						padding-bottom: 3px;
						font-size: 1em;
						font-weight: bold;
						text-transform: uppercase;	
						text-align: center;					
					}

					nav#nav ul li:first-child {
						margin: 32px 276px 0 150px;
					}

					nav#nav ul li:last-child {
						margin: 32px 0 0 150px;
					}

						nav#nav ul li a {
							text-decoration: none;
							color: #fff;
						}

							nav#nav ul li a:hover, nav#nav ul li a.selected {
								border-bottom: 7px solid #FF6F0D;
								color: #FF6F0D;
							}

			header#header h1 {
				width: 132px;
				height: 100px;
				display: block;
				margin: 0 auto -100px;
				z-index: 10;
			}

		div#introduction {
			width: 100%;
			height: 320px;
			margin: 10px;
		}

			div#slideshow {
				width: 940px;
				height: 320px;
			}

				a.nivo-prevNav {
					margin: 0;
					width: 20px;
					height: 20px;
					background: transparent url(../images/left-arrow.png) top center no-repeat;
					text-indent: -9999px;
					display: block;
					-webkit-transition: 0.3s ease-in-out;
					-moz-transition: 0.3s ease;
					-o-transition: 0.3s ease;
					-ms-transition: 0.3s ease;
					transition: 0.3s ease-in-out;
					opacity: 0.4;
				}

				a.nivo-nextNav {
					margin: 0;
					width: 20px;
					height: 20px;
					background: transparent url(../images/right-arrow.png) top center no-repeat;
					text-indent: -9999px;
					display: block;
					-webkit-transition: 0.3s ease-in-out;
					-moz-transition: 0.3s ease;
					-o-transition: 0.3s ease;
					-ms-transition: 0.3s ease;
					transition: 0.3s ease-in-out;
					opacity: 0.4;
				}

						a.nivo-prevNav:hover, a.nivo-nextNav:hover {
							opacity: 1;
						}

		div#content {
			width: 100%;
			overflow: hidden;
		}

			div#sidebar {
				float: left;
				width: 400px;
				height: 100%;
			}

				section.hcustom {
					height: 408px;
				}

				section.hcustomtwo {
					height: 510px;
				}

				div#sidebar section {
					background-color: #000;
					margin: 10px 10px 20px;
					padding-bottom: 10px;
				}

				div#sidebar section h3 {
					padding: 10px 20px 10px;
					font-size: 1.250em;
					font-weight: 400;
					color: #FF6F0D;
				}

				div#sidebar section h3:first-child {
					padding: 20px 20px 10px;
				}

				div#sidebar section p, div#sidebar section address {
					padding: 0 20px 10px;
					font-size: 0.813em;
					font-weight: 400;
					font-style: normal;
					line-height: 20px;
					color: #fff;
				}

					div#sidebar section p a {
						color: #fff;
					}

						div#sidebar section p a:hover {
							color: #FF6F0D;
						}

				div#sidebar section form {
					padding-bottom: 30px;
				}

					div#thankyou {
						margin: 0 20px 10px;
						background-color: #FF6F0D;
					}

						div#thankyou h5 {
							padding: 10px;
							font-size: 0.813em;
							font-weight: 400;
							text-align: center;
							color: #fff; 
						}

					div#sidebar section form p label {
						display: block;
						padding-bottom: 3px;
						font-size: 1.250em;
						font-weight: 400;
						text-transform: uppercase;
						color: #FF6F0D;
					}

					label.error {
						color: red !important;
					}

					input.ilarge {
						padding: 10px;
						font-size: 0.813em;
						font-weight: 400;
						width: 318px;
						border: 1px solid #fff;
					}

					input.inum {
						padding: 10px;
						font-size: 0.813em;
						font-weight: 400;
						width: 80px;
						border: 1px solid #fff;
					}

					input.first, input.second {
						margin-right: 16px;
					}

					input.isubmit {
						float: right;
						margin: 5px 0 0;
						width: 144px;
						height: 44px;
					}

			div#text {
				float: right;
				width: 540px;
				margin: 10px;
				padding: 10px 0;
				background-color: #000;
			}

				div#text h2 {
					padding: 10px 20px 10px;
					font-size: 1.250em;
					font-weight: 400;
					color: #FF6F0D;
				}

				div#text h4 {
					padding: 0 20px 10px;
					font-size: 1em;
					font-weight: 400;
					line-height: 22px;
					color: #fff;
				}

				div#text p {
					padding: 0 20px 10px;
					font-size: 0.813em;
					font-weight: 400;
					font-style: normal;
					line-height: 20px;
					color: #fff;
				}

					div#text p span {
						color: #FF6F0D;
					}

					section#gallery {
						width: 540px;
						height: 120px;
						position: relative;
						margin: 0 20px 10px;
					}

						section#gallery ul {
							list-style: none;
						}

							section#gallery ul li {
								float: left;
								display: inline;
								margin: 10px;
								width: 100px;
								height: 100px;
							}

							img.next:hover {
								opacity: 1;
							}

						img.next {
							position: absolute;
							top: 50px;
							right: 0;
							border: none;
							z-index: 3;
							-webkit-transition: 0.3s ease-in-out;
							-moz-transition: 0.3s ease;
							-o-transition: 0.3s ease;
							-ms-transition: 0.3s ease;
							transition: 0.3s ease-in-out;
							opacity: 0.5;
						}

		footer#footer {
			width: 100%;
			height: 70px;
		}

			div#bottom {
				margin: 10px;
				width: 940px;
				height: 40px;
				background-color: #000;
			}

				nav#subnav {
					float: left;
				}

					nav#subnav ul {
						list-style: none;
					}

						nav#subnav ul li {
							float: left;
							padding: 10px 0 0;
							width: 120px;
							font-size: 1em;
							font-weight: 400;
							text-transform: uppercase;	
							text-align: center;					
						}

							nav#subnav ul li a {
								text-decoration: none;
								color: #fff;
							}

								nav#subnav ul li a:hover {
									color: #FF6F0D;
								}

				section#license {
					float: right;
				}

					section#license p {
						padding: 10px 20px;
						font-size: 1em;
						font-weight: normal;
						color: #FF6F0D;
					}

			div#copyright {
				width: 100%;
				height: 20px;
			}

				div#copyright p {
					padding: 0 10px;
					font-size: 0.750em;
					font-weight: bold;
					text-align: right;
					text-transform: uppercase;
				}