@import url("fonts.css");
 
/* STYLES */
* { padding:0; margin:0; }
body { font-family:"Arial", sans-serif; font-size:12px; color:#333; text-align:center; }
h1,h2,h3,h4,h5,h6 {font-family: "YKRegular", sans-serif; margin: 0 0 10px 0; padding: 0; font-weight: normal; }
h1 {font-size: 45px; color: #9CAC4B; font-family: "YKBold", sans-serif; text-shadow: 2px 2px 0 #fff; }
h1 span {font-family: "YKRegular", sans-serif; font-size: 36px; padding-left: 10px; color: #666; }
h2 {font-size: 36px; color: #333; }
h3 {font-size: 28px; color: #9CAC4B; }
h4 {font-size: 30px; color: #9CAC4B; }
h4 span {color: #fff;}
h5 {font-size: 18px; color: #333; }
h6 {font-size: 14px; color: #333; }
a, a:visited { text-decoration: none; color: #9CAC4B;}
a:hover {text-decoration: none; color: #4F6709; }
p {margin-bottom: 10px; line-height: 1.5em; }
ul {margin: 10px 0 10px 10px;}
ul li {list-style: none; background: url(../images/bullet.png) no-repeat top left; padding: 0 0 10px 20px; }
.left {float:left;}
.right {float:right;}
.clear{clear:both;}
.spacer {height: 70px; width: 100%; }
.center {text-align: center;}
img {border: none; }
.image {border:3px solid #fff; box-shadow: 0px 5px 4px #ddd; -webkit-box-shadow: 0px 2px 4px #ddd; -moz-box-shadow: 0px 2px 4px #ddd; }
.col {width: 45%; }
.col1 {width: 60%;}
.col2 {width: 35%; }
.col3 {width: 29%; margin-right: 20px; }
.col4 {width: 40%; }
.last {margin-right: 0; }
.shadow {box-shadow: 0 0 5px #666; -moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 5px #666;}

.col1 li
{
	padding-top:3px;
	padding-bottom:3px;
	line-height:1.5em;
}

.header-wrapper {background: url(../images/bg-header.png) repeat-x 0 0; }
.main-wrapper {background: url(../images/bg-body.png) repeat-x 0 0 #fff; }
.bottom-wrapper {background: url(../images/bg-test.png) repeat-x 0 0; }
.footer-wrapper {background: url(../images/bg-footer.png) repeat-x 0 0; height: 60px;}
.content { width:1000px; padding:20px; margin:0 auto;  text-align:left; padding:0; display:block; position:relative; }

/* HEADER */
#header { height:70px; }
#logo {width: 500px; margin-top: 15px;}
#phonenumber{text-align:right; width: 500px; padding-top: 15px; color: #fff; }

/* TOP SECTION */
#main { height:660px; padding-top: 20px; }
#headline {text-align: center; margin-bottom: 15px;}

/*  slider */
#slider { width:590px; height:225px; background:url(images/loading.gif) no-repeat 50% 50%;  border:3px solid #fff; box-shadow: 0px 5px 4px #ddd; -webkit-box-shadow: 0px 2px 4px #ddd; -moz-box-shadow: 0px 2px 4px #ddd; margin-bottom: 15px; }
#slider img { position:absolute; top:0; left:0; display:none; }
#slider a { border:0; display:block; }

/* form */
#form {border:3px solid #fff; box-shadow: 0px 5px 4px #ddd; -webkit-box-shadow: 0px 2px 4px #ddd; -moz-box-shadow: 0px 2px 4px #ddd; background: #9CAC4B; padding-bottom: 30px; height: 530px; }

#form-header {background: url(../images/bg-form.png) no-repeat right 0; padding: 10px; height: 95px; }
#form-header h3 { text-transform: uppercase; font-family: "YKBold", sans-serif; color: #fff; text-shadow: 1px 1px 0 #222; font-size: 26px; letter-spacing: 2px; margin-left: 20px; margin-top:10px;}
#ribbon {position: absolute; background: url(../images/corner.png) no-repeat; width: 100px; height: 100px; margin-top: -9px; margin-left: 256px;  }

#mainForm { text-align: left; margin-top: -15px;  }
.field-wrapper {height: 40px; clear: both; }
fieldset {border: none; width: 90%; margin-left: 20px;  }
label {cursor: pointer; float: left; width: 100px;  margin-top: 6px; font-weight: bold; }
label:hover {color:#0078ae;}
#choices {text-align: left; }
#choices label {float:none; width: auto; }
.selection {margin-top: 10px; }
.checkbox {padding-right: 10px; margin-top: 10px;}
.radio {margin-top: 10px; padding-right: 5px; }

input.field {padding: 5px 5px; width: 160px; float: left;
	border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border: 1px solid #999; box-shadow: 0 0 3px #999; color:#222;  }

textarea.field {padding: 5px 5px; width: 160px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border: 1px solid #999; box-shadow: 0 0 3px #999; color:#222;  width: 280px;}
	
input.field:hover {border: 1px solid #0078ae;}
input.field:active {border: 1px solid #0078ae;}
input.radioButton {margin: 12px 6px 0 6px; }

#mainForm a {color: #fff; }
#steps { display: none; }



#mainForm .button, .next { 
	color: #fff; text-transform: uppercase; margin-top: 20px; border: none;
	padding:6px 20px; font-weight:normal; font-size:14px;	
	background: rgb(255,48,25); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,48,25,1)), color-stop(100%,rgba(207,4,4,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* W3C */
	-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
	margin-right: 35px;
} 

#mainForm a.next {color: white;}
#mainForm a.next:hover {text-decoration: none;}	
#mainForm .button:hover, .next:hover { background: #9e0b0f;-webkit-box-shadow: 0px 0px 10px #999; -moz-box-shadow: 0px 0px 10px #999;  box-shadow: 0px 0px 10px #999; cursor: pointer; border-color: #00aeef;} 	
.prev {padding-top: 20px; display: table; }


/* BOTTOM SECTION */
#bottom { height:150px; }
#special {width: 600px; float: left; padding-top: 25px;  }
#special img { margin-top: 10px; margin-left: 20px;}
.button2 {background: url(../images/button.jpg) no-repeat center center; width: 290px; height: 39px; float: left; margin-top: 10px; padding: 20px;  }
.button2 a { font-family: "YKBold", sans-serif; color: #fff; font-size: 36px; text-shadow: 1px 1px 5px #333; margin-top: -3px;}
.button2 a:hover {color: #111; text-shadow: none;}

/* testimonials */

#testimonials {padding-top: 25px; position: absolute; margin-left: 630px; }
#testimonials h4 {font-size:22px;color:#014373;padding:0 0 10px 0;}
#testimonials ul {list-style:none;margin:0;padding:0; width: 60%;}
#testimonials ul li {background:none; }
#testimonials ul li .text {background:url(../images/testimonials-li-text.jpg) repeat-x top #f1f1f1;border-top:1px solid #c2c2c2;border-left:1px solid #c2c2c2;border-right:1px solid #fff;border-bottom:1px solid #fff;width:938px;position:relative;z-index:10; width: 350px; }
#testimonials ul li .text p {padding:15px;text-align:center;font-style:italic; margin: 0; }
#testimonials ul li .author {background:url(../images/testimonials-li-author.png) no-repeat top right;padding:0 30px 0 0;margin:-1px 20px 0 0;text-align:right;position:relative;z-index:20;line-height:34px; color: #fff;}
.curved {-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;position:relative;}
.curved-top {-webkit-border-radius: 5px 5px 0 0;-moz-border-radius: 5px 5px 0 0;border-radius: 5px 5px 0 0;position:relative;}
.curved-bottom {-webkit-border-radius: 0 0 5px 5px;-moz-border-radius: 0 0 5px 5px;border-radius: 0 0 5px 5px;position:relative;}


/* FOOTER */
#footer { height: 50px; color: #fff; padding-top: 10px;}
#footer #copyright {width: 400px; margin-top: 9px; }
#footer #bottom-links {width:280px; text-align: right; }
#footer #bottom-links li {background: none; display: inline; float: left; padding: 0 10px; border-right :1px solid #ddd;  }
#footer #bottom-links li.last {border: none; }
#footer #bottom-links li img {margin-top: -2px;}

.form_text
{
	padding:10px 10px 30px 20px;
	width:200px;
	font-size:12px;
	margin-top:-30px;
	line-height:15px;
	font-weight:bold;
}