@charset "utf-8";
/* CSS Document for Server Side Design Keyword Conversion Landing Pages by David R. York, Last Revised 07-21-2011 */



article, aside, footer, header, section {
  display: block;
}

#kwc-wrapper {
	height:800px;  /*should not need to adjust height unless bullet point text on right-side causes the kwc-wrapper to need more room overall*/
	width:800px;   /*set width to 100% to automatically match the width and align properly to the area of your SEO project keyword page, or to a specific pixel width if the design is TOO wide.  In this case you should also alighn to this DIV wrapper to CENTER.  Note that the minimum is 825px at currernt left side configuration.  For areas smaller than that you will need to resize your image to appropriate width and set the width of the next 5 elements all to the same width. */
	margin: 0 auto 60px auto;   /*distance between bottom of kwc-wrapper before SEO page copy starts (which should be collapsed) */
	
}
#kwc-wrapper #phone-number {
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size:26px;
	font-weight:bold;
	color:#900;
	text-align:right;
	height: 110px;
}
#kwc-wrapper #phone-number .phone-side-text {
	font-size:18px;
	font-style:italic;
}


/*LEFT SIDE*/

/*Note: the widths for the #left-side, #kwc-image, #kwc-image img, #kwc-image-overlay, and #kwc-overlay-text shoud all match the width of your main left side image. The height of #kwc-image and #kwc-image img should match the height of your image.  To make the bottoms of the left and right side match up the image height should be 403px or close to it since that is the minimum height needed for the right side content.  If the right side content is more then you can adjust the heights of the left side to match*/

#left-side {
	width:490px;
	height:363px;
	float:left;
	margin-top: 20px;
	margin-left: 30px;
}
.shadow {   /*this applys a shadow effect to the left-side box. remove the .shadow class from the #left-side div container and form div containers in page code to remove the shadow.*/
  -moz-box-shadow: 2px 2px 2px #fff;
  -webkit-box-shadow: 2px 2px 2px #fff;
  box-shadow: 2px 2px 2px #fff;
}
#kwc-image {
	width:490px;
	height:363px;
	position:relative;
	z-index:1;
	border:1px solid #999;  /*you may adjust the border of left side here to match the page optionally*/
	background: url(../images/kwc-image.jpg) transparent no-repeat;
}

#kwc-image img {  /*for easiest use of template make sure your main image is sized to width:373px and height:403px but if you need to use different dimensions, adjust the width of the #kwc left side, #kwc-image, #kwc-image-overlay, and the #kwc-image-overlay-text div containers to match the same width as the image.*/
	width:490px;
	height:363px;
	margin-left: 1px;
}
#kwc-image-overlay {
	width:490px;
	height:100px;
	border:1px solid #999;	
	position:relative;
	top:-100px;
	left:0px;
	z-index:2;
	background-color:#d7d3a9;   /*you may optionally adjust the color of the transparent layer over the main left side image so that it matches the page.  Since it will be transparent, you may want to match the page but at a darker color.*/
	zoom:1;
	filter: alpha(opacity=90);
	opacity:0.9;
}

#kwc-overlay-text {
	width:490px;
	height:100px;
	position:relative;
	top:-220px;
	left:0px;
	z-index:3;
	color:inherit;   
}
#kwc-overlay-text p {
	padding: 14px;
	text-align:left;
	
	/*you may optionally change the color, font, font-size and weight of the overlay text for emphasis here.*/	
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:15px;
	/*font-weight:bold;*/
	color:#000;  
	line-height: 19px;
}

#left-side span {
color: #fff;
    font-family: Arial,Helvetica,sans-serif,Verdana;
    font-size: 26px;
    font-weight: 100;
    letter-spacing: -0.5px;
    margin-bottom: 13px;
    margin: 0 0 13px 100px;
    word-spacing: 0.5px;
	text-shadow: black 0.1em 0.1em 0.2em;
	}


/*RIGHT SIDE*/

#right-side {
	width:420px;
	height:413px;    /*should match the height of the left side for symmetry*/
	float:right;
	margin: 0px 0px 0 0;
	padding:0;
	text-align: left;
}
#kwc-form-bg p{padding-left: 20px; margin: 5px 0 10px; text-align: center;}

#right-side img {  /*this is the logo or small image used at the top right-side.  if you don't want to include an image then remove it from the page code.  if you do use an image set the correct width and height here but try to keep around the same default size shown below. */
	width:138px;
	height:121px;
	/*border:1px solid #666;*/
}
#right-side h1 {      
  margin-top:1px;
  margin-bottom:3px;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 21px;
  font-weight:bold;
  color:#000;   /*color of h1 tag in right-side.  if using gradient effect below then comment out this color*/
  
  /*next three lines will adds gradient effect to h1 tag - renmove this comment if you want to apply gradient effect  */
  
  /*background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#333));  
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;*/
}
#right-side h1 {
	 color: #eee;
    font-family: Arial,Helvetica,sans-serif,Verdana;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: -.5px;
    margin-bottom: 2px;
    margin-top: 8px;
	width: 430px;
	margin-left: -10px;
	text-shadow: black 0.1em 0.1em 0.2em;
}
#right-side ul {
	color:#000;   /*color of the bullets in right-side.  you can change to match the page.  if you use the arrows instead of colored bullets comment this color out and uncomment the next line.*/
	/*line-height:20px;*/
	padding-left: 0px;
	list-style: none;
	margin: 0 0 8px;
}
#right-side li {
	background: url(../images/li.png) no-repeat left center;
	padding-left: 30px;
	width: 350px;
	margin-top:4px;
}
#right-side ul li span {
	color: #000000;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
	text-shadow: white 0.1em 0.1em 0.2em
}


/*CONVERSION FORM*/

#kwc-form-header {
	width:350px;
	height:32px;
	background: url(../images/form-header-bg.jpg) repeat-x transparent;   /*this is the background color of the form header - change to match page optionally*/
	border:1px solid #888;   /*this is the border color of the form header only*/
}

#kwc-form-header p {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#fff;   /*this is the color of the form header text, "Get Free Quote Now" - change color and other options here if desired*/
	margin-left:20px;
	margin-top:5px;
}
#kwc-form-header2 p {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#eee;   /*this is the color of the form header text, "Get Free Quote Now" - change color and other options here if desired*/
	margin-left:20px;
	margin-top:5px;
}
#kwc-form-bg {
	background: none repeat scroll 0 0 #F8F4E5;
    border: 1px solid gray;
    height: 190px;
    margin: 0px;
    opacity: 0.8;
    width: 350px;
}
#KWCform {
	margin-left:25px;
}

#KWCform #input-name #Name {
	width:223px;
	border:1px solid #666;   /*border color of the form NAME input field - can be changed to match optionally*/
	float: right;
	margin-right: 30px;
	height: 18px;
}
#KWCform #input-email #EmailAddr {
	width:223px;
	border:1px solid #666;   /*border color of the form EMAIL ADDRESS input field - can be changed to match optionally*/
		float: right;
	margin-right: 30px;
	height: 18px;
}
#KWCform #input-phone #Phone {
	width:223px;
	border:1px solid #666;   /*border color of the form PHONE input field - can be changed to match optionally*/
	float: right;
	margin-right: 30px;
	height: 18px;
}

#input-name {margin-top: 9px;}

#input-email, #input-phone {
margin-top: 0px;
}

 #KWCform input {
	line-height: 24px;
	float: right;
	/*width: 202px;*/
	margin-right: 40px;
}
 #KWCform textarea {
	line-height: 24px;
	float: right;
	width: 223px;
	margin: 5px 30px 0 0;
	height: 40px;
	border:1px solid #666;
}
#KWCform label {    /*font options for the form field labels can be optionally changed here*/
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:000;
	line-height:26px;
}
#KWCform #send-button {
	margin-top:5px;
	margin-left:98px;       /*if using image as send button*/
	/*margin-left:150px;*/   /*if not using image as send button*/
	display: inline-block;
}
#KWCform #required-field {
	margin-top:1px;
	font-size:12px;
	color:#7a7878;
	padding-left: 80px;
}
#KWCform .asterisk {
	color:#000;
}
#form-thankyou p {
	text-align:center;
}
#form-thankyou .thanks-text-1 {
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	font-size:24px;
	color:#060;
}




/*TESTIMONIALS*/

#kwc-wrapper hr {
	margin:25px 0 25px 0;
}
#kwc-testimonial {  /*the testimonials width and height should not be adjusted.  this div container consists of 2 layers and uses a specific background image*/
	width:237px;
	height:145px;
	background:url(../images/kwc-testimonial-bg.png) no-repeat;
	position:relative;
	z-index:1;
}
.first {
	float:left;   /*causes first testimonuial to flush to left of kwc wrapper*/
}
.second {
	float:left;
	margin-left:50px;  /*adjust this margin so that the second testimonial appears evenly between the first and last testimonial if necessary.*/
}
.third {
	float:right;   /*causes last testimonial to flush to right of kwc wrapper*/
}
#kwc-testimonial p {   /*this is the text of the testimonials. you may optionally adjust the color and font-size to fit more text if necessary.*/
	padding:5px 6px 10px 12px;
	text-align:left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#000;
	line-height: 16px;
}
#kwc-testimonial #testimonial-from {   /*this is the person's name and city for the testimonial*/
	width:237px;
	height:20px;
	position:absolute;
	top:120px;
	left:10px;
	z-index:2;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#000;
}


/*CONTACT INFORMATION*/

#kwc-business-information > div {
	float: left;
}

.group:after {    /*this is for separating elements and should not be modified*/
        visibility: hidden;
        display: block;
        content: "";
        clear: both;
        height: 0;
        }
* html .group             { zoom: 1; } /* IE6 */
*:first-child+html .group { zoom: 1; } /* IE7 */

/*Custom CSS*/
.col-25 {width: 240px; height:705px; float: left; margin: 0 0 0 10px; background:#DAD8BF; -moz-border-radius: 5px; border-radius: 5px; min-height: 675px;}
.col-25  p {margin: 0; padding: 12px; width: 205px; text-align: left;font-size: 12px;}
.col-25 img {margin-left: 18px;}
.col-25 a {color: #8A8D0F; font-size: 12px;}
.col-header {background:#e17010; height: 65px; line-height: 28px; border-top-left-radius: 5px; border-top-right-radius: 5px; 	-moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px;}
.kwc-area .col-25 .col-header  h2{margin: 0; color: #fff; text-align: center; font-family: Georgia, "Times New Roman"; font-size: 11px; font-weight: normal; padding: 3px 0px; line-height: 20px;}

.kwc-area {background: #f8f4e5; padding: 20px;}
.kwc-area h2 {
    color: #8a8d0f;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 19px;
    font-stretch: expanded;
    font-weight: 100;
    letter-spacing: 1px;
	margin: 0;
	padding-left: 10px;
	}
.kwc-area a {color: #8A8D0F;}

.profile {background-color: #F8F4E5; width: 1050px; margin: 0 auto; height: 150px;}
.col-33 {width: 33%;float: left;}
.col-33 iframe {float: left; padding: 5px 10px 5px 15px; border: none;}
small {padding-left: 15px;}
.col-33 p {margin: 10px 0 0 25px;  font-style: italic;}
.clear {clear: both;}
.border {border: 1px solid orange; margin: 0 40px; }
.orange {color: #e06e0e; display: inline-block; font-size: 18px; line-height: 30px; margin: 15px 10px 0; float: right;}

.htag-bg {width: 1000px; margin: 0 auto;}
.htag-bg  h1{
color: #F7911E;
    font-family: Helvetica,Verdana,Arial,sans-serif;
    font-size: 17px;
    font-style: italic;
    line-height: 20px;
	padding-left: 25px;
}

.text-bg2 {
    background-color: #F7F4E7;
    background-repeat: no-repeat;
    font-family: Gill Sans,Gill Sans MT,sans-serif;
    font-size: 16px;
    margin: 0;
    padding: 0 15px 15px;
	}
	
	h1{
    color: #8A8D0F;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 31px;
    font-stretch: expanded;
    font-weight: 100;
    letter-spacing: 1px;
    margin: 0;}

p {
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 10px;
-webkit-margin-end: 10px;
}

#nav {width:1050px; height: 59px; background: url(../images/nav-rpt.jpg) transparent repeat-x; margin: 0 auto;}

#nav ul {padding: 0; margin: 0 0 0 35px; list-style: none;}
#nav li {display: inline; margin:0px; padding: 0px; float: left;}
#nav li a.last{border: none;}
#nav ul li a {color: #fff; text-decoration: none; display:inline-block; line-height: 40px; border-right: 1px solid #aaa; padding: 0 18px; margin: 5px 0;}
#nav ul li a:active {background: #7a7d0e;}
#nav ul li a:hover {color: #e9f200;}
.more-info {text-align: center; display: block; margin: -10px auto;}
.border  h3{margin: 0 10px 5px; text-align: center; color: #3E4000; padding-top: 5px;}
.border p {margin: 0; line-height: 20px; padding-left: 10px; font-size: 12px; text-align: left;}
.head-bar {padding-left: 10px;}
.head-bar  img{vertical-align: middle; border: none; float: left; margin: 0 3px;}
.wallpaper {background: url(../images/wallpaper.jpg) transparent no-repeat;}
.italic {font-style: italic;}
ul.kwc-links {list-style: none; padding: 0 15px;}
ul.kwc-links li{display: inline;}
ul.kwc-links li a{text-decoration: none; color: #eee; font-size: 14px; padding: 0 3px;}
ul.kwc-links li a:hover{text-decoration: underline;}
.new-footer {
    background-image: url("../images/footer-bg.jpg");
    background-repeat: repeat;
    color: #F8F4E5;
    font-size: 12px;
    height: 122px;
    text-align: center;
}
.border p.address {padding: 15px 0 0 40px; font-size: 16px; line-height: 25px;}
#KWCform .submit-button {margin-top: 10px; width: 90px; margin-right: 100px;}
#SEO {float: left; margin: 3px 5px;}
.text-bg2 a {color: #8a8d0f}

.sitemap {margin: 0 0 20px 20px;}
.sitemap a {color: #333; line-height: 25px;}
.lpage {paddding: 4px;}
.lcount {margin-left: 20px;}