#browserAlert {
display:none;
}
/* --------------------------------------------------------------------------------- */
/* ---------- GENERAL ---------- */
/* --------------------------------------------------------------------------------- */
* {
	margin: 0;
}


html {
	height: 100%;
}

body{
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:18px;
color:#676868;
background:url(../imgs/bg.gif) repeat-x #ffffff;
}

body.internal{
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:18px;
color:#676868;
background:url(../imgs/bg-internal.gif) repeat-x #ffffff;
}

.resourcesLinks a:link, a:active, a:visited{
color:#676868;
font-weight:bold;
}


.push {
	height: 360px; /* .push must be the same height as .footer */
	clear:both;
}

body, div, ul, li, dl, dd, dt,         {
	padding: 0;
	border: 0;
	margin: 0;
	list-style:none;
	
}

ul { list-style: disc; margin:10px 0 20px 15px; padding:0; color:#065f78;}

ol { list-style: decimal; margin: 10px 0 20px 30px;}

li { margin: 2px auto; list-style-position: outside; }

p{
padding:0 0 15px 0;
}

.wrapper {
min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -360px; /* the bottom margin is the negative value of the footer's height */
	width:955px;
	}
.wrapper2 {

	margin: 0 auto; /* the bottom margin is the negative value of the footer's height */
	width:955px;
	}
a, a:link, a:visited {
text-decoration:none;
font-weight:bold;
color:#e495c0;
}
a:hover{
text-decoration:underline;
color:#e495c0;
}
a:focus{
outline:none;
}

h3{ width:327px; height:123px; background-image: url('../imgs/logo.jpg'); margin:0px 0 0 0; float:left;}
h3 a { display: block; width:327px; height:123px; text-indent: -9999px; }


/* --------------------------------------------------------------------------------- */
/* ---------- NAV ---------- */
/* --------------------------------------------------------------------------------- */

#nav { height:43px; width:385px; float:right; display:inline; margin:43px 0 0 0px; padding:0; list-style:none;  }	

#nav ul {
margin: 0;
padding: 0;
list-style: none; 
width:385px;
display: block; 
clear: both; 
position: relative; 
z-index: 999;
}

#nav li { float:left; margin: 0 0 0 0; height:43px; text-indent:-9999px; position:relative; background:none;  }

li.home a { display: block; width:63px; height:43px; background: url('../imgs/nav.gif') no-repeat 0 0; text-indent: -9999px }
li.home a:hover { display: block; width:63px; height:43px; background: url('../imgs/nav.gif') no-repeat 0 -43px; }

li.about a { display: block; width:67px; height:43px; background: url('../imgs/nav.gif') no-repeat -63px 0; text-indent: -9999px }
li.about a:hover { display: block; width:67px; height:43px; background: url('../imgs/nav.gif') no-repeat -63px -43px; }

li.services a { display: block; width:82px; height:43px; background: url('../imgs/nav.gif') no-repeat -130px 0; text-indent: -9999px }
li.services a:hover, li.services:hover a { display: block; width:82px; height:43px; background: url('../imgs/nav.gif') no-repeat -130px -43px; }

li.resources a { display: block; width:94px; height:43px; background: url('../imgs/nav.gif') no-repeat -212px 0; text-indent: -9999px }
li.resources a:hover, li.resources:hover a { display: block; width:94px; height:43px; background: url('../imgs/nav.gif') no-repeat -212px -43px; }

li.contact a { display: block; width:79px; height:43px; background: url('../imgs/nav.gif') no-repeat -306px 0; text-indent: -9999px }
li.contact a:hover { display: block; width:79px; height:43px; background: url('../imgs/nav.gif') no-repeat -306px -43px; }

#homeHome li.home a { background: url('../imgs/nav.gif') no-repeat 0 -43px; }
#homeProducts li.products a { background: url('../imgs/nav.gif') no-repeat -60px -43px; }
#homeAbout li.about a { background: url('../imgs/nav.gif') no-repeat -147px -43px; }
#homeSolutions li.solutions a { background: url('../imgs/nav.gif') no-repeat -232px -43px; }
#homeContact li.contact a { background: url('../imgs/nav.gif') no-repeat -477px -43px; }



/* =============== subnav ================== */

#nav li ul, #nav li li ul {
position: absolute;
left: -9999px;
text-align: left;
clear: both;
margin: 0px 0 0 0px;
background:#065f78 !important;
width: 130px;
padding:0px 0 0px 0;

}

#nav li:hover ul ul {
left: -9999px;
background:none;
}

#nav li:hover ul, #nav li li:hover ul {
left: 0;
background:none;
}

#nav li li {
height: auto !important;
float:none;
background:none;

}

#nav li li a {
border:0;
font-size: 12px;
background: #065f78 !important;
padding: 7px 7px;
line-height: 18px;
color: #ffffff;
text-indent: 0;
height: auto !important;
width: 116px;
text-decoration:none;
font-weight:normal;
}

#nav li li:hover a {
background: #065f78;
}
	
#nav li li:hover li a {
background: #065f78;
}

#nav li li a:hover, #nav li li:hover li a:hover {
background:#014254 !important;
}


#nav li ul ul{
position: absolute;
left: -9999px;
text-align: left;
clear: both;
margin: 0px 0 0 0px;
background:#065f78 !important;
width: 130px;
padding:0px 0 0px 0;

}



#nav li ul ul {
height: auto !important;
float:none;
margin: -32px 0 0 130px;
background:none;
}


/* --------------------------------------------------------------------------------- */
/* ---------- HOME ---------- */
/* --------------------------------------------------------------------------------- */

.flash{
margin:0 0 0 0;
padding:0;
width:955px;
height:336px;
float:left;
}
.homeContentLeft{
width:654px;
float:left;
margin:25px 0 0 0;
}
.getInTouch{
width:236px;
float:right;
margin:25px 0 0 0;
}

input.name{
width:125px;
height:22px;
padding:7px 0 0 3px;
border:1px solid #014355;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#676868;
}
input.number{
width:90px;
height:22px;
padding:7px 0 0 3px;
border:1px solid #014355;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#676868;
margin:0 0 0 5px;
}
input.email{
width:225px;
height:22px;
padding:7px 0 0 3px;
border:1px solid #014355;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#676868;
margin:5px 0 0 0px;
}
textarea.comments{
width:225px;
height:50px;
padding:7px 0 0 3px;
border:1px solid #014355;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#676868;
margin:5px 0 0 0px;
}
input.verification{
width:80px;
height:22px;
padding:7px 0 0 3px;
border:1px solid #014355;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#676868;
margin:5px 0 0 0px;
}
p.verificationText{
width:130px;
float:left;
margin:2px 0 0 5px;
color:#014355;
padding:0;
}
input.btnSubmit{
width:66px;
height:29px;
background:url(../imgs/btn-submit.gif) no-repeat;
border:0;
float:left;
margin:5px 0 0 0;
text-indent:-99999px;
cursor:pointer;
}

/* --------------------------------------------------------------------------------- */
/* ---------- ABOUT/INTERNAL ---------- */
/* --------------------------------------------------------------------------------- */
.internalContent{
width:955px;
float:left;
margin:33px 0 0 0;
}
.imgRight{
float:right;
margin:0 0 15px 15px;
border:#dbecf1 solid 15px;
}
.video{
float:right;
margin:0 0 15px 15px;
width:352px;
height:212px;
}
.video2{
float:right;
margin:0 0 15px 15px;
width:352px;
height:272px;
}
/* --------------------------------------------------------------------------------- */
/* ---------- TITLE/FONT FORMATTING ---------- */
/* --------------------------------------------------------------------------------- */

h1{
font-size:30px;
color:#065f78;
font-weight:normal;
margin:0 0 10px 0;
}

.blueItalic{
color:#065f78;
font-style:italic;
}
.blueBold{
color:#065f78;
font-weight:bold;
}
.blue{
color:#065f78;

}
.pink19{
color:#e495c0;
font-size:19px;
}

.pink{
color:#e495c0;
}

h2.benefit{width:210px; height:43px; background:url('../imgs/title-benefits.gif') no-repeat; text-indent:-9999px; margin:25px 0 10px 0; }
h2.articles{width:105px; height:43px; background:url('../imgs/title-articles.gif') no-repeat; text-indent:-9999px; margin:25px 0 10px 0; }
h2.testimonials{width:161px; height:43px; background:url('../imgs/title-testimonials.gif') no-repeat; text-indent:-9999px; margin:25px 0 10px 0; }

/* --------------------------------------------------------------------------------- */
/* ---------- LIGHT BLUE FOOTER AREA ---------- */
/* --------------------------------------------------------------------------------- */
.footerHolder{
width:100%;
height:auto;
padding:0;
margin:0;
}

.lightBlueBar{
width:100%;
height:330px;
background:#dbecf1;
padding:0;
margin:50px 0 0 0;
clear:both;
}

.col1{
width:266px;
line-height:22px;
float:left;
}
.col2{
width:266px;
line-height:16px;
float:left;
margin:0 0 0 60px;
color:#065f78;
font-weight:bold;
}
.col3{
width:300px;
line-height:18px;
float:left;
margin:0 0 0 60px;
color:#676868;

}
/* --------------------------------------------------------------------------------- */
/* ---------- FOOTER ---------- */
/* --------------------------------------------------------------------------------- */

.footerColour{
width:100%;
	background-color:#01495d;
	margin:0px auto;
	clear:both;
	font-size:10px;
	height:115px;
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
}

.footer a:link {
	color: #ffffff;
	text-decoration: underline;
	font-weight:normal;
}
.footer a:visited {
	color: #ffffff;
	text-decoration:underline;
	font-weight:normal;
}
.footer a:hover, a:active {
	color: #ffffff;
	text-decoration:none;
}

.footer{
	
	margin:0 auto;
	padding:15px 0 0 0;
	width:955px;
	line-height:14px;
}

.left{
float:left;
width:550px;
margin:0;
text-align:left;
}

.right{
float:right;
width:250px;
margin:0;
text-align:right;
}