/*--------------------
	reset 
--------------------*/

html, body, div, span,
h1, h2, h3, h4, h5, h6, p,
a, img, ol, ul, li,
fieldset, form {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline; }

/*--------------------
	=html 
--------------------*/

html { background: #f4f4f4 url(../images/jungle-page-bg.jpg) top repeat-x; }

/*--------------------
	=body 
--------------------*/

body {
	line-height: 1;
	background:url(../images/jungle-header-bg.jpg) top no-repeat;
	min-width:960px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px; 
	color:#504a45; 
	line-height:1;
	text-align:center; }

/*--------------------
	=h(x) 
--------------------*/

h1#logotype { 
	width:141px; 
	height:110px;  
	background:url(../images/studio-rtp-logo-pencil.png) no-repeat; 
	text-indent:-9999px; 
	position:absolute; 
	top:5px; 
	left:14px; }
	
#searchHome { 
	width:255px; 
	height:65px;  
	position:absolute; 
	top:185px; 
	left:430px;
}

h1, h2, h3, h4 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #003e72;
	font-weight:100;
	margin:0 0 .5em 0; }
	
h1 { font-size:2.2em; }
h2 { font-size:1.9em; }
h3 { font-size:1.5em; }
h4 { font-size:1.3em; }
	
.blog_title h3 { height:100%; }
	
/*--------------------
	=p 
--------------------*/

p { line-height:1.6;
	margin-bottom:1em; }

p.message {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	line-height:2.2;
	padding: 15px 15px 15px 15px;
	font-size:16px;
	color: #003e72;
	width:500px;
	height:137px;
	position:absolute;
	top:300px;
	left:270px; }

p.message span.large {
	color: #003e72;
	font-size:30px;
	margin: 0;
	line-height:1.3;
}
	
p.message span.bullet {
	color: #003e72;
	padding: 0 10px 0 10px;
}
	
p.message span { color:#ea421d; }

.OnePercent {
	width: 108px;
	height: 118px;
	position: absolute;
	top: 326px;
	left: 862px;
}

.OnePercent p{
	margin: 0;
	text-indent: -9999px;
}

.OnePercent img{
	margin: 0;
	border: none;
	text-decoration:none;
}

.OnePercent a{
	margin: 0;
	border: none;
	text-decoration:none;
}

.OnePercent a:hover{
	margin: 0;
	border: none;
	text-decoration:none;
}

.OnePercent a img{
	margin: 0;
	border: none;
	text-decoration:none;
}

.OnePercent a:hover img{
	margin: 0;
	border: none;
	text-decoration:none;
}
	
#testimonials p {
	color:#444444;
	padding:2em 1em 3em 10em;
	background:#d6d6d6 url(../images/camp_fire.png) center left no-repeat; }
	
#testimonials p.testimonial {
	font-style:normal;
	background:none;
	float:right;
	padding:0; 
	margin:-50px 1em 0 0;
	border:none; }
	
#site_info p {
	padding:10px 0 0;
	clear:both; }
	
p.category_name { margin:0; }
	
#blog_entry p { float:left; }

.blog_title h3, .blog_title p { margin-bottom:0.3em; }

.gallery_item p, .gallery_item_last p { padding:0 0.5em; }

/*------ blog date box -------*/
	
p.month, p.day, p.year {
		padding:0;
		margin:0;
		text-align:center;
		color:#444444; }
		
p.month { font-size:14px; }
	
p.day {
	font-size:22px;
	font-weight:300;
	margin-top:-.5em; }
	
p.year {
	font-size:10px;
	margin-top:-1em; }
	
/*--------------------
	=DIV 
--------------------*/

#container { 
	width:1000px;
	padding: 0 20px 0 20px;
	margin:0 auto;
	text-align:left;
	position:relative; }
	
#header {
	margin:0 0 48px 0;
	position:relative;
	width:auto; 
	height:480px; }

#content, #gallery, #contact, #blog, #sidebar {
	overflow:hidden;
	margin-bottom:3em; }
	
#nav_main { 
	width:800px; 
	position:absolute; 
	top:220px; 
	left:165px; }
	
#introduction {
	overflow:hidden;
	padding-bottom:60px;
	margin-bottom:30px;
	background:url(../images/separator.png) bottom no-repeat; }
	
#CatalystMain {
	overflow:hidden; 
}

#column1, #column2, #column3 {
	width:304px;
	float:left;
	margin-right:24px; }
	
#columnBC {
	width: 656px;
	float: left;
}

#columnBCFeatures {
	width: 616px;
	float: left;
	padding: 20px;
	margin: 20px 0 0 0;
	border: #003e72 1px solid;
}

#column3 { margin-right:0; }
	
#testimonials {
	width:632px;
	float:left; }
	
#twitter {
	float:right;
	width:304px; }
	
#twitterFloatLeft {
	float: left;
	width: 304px;
	margin-top: 24px;
}
	
#footer {
	text-align:left;
	clear:both;
	background: url(../images/footer-pencil-bg.jpg) top repeat-x;
	padding-left: 20px;
}
	
#site_info {
	position:relative;
	overflow:hidden;
	height:80px;
	width:960px;
	padding-top:40px;
	margin:0 auto;
	color: #f2f3fb; }
	
#blog {
	float:left;
	width:632px; }

#sidebar {
	float:right;
	width:304px; }
	
#categories, #archives { margin-bottom:3em; }

.blog_entry {
	overflow:hidden;
	margin-bottom:3em; }
	
#blog .date p {
	color: #FFFFFF;	
}

.date {
	float:left;
	background:url(../images/date_bg.png) top left no-repeat;
	width:49px;
	height:53px; }
	
.blog_title { 
	width:570px;
	float:right;
	margin-bottom:1.2em;
	border-bottom:3px double #d6d6d6; }
	
.blog_text { clear:both; }

.category_name span { color:#444444; }

#msg_bird {
	z-index:1;
	position:absolute;
	right:300px;
	top:570px;
	background:url(../images/Easter-msg.png) top right no-repeat; 
	width:526px;
	height:526px; }
	
#contact {
	width:521px;
	position:relative;
	z-index:2; }
	
.gallery_item, .gallery_item_last {
	width:228px;
	float:left;
	margin:0 15px 2em 0;
	background-color:#ede9ab;
	color:#444444; }

.gallery_item_last { margin-right:0; }

.gallery_set {
	overflow:hidden;
	margin-bottom:3em; }
	
/*--------------------
	=a 
--------------------*/

a {
	padding-bottom:0.1em;
	border-bottom:dotted 1px;
	text-decoration:none;
	color:#0078ff; }

a:hover { border:none; }

img, a.image { 
	border:none;
	padding:0;
	outline:none; }
	
img, a.iframe { 
	border:none;
	padding:0;
	outline:none;
}
	
#nav_main a {
	font-family:Arial, Helvetica, sans-serif;
	color: #333;
	float:left; 
	line-height:14px;
	margin:0 35px 0px 0px;
	text-decoration:none; 
	border:none;
	display:block; }
	
#nav_main a:hover { color: #0078ff; }
	
#site_info li a { color: #FFF; }

#categories li a, #archives li a { color:#444444; }

#column2 li a {
	color:#444444;
}

#twitter li a, FloatLeft li a:hover {
	color:#444444;
}

#twitter li a:hover, #twitterFloatLeft li a:hover {
	color:#444444;
	text-decoration: none;
}
	
/*--------------------
	=ol, =ul 
--------------------*/
	
.un_list, .or_list { 
	width:300px; 
	margin:0 0 1.5em 1.5em;
	display:block; } 
	
#nav_main ul {
	font-size:18px;
	text-shadow: #999 1px 1px 1px; }
	
#nav_main ul, #nav_main li { 
	display:inline; 
	margin:0;
	padding:0 }
	
#twitter li, #twitterFloatLeft li  {
	list-style: none;	
}

/*--------------------
	=li 
--------------------*/

.un_list li, .or_list li { 
	padding:.7em 0 .7em 0; 
	border-bottom:1px solid #e3dfa2; }

#column2 li, #categories li, #archives li {  
	margin:7px 0px;
	padding:.7em 0 .7em 35px; 
	background:url(../images/bullet-pencil.png) no-repeat 0px 50% #d6d6d6;
	color:#444444;
	display:block; }
	
#twitter li.TwitterLink, #twitterFloatLeft li.TwitterLink  {  
	margin:7px 0px;
	padding:.7em 0 .7em 35px; 
	background:url(../images/TwitterIcon.jpg) no-repeat 0px 50% #FFF;
	color:#444444;
	display:block; }
	
#twitter li.LinkedinLink, #twitterFloatLeft li.LinkedinLink  {  
	margin:7px 0px;
	padding:.7em 0 .7em 35px; 
	background:url(../images/LinkedinIcon.jpg) no-repeat 0px 50% #FFF;
	color:#444444;
	display:block; }
	
#twitter li.FacebookLink, #twitterFloatLeft li.FacebookLink {  
	margin:7px 0px;
	padding:.7em 0 .7em 35px; 
	background:url(../images/FacebookIcon.jpg) no-repeat 0px 50% #FFF;
	color:#444444;
	display:block; }
	
#site_info li {
	color: #003e72;
	display:inline;
	float:left;
	padding:0 10px .2em 10px;
	border-right:solid 1px #f2f3fb; }
	
#site_info li.first { padding-left:0; }
#site_info li.last { border-right:none; }
	
/*--------------------
	=forms (mix)
--------------------*/

input, textarea, {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em; 
	color:#504a45; 
	line-height:2.6; }
	


/*--------------------
	=input 
--------------------*/

input {
	clear:both;
	float:left;
	padding:.3em .5em;
	margin-bottom:.7em;
	width:254px;
	height:18px;
	background:#d6d6d6; 
	border:4px solid #003e72;
}



input:active, input:focus, textarea:active, textarea:focus { background:#fff; }

#button input {
	float:left;
	width:80px;
	height:34px;
	background:url(../images/submit-btn-pencil.png) no-repeat;
	border:none;
	text-indent:-9999px; }
	
#button input:hover { 
	background:url(../images/submit-btnOver-pencil.png) no-repeat;
	cursor:pointer; }
	
#buttonSearch input {
	float:left;
	width:80px;
	height:34px;
	background:url(../images/search-btn-pencil.png) no-repeat;
	border:none;
	text-indent:-9999px; }
	
#buttonSearch input:hover { 
	background:url(../images/search-btnOver-pencil.png) no-repeat;
	cursor:pointer; }

	


#container #contact .CheckBox{
	text-align: left;
	display: inline;
	clear: both;
	float: left;
	padding: 5px 0 0 0;
	width: 300px;
}

#container #contact .CheckBox input{
	text-align: left;
	background: #C00;
	float: left;
	clear: both;
	margin: 0;
	padding: 0;
	width: 25px;
}


/*--------------------
	label 
--------------------*/

label {
	clear:both;
	float:left;
	display:block;
	padding-bottom:.5em; }
	
label span { padding-bottom:.5em; }

/*--------------------
	=textarea 
--------------------*/
	
textarea {
	width:497px;
	height:276px;
	clear:both;
	float:left;
	padding:.3em .5em;
	background:#d6d6d6; 
	border:4px solid #003e72;
	margin-bottom:.7em;	}
	

	
/*--------------------
	=img 
--------------------*/

#gallery img { margin-bottom:1.3em; }

#blog img { 
	float:left;
	margin:.8em .8em .8em 0; }

a img { border:solid  #003e72 5px; }
a img:hover { border:solid  #d6d6d6 5px; }



/*--------------------
	Business Catalyst Page 
--------------------*/


.BenefitIcons {
	float: left;
	margin-top: 3px;
	_margin-top: 18px; /* IE6 */
}

.FeatureList li{
	margin: 0 0 21px;
	overflow: hidden;
	position: relative;
	list-style: none;	
}

.FeatureList p {
	font-family:Arial, Helvetica, sans-serif;
	margin: 0 0 18px 75px;
	line-height: 1.5em;
}

.FeatureList p strong {
	color: #000;
}

#columnBCFeatures .MainBCFeatures {
	margin: 10px 0 0 0;
	border: #999 1px solid;
	width: 616px;	
}

#columnBCFeatures .MainBCFeatures tr td{
	padding: 30px 30px 0 30px;
}

#columnBCFeatures .MainBCFeatures tr td.FeaturesLast{
	padding-bottom: 30px;
}

#columnBCFeatures .MainBCFeatures tr td p{
	margin: 10px 0 0 0;
	width: 244px;
	font-family: Arial, Helvetica, sans-serif;	
}

#columnBCFeatures .MainBCFeatures tr td a{
	font-family: Arial, Helvetica, sans-serif;	
}

/*--------------------
	Content Management Features Page
--------------------*/



	

		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */

			margin: 0;

			position: relative;

			width: 760px;

		}

	



		/* These 2 lines specify style applied while slider is loading */

		.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}

		.csw .loading {margin: 200px 0 300px 0; text-align: center}



		.stripViewer { /* This is the viewing window */

			position: relative;

			overflow: hidden; 

			border: 1px solid #d7d7d7; /* this is the border. should have the same value for the links */

			border-top: none;

			margin: auto;

			width: 760px; /* Also specified in  .stripViewer .panelContainer .panel  below */

			/*height: 460px;*/

			clear: both;

			background: #fff;

		}

		

		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */

			position: relative;

			left: 0; top: 0;

			width: 100%;

			list-style-type: none;

			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */

		}

		

		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */

			float:left;

			height: 100%;

			position: relative;

			width: 760px; /* Also specified in  .stripViewer  above */

		}

		

		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */

			padding: 30px 30px;

		}

		

		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */

			background: #eee;

			border-top: 1px solid #d7d7d7;

			border-left: 1px solid #d7d7d7;

			border-right: 1px solid #d7d7d7;

			height: 36px;

			margin: 0;

			overflow: hidden;

		}

		

		.stripNav ul { /* The auto-generated set of links */

			list-style: none;

			margin: 0;

			overflow: hidden;

			padding: 0;

		}

		

		.stripNav ul li {

			float: left;

			margin: 0; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */

		}

		

		#stripNav0 a { /* The nav links */

			font-size: 14px;

			font-weight: bold;

			text-align: center;

			line-height: 36px;

			color: #888;

			text-decoration: none;

			display: block;

			padding: 0 15px;

		}

		



		#stripNav0 li a:hover {

			background: #e0f0fa;

			color: #1969bc;

			text-decoration: none;

		}

		

		#stripNav0 li a.current {

			background: #fff;

			color: #000;

		}

		

		.stripNavL, .stripNavR { /* The left and right arrows */

			position: absolute;

			top: 230px;

			text-indent: -9000em;

		}

		

		.stripNavL a, .stripNavR a {

			background: #000;

			display: none;

			height: 40px;

			width: 40px;

		}

		

		.stripNavL {

			left: 0;

		}

		

		.stripNavR {

			right: 0;

		}

input.span-18 {
	border-left-width:1px!important;
	border-right-width:1px!important;
	padding-left:5px!important;
	padding-right:5px!important;
}

input.span-18, textarea.span-18 {
	width:698px!important;
}

.span-18 {
	float:left;
	margin-right:10px;
}

.span-18 {
	width:710px;
}
.slider-wrap .cta {
	text-align: right;
}

.slider-wrap .skinny {
	width: 320px;
}

.slider-wrap h2 {
	margin: 0 0 30px;
}

.slider-wrap .skinny h3 {
	margin: 0 0 3px;
}

.super-image {
	position: absolute;
	top: 87px;
	right: 0;
}



.prev-next {
	margin: 36px 0 18px;
}

.cta {
	background: #0066bc;
	padding: 20px;
}



.cta a {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}

.slider-wrap .cta {
	text-align: right;
}

a.link-to-button,

a.link-to-button:link,

a.link-to-button:visited {
	color: #fff;
	padding: 6px 9px;
	cursor: pointer;
	cursor: hand;
}

a.link-to-button:hover {
	background: #09F;
	color: #fff;
	padding: 6px 9px;
	text-decoration: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

a.link-button {
	background: #fff;
	border: 1px solid #e7e7e7;
	color: #0066bc;
	font-weight: bold;
	padding: 6px 9px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}



a.link-button:hover {
	background: #0066bc;
	border: 1px solid #0066bc;
	color: #fff;
	text-decoration: none;

}

/*Begin Testimonials (About Us)*/

#content #CatalystMain #columnBC dl {
	border-bottom: 1px;
	border-bottom-color:#CCCCCC;
	border-bottom-style: solid;
	float: left;
	width: 598px;
	margin: 10px 20px;
	padding: 0px 0px 10px 0px;
	display: inline; /*Fixes IE/WIN double margin bug*/
}

#content #CatalystMain #columnBC dl.dlNoBorder {
	border:0;
}

#content #CatalystMain #columnBC dt {
	font-size:1.5em;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #003e72;
	font-weight:100;
	float: right;
	width: 498px;
	padding: 0px;
	margin: 0 0 10px 0;
}

#content #CatalystMain #columnBC dt a {
	text-decoration: none;
	color: #333333;
}

#content #CatalystMain #columnBC dt a:hover {
	text-decoration: none;
	color: #AD0011;
}

#content #CatalystMain #columnBC dd a {
	text-decoration: none;
	color: #AD0011;
}

#content #CatalystMain #columnBC dd a:hover {
	text-decoration: none;
	color: #999999;
}

#content #CatalystMain #columnBC dd {
	font-size: 90%;
	line-height: 200%;
	margin: 0px;
	padding: 0px;
}

#content #CatalystMain #columnBC dd.img img {
	float: left;
	margin: 0 10px 20px 0;
	padding: 4px;
	border: 1px solid #CCCCCC;
	background: #ffffff;
}

#content #CatalystMain #columnBC dd.imgTest img {
	float: left;
	margin: 0 10px 0px 0;
	padding: 4px;
	border: 1px solid #CCCCCC;
	background: #ffffff;
}


/*End Testimonials (About Us)*/

#column3 form {
	float: left;
	width: 350px;
}