/* Welcom Software CSS Document */

/* Developed by R MacDonald (JDAi), Jan 2006 */

html,body{
padding:0;
margin:0;
}

body{
text-align:center;
background-image:url(/images/bgShadow.gif);
background-position:center;
background-repeat:repeat-y;
background-color:#cecece; /*backup incase image doesn't load*/

/*Base fonts/sizes*/
font-size:100%;
}

/* Site box */
#main{
width:641px;
text-align:left;
margin-left:auto;
margin-right:auto;
background-color:#fff; /*white*/
}

/*Navigation*/
#topNav{
height:25px;
width:641px;
background-image:url(/images/nav/navBg.gif);
background-repeat:repeat-x;
background-color:#35689d;
}
#topNav ul
{
padding:0 0 0 0;
margin:0 0 0 0;
/*float:left;*/
font-family:Tahoma, Arial, Helvetica, sans-serif;
}

#topNav ul li {
display:inline;
}

#topNav ul li a
{
padding: 4px 5px 7px 5px;
color: #e9f1f8;
font-size:70%;
text-decoration:none;
float:left;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
}

#topNav ul li a.highlight {
background-color:#f60;
background-image:url(/images/nav/demoBg.gif);
background-repeat:repeat-x;
background-position:top right;
width:171px;
font-weight:bold;
border-right:none;
}

#topNav ul li a:hover,#topNav ul li a.selected
{
background-color:#6B9ECE;
border-bottom:1px solid #6B9ECE;
color:#ffffff;
}

#extranetLogin{
padding:0;
margin:0;
}
#extranetLogin input{
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:70%;
}

#subNav{
width:641px;
height:24px;
background-color:#6B9ECE;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:70%;
}
#subNav ul
{
padding:0;
margin:0;
float:left;
width:100%;
font-family:Tahoma, Arial, Helvetica, sans-serif;
}

#subNav ul li {
display: inline;
}

#subNav ul li a
{
padding: 1px 4px 2px 4px;
margin: 3px 1px 5px 1px;
color: #e9f1f8;
text-decoration:none;
float:left;
border-right:1px solid #ffffff;
}

#subNav ul li a:hover
{
background-color:#6B9ECE;
color:#ffffff;
}
#subNav ul li a.selected
{
background-color:#6B9ECE;
color:#ffffff;
font-weight:bold;
}

.hpTopBlock{
height:245px;
border:7px solid #6B9ECE;
background-color:#6B9ECE;
}

.hpFeatures{
float:left;
width:407px;
border: 5px solid #ffffff;

}

.hpNews{
float:left;

height:225px; /*for nice choking browsers*/
\height: 245px; /*read by ie5x*/
he\ight: 225px; /*read by ie6x*/

width:188px; /*for nice choking browsers*/
\width: 205px; /*read by ie5x*/
w\idth: 188px; /*read by ie6x*/

margin-left:5px;
padding: 5px;
border-top: 5px solid #ffffff;
border-right: 2px solid #ffffff;
border-bottom: 5px solid #ffffff;	
border-left: 5px solid #ffffff;	
background-color: #efefef;
overflow: auto;	

font-family:Tahoma, Arial, Helvetica, sans-serif;

/*scrollbar-base-color: #ffffff; 
scrollbar-track-color: #ecf2f8;
scrollbar-face-color: #275d93;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-arrow-color: #ffffff;	*/
}

.hpNews h2{
font-size:90%;
font-weight:normal;
color:#ff6600;
padding:0;
margin:5px 0 0 0;
}

.hpNews h2 a{
color:#ff6600;
text-decoration:none;
}

.hpNews h2 a:hover{
color:#ff6600;
text-decoration:underline;
}

.hpNews p{
font-size:70%;
font-weight:normal;
color:#275893;
padding:0;
margin:5px 0 0 0;
}

.hpNews p a{
color:#275893;
text-decoration:none;
}

.hpNews p a:hover{
color:#275893;
text-decoration:underline;
}

/*.hpNews p{
font-size:70%;
color:#275893;
margin:0 0 5px 0;
padding:0;
}

.hpNews p a{
color:#275893;
text-decoration:none;
}

.hpNews p a:hover{
color:#275893;
text-decoration:underline;
}*/

.hpNews hr{
background-color:#efefef;
color:#efefef;
border-top:1px dashed #5db9e1;
padding:0;
margin:0;
}

.hpNews2{
float:left;

height:222px; /*for nice choking browsers*/


width:188px; /*for nice choking browsers*/
\width: 205px; /*read by ie5x*/
w\idth: 188px; /*read by ie6x*/


margin-top:-25px;
margin-left:5px;
padding: 5px;
border-top: 5px solid #ffffff;
border-right: 2px solid #ffffff;
border-bottom: 5px solid #ffffff;	
border-left: 5px solid #ffffff;	
background-color: #efefef;

font-family:Tahoma, Arial, Helvetica, sans-serif;

/*scrollbar-base-color: #ffffff; 
scrollbar-track-color: #ecf2f8;
scrollbar-face-color: #275d93;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-arrow-color: #ffffff;	*/
}

.hpNews2 h2{
font-size:90%;
font-weight:normal;
color:#ff6600;
padding:0;
margin:5px 0 0 0;
}

.hpNews2 h2 a{
color:#ff6600;
text-decoration:none;
}

.hpNews2 h2 a:hover{
color:#ff6600;
text-decoration:underline;
}

.hpNews2 p{
font-size:70%;
font-weight:normal;
color:#275893;
padding:0;
margin:5px 0 0 0;
}

.hpNews2 p a{
color:#275893;
text-decoration:none;
}

.hpNews2 p a:hover{
color:#275893;
text-decoration:underline;
}

/*.hpNews2 p{
font-size:70%;
color:#275893;
margin:0 0 5px 0;
padding:0;
}

.hpNews2 p a{
color:#275893;
text-decoration:none;
}

.hpNews2 p a:hover{
color:#275893;
text-decoration:underline;
}*/

.hpNews2 hr{
background-color:#efefef;
color:#efefef;
border-top:1px dashed #5db9e1;
padding:0;
margin:0;
}




#headBlock{
width:641px;
background-repeat:no-repeat;
border-bottom:5px solid #fff;
}

#headBlock h1{
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:90%;
margin:0;
padding:10px 0 10px 15px;
}

#headBlock h2{
color:#ff6600;
/*color:#fff;*/
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
line-height:100%;
font-size:100%;
margin:0;
padding:40px 0 10px 15px;
width:350px;
}

.copyBlock{
background-color:#fff;
width:641px;
}

#copy{
width:366px; /* Stops copy wrapping below features */
}

.copyBlockGrad{
background-color:#fff;
width:616px; /*for nice choking browsers*/
\width: 641px; /*read by ie5x*/
w\idth: 616px; /*read by ie6x*/

padding:10px 10px 10px 15px;

background-image:url(/images/innerCopyBg.jpg);
background-repeat:repeat-x;
background-color:#ffffff;
}

.copyBlockGrad h1{
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:100%;
color:#ff6600;
padding:0;
margin:0 0 5px 0;
}

.copyBlockGrad h2{
font-family:Tahoma, Arial, Helvetica, sans-serif;
color:#4073A7;
padding:0;
margin:0 0 5px 0;
font-size:90%;
font-weight:normal;
}

.copyBlockGrad h3{
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:70%;
color:#ff6600;
padding:0;
margin:0 0 0 0;
font-weight:normal;
}

.copyBlockGrad p{
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:70%;
color:#666666;
padding:0;
margin:0 0 10px 0;
}

.copyBlockGrad hr{
color:#cfcecf;
background-color:#cfcecf;
height:1px;
/*size:1px;*/
padding:0;
margin:5px 0 5px 0;
}


.copyBlockGrad ul{
padding:0;
margin:0 0 10px 17px;
}

.copyBlockGrad li{
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:70%;
color:#275D93;
margin:0 0 7px 0;
list-style-image:url(/images/orangeBullet.gif);
}

.copyBlockGrad a{
color:#ff6600;
}
.copyBlockGrad a:hover{
color:#ff6600;
text-decoration:none;
}

.hpLinkBox{

margin:0 0 0 5px;
padding:4px;
border:1px solid #cecfce;

background-image:url(/images/whiteCircleBg.gif);
background-position:bottom right;
background-repeat:no-repeat;
background-color:#ffffff;
float:left;
}

.hpLinkBox h3{
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:70%;
font-weight:normal;
color:#ff6600;
padding:0;
margin:0;
}
.hpLinkBox h3 a{
color:#ff6600;
text-decoration:none;
}

.hpLinkBox h3 a:hover{
text-decoration:underline;
}


#hpLearnMore{
width:202px; /*for nice choking browsers*/
\width: 212px; /*read by ie5x*/
w\idth: 202px; /*read by ie6x*/
}

#hpFeedback{
width:190px; /*for nice choking browsers*/
\width: 200px; /*read by ie5x*/
w\idth: 190px; /*read by ie6x*/
}

#hpMap{
width:190px; /*for nice choking browsers*/
\width: 200px; /*read by ie5x*/
w\idth: 190px; /*read by ie6x*/

}

.largeGreyBox{
float:left;
width:401px; /*for nice choking browsers*/
\width: 417px; /*read by ie5x*/
w\idth: 401px; /*read by ie6x*/

/*height:117px; /*for nice choking browsers*/
/*\height:133px; /*read by ie5x*/
/*he\ight:117px; /*read by ie6x*/

margin:5px 0 5px 4px;
padding:8px;

background-color:#efefef;
font-family:Tahoma, Arial, Helvetica, sans-serif;
}

#main>.copyBlock>.largeGreyBox{ margin-left:7px; } /* Firefox only */

.largeGreyBox h1 {
font-size:110%;
color:#ff6600;
font-weight:normal;
padding:0;
margin:0 0 10px 0;
}
.largeGreyBox p {
font-size:70%;
color:#275d93;

padding:0;
margin:0 0 10px 0;
}

.smallGreyBox{
width:185px; /*for nice choking browsers*/
\width:201px; /*read by ie5x*/
w\idth:185px; /*read by ie6x*/

padding:0 8px 0 8px;
margin:5px;

float:left;

background-image:url(/images/greyCircleBg.gif);
background-position:top right;
background-repeat:no-repeat;
background-color:#efefef;

font-family:Tahoma, Arial, Helvetica, sans-serif;
}

.smallGreyBoxImage{
width:199px; /*for nice choking browsers*/
\width:201px; /*read by ie5x*/
w\idth:199px; /*read by ie6x*/

padding:0px;
margin:5px;

float:left;

background-color:#fff;

border:1px solid #cecfce;

}

.smallGreyBox h2 {
font-size:80%;
color:#ff6600;
font-weight:normal;
padding:0;
margin:0 0 2px 0;
}

.smallGreyBox h2 a {
color:#ff6600;
text-decoration:none;
}

.smallGreyBox h2 a:hover {
text-decoration:underline;
}


.smallGreyBox p {
font-size:60%;
color:#275d93;

padding:0;
margin:0 0 10px 0;
}

.smallGreyBox p a {
color:#275d93;
}
.smallGreyBox p a:hover {
color:#275d93;
text-decoration:none;
}

#footer{
width:621px; /*for nice choking browsers*/
\width:621px; /*read by ie5x*/
w\idth:621px; /*read by ie6x*/

/*margin:0 10px 0 10px;*/
margin-left:auto;
margin-right:auto;

padding-top:10px;
margin-top:10px;

text-align:right;

border-top:1px solid #cecfce;
}
body>#main>#footer{
padding-top:0px; /*Firefox only*/
}

#footer p{
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:70%;
color:#999999;
}

#footer a{
color:#999999;
text-decoration:none;
}

#footer a:hover{
color:#999999;
text-decoration:underline;
}

.chooseSolution{
width:230px;
margin:0 0 15px 15px;
border: 1px solid #cfcecf;
float:right;
background-color:#ffffff;
clear:both;
}

.chooseSolution h2{
padding:5px 5px 5px 10px;
margin:0;
background-color:#cfcecf;
color:#215d94;

font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:70%;

font-weight:bold;
}

.chooseSolution p{
padding:5px;
margin:5px;
background-color:#ffffff;
}

.chooseService{
width:230px;
margin:0 0 15px 15px;
float:right;
clear:both;
}

.chooseService h2{
padding:5px 5px 5px 10px;
margin:0;
background-color:#cfcecf;
color:#215d94;

font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:70%;

font-weight:bold;
}

.chooseService p{
padding:5px;
margin:5px;
}

#chooseSolutionsForm{
font-family:Arial, Helvetica, sans-serif;
font-size:60%;

margin:0 0 10px 10px;

padding:0;

color:#215d94;
}

#chooseSolutionsForm select{
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
margin-top:3px;
}

.casestudyBox{
width:285px; /*for nice choking browsers*/
\width:290px; /*read by ie5x*/
w\idth:285px; /*read by ie6x*/

margin:5px 10px 5px 0;
padding:0;
border: 1px solid #cfcecf;
float:left;
background-color:#ffffff;

background-image:url(/images/featureBoxBg.gif);
background-position:bottom right;
background-repeat:no-repeat;

/*height:55px;*/
}

.casestudyBox img{
float:left;
margin:0 3px 0 0;
}

.casestudyBox p{
font-size:60%;
margin:5px 17px 0 5px;
}

.casestudyBox a{
color:#666666;
text-decoration:none;
}


.casestudylogo{
width:220px; /*for nice choking browsers*/
\width:230px; /*read by ie5x*/
w\idth:220px; /*read by ie6x*/
margin:0 0 15px 15px;
padding:5px;
float:right;
clear:both;
}

.casestudycomment{
width:220px; /*for nice choking browsers*/
\width:230px; /*read by ie5x*/
w\idth:220px; /*read by ie6x*/
margin:0 0 15px 15px;
padding:5px;
float:right;
clear:both;
/*border-bottom:1px solid #ccc;*/
}

.casestudycomment h2{
padding:0;
margin:0;
}

.casestudycomment h3{
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:70%;
padding:0;
margin:0;
font-weight:normal;
color:#999999;
}

.featureBox{
width:219px; /*for nice choking browsers*/
\width:230px; /*read by ie5x*/
w\idth:219px; /*read by ie6x*/

margin:0 0 15px 15px;
padding:5px;
border: 1px solid #cfcecf;
float:right;
background-color:#ffffff;
clear:both;

background-image:url(/images/featureBoxBg.gif);
background-position:bottom right;
background-repeat:no-repeat;
}

.featureBox img{
border:0;
}

.featureBox h1{
padding:0;
margin:0;
color:#275D93;
font-weight:normal;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:70%;
}

.featureBox h2{
padding:0;
margin:0;
color:#ff6600;
font-weight:normal;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:70%;
}

.featureBox p{
padding:0;
margin:0;
}

.featureBox a {
text-decoration:none;
}

.featureBox a:hover{
text-decoration:underline;
}

.sideBox{
width:220px; /*for nice choking browsers*/
\width:230px; /*read by ie5x*/
w\idth:220px; /*read by ie6x*/

margin:0 0 15px 15px;
padding:0 5px 5px 5px;
float:right;
clear:both;

}

.sideBox img{
border:0;
}

.sideBox h1{
padding:0;
margin:0;
color:#275D93;
font-weight:normal;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:70%;
}

.sideBox h2{
padding:0;
margin:0 0 5px 0;
color:#ff6600;
font-weight:normal;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:70%;
}

.sideBox p{
padding:0;
margin:0;
}

.sideBox a {
text-decoration:none;
}

.sideBox a:hover{
text-decoration:underline;
}

.contactusBox{
width:220px; /*for nice choking browsers*/
\width:230px; /*read by ie5x*/
w\idth:220px; /*read by ie6x*/

margin:0 0 15px 15px;
padding:5px;
border: 1px solid #cfcecf;
float:right;
background-color:#ffffff;
clear:both;

font-family:Tahoma, Arial, Helvetica, sans-serif;
}

.contactusBox .error{
font-size:70%;
}



/* Form styling */
form#contactform{
padding:0;
margin:0;
border: 1px solid #cfcecf;
background-color:#ffffff;
}

form#contactform h2{
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:80%;
color:#6B9ECE;
margin:0 0 5px 5px;
padding:0;
}

#contactform th{
text-align:right;
vertical-align:top;
}

#contactform th{
font-size:70%;
}

#contactform td,#contactform th{
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-weight:normal;
color:#666666;
}

#contactform .text{
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:70%;
color:#666666;
width:200px;
border:1px solid #666666;
}

.error{
font-weight:bold;
color:#6B9ECE;
}

#maplarge{
position:absolute;
margin-top:40px;
margin-left:70px;
}

.newslist ul{
padding:0;
margin:0;
}

.newslist li{
list-style-image:url(/images/newsBullet.gif);
padding:0 0 0 0;
margin:5px 0 15px 0;
}

.newslist h2{
font-size:120%;
margin:0;
padding:0;
}
.newslist h2 a{
color:#6B9ECE;
text-decoration:none;
}

.newslist p{
font-size:100%;
margin:0;
padding:0;
}

p.navButton{
padding:1px 1px 2px 5px;
margin:0 0 7px 10px;
border:1px solid #cccccc;
background-color:#f5f5f5;
width:180px;
font-size:65%;
color:#275d93;
}
.navButton a{
font-weight:bold;
color:#275d93;
text-decoration:none;
}

.relatedLinks{
width:220px; /*for nice choking browsers*/
\width:230px; /*read by ie5x*/
w\idth:220px; /*read by ie6x*/

margin:0 0 15px 15px;
padding:0 5px 5px 5px;
float:right;
clear:both;

border-bottom:1px solid #ccc;
}

.relatedLinks h2{
padding:0;
margin:0 0 3px 0;
font-size:70%;
}

.relatedLinks h2.botMargin{
margin-bottom:7px;
}

.relatedLinks p{
color:#ff6600;
padding:0;
margin:0;
}

.relatedLinks p a{
text-decoration:none;
}

.relatedLinks p a:hover{
text-decoration:underline;
}

.relatedCaseStudies{
width:230px;

padding:0;
margin:0;

float:right;
clear:both;

}

.relatedCaseStudies h2{
padding:0;
margin:0 0 3px 5px;
font-size:70%;
}

.relatedCaseStudies p{
color:#ff6600;
padding:0;
margin:0;
}

.relatedCaseStudies .casestudyBox{
width:230px; /*for nice choking browsers*/
\width:230px; /*read by ie5x*/
w\idth:230px; /*read by ie6x*/

padding:0;
margin:5px 0 0 0;
border: 1px solid #cfcecf;
float:left;
background-color:#ffffff;

background-image:url(/images/featureBoxBg.gif);
background-position:bottom right;
background-repeat:no-repeat;
}

.relatedCaseStudies .casestudyBox img{
float:left;
}

.relatedCaseStudies .casestudyBox p{
font-size:55%;
margin:5px 17px 3px 5px;
}
.relatedCaseStudies .casestudyBox a{
color:#275d93;
}


.casestudyBoxBottom{
width:205px; /*for nice choking browsers*/
\width:215px; /*read by ie5x*/
w\idth:205px; /*read by ie6x*/

/*height:42px;*/

margin:5px 10px 5px 0;
padding:0;
border: 1px solid #cfcecf;
float:left;
background-color:#ffffff;

background-image:url(/images/whiteCircleBg.gif);
background-position:bottom right;
background-repeat:no-repeat;
}

.casestudyBoxBottom img{
float:left;
margin-right:3px;
}

.casestudyBoxBottom p{
font-size:60%;
margin:5px 17px 0 5px;
color:#275d93;
}

.casestudyBoxBottom a{
color:#275d93;
text-decoration:none;
}

.casestudyBoxBottom a:hover{
color:#275d93;
text-decoration:underline;
}

.featureBoxBottom{
width:129px; /*for nice choking browsers*/
\width:123px; /*read by ie5x*/
w\idth:129px; /*read by ie6x*/

/*height:42px;*/

margin:5px 10px 5px 0;
padding:0;
border: 1px solid #cfcecf;
float:left;
background-color:#ffffff;

background-image:url(/images/whiteCircleBg.gif);
background-position:bottom right;
background-repeat:no-repeat;
}

.featureBoxBottom p{
font-size:65%;
color:#275d93;

padding:4px;
}

.featureBoxBottom a{
text-decoration:none;
}
.featureBoxBottom a:hover{
text-decoration:underline;
}

#siteMap{
font-size:110%;
}

#siteMap a{
color:#275d93;
text-decoration:none;
}

#siteMap a:hover{
color:#275d93;
text-decoration:underline;
}


/*------------------------
 Home Page Banner
------------------------*/
#home-body-banner {
	position: relative;
	height: 80px;	
}
#home-body-banner img 
{    
	border-style: none;
}
#home-body-banner .banner 
{
    text-align:center;
    vertical-align:middle;    
    width:100%;
    height:120px;
	position: absolute;
	left: 0;
	top: 0;
}

/*CSS ID for home highlight nav*/
#topNav ul li a.highlighthome 
{
	background-color:#f60;
	background-image:url(/images/nav/demoBg.gif);
	background-repeat:repeat-x;
	background-position:top right;
	width:108px;
	font-weight:bold;
	border-right:none;
}