@charset "utf-8";
/* CSS Document */

/*  General Styles  */

body {
	background: #ffffff url(../images/bg_3.jpg) center top repeat-x;
	min-height: 830px;
	padding: 0px;
	margin: 0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	width: 100%;
}


#header {
	background: transparent url(../images/header_bg.png) left top repeat-x;
	width: 100%;
	height: 113px;
	min-width:1024px;
}
#testimonial-holder { margin-top:20px; width:100%; position:relative; height:175px; }

h1 {
	color: white;
	font-size: 43px;
	line-height: 50px;
	margin-top: 40px;
	font-weight: 500;
	text-shadow: black 0.1em 0.1em 0.2em;
	margin-bottom: 20px;
	font-family:'Nothing You Could Do', cursive;
}

h2 {
	color: #333;
	font-size: 20px;
	line-height: 21px;
	margin-top: 5px;
	font-weight: 500;
	text-shadow: #888 0.1em 0.1em 0.2em;
	margin-bottom: 20px;
}

.red {
	color: red;
	font-weight: normal;
}

.valuestatement {
	color: white;
	font-size: 18px;
	display: block;
	margin-bottom: 10px;
}

.wrapper {
	width: 1000px;
	margin: 0 auto;
	position: relative;
	padding-left: 10px;
	padding-right: 10px;
	text-align:center;
}

#logo { text-align:left; }
.logo {
	/*margin-top: 14px;*/
	max-width:459px;
	max-height:113px;
	
}
#logo .seen-on { width:462px; float:right; text-shadow:0 0 3px #333; }

.formview {
	display: block;
	float: left;
	width: 432px;
	height:602px;
	position: relative;
    
}

.animatethis {
	margin-left: -20px;
	margin-top:-20px;
	opacity: .3;
}

.formview fieldset {
	border: none;
	margin: 0px;
	padding: 0px;
}

.formview form {
	margin: 0px;
	padding: 0px;
}

.formview label {
	display: none;
	
}

.formview input {
	display: block;
	float: left;
	border: 1px #6d6e71 solid;
	border-radius: 5px;
	padding: 8px 15px;
	font-size: 18px;
	margin:0 0 12px 0;
	color: #a9a9a9;
}

.emailform, .addressform {
	width: 400px;
}

.phoneform {
	width: 145px;
	
}

.formview .nameform {
	width: 207px;
	margin-right: 15px;
}



.agentview {
	display: block;
	float: left;
	width: 475px;
	height: 602px;
	background: transparent url(../images/amy-arndorfer.png) right bottom no-repeat;
	/*margin right animates +100 to slide image in */
	margin-right: -100px;
	margin-left: 85px;
	margin-top: -25px;
	/* remove before production */
	width:700px;
	position:absolute;
	right:0;
	opacity: .1;
	
}

.asheardon {
	display: block;
	position:absolute;
	z-index:999;
	top:470px;
	text-align:center;
	/*margin-left: 150px;*/
}
.asheardon div { width:115px; }
.asheardon img {
	height: 90px;
	display: inline-block;
}

/*
.radio1, .radio2, .radio3, .radio4, .radio5 {
	background: #fff url(../images/play_button.png) bottom center no-repeat;
	cursor: pointer;
	display: inline-block;
	float: left;
	margin-right: 10px;
	text-align:center;
	padding:4px 4px 20px 4px;
	box-shadow:0 0 3px #000;
}
.radio2 img, .radio3 img, .radio4 img, .radio5 img {  height:30px; }
*/

.radio1, .radio2, .radio3, .radio4, .radio5, .radio6 {	
	cursor: pointer;
	display: inline-block;
	float: left;
	margin-right: 10px;
	text-align:center;
	padding:4px 4px 20px 4px;
	}



.hide_radio { position:relative;  opacity:0; }
.hide_radio div { position:absolute; background:#fff; width:950px; height:1px; overflow:hidden; z-index:99; }
/*

.radio2 {
	background: #fff;
	width: 60px;
	height: 67px;
	cursor: pointer;
	display: block;
	float: left;
	margin-right: 25px;
	text-align:center;

}


.radio3 {
	background: #fff;
	width: 60px;
	height: 67px;
	cursor: pointer;
	display: block;
	float: left;
	margin-right: 25px;
	text-align:center;

}


.radio4 {
	background: transparent url(../images/play.png) left top no-repeat;
	width: 60px;
	height: 67px;
	cursor: pointer;
	display: block;
	float: left;
	margin-right: 25px;

}

.radio5 {
	background: transparent url(../images/play.png) left top no-repeat;
	width: 60px;
	height: 67px;
	cursor: pointer;
	display: block;
	float: left;

}
*/


#KLBJ-AM, #KLBJ-FM, #KVET-AM, #KVET-FM, #KOKE {
	position:absolute;
	left: 10px;
	top: 525px;
	height: 40px;
	width: 40px;
}

.youtube {
	display: block;
	float: left;
	margin-left: 60px;
}

.reason  {
	border: 1px solid #dbdbdb;
	width: 31%;
	height: 210px;
	text-align: center;
	display: block;
	float: left;
	margin-top: 90px;
	padding-top:30px;
	border-radius:70px;
	background:#eee url(../images/red_pin.png) center top no-repeat;
	box-shadow:0 0 20px #eee;
	transition: background-color 0.5s ease;
}
.reason:hover
{
	background-color:#fafafa;
	box-shadow:0 0 10px #eee;	
	transition: background-color 0.5s ease;
}
.reason div.padd { padding:20px; }

.reason p {
	color: #797979;
	margin-top: 5px;
	font-size: 15px;
	
}

.reason h2 {
	color: #ae1621;
	font-weight: bold;
	font-size: 20px;
	padding-top: 5px;
	margin-top: 0px;
	margin-bottom: 0px;	
	text-shadow:none;
	font-family:'Nothing You Could Do', cursive;
}

.footer {
	color: #797677;
	font-size: 15px;
	display: block;
	width: 950px;
	clear: both;
	margin-left:25px;
	margin-top: 70px;
	margin-bottom: 50px;
	padding-bottom: 30px;
}

.footer a {
	text-decoration: underline;
	color: inherit;
}

.nameform:focus {
	color: black;	
}

.testimonial-header {
	transform:rotate(-10deg);
-ms-transform:rotate(-10deg); /* IE 9 */
-webkit-transform:rotate(-10deg); /* Opera, Chrome, and Safari */
display:block;
text-align:center;
margin-top:5px;
width:37%;
float:left;
position:absolute;
	}
.testimonial-header h1 {  text-shadow: 0 0 4px #888; margin:0; text-align:center; }

.testimonial {
	float: right;
	width: 67%;
	display: block;
	color: #777777;
	font-size: 15px;
	margin-bottom:90px;
	margin-top:20px;
}

.testwords {
	text-align: right;
	float: right;
	display: block;
	float: left;
	padding-right: 10px;
	height: 55px;
	/*border-right: 1px solid grey;*/
	font-style: italic;
	font-weight: 100;
	/*padding-top: 10px;*/
	margin-bottom:60px;
}

.testwords h2{
	display: inline;
	font-weight: normal;
	font-size: 15px;
	font-style: normal;
}

.testimonialname {
	color: #ae1621;
	padding-left: 10px;
	border-left: 1px dotted #dbdbdb;
	font-style: normal;
	font-weight: bold;
}

.testimage{
	display: block;
	float: right;
	width: 95px;
	margin-left: 10px;
}

.thanks {
	color: white;
	font-size: 18px;
	height: 362px;
	display: none;
}

a.button { padding:10px 15px; text-decoration:none; }

input.thoughtbot, .button {
  background-color: #ee432e;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee432e), color-stop(50%, #c63929), color-stop(50%, #b51700), color-stop(100%, #891100));
  background-image: -webkit-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  background-image: -moz-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  background-image: -ms-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  background-image: -o-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  background-image: linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  border: 1px solid #951100;
  border-radius: 5px;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
  box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
  color: #fff;
  font: bold 20px/1 "helvetica neue", helvetica, arial, sans-serif;
  padding: 8px 0 14px 0;
  text-align: center;
  text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.8);
  width: 100%; }
  input.thoughtbot:hover {
    background-color: #f37873;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f37873), color-stop(50%, #db504d), color-stop(50%, #cb0500), color-stop(100%, #a20601));
    background-image: -webkit-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    background-image: -moz-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    background-image: -ms-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    background-image: -o-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    background-image: linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    cursor: pointer; }
  input.thoughtbot:active {
    background-color: #d43c28;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d43c28), color-stop(50%, #ad3224), color-stop(50%, #9c1500), color-stop(100%, #700d00));
    background-image: -webkit-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
    background-image: -moz-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
    background-image: -ms-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
    background-image: -o-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
    background-image: linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4);
    box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4); }    
    button a {
	    color: white;
	    text-decoration: none;
	    
    }
	
	.txtCenter { text-align:center; }
	.txtWhite { color:#ffffff; }
	a { color:#ffffff; }
	
	table.cellpadd tr, table.cellpadd tr td { padding:0 5px 5px 5px; text-align:center; cursor:pointer; postition:fixed; top:600px; }
	table td { font-size:14px; color:#ffffff; font-weight:bold; text-shadow: black 0.1em 0.1em 0.2em; }
	.right { float:right; text-align:right; }
	
#top-video {width:100%; margin: 0 auto; text-align: center; padding-top:115px; padding-left: 80px; display:block;}	
input.clear { position: absolute; left: -10000px; width: 1px; height: 1px;}