/* CSS Document */

/*//////////////// created by John Benedict ////////////////*/
/*/////////////// john@benedictgraphico.com ////////////////*/


.row			{ float: left; margin: 10px; width: 740px; }
.twoCol-l		{ float: left; margin: 10px 5px 10px 10px; width: 500px; }
.twoCol-r		{ float: left; margin: 10px 7px; width: 230px; }

.pageWithGrad   { background: #f2f2f2 url(../imgs/subPages/bodyGrad-bg.gif) repeat-y top center !important; }
.footWithGrad	{ background: #fff url(../imgs/subPages/pageGrad-rnd-btm-bg.gif) no-repeat bottom left !important; }

.blue			{ color: #12456d !important; }

#content		{ float: left; }


/* SUB HEAD
-------------------------------------------------------------------------------- */
#subHead		{ }
#subHead h2		{ width: 460px; padding: 10px 15px 11px;
				font-size: 18px; font-weight: bold; line-height: 21px; color: #333; }
#subHead h3		{ width: 460px; padding: 0 15px;
				font-size: 14px; font-weight: bold; line-height: 21px; color: #036; }				
#subHead p		{ width: 460px; padding: 0 15px 11px;
				font-size: 14px; line-height: 21px; color: #666; }

#subHead a			{ color: #036 !important; }
#subHead a:hover	{ color: #036 !important; text-decoration: none !important; }


/* MODEL COMPARISON
-------------------------------------------------------------------------------- */
#modelComparison		{ }

#modelComparison table	{ font-size: 11px; padding: 0 0 1px; border-bottom: 1px solid #12456d; }

#modelComparison th	{ padding: 10px 5px; border-bottom: 1px solid #12456d;
					font-size: 12px; font-weight: bold; color: #12456d;  }
#modelComparison td	{ padding: 10px 5px; border-bottom: 1px solid #c4d0da; }

#modelComparison th,
#modelComparison td	{ background: #fff url(../imgs/subPages/tblColsGrad-bg.gif) repeat-y; }

.indexes				{ padding-left: 15px !important; background: none !important; 
						font-weight: bold; color: #000 !important; }

.tblCol1			{ width: 150px; }
.tblCols			{ width: 115px; }

#modelComparison dl		{ padding: 15px 0 0; width: 500px; font-size: 11px; text-align: center; }

#modelComparison dt,
#modelComparison dd		{ display: inline; }

#modelComparison dd		{ padding-right: 10px; }


/* FEATURES
-------------------------------------------------------------------------------- */
#features h3	{ padding: 0 15px;
				font-size: 12px; font-weight: bold; line-height: 18px; color: #036; }
#features p,	
#features ul	{ font-size: 12px; line-height: 18px; color: #666; }

#features p		{ padding: 0 15px 11px; }	
#features ul	{ margin: 0 25px; padding: 0 15px 11px; }

#features a			{ color: #360; font-weight: bold; }
#features a:hover	{ text-decoration: none; }


/* FAQS
-------------------------------------------------------------------------------- */
#faqs h3	{ padding: 0 15px;
				font-size: 12px; font-weight: bold; line-height: 18px; color: #036; }
#faqs p,	
#faqs ul	{ font-size: 12px; line-height: 18px; color: #666; }

#faqs p		{ padding: 0 15px 11px; }	

#faqs a			{ color: #360; font-weight: bold; }
#faqs a:hover	{ text-decoration: none; }


/* SCREENSHOTS
-------------------------------------------------------------------------------- */
#screenshots h4		{ padding: 0 15px;
					font-size: 12px; font-weight: bold; line-height: 18px; color: #036; }
#screenshots p,	
#screenshots ul		{ font-size: 12px; line-height: 18px; color: #666; }

#screenshots p		{ padding: 0 15px 11px; }	

#screenshots a			{ color: #360; font-weight: bold; }
#screenshots a:hover	{ text-decoration: none; }

.ss					{ float: left; margin: 0 0 0 15px; padding: 18px 0; width: 470px; border-top: 1px solid #c4d0da; }
.ss-imgCol,
.sol-imgCol			{ float: left; width: 202px; text-align: center; }
.ss-txtCol			{ float: left; width: 268px; }

.ss-imgCol img		{ border: 1px solid #360; padding-bottom: 3px; }
.ss-imgCol a		{ display: block; padding: 0 0 3px 0; background: #360; color: #fff !important; text-align: center;
					font-size: 12px; font-weight: bold; text-decoration: none; }
					
.sol-imgCol img		{ border: 1px solid #360; }
.sol-imgCol a		{ }	

					
/* SOLUTIONS
-------------------------------------------------------------------------------- */
#solutions h4		{ padding: 0 15px 9px;
					font-size: 14px; font-weight: bold; line-height: 18px; color: #036; }
#solutions p,	
#solutions ul		{ font-size: 12px; line-height: 18px; color: #666; }

#solutions p		{ padding: 0 15px 11px; }	

#solutions a			{ color: #360; font-weight: bold; }
#solutions a:hover		{ text-decoration: none; }


/* RIGHT HAND SUB NAV
-------------------------------------------------------------------------------- */
#rightSubNav		{ float: left; width: 230px; }
#rightSubNav-top,
#rightSubNav-btm	{ float: left; margin: 0; width: 230px; height: 8px; }

#rightSubNav-top	{ background: #fff url(../imgs/subPages/rightSubNav-top.gif) no-repeat; margin-bottom: 1px; }
#rightSubNav-btm	{ background: #fff url(../imgs/subPages/rightSubNav-btm.gif) no-repeat; }

#rightSubNav ul		{ list-style: none; width: 230px; }
#rightSubNav li a	{ margin: 0 0 1px; padding: 10px 0 10px 10px; display: block; background: #e7ecf0; border-left: 5px solid #7c98ae;
					font-size: 14px; font-weight: bold; line-height: 18px; text-decoration: none; color: #12456d; }

#rightSubNav li a:hover		{ background: #dce3e9; }
#rightSubNav li a.active	{ color: #360; border-left: 5px solid #87a474; }

#rightSubNav li li a		{ padding: 6px 0 6px 20px; background: #e8eee3; color: #360; border-left: 5px solid #87a474;
							font-weight: normal; }
#rightSubNav li li a:hover	{ background: #e1e8d9; }


/* GENERIC SUB PAGE
-------------------------------------------------------------------------------- */
#subPage h3			{ padding: 0 15px;
						font-size: 12px; font-weight: bold; line-height: 18px; color: #036; }
#subPage p,	
#subPage ul			{ font-size: 12px; line-height: 18px; color: #666; }

#subPage p,
#subPage ul			{ padding: 0 15px 11px; }	

#subPage li		{ padding: 0 9px 11px; }	

#subPage a			{ color: #036 !important; font-weight: bold; }
#subPage a:hover	{ color: #036 !important; text-decoration: underline !important; }

.breadcrumb		{ }