/***************** SIGNPOSTS *************/
.nf4
{
	background-color: white;
	margin: 0;
	margin-bottom: 6px;
	padding: 5px 5px 5px 5px;
}
.nf4 .nf4header
{
	color: black;
	font-size: 110%;
	font-weight: bold;
}
.nf4 .nf4header p
{
	margin: 1px 0 1px 0;
}
.nf4 .nf4body
{
	color: black;
	font-size: 100%;
	line-height:120%
}
.nf4 .nf4body p
{
	margin: 2px 0 2px 0;
}

.nf4 .nf4body img
{
	margin-right: 10px;
}

/***************** MAUVE ROUNDED *************/

.nf9
{
	margin-bottom: 4px;
	float: right;
}
.nf9 .nf9header
{
	color: black;
	font-size: 110%;
	font-weight: bold;
}
.nf9 .nf9header p
{
	margin: 1px 0 1px 0;
}
.nf9 .nf9body
{
	color: black;
	font-size: 100%;
	font-weight: normal;
	display: block;
	text-align: left;
}
.nf9 .nf9body p
{
	/*padding: 1px 5px 1px 5px;*/
	margin: .5em 4px 0 4px;
}
div.nf9 { background: #ddddca url(../images/hp/cornertl.gif) no-repeat 0 0; width: 100%; }
div.nf9 div { background: url(../images/hp/cornerbl.gif) no-repeat 0 100%; } 
div.nf9 div div { background: url(../images/hp/cornerbr.gif) no-repeat 100% 100%; }
div.nf9 div div div { background: url(../images/hp/cornertr.gif) no-repeat 100% 0; padding: .5em; }

#homecontent div.nf9
{ background: #eee url(../images/hp/cornertl.gif) no-repeat 0 0; width: 100%; }
}

/***************** QUOTE *************/
.nf10
{
	margin-bottom: 4px;
	float: right;
	margin-left:1em;
}
.nf10 .nf10body
{
	color: black;
	font-size: 87%;
	font-weight: bold;
	line-height: 130%;
}
.nf10 .nf10header
{
	color: black;
	font-size: 83%;
	font-weight: normal;
	line-height: 120%;
	}

/****** round corner and padding *******/
div.nf10 { background: rgb(217,218,231) url(../images/hp/cornertl.gif) no-repeat 0 0; width: 192px; }
div.nf10 div { background: url(../images/hp/cornertr.gif) no-repeat 100% 0;} 
div.nf10 div div { background: url(../images/hp/cornerbl.gif) no-repeat 0 100%; }
div.nf10 div div div { background: url(../images/hp/cornerbr.gif) no-repeat 100% 100%; padding: 2px; }
/** for IE ***/
* html body div.nf10 div, * html body div.nf10 div div, * html body div.nf10 div div div
{
	width: 100%;
}

/***** for content ******/
div.nf10 div div div div { background-image: none;}

/*** for quotation ***/
div.nf10 div div div div div{ background: url(../images/hp/quote_start.gif) no-repeat 0 0; padding-right: 0; padding-top: 0; padding-bottom: 0;}
div.nf10 div div div div div div { background: transparent url(../images/hp/quote_end.gif) no-repeat 100% 100%; }

/*** to have the same style for each browser ***/
.nf10 .nf10body
{
	display: block;
	padding-right: 9px;
}
.nf10 .nf10body p
{
	margin: 1px 0 1px 0;
	text-indent: 20px;
}
.nf10 .nf10header p
{
	margin-left: 4px;
	margin-bottom: 0;
	margin-top: .5em;
}

/***************** ROUNDED BLUE - ON THE HOME PAGE RHS *************/
.nf12
{
	margin-bottom: 4px;
	text-align: center;
}
.nf12 .nf12header
{
	color: black;
	font-size: 110%;
	font-weight: bold;
}
.nf12 .nf12header p
{
	margin: 1px 0 1px 0;
}
.nf12 .nf12body
{
	color: black;
	font-size: 100%;
	font-weight: normal;
	display: block;
	text-align: left;
}
.nf12 .nf12body p
{
	/*padding: 1px 5px 1px 5px;*/
	margin: .5em 4px 0 4px;
}
div.nf12 { background: #d9dae7 url(../images/hp/cornertl.gif) no-repeat 0 0; width: 100%; }
div.nf12 div { background: url(../images/hp/cornerbl.gif) no-repeat 0 100%; } 
div.nf12 div div { background: url(../images/hp/cornerbr.gif) no-repeat 100% 100%; }
div.nf12 div div div { background: url(../images/hp/cornertr.gif) no-repeat 100% 0; padding: .5em; }


/***************** ROUNDED BLUE - CUSTOMER STORIES ON THE HOME PAGE *************/
.nf13
{
	margin-bottom: 4px;
	text-align: left;
}
.nf13 .nf13header
{
	color: rgb(48,42,131);
	font-size: 100%;
	font-weight: bold;
}
.nf13 .nf13header p
{
	margin: 1px 0 1px 0;
}
.nf13 .nf13body
{
	color: black;
	font-size: 90%;
	font-weight: normal;
	display: block;
	text-align: left;
	line-height: 120%;
}
.nf13 .nf13body p
{
	/*padding: 1px 5px 1px 5px;*/
	margin: .5em 4px 0 4px;
}
div.nf13 { background: #D9DAE7 url(../images/hp/cornertl.gif) no-repeat 0 0; width: 100%; }
div.nf13 div { background: url(../images/hp/cornerbl.gif) no-repeat 0 100%; } 
div.nf13 div div { background: url(../images/hp/cornerbr.gif) no-repeat 100% 100%; }
div.nf13 div div div { background: url(../images/hp/cornertr.gif) no-repeat 100% 0; padding: .5em; }


/*************** HOME PAGE ORANGE AND BLUE SQUARES ***************/
.nf101
{
	margin: 0;
	margin-bottom: 4px;
	padding: 0px;
	xfont-size: 0.7em;
		}
.nf101 .orangeheader, .nf101 .blueheader
{
	background: url(../images/smartmedia/orangegrad.gif) repeat-x top left;
	font-weight: bold;
	color:#fff;
	height:2.4em;
	}


.nf101 .blueheader
{
background: url(../images/smartmedia/bluegrad.gif) repeat-x top left;
}
.nf101 p
{
	margin: 0;
	padding:0.4em;
}

.nf101body 
{
font-size:1em;
line-height:1.4em;
}


/***************** home page testimonials *************/
.large_quotes
{
	xmargin-bottom: 4px;
	float: right;
	xmargin-left:1em;
}
.large_quotes .whatsaid
{color:rgb(77,70,173);
padding-left:26px;
padding-right:26px;
text-align:center;
xfont-weight:bold;
}

.large_quotes 
{text-align:center;
}
.large_quotes .whosaid
{
	color: black;
	font-size: 0.75em;
	font-weight: normal;
	line-height: 1.2em;
	text-align:center;
}

div.large_quotes div div div div div{ background: url(../images/sm/quote_2a.gif) no-repeat 0 0; padding-right: 0; padding-top: 0; padding-bottom: 0;}
div.large_quotes div div div div div div { background: transparent url(../images/sm/quote_2b.gif) no-repeat 100% 100%; }