/* PERACON STYLESHEET */

/* BODY */
html {
	background-color:#666666;
	font: 14px Arial, Helvetica, sans-serif;
	color:#242424;
}

body {
	background-color:#666666;
	font: 14px Arial, Helvetica, sans-serif;
	color:#242424;
}

a {
	color:#08234d;
	text-decoration:none;
}


h1 {
	font: 22px Arial, Helvetica, sans-serif;
	color:#333333;
	padding-bottom:10px;
	margin:0;
}

h2 {
	font: 16px Arial, Helvetica, sans-serif;
	color:#333333;
	font-weight: bold;
	margin:0;
	border-bottom:5px solid #d9d9d9;
	padding-bottom:5px;
}

h3 {
	font: 18px Arial, Helvetica, sans-serif;
	color:#08234e;
	font-weight: bold;
	margin:0;
	padding-bottom:10px;
}

h4 {
	font: 16px Arial, Helvetica, sans-serif;
	color:#333333;
	font-weight: bold;
	margin:0;
	padding-bottom:5px;
}

h5 {
	font: 16px Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-weight: bold;
	margin:0;
	padding-bottom:5px;
}

p {
	font:14px Arial, Helvetica, sans-serif;
	color:#242424;
	line-height:22px;
	margin:0;
}

.homeText {
	font:14px Arial, Helvetica, sans-serif;
	color:#242424;
	line-height:18px;
	margin:0;
}

.homeText a {
	font:14px Arial, Helvetica, sans-serif;
	color:#08234e;
	line-height:28px;
	margin:0;
	text-decoration: underline;
	padding-left:15px;
	background-image:url(../Images/Public/arrow_SmallGrey.gif);
	background-repeat:no-repeat;
}

.text_input {
	font:14px Arial, Helvetica, sans-serif;
	color:#666666;
	border:1px solid #d9d9d9;
	padding:7px;
	width:290px;
}

.text_input2 {
	font:14px Arial, Helvetica, sans-serif;
	color:#666666;
	border:1px solid #d9d9d9;
	padding:7px;
	width:605px;
	height:105px;
}

.testimonial {
	font:14px Arial, Helvetica, sans-serif;
	color:#242424;
	padding-bottom:18px;
	line-height:22px;
}

.testimonialLarge {
	font:20px Arial, Helvetica, sans-serif;
	color:#242424;
	padding-bottom:18px;
	line-height:28px;
}

.testimonialName {
	font:14px Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:right;
	width:630px;
	color:#666666;
	border-bottom:1px solid #d9d9d9;
	padding-bottom:18px;
}

.testimonialNameLarge {
	font:14px Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:right;
	width:630px;
	color:#666666;
	border-bottom:5px solid #d9d9d9;
	padding-bottom:24px;
}

.dividerThick {
	width: 610px;
	height:5px;
	background-color:#d9d9d9;
	overflow:hidden;
}

.dividerThin {
	width: 610px;
	height:1px;
	background-color:#d9d9d9;
	overflow:hidden;
}

.listContent {
	font:14px Arial, Helvetica, sans-serif;
	color:#333333;
	line-height:26px;
	margin:0;
	border-bottom:1px solid #d9d9d9;
	background-image:url(../Images/Public/lightGreyArrow.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:20px;
	padding-top:5px;
	margin:0;
	height:30px;
	width: 610px;
}

#bullets li {
	list-style-image: url(../Images/Public/bulletlist_arrow.gif);
	list-style-position:inherit;
	/*list*/
	padding-left:5px;
	padding-top:10px;
	padding-bottom:10px;
	margin-left:30px;
	font:16px Arial, Helvetica, sans-serif;
	color:#000000;
	line-height:22px;
	border-bottom:1px solid #d9d9d9;

}

#simple li 
{
	list-style-type:disc;
	padding-left:5px;
	margin-left:30px;
}

/* MAIN HEADER WRAPPER HOME PAGE */

.homeheader-wrapper {
	min-width: 960px;
	max-width:1160px;
	height:525px;
	margin:0 auto;
	/* THIS IMAGE NEEDS TO BE RANDOMLY SELECTED FROM "img_Home_01.jpg, img_Home_02.jpg and img_Home_03.jpg */ 
	background-image: url(../Images/Public/img_Home_01.jpg);
	background-repeat: no-repeat;
	background-position: center;
}

 /* MAIN HEADER WRAPPER SECONDARY PAGE */

#sec-wrapper {
	min-width: 960px;
	max-width:1160px;
	height:287px;
	margin:0 auto;
	/* THIS IMAGES NEEDS TO CORRESPOND TO THE SECTION THEY ARE BEING DISPLAYED IN */
	/*background-image: url(../Images/Public/img_AboutPeracon.jpg);*/
	background-repeat: no-repeat;
	background-position: center;
	overflow:hidden;
}

div.aboutus {
	background-image: url('../Images/Public/img_AboutPeracon.jpg');
}

div.testimony {
	background-image: url('../Images/Public/img_Testimonials.jpg');
}

div.leadership {
	background-image: url('../Images/Public/img_Leadership.jpg');
}
div.news {
	background-image: url('../Images/Public/img_News.jpg');
}
div.careers {
	background-image: url('../Images/Public/img_Careers.jpg');
}
div.contact {
	background-image: url('../Images/Public/img_ContactUs.jpg');
}
div.cases {
	background-image: url('../Images/Public/img_CaseStudies.jpg');
}
div.clients {
	background-image: url('../Images/Public/img_Clients.jpg');
}
div.support {
	background-image: url('../Images/Public/img_Support.jpg');
}
div.solutions {
	background-image: url('../Images/Public/img_Solutions.jpg');
}
div.aim {
	background-image: url('../Images/Public/img_AssetInformation.jpg');
}
div.tm {
	background-image: url('../Images/Public/img_TransactionManagement.jpg');
}
div.surveillance {
	background-image: url('../Images/Public/img_PortfolioSurveillance.jpg');
}
div.release {
	background-image: url('../Images/Public/img_PressRelease.jpg');
}
div.signin {
	background-image: url('../Images/Public/img_SignIn.jpg');
}
div.peraconnetwork {
	background-image: url('../Images/Public/img_PeraconNetwork.jpg');
}
/* UTILITY NAVIGATION */

.utility-wrapper {
	min-width: 960px;
	max-width:1160px;
	margin:0 auto;
	background-image: url(../Images/Public/utility_background.gif);
	background-repeat: repeat-x;
	background-color: #292929;
	height: 26px;
}
	
.utility {
	width: 950px;
	margin:0 auto;
	font:11px Arial, Helvetica, sans-serif;
	line-height:18px;
	color:#ffffff;
	padding-top:3px;
}

.utility .demo {
	float:left;
	margin:0px 0;
	text-align: left;
	font:11px Arial, Helvetica, sans-serif;
	font-weight:700;
	line-height:18px;
	color:#ffffff;
}

.utility .clientlogin {
	float:right;
	margin:0px 0;
	text-align: right;
	font:11px Arial, Helvetica, sans-serif;
	font-weight:700;
	line-height:18px;
	color:#ffc000;
}

.utility .clientlogin a {
	color:#ffc000;
	text-decoration: none;
}

/* MAIN NAVIGATION */

.nav-wrapper {
	width:960px;
	height: 95px;
	margin:5px auto;
	background-color: #08234d;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	z-index:100;
}

.nav-wrapper .logo {
	float:left;
	width:328px;
	height:95px;
	margin:0px 0;
	text-align: left;
	z-index:100;
	position:relative;
	/*background-image:url(../Images/Public/peracon_logo.png);*/ 
}

.nav-wrapper .menu {
	float:right;
	width:632px;
	margin:0px 0;
	text-align: left;
	padding-top: 72px;
}
.nav-wrapper .menu ul {
	list-style-type:none;
	margin:0;
	padding:0;
	font:15px Arial, Helvetica, sans-serif;
	line-height:18px;
	color:#ffffff;
}

.nav-wrapper .menu li {
	float:left;
	color:#ffffff;	
}

.nav-wrapper .menu li a {
	display:block;
	text-decoration:none;
	color:#ffffff;
}

.nav-wrapper .menu li a:hover {
	text-decoration:none;
	color:#FFFFFF;
}

.nav-wrapper .menu li a.active {
	text-decoration:underline;
}

/* TAGLINE & 3 CALL TO ACTIONS HOME PAGE */

#flashTagline {
	width:960px;
	margin:5px auto;
	font: 32px Arial, Helvetica, sans-serif;
	line-height:38px;
	font-weight:100px;
	color:#08234d;
}

.tagline {
	width:960px;
	height:115px;
	margin:5px auto;
	font: 32px Arial, Helvetica, sans-serif;
	line-height:38px;
	font-weight:100px;
	color:#08234d;
	padding-top:45px;
	padding-left:12px;
	padding-bottom:45px;
}

.cta-wrapper {
	width:960px;
	height: 145px;
	margin:5px auto;
	background-color: #ffffff;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	
}

.cta-wrapper .left {
	float:left;
	width:296px;
	margin:0px 0;
	text-align: left;
	padding:12px;
}

.cta-wrapper .middle {
	float:left;
	width:296px;
	margin:0px 0;
	text-align: left;
	padding:12px;
}

.cta-wrapper .right {
	float:right;
	width:296px;
	margin:0px 0;
	text-align: left;
	padding:12px;
}

/* HOME PAGE CONTENT WRAPPER & 3 COLUMNS */

.home-wrapper {
	min-width: 960px;
	max-width:1160px;
	margin:0 auto;
	overflow:hidden;
	background-color:#ffffff;
}

.home {
	width: 960px;
	margin:0 auto;
	overflow:hidden;
	padding-top:27px;
	padding-bottom:45px;
}

.home .network {
	float:left;
	width:624px;
	margin:0px 0;
	text-align: left;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
}

.home .casestudy {
	float:right;
	width:292px;
	height:183px;
	text-align: left;
	background-color:#294b80;
	border:2px solid #000;
	font:14px Arial, Helvetica, sans-serif;
	color:#ffffff;
	line-height:18px;
	margin:0;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
}

.home .casestudy a{
	font:14px Arial, Helvetica, sans-serif;
	color:#ffffff;
	line-height:28px;
	margin:0;
	text-decoration: underline;
	padding-left:15px;
	background-image:url(../Images/Public/arrow_SmallWhite.gif);
	background-repeat:no-repeat;
}

.casestudy {
	float:left;
	width:292px;
	height:183px;
	text-align: left;
	background-color:#294b80;
	border:2px solid #000;
	font:14px Arial, Helvetica, sans-serif;
	color:#ffffff;
	line-height:18px;
	margin:0;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
}
.casestudy a{
	font:14px Arial, Helvetica, sans-serif;
	color:#ffffff;
	line-height:28px;
	margin:0;
	text-decoration: underline;
	padding-left:15px;
	background-image:url(../Images/Public/arrow_SmallWhite.gif);
	background-repeat:no-repeat;
}

/* SECONDARY CONTENT WRAPPER & SUBNAV */

.content-wrapper {
	min-width: 960px;
	max-width:1160px;
	margin:0 auto;
	overflow:hidden;
	background-image: url(../Images/Public/contentBackground.gif);
	background-position:center;
	padding-top:27px;
	padding-bottom:50px;
}

.content {
	width: 960px;
	margin:0 auto;
	overflow:hidden;
}

.content .main {
	float:right;
	width:632px;
	text-align: left;
	padding-left:12px;
}

 /* SUBNAV */
 
.content .subnav {
	float:left;
	width:316px;
	margin:0px 0;
	text-align: left;
}

.content .subnav ul li{
	list-style-type: none;
	display: block;
}
	
.content .subnav ul li a {
	display: block;
	height: 29px; width:316px;
	font:14px Arial, Helvetica, sans-serif;
	line-height:29px;
	text-decoration:none;
	text-indent:40px;
	color:#08234d;
	text-indent:12px;
	border-bottom:solid 1px #cecece;
}

.content .subnav li a:hover {
	background-color:#ffffff;
	background-image:url(../Images/Public/btn_subnav_OVER.gif);
	background-repeat: no-repeat;
	background-position: 0 0px;
	color:black;
	text-indent:12px;
}

.content .subnav li a .selected{
	background-image:url(../Images/Public/btn_subnav_DOWN.gif);
}

/* LEFT SIDE */

.content .leftside {
	float:left;
	width:302px;
	margin:0px 0;
	text-align: left;
	padding-left:14px;
}
  
.mainCTA {
	width:316px;
	height:190px;
	margin-top:45px;
}

/* FOOTER */

.footer-wrapper {
	min-width: 960px;
	max-width:1160px;
	margin:0 auto;
	overflow:hidden;
	background-color:#292929;
}

.footer {
	width: 960px;
	margin:0 auto;
	overflow:hidden;
	height:50px;
}

.footer .copyright {
	float:left;
	margin:0px 0;
	text-align: left;
	font:11px Arial, Helvetica, sans-serif;
	line-height:18px;
	color:#ffffff;
	padding-top:3px;
}

.footer .copyright a {
	font-weight:700;
	color:#ffc000;
	text-decoration:none;
}

.footer .links {
	float:right;
	margin:0px 0;
	text-align: right;
	font:11px Arial, Helvetica, sans-serif;
	line-height:18px;
	color:#cccccc;
	padding-top:3px; 
}

.footer .links a {
	text-decoration: underline;
	color:#cccccc;
}

/* LEGACY CSS ITEMS  */
.messages
{
	width: 425px;
	margin: 0 auto;
	text-align:left;
	padding-bottom: 5px;
}

.messages .error
{
	color: #ff6565;
}