/* * name:									recurve for screen media 
*    updated: 							nov 4 2009
*    author:     						paul jarvis, twothirty.com
*   ----------------------------------------------------*/

*, html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{ margin: 0; padding: 0; border: 0; outline: 0; background: none; list-style: none; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
	
.reset { clear: both; display: block; height: 0; font-size: 1px; line-height: 0.1; }



.jumptoform { position: absolute; top: -180px; left: 0; }
.jumptoform p { color: #111 !important; }
.jumptoform h2 { font-size: 20px; }
#new-footer { background: #fff; text-align: center; z-index: 1000; position: relative; display: block; clear: left; }
	#new-footer .wrap-inner { width: 860px; margin: 20px auto; text-align: left; line-height: 15px; }
	#new-footer .navigation { font-size: 10px; }
	#new-footer .additional-nav { margin-top: 20px;  }
	#new-footer .additional-nav strong { font-size: 12px; }

#footer-callout ul { width: 505px; height: 118px; overflow: hidden; position: relative; background: url("http://www.recurve.com/images/r/home-logos.png"); }
	#footer-callout li { display: block; float: left; }
	#footer-callout li a { position: absolute; height: 115px; text-indent: -9999px; text-decoration: none; border: none !important; }
	#footer-callout #ef a { left: 16px; width: 173px; background: url("http://www.recurve.com/images/r/home-logos.png") -16px 0 no-repeat; }
	#footer-callout #fc a { left: 187px; width: 123px; background: url("http://www.recurve.com/images/r/home-logos.png") -187px 0 no-repeat; }
	#footer-callout #bpi a { left: 319px; width: 70px; background: url("http://www.recurve.com/images/r/home-logos.png") -319px 0 no-repeat; }
	#footer-callout #es a { left: 415px; width: 80px; background: url("http://www.recurve.com/images/r/home-logos.png") -415px 0 no-repeat; }
	
	#footer-callout #ef a:hover { background-position: -16px -118px; }
	#footer-callout #fc a:hover { background-position: -187px -118px; }
	#footer-callout #bpi a:hover { background-position: -319px -118px; }
	#footer-callout #es a:hover	{ background-position: -415px -118px; }

.home #main p { font-size: 11px; line-height: 15px !important; }
.home #main h3 { font-size: 13px; line-height: 20px !important; }
.home #sidebar h3 { font-size: 13px; line-height: 20px !important; }

map, area { cursor: pointer; }	

.innerlinks { padding: 0 15px 20px 15px; font-size: 11px; }	
.home #sidebar p { font-size: 12px; line-height: 16px; margin-bottom: 20px; }	
.home #sidebar p.firstbigger { font-size: 14px; line-height: 18px; }
.home #main p  {font-size: 12px; line-height: 16px; margin-bottom: 20px; }	

#violator { color: #fff; font-size: 16px; padding: 10px; text-align: center; background: #ef8120; border-bottom: 1px solid #8f4808; }
	#violator a { color: #fff; font-size: 11px; color: #8f4808; }
	#violator p { width: 415px; margin: 0 auto; }
	#violator img { margin-top: -2px; }


/*  =STRUCTURE
*   ----------------------------------------------------*/

html { height: 100%; }
body { width: 100%; background: #fff; font: normal 13px arial, sans-serif; font-weight: 400; color: #232323; text-align: center; }
	
	body.lander { background: #fff !important; }
	#container { background: #fff url("http://www.recurve.com/images/wrap-top.png") center top no-repeat; }
		#container .inner { background: url("http://www.recurve.com/images/content-top.png") center top no-repeat; }

		.blog #container, .lander #container, .survey #container { background: #fff url("http://www.recurve.com/images/wrap-blog.png") center 100px no-repeat; }
			.blog #container .inner, .lander #container .inner, .survey #container .inner  { background: url("http://www.recurve.com/images/content-blog.png") center 100px no-repeat; }

		
	.inner {}
	
		#header, #content { width: 100%; margin: 0 auto; text-align: center; }
			#header { height: 147px; }
			
			.home #masthead { height: 380px; overflow: hidden; margin: 0 0 20px 15px; position: relative; }
			.sub #masthead { margin: 0 0 30px 15px; }
		
		#header .inner, #content .inner, #footer .wrap  { background: none !important; position: relative; width: 100%; display: block; position: relative; width: 860px; margin: 0 auto; text-align: left; }
		
		#header, #content, #footer { clear: left; }
		.blog #header, .survey #header { }
		
		#content { padding: 20px 0; position: relative; }	
		
			.lander #content .inner { background: url("http://www.recurve.com/images/back-landing.png") no-repeat !important; margin-top: -50px; padding-top: 120px; height: 560px; }
			.blog #content, .survey #content { padding-top: 60px; }
			#main { position: relative; display: block; }				
			#sidebar { position: relative; display: block; }
			
			.home #main { float: right; width: 390px; margin-right: 15px; margin-top: 20px; }
			.home #sidebar { float: left; width: 390px; margin-left: 15px; margin-top: 20px; }
			
			.leftcol #main { float: right; width: 620px; margin-right: 15px; }
			.leftcol #sidebar { float: left; width: 195px; background: url("http://www.recurve.com/images/sidebardots.png") top right no-repeat; }
			.alt #sidebar { background:none; }
			.nonav #sidebar { background: none !important; }
			
			.midcol #main { float: left; width: 350px; margin-left: 15px; }
			.midcol #sidebar { float: right; width: 455px; margin-right: 15px; margin-bottom:10px; }

			.rightcol #main { float: left; width: 470px; margin-left: 30px; }
			.rightcol #sidebar { float: right; width: 310px; margin-right: 15px; }

			.blog #main, .survey #main{ float: left; width: 570px; margin-left: 15px; }
			.blog #sidebar, .survey #sidebar { float: right; width: 195px; margin-right: 15px; }
			
.survey #sidebar {float: right; width: 10px; margin-right: 15px;}
			.nocol #main { float: left; margin: 0 15px; }
			.col { width: 240px; margin: 15px 15px 0 15px; float: left; display: block; position: relative; }
			.end { margin-right: 0 !important; }

				
		#footer { background: url("http://www.recurve.com/images/wrap-bottom.png") center 20px no-repeat !important; height: 216px; text-align: left; margin-top: 50px; }
			#footer .inner { background: url("http://www.recurve.com/images/r/content-bottom.png") center 0 no-repeat !important; height: 150px; position: relative; width: 100%; display: block; position: relative; margin: 0 auto; text-align: left; padding-top: 110px; }
			.blog #footer, .survey #footer, .sub #footer { margin-top: 170px; }
			.home #content { margin-bottom: 50px; }








/*  =NAVIGATION
*   ----------------------------------------------------*/

#logo { position: absolute;}
#logo a { cursor: pointer; position: absolute; text-indent: -9999px; display: block; overflow: hidden; width: 203px; height: 79px; background: url("http://www.recurve.com/images/logo-recurve.png") no-repeat; }


#bloglogo, #bloglogo a { cursor: pointer; position: absolute; text-indent: -9999px; display: block; overflow: hidden; width: 327px; height: 79px; background: url("http://www.recurve.com/images/logo-blog.png") no-repeat; }
.blog #logo, .blog #logo a { right: 0; }


#nav ul {	position: absolute; display: block; left: -1px; top: 120px; height: 30px; width: 676px; }

	#nav li.trigger { float: left; list-style: none; }
	#nav li.trigger a { position: absolute; text-indent: -9999px; text-decoration: none; border: none !important; top: 0; height: 30px; }

		#nav li#nav-solve a 				{ left: 0; width: 146px; background: url("http://www.recurve.com/images/nav.png") no-repeat; }
		#nav li#nav-do a 						{ left: 146px; width: 98px; background: url("http://www.recurve.com/images/nav.png") -146px 0 no-repeat; }
		#nav li#nav-start a 				{ left: 244px; width: 99px; background: url("http://www.recurve.com/images/nav.png") -244px 0 no-repeat; }
		#nav li#nav-home a 					{ left: 343px; width: 94px; background: url("http://www.recurve.com/images/nav.png") -343px 0 no-repeat; }
		#nav li#nav-news a 					{ left: 437px; width: 60px; background: url("http://www.recurve.com/images/nav.png") -437px 0 no-repeat; }
		#nav li#nav-community a 		{ left: 497px; width: 95px; background: url("http://www.recurve.com/images/nav.png") -497px 0 no-repeat; }
		#nav li#nav-about a 				{ left: 592px; width: 84px; background: url("http://www.recurve.com/images/nav.png") -592px 0 no-repeat; }


		#nav li#nav-solve a:hover 			{ background-position: 0px -60px; }
		#nav li#nav-do a:hover 					{ background-position: -146px -60px; }
		#nav li#nav-start a:hover 			{ background-position: -244px -60px; }
		#nav li#nav-home a:hover 				{ background-position: -343px -60px; }
		#nav li#nav-news a:hover 				{ background-position: -437px -60px; }
		#nav li#nav-community a:hover 	{ background-position: -497px -60px; }
		#nav li#nav-about a:hover 			{ background-position: -592px -60px; }							

		#nav li#nav-solve a.active 			{ background-position: 0px -30px; }
		#nav li#nav-do a.active 				{ background-position: -146px -30px; }
		#nav li#nav-start a.active 			{ background-position: -244px -30px; }
		#nav li#nav-home a.active 			{ background-position: -343px -30px; }
		#nav li#nav-news a.active 			{ background-position: -437px -30px; }
		#nav li#nav-community a.active 	{ background-position: -497px -30px; }
		#nav li#nav-about a.active 			{ background-position: -592px -30px; }							


#sidenav { margin: 0 0 40px 0; float: left; display: block; }
	#sidenav li { float: left; display: block; clear: left; width: 190px; }
	#sidenav a { display: block; float: left; width: 175px; padding: 5px 0 5px 15px; font-size: 11px; color: #757571; }
		#sidenav li li a { display: block; float: left; width: 160px; padding: 5px 0 5px 30px; font-size: 11px; color: #757571; }
	#sidenav a.active { background: #e2e4e1 url("http://www.recurve.com/images/back-sidenav.png") right center no-repeat; color: #424240; }
	#sidenav a:hover { color: #424240; }

	#partner-nav ul {	position: absolute; display: block; left: -1px; top: 120px; height: 30px; width: 676px; }
		#partner-nav li, #partner-nav li a { float: left; display: block; }
			#partner-nav li a { color: #424240; padding: 8px 15px; font-weight: bold; }
			#partner-nav li a:hover { color: #fff; }		
			

/*  =FORMS
*   ----------------------------------------------------*/

form {}
#search {}
.newsletter form { background: url("http://www.recurve.com/images/replace-newslettersignup.png") top left no-repeat; padding-top: 20px; color: #424240; }
.newsletter form p { padding-bottom: 10px; }
.newsletter form p.last {
	padding:0;
}
.newsletter form#freeform {
	padding:10px 0 0;
	background:none;
}
.newsletter form#freeform label {
	float:none;
	margin-bottom:5px;
}
.newsletter form#freeform input.text {
	width:135px;
	font-size:13px;
	padding:5px;
	border:1px solid #87C0DB;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background:#fff;
}
.newsletter form#freeform .form-error {
	display:block;
	color:#c00;
	padding:5px 0 0;
}
.newsletter form#freeform input.submit {
	display:block;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
	cursor:pointer;
}
#main #feedbackform_error {
	background:#f5cccc;
	margin:0 0 10px;
}
#main #feedbackform_error p {
	font-size:14px;
	font-weight:bold;
	color:#c00;
	text-align:center;
	padding:10px;
	margin:0;
}
#main #feedbackform span.form-error {
	font-size:11px;
	font-weight:normal;
	color:#c00;
	padding:0 5px;
}
#sidebar .sectioninner #feedbackform {
	padding:0 10px 10px;
}
#sidebar .sectioninner #feedbackform input.submit {
	display:block;
	width:118px;
	height:30px;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
	padding:0;
	border:none;
	margin:0 10px 0 150px;
	background:url(http://www.recurve.com/images/get-started-grn.png) no-repeat;
	cursor:pointer;
}
#sidebar .sectioninner #feedbackform input.submit-button {
	display:block;
	width:118px;
	height:30px;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
	padding:0;
	border:none;
	margin:0 10px 0 150px;
	background:url(http://www.recurve.com/images/button-submit-orange.png) no-repeat;
	cursor:pointer;
}
#sidebar .sectioninner #feedbackform span.form-error {
	font-size:11px;
	font-weight:normal;
	text-align:right;
	color:#c00;
	position:absolute;
	top:4px;
	left:355px;
}



.lander form { float: right; width: 455px; margin: 15px 15px 0 0; }
		
	.midcol #content form { margin-top: 20px; }
	
	fieldset {}
		.lander fieldset { padding: 15px; }
	legend {}
	


		#content label { float: left; display: block; margin-bottom: 10px; clear: left; }		
		#content label2 { float: left; margin-bottom: 10px; clear: left; }
		
			span.blockit { float: left; display: block; width: 150px; }
			 input.normal, select, textarea { font-size: 13px; background: #fff; border: 1px solid #87c0db; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 5px; font-weight: normal; width: 145px; }
			.midcol input.normal, textarea { width: 243px; }
			.lander input.normal { width: 260px; }

		label { position: relative; }
		#content div.label, #content label { float: left; display: block; margin-bottom: 10px; clear: left; color: #424240; font-weight: bold; position: relative; }
		#content div.label label { clear: none; font-size: 11px; margin-right: 10px; color: #757571; font-weight: normal; position: relative; }
			span.blockit, class.text { float: left; display: block; width: 150px; padding-top: 3px; }

		.gettingstarted h3 { margin-bottom: 10px; color: #4c732c; }
		.gettingstarted label, .gettingstarted div.label { margin-bottom: 1px !important; font-weight: normal !important;}
		.gettingstarted button { margin-top: 10px !important; clear: left; float: left; }
		.gettingstarted input, .gettingstarted select { border: 1px solid #8ac45b; }
#main .gettingstarted #feedbackform span.form-error {
	padding:0;
	position:absolute;
	top:3px;
	left:114px;
}
#main .gettingstarted #feedbackform p.last {
	padding:10px 0 0;
}
#main .gettingstarted #feedbackform input.submit {
	display:block;
	height:30px;
	width:118px;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
	padding:0;
	border:none;
	margin:0;
	background:url(http://www.recurve.com/images/button-contactmegreen.png) no-repeat;
	cursor:pointer;
}

			
			#search { position: absolute; top: 125px; right: 0; }
			.blog #search { position: relative; top: 0; left: 0; }
			.home #search fieldset, .sub #search fieldset { background: url("http://www.recurve.com/images/input-search.png") no-repeat; width: 170px; height: 20px; }
			.home #search input, .sub #search input { padding: 5px 5px 2px 20px; border: none; font-size: 11px; }
			.blog #search input { width: 180px; }

			button { position: relative; display: block; overflow: hidden; text-indent: -9999px; cursor: pointer; }
				.signupside { margin: 0; width: 118px; height: 30px; background: url("http://www.recurve.com/images/button-signupside.png") no-repeat; }
				.submit { margin: 0; width: 118px; height: 30px; background: url("http://www.recurve.com/images/button-submit.png") no-repeat; }
				.contactme { margin: 0; width: 118px; height: 30px; background: url("http://www.recurve.com/images/button-contactme.png") no-repeat; }
				.contactmegreen { margin: 0; width: 118px; height: 30px; background: url("http://www.recurve.com/images/button-contactmegreen.png") no-repeat; }
				.preview { margin: 0; width: 118px; height: 30px; background: url("http://www.recurve.com/images/button-preview.png") no-repeat; }
				.getstartedblue { margin: 0; width: 118px; height: 30px; background: url("http://www.recurve.com/images/get_started_blue.png") no-repeat; }

			#commentform button { margin-top: 30px; float: left; margin-right: 15px; }
			
				button:hover { background-position: 0 -30px; }

				#content input.error { border: 1px solid #c00; }
				#content label.error, #content div.error { display: none !important; }


form#signup { margin-bottom: 45px; float: left; display: block; width: 100%; border-top: 1px solid #87c0db; margin-top: 20px; padding-top: 20px; 	}

	#signup fieldset { margin-bottom: 5px; }
		#signup fieldset.half, fieldset.half { width: 380px; margin-left: 10px; float: left; position: relative;  }
		#signup fieldset.end { margin: 0 !important; }
		#signup fieldset.full { clear: left; background: #f2f7d9; border: 5px solid #d8e2a0; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px 10px 0 10px; }

	#signup legend { text-align: left; padding-bottom: 15px; }

		#signup div.label, #signup label { float: left; display: block; margin-bottom: 10px; clear: left; color: #424240; font-weight: bold; position: relative; }
		#signup div.label label { clear: none; font-size: 11px; margin-right: 10px; color: #757571; font-weight: normal; }
			#signup span.blockit { float: left; display: block; width: 190px; padding-top: 3px; }
			#signup fieldset.full span.blockit { width: 430px; padding-top: 0; }
			#commentform input.normal, #signup input.normal, #signup select, #label2, #signup textarea { border: 1px solid #87c0db; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 3px; font-weight: normal; width: 136px; }
			#signup select { width: 145px; }
			#signup button { margin: 10px; }
			#commentform input.normal { width: 300px; }
			#commentform textarea { width: 445px; height: 75px; }

			#signup input.error { border: 1px solid red; }
			#signup label.error { position: absolute; font-weight: normal; font-size: 11px; top: 17px; left: 0; color: red; font-family: georgia; font-style: italic; }




/*  =HEADERS
*   ----------------------------------------------------*/

h1, h2, h3, h4 { color: #424240; font-weight: bold; }
h1 { font-size: 30px; color: #0c0d0c; font-weight: normal; margin-bottom: 20px; }


h5 {font-size: 30px; color: #0c0d0c; font-weight: normal; margin-bottom: 20px; }


h2 { font-size: 15px; color: #76c143; font-weight: normal; margin-bottom: 15px; }
	.leftcol #sidebar h2 { font-size: 11px; margin-left: 15px;  }
	.blog #sidebar h2 { margin-bottom: 5px; color: #1d87bb; position: relative; }
	.home h2 { margin-bottom: 0; }

h3 { font-size: 15px; display: block; }
	.rightcol #main h3, .leftcol #main h3, .nocol #main h3, .midcol h3 { color: #1d87bb; }
	h3.divider { background: url("http://www.recurve.com/images/divider-dots.png") 0 0 no-repeat; padding: 10px 0; position: relative; }
	.blog #main h3 { margin-bottom: 0 !important; padding-bottom: 0 !important; font-size: 20px; font-weight: normal ;}
	.blog #main h3 a { color: #424240; }
	form h3 { padding-bottom: 15px; color: #1d87bb; }

	
h4 { font-size: 13px; }
	#signup h4 { font-size: 18px; }
	.lander h4 { color: #1d87bb; font-weight: bold; float: right; margin-right: 15px; width: 460px; font-size: 16px; line-height: 22px; }








/*  =CONTENT
*   ----------------------------------------------------*/

strong { font-weight: bold; }
em { font-style: italic; }
	.lander strong { color: #1d87bb; }

p {}
	#main p, #main ol, #main ul { padding-bottom: 20px; line-height: 19px;  clear: left; }
	.rightcol #sidebar p { padding-bottom: 20px; line-height: 17px; clear: left; font-size: 11px; }
	.lander p { font-size: 11px; line-height: 17px; }
	#main .largertext p, sectioninner .largertext p { font-size: 16px; line-height: 24px; }
	#main .largertext { width: 100%; float: left; }
	#main .col p { font-size: 11px; text-transform: uppercase; line-height: 12px; margin: 10px 0; padding: 0 30px 5px 0 !important; }
		
a { color: #1d87bb; text-decoration: none; font-weight: bold;}
a:hover { color: #27789c; text-decoration: underline; }



	.rightcol #sidebar a { color: #424240; }
	
	h3 a { color: #424240; }

	#footer, #footer a { color: #fff; }
	
blockquote {}

span {}

img {}
	

#main ol { margin-left: 20px; }
#main ul, .sectioninner ul { margin-left: 20px; }

	#main ol li, .sectioninner ol li { list-style: decimal; }
	#main ul li, .sectioninner ul li { list-style: disc; }

	
table {}
	#main table { background: url("http://www.recurve.com/images/dot-repeater.png") bottom left repeat-x; margin-bottom: 20px; 	}
		#main table td { padding: 10px 5px; line-height: 17px; font-size: 11px; background: url("http://www.recurve.com/images/dot-repeater.png") top left repeat-x; }
		#main table td p, #main table td ul { padding-bottom: 0 !important; }
		#main table.facts { background: none; border-right: 1px solid #c6db3c; }
		#main table.facts td { font-size: 13px; padding: 15px 15px 15px 70px; border-left: 1px solid #c6db3c; border-top: 1px solid #c6db3c; border-bottom: 1px solid #c6db3c; }
		#main table.facts .one { background: url("http://www.recurve.com/images/1.png") no-repeat; }
		#main table.facts .two { background: url("http://www.recurve.com/images/2.png") no-repeat; }
		#main table.facts .three { background: url("http://www.recurve.com/images/3.png") no-repeat; }
		#main table.facts .four { background: url("http://www.recurve.com/images/4.png") no-repeat; }
		#main table.facts .five { background: url("http://www.recurve.com/images/5.png") no-repeat; }
		#main table.facts .six { background: url("http://www.recurve.com/images/6.png") no-repeat; }
		#main table.facts .seven { background: url("http://www.recurve.com/images/7.png") no-repeat; }
#main table.important {margin-top: 10px; margin-bottom: 10px;}
#main table.important td {padding: 10px 5px; line-height: 17px; font-size: 13px;}

	#main table.tight td { background: url("http://www.recurve.com/images/xdot-repeater.png") bottom left repeat-x; margin-bottom: 0px; }
#main table.tight td { line-height: auto; font-size: 11px; background: url("http://www.recurve.com/images/xdot-repeater.png") top left repeat-x; }
#main table.tigh tr {margin-top: -10px;}
		#main table.tight td p, #main table td ul { padding-bottom: 0 !important; }
		
	


/*  =COMMON
*   ----------------------------------------------------*/

.edit { position: absolute; top: 18px; left: -40px; font-size: 10px; font-weight: bold; display: block; padding: 3px 6px; background: #fff; }
.alignleft { float: left; margin: 2px 15px 10px 0; }
.alignright { float: right; margin: 2px 0 10px 15px; }
.hide { display: none; }
.smaller { font-size: 11px; }
.more { font-size: 9px; }
.more a {color: #1d87bb !important;}

.backtop { float: right; font-size: 11px; }
.returnto { margin: 15px 0 !important; padding: 0 !important; }
	.backtop a, .returnto a { font-size: 11px; background: #e2e5df; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 5px 15px; color: #4b4d4a; text-decoration: none; }

.caps {}

abbr, acronym { border-bottom: .1em dotted; cursor: help; }

.smaller p { padding: 0 0 10px 0 !important; line-height: 12px !important; }
	span.footnote { display: block; margin-left: 15px; }
	span.asterisk { float: left; }

.button { display: block; overflow: hidden; text-indent: -9999px; cursor: pointer; }
	a.learnmore { width: 118px; height: 30px; background: url("http://www.recurve.com/images/button-learnmore.png") no-repeat; }
	a.signup  { width: 118px; height: 30px; background: url("http://www.recurve.com/images/button-signup.png") no-repeat; }
	a.signupc { width: 118px; height: 30px; background: url("http://www.recurve.com/images/button-signupc.png") no-repeat; }
	a.return  { width: 118px; height: 30px; background: url("http://www.recurve.com/images/button-return.png") no-repeat; }
		a.download  { width: 118px; height: 30px; background: url("http://www.recurve.com/images/button-download.png") no-repeat; }
		a.getstartedblue { width: 118px; height: 30px; background: url("http://www.recurve.com/images/get-started-blue.png") no-repeat; }	
	.home a.learnmore { position: absolute; top: 201px; left: 40px; }
	.home a.signup  { position: absolute; top: 238px; left: 40px; }
		
	.button:hover { background-position: 0 -30px; }

.socmed { margin: 20px 0 0 0 !important; width: 100%; display: block; position: relative; }
	.socmed li { float: left; margin: 0 !important; padding: 0 !important; display: block; list-style: none !important; }
	.socmed a { display: block; float: left; position: relative; margin-right: 10px; padding: 8px 0 8px 30px; font-size: 9px; text-transform: uppercase; color: #757571;}
	.twitter { background: url("http://www.recurve.com/images/icon-twitter.png") no-repeat; }
	.email { background: url("http://www.recurve.com/images/icon-email.png") no-repeat; }
	.facebook { background: url("http://www.recurve.com/images/icon-facebook.png") no-repeat; }
	.rss { background: url("http://www.recurve.com/images/icon-rss.png") no-repeat; }	
	.section .socmed a { padding: 0 30px 10px 0 !important; }
	.blog #sidebar .socmed li { background: none !important; margin: 0 !important; padding: 0 !important; }
	.section .socmed a span { padding: 5px 0 0 30px; display: block; float: left;}

/*PAUL EDITS FEB 5*/

#calltoaction { position: absolute; right: 0; width: 450px; height: 62px; top: 20px; text-align: right; text-transform: uppercase; }
.get-started { display: block; font-size: 16px; color: #404040; }
.dont-live { font-size: 9px; display: block; margin-top: -10px; color: #aeafae; }
#zip { display: none; position: absolute; border: 5px solid #87c0db; padding: 15px; background: #fff; width: 285px; top: 15px; right: 15px; z-index: 1001;  -moz-border-radius: 10px; -webkit-border-radius: 10px; }
#zip label { line-height: 1.5; }
#zip input { background: #fff; border: 1px solid #87c0db; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 3px; height: 23px; font-weight: normal; width: 145px; float: left; margin-right: 5px; } 
#zip button { float: left; }

/*END EDITS*/

.lander #calltoaction { cursor: pointer; position: absolute; right: 0; text-indent: -9999px; display: block; overflow: hidden; width: 525px; height: 95px; background: url("http://www.recurve.com/images/landing-signup.png") no-repeat; }

#login a  { cursor: pointer; position: absolute; right: 0; top: 95px; text-indent: -9999px; display: block; overflow: hidden; width: 74px; height: 25px; background: url("http://www.recurve.com/images/button-login.png") no-repeat; z-index: 1000; }

#signupc a  { cursor: pointer; position: absolute; right: 0; top: 95px; text-indent: -9999px; display: block; overflow: hidden; width: 74px; height: 25px; background: url("http://www.recurve.com/images/button-signup-orange.png") no-repeat; z-index: 1000; }


#return a  { cursor: pointer; position: absolute; right: 15px; top: -68px; text-indent: -9999px; display: block; overflow: hidden; width: 204px; height: 23px; background: url("http://www.recurve.com/images/return.png") no-repeat; }


#footer-callout ul { position: absolute; top: -185px; right: 0; }
	.blog #footer-callout ul, .survey #footer-callout ul { position: absolute; top: -303px; right: 15px; }
	.partner #footer-callout ul { position: relative; top: auto; right: 0; }
	.software #footer-callout ul { position: relative; top: auto; right: 0;}


		.sub #footer-callout { position: absolute; top: -304px; right: 15px; background: url("http://www.recurve.com/images/back-dyk.png") no-repeat; width: 596px; height: 256px; color: #424240; }
	.partner #footer-callout { position: absolute; top: -304px; right: 15px; background: url("http://www.recurve.com/images/back-partners.png") no-repeat; width: 596px; height: 256px; color: #424240; }
		.software #footer-callout { position: absolute; top: -304px; right: 15px; background: url("http://www.recurve.com/images/back-dyk-software.png") no-repeat; width: 596px; height: 256px; color: #424240; }
	.sub #footer-callout .section { position: relative; display: block; margin: 110px 180px 0 105px; line-height: 17px; font-size: 11px;  }
.blog #footer-callout { position: absolute; top: -304px; right: 15px; background: url("http://www.recurve.com/images/back-dyk.png") no-repeat; width: 596px; height: 256px; color: #424240; }
.blog #footer-callout .section { position: relative; display: block; margin: 120px 180px 0 105px; line-height: 17px; font-size: 11px;  }
.rebates #footer-callout { position: absolute; top: -304px; right: 15px; background: url("http://www.recurve.com/images/back-dyk-rebates.png") no-repeat; width: 596px; height: 256px; color: #424240; }

#footer-info {}
	.footer-signup { position: absolute; top: 0; left: 300px; }
#footer-nav { clear: left; padding-top: 50px; float: right; font-size: 10px;}

.slide { position: absolute; }

#controls { z-index: 1001; left: 10px; top: 285px; position: absolute; width: 810px; height: 100px; }

	#controls li { float: left; list-style: none; }
	#controls li a { position: absolute; text-indent: -9999px; text-decoration: none; border: none !important; top: 0; height: 100px; }

		#controls li#recurve a 						{ left: 0; width: 145px; background: url("http://www.recurve.com/images/r/controls.png") 0 -15px no-repeat; }
		#controls li#comfort a 						{ left: 145px; width: 164px; background: url("http://www.recurve.com/images/r/controls.png") -145px -15px no-repeat; }
		#controls li#energy a 						{ left: 309px; width: 156px; background: url("http://www.recurve.com/images/r/controls.png") -309px -15px no-repeat; }
		#controls li#enviro a 						{ left: 465px; width: 141px; background: url("http://www.recurve.com/images/r/controls.png") -465px -15px no-repeat; }
		#controls li#home a 							{ left: 606px; width: 204px; background: url("http://www.recurve.com/images/r/controls.png") -606px -15px no-repeat; }

		#controls li#recurve a.active 		{ background-position: 0px -115px; }
		#controls li#comfort a.active 		{ background-position: -145px -115px; }
		#controls li#energy a.active 			{ background-position: -309px -115px; }
		#controls li#enviro a.active 			{ background-position: -465px -115px; }
		#controls li#home a.active 				{ background-position: -606px -115px; }
		
#controls-new { z-index: 1001; left: 10px; top: 285px; position: absolute; width: 810px; height: 100px; }

	#controls-new li { float: left; list-style: none; }
	#controls-new li a { position: absolute; text-indent: -9999px; text-decoration: none; border: none !important; top: 0; height: 100px; }

		#controls-new li#recurve a 						{ left: 0; width: 145px; background: url("http://www.recurve.com/images/controls-new.png") 0 -15px no-repeat; }
		#controls-new li#comfort a 						{ left: 145px; width: 164px; background: url("http://www.recurve.com/images/controls-new.png") -145px -15px no-repeat; }
		#controls-new li#energy a 						{ left: 309px; width: 156px; background: url("http://www.recurve.com/images/controls-new.png") -309px -15px no-repeat; }
		#controls-new li#enviro a 						{ left: 465px; width: 141px; background: url("http://www.recurve.com/images/controls-new.png") -465px -15px no-repeat; }
		#controls-new li#home a 							{ left: 606px; width: 204px; background: url("http://www.recurve.com/images/controls-new.png") -606px -15px no-repeat; }

		#controls-new li#recurve a.active 		{ background-position: 0px -115px; }
		#controls-new li#comfort a.active 		{ background-position: -145px -115px; }
		#controls-new li#energy a.active 			{ background-position: -309px -115px; }
		#controls-new li#enviro a.active 			{ background-position: -465px -115px; }
		#controls-new li#home a.active 				{ background-position: -606px -115px; }		

#superbox { -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-box-shadow: 5px 5px 5px #757571; -webkit-box-shadow: 5px 5px 5px #757571; box-shadow: 5px 5px 5px #757571; }


.leftcol #sidebar .section { margin: 0 0 10px 15px; float: left; display: block; width: 180px; }
.rightcol #sidebar .section { margin: 0 0 10px 0; float: left; display: block; width: 310px; }

	.sectioninner { padding: 10px; line-height: 17px; font-size: 11px; color: #424240; }
	.gettingstarted { background: #f1f7c9; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	.newsletter { background: #ddf1fb; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	.rightcol .gettingstarted img { padding: 10px; }
	.midcol #sidebar .section, .lander form { background: #f1fafc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 5px solid #ddf1fb; }

.rightcol #sidebar p a { font-weight: bold; display: block; }
	.rightcol #sidebar span a { font-weight: normal; display: inline; }
	.rightcol .meta { color: #76c143; font-size: 9px; }


.colwrap { background: #ddf1fb; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom: 20px; margin-top: -25px; }


.list .post { margin-bottom: 40px; float: left; display: block; width: 100%; position: relative; }
.blog .meta { color: #4da1c6; font: italic 11px georgia, serif; padding-bottom: 10px !important; }
.blog .share { margin-top: -15px; font-size: 11px; position: relative; float: left; width: 100%; display: block; }
	.blog .share a { color: #76c143; padding: 0 0 5px 20px; position: relative; display: block; float: left; margin-right: 15px; }
	.iconcomments { background: url("http://www.recurve.com/images/icon-comment.png") left 1px no-repeat; }
	.icontwit { background: url("http://www.recurve.com/images/icon-twitterblog.png") left 1px no-repeat; }
	.blog .share a:hover { color: #559c25; }

.blog #sidebar .section { margin-bottom: 20px; background: url("http://www.recurve.com/images/divider-dots.png") top left no-repeat; padding: 10px 0; position: relative; display: block; float: left; width: 100%; }
	.blog #sidebar .first { background: none !important; }
	.blog #sidebar p, .blog #sidebar li { font-size: 11px; line-height: 15px; }
	.blog #sidebar li { background: url("http://www.recurve.com/images/li.png") 5px 7px no-repeat; padding: 0 0 0 15px; position: relative; }
	.blog #sidebar .spaced li { padding-bottom: 5px; }
	.blog #sidebar li a { color: #757571; }
	.blog #sidebar li a:hover { color: #424240; }

.bottom-callout { float: left; margin: -00px 0 0 15px; width: 350px; }







/*  =SIFR
*   ----------------------------------------------------*/

.sIFR-active #content h2 { display: block; visibility: hidden; font-size: 15px; }
.sIFR-active h1 { display: block; visibility: hidden; font-size: 30px; }
.sIFR-active h1.short, .sIFR-active h2.short { display: block; visibility: hidden; font-size: 30px; width: 400px; }

.sIFR-active #signup .full h1 { display: block; visibility: hidden; font-size: 30px; float: left; display: inline; width: 550px; text-transform: uppercase; }
.siFR-active h5 {display: block; visibility: hidden; font-size: 30px; text-transform: uppercase;}

.siFR-active h3 {display: block; visibility: hidden; font-size: 20px; text-transform: uppercase;}




/*  =BLOG COMMENTS
*   ----------------------------------------------------*/
.comment, #commentform { border-top: 1px solid #87c0db; margin-top: 15px; padding-top: 15px; clear: left; }
	.comment_text { margin-top: 15px; }
	.comment_meta { color: #4da1c6; font: italic 11px georgia, serif; padding-bottom: 10px !important; margin-top: -15px; }
	
	.paginate { text-align: right; font-size: 10px; }
	
#commentform {}
	.hiddenFields { display: none; }







/*  =SUPERFISH
*   ----------------------------------------------------*/


/*** ESSENTIAL STYLES ***/
#nav ul.dropdown, #nav ul.dropdown * { z-index:10001; }
#navs ul.dropdown, #navs ul.dropdown * { z-index:10001; }
#nav ul.dropdown li a, #navs ul.dropdown li a {
	margin:			0;
	list-style:		none;
	background: #e8e9df !important;
	color: #424240 !important;
	height: auto; 
	line-height: 20px;
	font-size: 11px;
	text-indent: 0 !important;
	display:		block;
	position:		relative;
	padding: 2px 15px !important; 
	float: left; 
	clear: left;
	width: 150px !important;
}


#nav ul.dropdown li a:hover, #navs ul.dropdown li a:hover{ background: #cecfc6 !important; }

#nav ul ul.dropdown, #navs ul ul.dropdown {
	position:		absolute;
	top:			-999em;
	width:			190px; /* left offset of submenus need to match (see below) */ }
	
	
#nav ul ul.dropdown li,  #navs ul ul.dropdown li{
	width:			190px;
}
#nav ul.dropdown li:hover, #navs ul ul.dropdown li {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
#nav ul.dropdown li, #navs ul ul.dropdown li {
	position:		relative;
	width: 190px;
}

#nav ul li:hover ul.dropdown,
#nav ul li.sfHover ul.dropdown, 
#navs ul li:hover ul.dropdown,
#navs ul li.sfHover ul.dropdown{
	top:			2.5em; 
	z-index:		10001;
}

.solve { left: 0px; }
.do { left: 146px; }
.navhome { left: 343px; }
.news { left: 437px; }
.community { left: 497px; }
.about { left: 592px; }







/*  =MARCIA 
*   ----------------------------------------------------*/
.leftcol #sidebar h2 a {color: #76c143;}
.learnmoreside_grey { margin: 0; width: 118px; height: 30px; background: url("http://www.recurve.com/images/button-learnmore-grey.png") no-repeat; }
.learnmoreside_blue { margin: 0; width: 118px; height: 30px; background: url("http://www.recurve.com/images/button-learnmore-blue.png") no-repeat; }

/* Commented out required class being a small red type.  This may be a name conflict
since the jQuery validation plug in uses required as a class identification for 
validation - VP 12/1/09 
.required {color: red; font-size: 10px;} */

#calltoaction_lowes, #calltoaction_lowes a { cursor: pointer; position: absolute; right: 0; text-indent: -9999px; display: block; overflow: hidden; width: 220px; height: 62px; background: url("http://www.recurve.com//images/signup-top-lowes.png") no-repeat; }


.pagecontents {margin-bottom: 10px;}
.yourhouse, .yourhome   { font-size: 18px; color: #000; font-weight: normal; margin-bottom: 0px;  margin-top: 15px;}

h6 {font-size:0.8em;
font-weight:bold;
letter-spacing:0.2em;
text-transform:uppercase; }

.smaller {font-size: 11px;}


#footer-callout a {color: #0c0d0c;}

span.short { float: left; display: block; width: 50px; padding-top: 3px; }

#logo h2 {cursor: pointer; position: absolute; text-indent: -9999px; display: block; overflow: hidden; width: 203px; height: 79px; background: url("http://www.recurve.com/images/logo-recurve.png") no-repeat; }

.bottom-callout { float: left; margin: 10px 0 0 15px; width: 350px; }
.lander #content .inner { background: url("http://www.recurve.com/images/back-landing.png") no-repeat !important; margin-top: -50px; padding-top: 120px; height: 560px; }
.lander #content .extended {float:right; margin: -90px 0 0 15px; width: 470px;}	


blockquote {
    margin: 1em 20px;
    padding-left: 50px;
    background: transparent url(http://www.recurve.com/images/quote.gif) no-repeat; }

.iframeleft {margin-left: -10px;}


#cta_grupe a { cursor: pointer; position: absolute; right: 0; display: block; overflow: hidden;  width: 231px; height: 62px; background: url("http://www.recurve.com/images/signup-top4.png") no-repeat; }
#phone_top {position: absolute;  right: 15px; top: 45px; font-size: 16px; font-weight: bold;}


#cta_default a  { cursor: pointer; position: absolute; right: 0; text-indent: -9999px; display: block; overflow: hidden; width: 231px; height: 62px; background: url("http://www.recurve.com/images/signup-top4.png") no-repeat; }

#navs ul {	position: absolute; display: block; left: -1px; top: 120px; height: 30px; width: 676px; }

	#navs li.trigger { float: left; list-style: none; }
	#navs li.trigger a { position: absolute; text-indent: -9999px; text-decoration: none; border: none !important; top: 0; height: 30px; }


/*  =SOFTWARE NAV 
*   ----------------------------------------------------*/

		#navs li#navs-welcome a 				{ left: 0; width: 204px; background: url("http://www.recurve.com/images/nav_software.png") no-repeat; }
			#navs li#navs-demo a 				{ left: 204px; width: 141px; background: url("http://www.recurve.com/images/nav_software.png") -204px 0 no-repeat; }
		#navs li#navs-success a 					{ left: 344px; width: 164px; background: url("http://www.recurve.com/images/nav_software.png") -344px 0 no-repeat; }
		#navs li#navs-partner a 					{ left: 508px; width: 167px; background: url("http://www.recurve.com/images/nav_software.png") -508px 0 no-repeat; }
	


		#navs li#navs-welcome a:hover 			{ background-position: 0px -60px; }
		#navs li#navs-demo a:hover 					{ background-position: -204px -60px; }
		#navs li#navs-success a:hover 			{ background-position: -344px -60px; }
		#navs li#navs-partner a:hover 				{ background-position: -508px -60px; }
								

		#navs li#navs-welcome a.active 			{ background-position: 0px -30px; }
			#navs li#navs-demo a.active 			{ background-position: -204px -30px; }
		#navs li#navs-success a.active 			{ background-position: -344px -30px; }
		#navs li#navs-partner a.active 			{ background-position: -508px -30px; }
		
.welcome {left: 0px;}
.demo {left: 204px;}
.success {left: 344px;}
.partner {left: 508px;}

/*  =END SOFTWARE NAV 
*   ----------------------------------------------------*/




	#sidenav li.blue a { display: block; float: left; width: 175px; padding: 5px 0 5px 15px; font-size: 12px; color: #1d87bb;}
#calltoaction_contractor, #calltoaction_contractor a { cursor: pointer; position: absolute; right: 0; text-indent: -9999px; display: block; overflow: hidden; width: 220px; height: 90px; background: url("http://www.recurve.com//images/signup-top-contractors.png") no-repeat; }
	#container .inner_contractor { background: url("http://www.recurve.com/images/content-top-contractor.png") center top no-repeat; }

.description {font-size: 10px; margin-left: 10px;}
.sectioninner .description { display:block; clear:both; margin:0 0 10px; }

#phone_bottom_contractor {position: absolute;  left: 0px; bottom: 165px; font-size: 16px; font-weight: bold; color: #000;}

#softwaretab a  { cursor: pointer; position: absolute; right: 0; top: 95px; text-indent: -9999px; display: block; overflow: hidden; width: 186px; height: 25px; background: url("http://www.recurve.com/images/button-software-tab.png") no-repeat; z-index: 1000; }

#webinar a { position: absolute; right: 0; top: 95px; left: 660px; display: block; overflow: hidden; width: 186px; height: 25px; text-decoration: underline; font-size: 11px;}

#webinartab a  { cursor: pointer; position: absolute; left: 600px; top: 95px; text-indent: -9999px; display: block; overflow: hidden; width: 186px; height: 25px; background: url("http://www.recurve.com/images/button-webinar-tab.png") no-repeat; z-index: 1000; }
#softwaretab_blue a  { cursor: pointer; position: absolute; right: 75px; top: 95px; text-indent: -9999px; display: block; overflow: hidden; width: 186px; height: 25px; background: url("http://www.recurve.com/images/software-for-contractors-tab-blue.png") no-repeat; z-index: 1000; }
#calltoaction_consumer, #calltoaction_consumer a { cursor: pointer; position: absolute; right: 0; text-indent: -9999px; display: block; overflow: hidden; width: 260px; height: 90px; background: url("http://www.recurve.com//images/signup-top-consumers.png") no-repeat; }

.jumptoform2 { position: absolute; top: -200px; left: 0; }
.jumptoform2 p { color: #111 !important; }
.jumptoform2 h2 { cursor: pointer;  text-indent: -9999px; display: block; overflow: hidden; width: 220px; height: 100px; background: url("http://www.recurve.com/images/leadership.png") no-repeat; z-index: 1000; }
#phone_bottom_consumer {position: absolute;  left: 0px; bottom: 155px; font-size: 16px; font-weight: bold; color: #000;}

.smallcap {font-variant:small-caps; font-size: 10px; color: #111;}

#calltoaction_cobranded, #calltoaction_cobranded a { cursor: pointer; position: absolute; right: 0; text-indent: -9999px; display: block; overflow: hidden; width: 220px; height: 90px; background: url("http://www.recurve.com//images/recurvelogo-top-right.png") no-repeat; }
	#container .inner_cobranded { background: url("http://www.recurve.com/images/content-top-contractor.png") center top no-repeat; }
	
	

	
	.jumptoform_generic { position: absolute; top: -200px; left: 0; }
.jumptoform_generic p { color: #111 !important; }
.jumptoform_generic h2 { cursor: pointer;  text-indent: -9999px; display: block; overflow: hidden; width: 220px; height: 100px; background: url("http://www.recurve.com/images/generic.png") no-repeat; z-index: 1000; }
#phone_bottom_consumer {position: absolute;  left: 0px; bottom: 155px; font-size: 16px; font-weight: bold; color: #000;}


#calltoaction_generic a { cursor: pointer; position: absolute; right: 0; text-indent: -9999px; display: block; overflow: hidden; width: 260px; height: 73px; background: url("http://www.recurve.com/images/top-right-cta.png") no-repeat; z-index:1000; }


#leftcol { float: left; width: 720px; margin-right: 15px; }


#calltoaction_rebates a { cursor: pointer; position: absolute; right: 0; text-indent: -9999px; display: block; overflow: hidden; width: 220px; height: 100px; background: url("http://www.recurve.com/images/rebates.png") no-repeat; z-index:1000; }

	.jumptoform_rebates { position: absolute; top: -200px; left: 0; }
.jumptoform_rebates p { color: #111 !important; }
.jumptoform_rebates h2 { cursor: pointer;  text-indent: -9999px; display: block; overflow: hidden; width: 220px; height: 100px; background: url("http://www.recurve.com/images/rebates.png") no-repeat; z-index: 1000; }