@-webkit-keyframes pulse {
  0% {
  -webkit-box-shadow: 0 0 12px rgba(51, 204, 255, 0.2);
 }
  50% {
  -webkit-box-shadow: 0 0 12px rgba(51, 204, 255, 0.9);
 }
 100% {
  -webkit-box-shadow: 0 0 12px rgba(51, 204, 255, 0.2);
 }
}
#contact_form input[type="text"]:focus, textarea:focus {
   -webkit-animation: pulse 1.5s infinite ease-in-out;
}
#contact_form input[type="submit"]:hover,
#contact_form input[type="submit"]:focus {
   -webkit-animation: pulse 1.5s infinite ease-in-out;
}
#index_container {
	height: auto;
	padding-bottom: 10px;
}
#left_content {
	height: 565px;
}
#right_content {
	float: right;
	width: 200px;
	height: 565px;
	margin-right: 10px;
}
#directions {
	width: 200px;
	margin-left: 25px;
}
#directions h3 {
	text-align: center;
	color: #FF7700;
}
#directions p {
	margin-bottom: 25px;
}
#map_box {
	width: 400px;
	height: 400px;
}
.iframe {
	width: 400px;
	height: 400px;
}
.logo_notice {
	float: right;
	width: 270px;
	height: auto;
}
#form_logo {
	width: 260px;
	margin: 40px 20px 0 0;
	padding: 5px;
	background-color: #FF7700;
}
#contact_form {
	/*position: relative;
	top: 0;
	left: 50px;*/
	float: left;
	width: 200px;
	margin-left: 25px;
}
#contact_form label {
	display: block;
	font-size: 110%;
	line-height: 2em;
}
#contact_form fieldset input[type="text"] {
	margin-bottom: 10px;
}
#contact_form fieldset input[type="text"], textarea, select {
    width: 255px;
    padding: 3px 8px;
    font-family: Verdana;
    font-weight: bold;
    font-size: 1.2em;
    color: black;
    border: none;
    background-color: #eee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}
#contact_form textarea {
	width: 400px;
	height: 200px;
	line-height: 1.4em;
	margin-bottom: 10px;
	font-size: small;
	resize: none;
}
#contact_form select {
	margin-bottom: 20px;
}
#contact_form input[type="submit"] {
  	padding: 8px 15px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	line-height: 1;
	color: black;
	border: none;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#bbb));
	background-image: -moz-linear-gradient(0 100% 90deg, #fff, #bbb);
	background-color: #fff;
	-webkit-border-radius: 23px;
	-moz-border-radius: 23px;
	-o-border-radius: 23px;
	border-radius: 23px;
}
fieldset em, .error {
	/*position: relative;
	top: 25px;
	left: 200px;*/
	color: red;
}
.valid {
	display: inline;
}
#errors, #success {
	display: none;
	margin-top: 20px;
}
#success {
	font-weight: bold;
	color: #FF7700;
}
#errors.visible, #success.visible {
	display: block;
}
#errors li {
    padding: 3px;
    list-style: none;
}

#errors li:before {
    content: ' - ';
}

#errors #info {
    font-weight: bold;
}

#errors #info:before {
    content: '';
}

/* Sliding Panel */
.panel {
	position: absolute;
	top: 0px;
	right: 0;
	display: none;
	background: #000000;
	border:1px solid #111111;
	-moz-border-radius-topleft: 20px;
	-webkit-border-top-left-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;
	width: 420px;
	height: auto;
	padding: 30px 50px 30px 80px;
	filter: alpha(opacity=85);
	opacity: .85;
}

.panel p{
	margin: 0 0 15px 0;
	padding: 0;
	color: #cccccc;
}

.panel a, .panel a:visited{
	margin: 0;
	padding: 0;
	color: #FF7700;
	text-decoration: none;
	border-bottom: 1px solid #FF7700;
}

.panel a:hover, .panel a:visited:hover{
	margin: 0;
	padding: 0;
	color: #ffffff;
	text-decoration: none;
	border-bottom: 1px solid #ffffff;
}

a.trigger{
	position: absolute;
	text-decoration: none;
	top: 0px; right: 0;
	font-size: 16px;
	letter-spacing:-1px;
	font-family: verdana, helvetica, arial, sans-serif;
	color:#fff;
	padding: 20px 40px 20px 45px;
	font-weight: 700;
	background:#333333 url(../assets/menu_images/plus.png) 5% 55% no-repeat;
	border:1px solid #444444;
	-moz-border-radius-topleft: 20px;
	-webkit-border-top-left-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius: 0px;
	display: block;
}

a.trigger:hover{
	position: absolute;
	text-decoration: none;
	top: 0px; right: 0;
	font-size: 16px;
	letter-spacing:-1px;
	font-family: verdana, helvetica, arial, sans-serif;
	color:#fff;
	padding: 20px 40px 20px 45px;
	font-weight: 700;
	background:#222222 url(../assets/menu_images/plus.png) 5% 55% no-repeat;
	border:1px solid #444444;
	-moz-border-radius-topleft: 20px;
	-webkit-border-top-left-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius: 0px;
	display: block;
}

a.active.trigger {
	background:#222222 url(../assets/menu_images/minus.png) 5% 55% no-repeat;
}

.columns{
	clear: both;
	width: 420px;
	padding: 0 0 20px 0;
	line-height: 22px;
}

.colleft{
	float: left;
	width: 200px;
	line-height: 22px;
}

.colright{
	float: right;
	width: 200px;
	line-height: 22px;
}

#panel_columns ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

#panel_columns li{
	padding: 0;
	margin: 10px 0 0;
	list-style: none;
	color: white;
}
.hidden {
	display: none;
}