@import url("common.css");

/*
Action Envelope
- Created: 7/26/07
*/

#content {
	padding: 0 17px 38px 24px;
}

	#about {
		width: 100%;
		background: url(../img/rc/about/bg.gif) repeat-y 187px 0;
	}
	#about img.rcBtm {
	 clear: both;
	}
	
		#aCol {
			width: 188px;
			float: left;
		}
			#sideNav {
				width: 100%;
			}
			#sideNav h2 {
				height: 33px;
				font-size: 1.3em;
				color: #f60;
				background: url(../img/tab/sideNav.category.gif) no-repeat 0 0;
				line-height: 32px;
				text-indent: 5px;
			}
			#sideNav ul.sideNav {
				list-style: none;
			}
			#sideNav ul.sideNav.last {
				margin-bottom: 50px;
			}
			#sideNav ul.sideNav li {
			}
			#sideNav ul.sideNav li a {
				height: 36px;
				padding: 0 0 0 15px;
				display: block;
				font-size: 1.1em;
				line-height: 36px;
				text-decoration: none;
				background: url(../img/tab/sideNav.gif) no-repeat 0 -47px;			
			}
			#sideNav ul.sideNav li.last a {
				height: 37px;
			}
			#sideNav ul.sideNav li a.active {
				background-position: 0 0;
				font-weight: bold;
				color: #666;
			}
			
			#sideNav div.comment {
				width: 100%;
			}
			#sideNav div.comment .content {
				padding: 10px;
				background: url(../img/rc/accountSideNav/bg.gif) repeat-y 0 0;
			}
			#sideNav div.comment textarea {
				width: 156px;
				height: 118px;
				margin: 0 0 13px 0;
				padding: 5px;
				border: 1px solid #d7d7d7;
				overflow: auto;
				font: normal 1.1em Verdana, Arial, Helvetica, sans-serif;
				color: #666;
			}
			#sideNav div.comment h1 {
				margin: 0 0 5px 0;
				font-size: 1.2em;
				color: #0a86e5;
			}
			#sideNav div.comment p {
				line-height: 16px;
			}
			
		
		#bCol {
			width: 539px;
			float: left;
		}

			#aboutContent {
				width: 538px;
			}
			#aboutContent .spread {
				padding: 15px 20px;
			}
			#aboutContent .spread span {
				font-weight: bold;
			}
			#aboutContent .spread img.newsRight {
				float: right;
				margin: 10px 0 10px 10px;
			}
			#aboutContent .spread img.newsLeft {
				float: left;
				margin: 10px 10px 10px 0;
			}
			#aboutContent .middleContent {
				width: 322px; padding: 0 15px 185px 22px; margin: 15px 0 0 0; border-right: 1px solid #d7d7d7; float: left;
			}
			#aboutContent h1 {
				font: bold 1.5em/20px Verdana, Arial, Helvetica, sans-serif;
				color: #ff6600;
				margin: 0 0 16px 0;
				padding: 0 0 10px 0;
				border-bottom: 1px solid #d7d7d7;
			}
			#aboutContent p {
				font: normal 1.1em/17px Verdana, Arial, Helvetica, sans-serif;
				color: #595959;
				margin: 0 0 12px 0;
			}
			#aboutContent ul.info {
				font: normal 1.1em/17px Verdana, Arial, Helvetica, sans-serif;
				color: #595959;
				margin: 0 0 0 1.9em;
			}
			#aboutContent ul.info li {
				margin: 0 0 1em 0;
			}
			#aboutContent ul.info li ul {
				list-style: none;
				margin: 1em 0 0 0;
			}
			#aboutContent address {
				margin-bottom: 10px;
				font-size: 1.1em;
				font-style: normal;
				color: #595959;
				line-height: 1.4em;
			}
			#aboutContent h2 {
				font-size: 1.3em;
				margin: 0 0 16px 0;
				padding: 5px 0 0 0;
				color:#0a86e5;
				line-height: 20px;
				
			}
			#aboutContent .news h2 {
				margin: 0 0 10px 0;
				padding: 5px 0 0 0;				
			}
			#aboutContent .news p {
				margin: 0 0 15px 0;
			}
			#aboutContent .news p.border {
				padding: 0 0 20px 0;
				border-bottom: 1px solid #d7d7d7;
			}
			#aboutContent ul.faq {
				list-style: none; padding: 0; margin: 15px 0 10px 0; color:#014376; line-height: 16px;
			}
			#aboutContent ul.faq li {
				font-size: 1.1em; margin: 0 0 5px 0;
			}
			#aboutContent ul.faq a {
				text-decoration: underline;
			}
			#aboutContent ol {
				list-style: outside disc;
				font-size: 1.1em;
				margin: 0 0 0 40px;
				padding: 0 0 10px 0;
			}
			#aboutContent ol.how {
				list-style: decimal;
				/*padding: 0; margin: 15px 0 10px 0; color:#014376; line-height: 16px;*/
			}
			#aboutContent ol li {
				margin: 0 0 10px 0;
				line-height: 17px;
			}
			#testimonial p {
				margin: 0 0 10px 0;
				padding: 0 0 10px 0;
				border-bottom: 1px solid #d7d7d7;
			}
			#testimonial p.last {
				border: none;
			}

			.adPromos {
				width: 178px; float: left; padding: 15px 0 0 0;
			}
			.adPromos img {
				margin: 0 auto 20px auto; display: block;
			}
			a.viewAll {
				width: 300px; clear: both; display: block; margin: 0 0 30px 18px; font-size: 1.1em;
			}
			
			#faqs ul {
				list-style: none;
			}
			#faqs ul li {
				margin: 0 0 15px 0;
			}
			#faqs ul li a.q {
				font-size: 1.1em;
			}
			#faqs ul li p {
				margin: 5px 0 0 0;
				display: none;
			}
			#faqs ul li.active p {
				display: block;
			}
				
			.gradBox { width: 193px; background: url(../img/rc/about/rc.gradient.gif) no-repeat bottom left; }
			.gradBox .body { padding: 0 15px 10px 15px; }
			.gradBox h1 { font: bold 1.3em Verdana, Arial, Helvetica, sans-serif; color: #024376; margin: 0 0 15px 0; }
			.gradBox p { font-size: 1.1em; color: #0070c6; margin: 0 0 16x 0; }
			.gradBox b { margin: 0 0 5px 0; color: #666; display: block; }
			.gradBox a { color: #024376; text-decoration: underline; }
			.gradBox a:hover { color: #ff6600; }
			.gradBox ul { list-style: none; padding: 0; margin: 0 0 20px 0; line-height: 16px; }
			.gradBox ul li { margin: 0 0 5px 0; }
			
			/* icons */
			.psd {
				padding: 5px 0 0 25px !important;
				background: url(../img/icon/psd.gif) no-repeat 0 8px;
			}
			.illustrator {
				padding: 5px 0 0 25px !important;
				background: url(../img/icon/illustrator.gif) no-repeat 0 8px;
			}
			.quark {
				padding: 5px 0 0 25px !important;
				background: url(../img/icon/quark.gif) no-repeat 0 8px;
			}
			.pdf {
				padding: 5px 0 0 25px !important;
				background: url(../img/icon/pdf.gif) no-repeat 0 8px;
			}
			
			p.info {
				padding: 0 0 15px 5px;
				border-bottom: 1px solid #d7d7d7;
			}
		
		#cCol {
			width: 193px;
			float: right;
		}
/* for Templates */

.tempBox img {
	border: 1px solid #d7d7d7;
	margin: 0 0 12px 0;
}