﻿
/* The Main Content Area Container Divs support
   the use of a background image that will expand horizontally
    
 */
.maincontentareaoutercontainer
{	
	display:inline-block;
	width : 100%;
	background-image : url(../../Images/blueleftredright3.gif);
	background-repeat : repeat-y;
}

.maincontentareainnercontainer 
{
	float: left;
	width: 75%;
	background-color : Transparent;
}

.contentareaoutercontainer
{	
	display:inline-block;
	width : 100%;
	background-image : url(../../Images/whitegraylinesblankright.gif);
	background-repeat : repeat-y;
	padding-bottom : 10px;
}

.contentareainnercontainer 
{
	float: left;
	width: 75%;
}

/* Main Content Area 1 */
.maincontentarea1
{
	float: left;
	/*width: 326px;*/
	width:50%;
} 

.maincontentarea1 .maincontentarea1background
{
	display: none;
	background-repeat :no-repeat;
	width: 100%;
	height: 100%;
}


.maincontentarea1 .imgfloatingleft
{
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 5px;
	float: left;
} 

.maincontentarea1 .title
{	
	display: block;
	padding-top: 5px;
	padding-left : 10px;
	padding-right : 5px;
}

.maincontentarea1 .titleleft
{
	font-size: large;
	font-weight : bold;
	color: #C8C8C8;
}

.maincontentarea1 .titleright
{
	font-size: large;
	font-weight : bold;
	color: #FFFFFF;
}

.maincontentarea1 .heading
{
	display: block;
	padding-top: 5px;
	padding-right : 5px;
	color: #FFFFFF;
	font-size : small;
	font-weight : bold;
}

.maincontentarea1 .heading A
{
	color: #FFFFFF;
	font-weight : bold;
}

.maincontentarea1 .summary
{
	display:block;
	color: #FFFFFF;
	font-size : smaller;
	margin-right: 2px;
	padding-right : 5px;
}

.maincontentarea1 .summary A
{
	color: #FFFFFF;
}


/* Main Content Area 2 */
.maincontentarea2 
{
	padding-bottom: 10px;
	float: left;
	/*width:50%;*/
	/*width: 470px;*/
} 

.maincontentarea2 .imgfloatingleft
{
	padding-left: 0px;
	padding-right: 5px;
	padding-top: 10px;
	float: left;
} 

.maincontentarea2 .title
{	
	display:block;
	padding-top: 5px;
	padding-left : 0px;
	padding-right : 5px;
}

.maincontentarea2 .titleleft
{
	font-size: large;
	font-weight : bold;
	color: #7f7f80;
}

.maincontentarea2 .titleright
{	
	font-size: large;
	font-weight : bold;
	color: #FFFFFF;
}

.maincontentarea2 .heading
{
	display: block;
	padding-top: 5px;
	padding-right : 5px;
	color: #FFFFFF;
	font-weight : bold;
	font-size : small;
}

.maincontentarea2 .heading A
{
	color: #FFFFFF;
	font-weight : bold;
}

.maincontentarea2 .summary
{
	display:block;
	color: #FFFFFF;
	font-size : smaller;
	padding-right : 5px;
}

.maincontentarea2 .summary A
{
	color: #FFFFFF;
}


/*  */
.featureareainnercontainer
{
	display:inline-block;
	margin-left:0px;
	margin-right:0px;
	float: left;
	width: 75%;
	background-color : #ffffff;
}

.featureareaoutercontainer
{	
	display:inline-block;
	width : 100%;
	background-image : url(../../Images/whiteblueright2.gif);
	background-repeat : repeat-y;
}


/* Feature Area 1 */
.featurearea1
{ 
	float: right;
	/*width: 200px;*/
 }

.featurearea1 .title
{	
	display:block;
	padding-top: 5px;
	padding-right : 5px;
	padding-left : 10px;
}

.featurearea1 .title
{	
	display:block;
	padding-top: 5px;
	padding-right : 5px;
	padding-left : 10px;
}

.featurearea1 .titleleft
{
	font-size: large;
	font-weight : bold;
	color: #EED8F4;
}

.featurearea1 .titleright
{	
	font-size: large;
	font-weight : bold;
	color: #FFFFFF;
}

.featurearea1 .heading
{
	display : block;
	padding-top : 5px;
	padding-left : 10px;
	padding-right : 5px;
	color: #FFFFFF;
	font-size : small;
	font-weight : bold;
}

.featurearea1 .heading A
{
	color: #FFFFFF;
	font-weight : bold;
}

.featurearea1 .summary
{
	display:block;
	color: #FFFFFF;
	padding-left : 10px;
	padding-right : 5px;
	font-size: smaller;
}

.featurearea1 .summary A
{
	color: #FFFFFF;
}


/* Content Area 1 */
.contentarea1
{
	padding-top:12px;
	display:block;
	float: left;
	width: 50%;
	/*width:326px;*/
} 

.contentarea1 .imgfloatingleft
{
	display: block;
	padding-left: 0px;
	padding-right: 5px;
	padding-top: 12px;
	padding-bottom: 5px;
	float: left;
} 

.contentarea1 .heading
{
	color: #000000;
	font-weight : bold;
	font-size : small;
	padding-top: 10px;
	padding-right : 5px;
}

.contentarea1 .heading A
{
	color: #000000;
	text-decoration : none;
}

.contentarea1 .summary
{
	display: block;
	color: #000000;
	font-size: smaller;
	padding-right : 5px;
}

.contentarea1 .summary A
{
	color: #000000;	
}



/* Content Area 2 */
.contentarea2
{
	padding-top:12px;
	display: block;	
	float: right;
	/*width: 470px;*/
} 

.contentarea2 .imgfloatingleft
{
	display: block;
	padding-left: 0px;
	padding-right: 5px;
	padding-top: 12px;
	padding-bottom: 5px;
	float: left;
} 

.contentarea2 .heading
{
	color: #000000;
	font-weight : bold;
	font-size : small;
	padding-top: 10px;
	padding-right : 5px;
}

.contentarea2 .heading A
{
	color: #000000;
	text-decoration : none;
}

.contentarea2 .summary
{
	display: block;
	color: #000000;
	font-size: smaller;
	padding-right : 5px;
}

.contentarea2 .summary A
{
	color: #000000;	
}


/* Feature Area 2 */
.featurearea2
{
	padding-top: 25px;
	background-color: #ffffff;
	float: right;
	/*width : 200px;*/
} 

.featurearea2 A
{
	color:Black;
}


/* Feature Area 4 */
.featurearea4 
{
	float: left;
	width: 75%;
} 

.featurearea4 .title
{	
	display:block;
	padding-top: 15px;
	padding-left : 0px;
	padding-right : 5px;
	font-size:  x-large;
	color: #868686;
}


.featurearea4 .highlight
{	
	font-size: x-large;
	color: #009999;
}

.featurearea4 .subtext
{	
	display:block;
	color: #868686;
	padding-left : 0px;
	padding-right : 5px;
	padding-top: 10px;
	font-size: small;
}

/* Feature Area 3 */
.featurearea3 
{
	float : left;
	/*width : 200px;*/
	padding-bottom:5px;
}

.featurearea3 .title
{
	display : block;
	padding-top: 5px;
	padding-right : 5px;
	padding-left: 0px;
}

.featurearea3 .titleleft
{
	font-size: medium;
	font-weight : bold;
	color: #FFFFFF;
}

.featurearea3 .titleright
{
	font-size: medium;
	font-weight : bold;
	color: #A9B5C9;
}

.featurearea3 .heading
{
	display: block;
	color: #FFFFFF;
	padding-left: 0px;
	padding-top: 5px;
	padding-right : 5px;
	font-weight : bold;
	font-size: small;
}

.featurearea3 .heading A
{
	color: #FFFFFF;
	font-weight : bold;	
}

.featurearea3 .summary
{
	display:block;
	color: #FFFFFF;
	padding-left: 0px;
	padding-top : 5px;
	padding-right : 5px;
	font-size: smaller;
}

.featurearea3 .summary A
{
	color: #FFFFFF;
}

.imageleftspan
{
	float : left;
}

.clientsidefooter
{
	display: none;
	visibility: hidden;
}