@charset "utf-8";
/* CSS Document */

/**************
 WEBFONTS 
**************/
/* first for Internet Explorer */
@font-face {
font-family: MyKievit;
src: url(/webfonts/KievitWeb-Medi.eot);
}
/* then for Firefox */
@font-face {
font-family: MyKievit;
src: url(/webfonts/KievitWeb-Medi.woff) format('woff');
}

/* first for Internet Explorer */
@font-face {
font-family: UnitSlabWeb;
src: url(/webfonts/UnitSlabWeb-Ita.eot);
}
/* then for Firefox */
@font-face {
font-family: UnitSlabWeb;
src: url(/webfonts/UnitSlabWeb-Ita.woff) format('woff');
}

/* first for Internet Explorer */
@font-face {
font-family: MyKievitLight;
src: url(/webfonts/KievitWeb-Light.eot);
}
/* then for Firefox */
@font-face {
font-family: MyKievitLight;
src: url(/webfonts/KievitWeb-Light.woff) format('woff');
}
/**************/

body
{
	font-family: MyKievit,"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:13px;
	color:#48494a;	
	line-height:17px;
}

div.navitem, div.navitem_on
{
	float:left;
	margin-top:42px;
	margin-right:13px;
	cursor:pointer;
	padding:5px;
	line-height:20px;
	color:#FFF;
	font-size:18px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

div.navitem a, div.navitem_on a
{
	color:#FFF;
}

a, a:hover, a:visited {
	color:#0095d5;
	text-decoration:none;
}

div.navitem
{
	/*background-image:url(/images/navitem_rollout_bg.png);*/
}

#product_slider .navitem
{
	background-image:url(/images/navitem_rollout_bg.png);
}

div.navitem_on
{
	background-color:#0095d5;
} /* MAIN NAV ITEMS */

div.subnavitem, div.subnavitem_on
{
	float:left;
	margin-top:10px;
	margin-right:13px;
	cursor:pointer;
	padding:2px 4px 3px 4px;
	line-height:20px;
	font-size:16px;
	color:#48494a;
	background-color:#FFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}




div.subnavitem_on
{
	background-color:#0095d5;
	color:#FFF;
}

div.subnavitem a
{
	color:#48494a;
}

div.subnavitem_on a
{
	color:#FFF;
} /* SUB NAV ITEMS */


div.subnavitemfilter, div.subnavitemfilter_on
{
	float:left;
	margin-top:0px;
	margin-left:10px;
	cursor:pointer;

	line-height:16px;
	font-size:13px;
	color:#48494a;
	background-color:#FFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}




div.subnavitemfilter_on
{
	background-color:#0095d5;
	color:#FFF;
		padding:2px 4px 3px 4px;
	
}

div.subnavitemfilter a
{
	
		float:left;
	margin-top:0px;
	margin-left:0px;
	cursor:pointer;
	line-height:16px;
		padding:2px 4px 3px 4px;
	font-size:13px;
	color:#fff;
	background-color:#d6d6d6;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

div.subnavitemfilter_on a
{
	color:#FFF;
} /* FILTER NAV ITEMS */



#navigation #logo
{
	float:left;	
	margin-top:33px;
	padding-right:30px;
}


#subnavigation #search
{
	float:right;	
	width:150px;
	height:22px;
	background-color:#d6d6d6;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#subnavigation #go
{
	float:right;
	width:31px;
	height:22px;
	
	margin-left:4px;
}

#subnavigation #search input
{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	background-color:#d4d7d8;
	border:none;
	margin-left:5px;
	height:20px;
	width:139px;
	padding:0px;
	font-size:14px;
	color:#7f8182;
}

h1 {
	font-size:29px; 
	margin:0px; 
	font-weight:300;
	line-height:30px;		
}

h2 {
	font-size:23px;
	font-weight:300;
	margin:0px 0px 15px 0px;
}

.port_h2 {
	color:#003049;
	font-size:18px;
	margin-top:10px;
	margin-bottom:5px;
}


h3 {
	margin:0px;
	font-size:14px;
	font-weight:300;	
	color:#0095d5;
}


h4 {
	margin:0px;
	font-size:11px;
	font-weight:300;	
	color:#0095d5;
}

.red_port {
	color:#a80b19;
	font-size:12px;	
}

.top-divider
{
	padding-top:5px; 
	padding-bottom:15px;
	background-image:url(/images/divider.jpg);
	background-position:center;
	background-repeat:no-repeat;
	height:13px;
}

.ghost-divider
{
	padding-top:5px; 
	padding-bottom:15px;
	height:13px;
}

.middle-divider
{
	padding-top:30px; 
	padding-bottom:15px;
	background-image:url(/images/divider.jpg);
	background-position:center;
	background-repeat:no-repeat;
	height:13px;
}

.viewall
{
	float:right;
	margin:18px 0px 0px 0px;
	line-height:23px;
	height:25px;
	color:#FFF;
	font-size:12px;
	background-color:#0095d5;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	text-align:center;
	width:130px;
}

.showmore
{
	float:right;
	margin-top:20px;
	margin-right:10px;
	background-image:url(/images/showmore.jpg);
	background-repeat:no-repeat;
	padding-left:8px;
	width:92px;
	height:19px;
	color:#0097d7;
	font-size:12px;
	cursor:pointer;	
}

/*----------------*/
/* Featured Boxes */ 
/*----------------*/

div.feat_container {
	float:left;
	width:210px; 
	height:320px; 
	background-color:#ffffff;
	cursor:pointer;
	
}

div.feat_placeholder {
	background:url(/images/imageholder.png) no-repeat; 
	width:198px; 
	height:153px;
	margin:0px auto;
	margin-top:5px;

}

div.feat_bottom {
	width:190px;
	margin:5px auto;
	height:113px;
	overflow:hidden;
}

div.feat_head {
	padding-top:5px;
	padding-bottom:5px;	
}

div.feat_head h2{
	margin:0px;	
}

div.feat_img {
	padding-top:16px; 
	padding-left:15px;
}


div.feat_morebtn div{
	margin:4px 10px 8px 10px;
	line-height:23px;
	height:25px;
	color:#FFF;
	font-size:13px;
	background-color:#d6d6d6;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	text-align:center;
}

div.feat_morebtn .right
{
float:right;
clear:both;
width:51px;	
}

div.feat_morebtn .left
{
float:left;
clear:both;	
width:100px;
} 

/* Featured Boxes */ 
/*******************/


/*----------------*/
/* Featured Overview Boxes */ 
/*----------------*/

div.feat_overview_container {
	float:left;
	width:210px; 
	height:213px; 
	background-color:#ffffff;
	cursor:pointer;
}

div.feat_overview_placeholder {
	background:url(/images/imageholder.png) no-repeat; 
	width:198px; 
	height:153px;
	margin:0px auto;
	margin-top:5px;

}

div.feat_overview_bottom {
	width:190px;
	margin:5px auto;
	height:113px;
	overflow:hidden;
}

div.feat_overview_head {
	padding-top:5px;
	padding-bottom:5px;	
}

div.feat_overview_head h2{
	margin:0px;	
}

div.feat_overview_head h3{
	color:#48494a;
}

#portfolioitems .item
{

}

#portfolioitems {
	margin-top:20px;	
}

#portfolioitems .grouptitle
{
	float:left;	
	height:33px;
	width:300px;
}

#portfolioitems .grouptitle h3 {
	
	font-size:18px;
	font-weight:bold;
	margin-left: 11px;
}

div.feat_overview_img {
	padding-top:16px; 
	padding-left:15px;
}


 

/* Featured Overview Boxes */ 
/*******************/


/*********************
* FEATURED NEWS
*********************/

div.feat_news_container {
	float:left;
	width:420px; 
	height:280px; 
	background-color:#ffffff;
	cursor:pointer;
}

div.feat_news_placeholder {
	background:url(/images/long_imageholder.png) no-repeat; 
	width:404px; 
	height:150px;
	margin:0px auto;
	margin-top:5px;
}

div.feat_news_bottom {
	width:390px;
	margin:5px auto;
	height:75px;
	overflow:hidden;
}

div.feat_news_head {
	padding-top:5px;
	padding-bottom:5px;	
}

div.feat_news_head h2{
	margin:0px;	
}

div.feat_news_img {
	padding-top:14px; 
	padding-left:16px;
}


div.feat_news_morebtn div{
	margin:4px 10px 8px 10px;
	line-height:23px;
	height:25px;
	color:#FFF;
	font-size:13px;
	background-color:#d6d6d6;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	text-align:center;
}

div.feat_news_morebtn .right
{
float:right;
clear:both;
width:51px;	
}

div.feat_news_morebtn .left
{
float:left;
clear:both;	
width:100px;
}



/*******************
 FEATURED NEWS/BLOG
 ******************/
 
div.latestnews
{
	width:406px;
	float:left;	
}

 
div.blogfeed
{
	width:406px;
	margin-left:25px;
	float:left;	
}

div.feat_small
{
	cursor:pointer;	
}

div.feat_small .highlight
{
	float:left;	
	margin-top:7px;
	height:92px;
	width:290px;
}


div.feat_small .feat_placeholder
{
	float:left;	
	width:111px;
	
}

div.feat_small .feat_text
{
	margin-top:0px;
	margin-left:5px;	
}



div.feat_small .feat_placeholder {
	background:url(/images/small_imageholder.png) no-repeat; 
	width:111px; 
	height:105px;
	margin:0px auto;
	
}

div.feat_small .feat_img
{
	padding-top:12px; 
	padding-left:11px;
} /* featured news/blog */


/*******************
  RELATED FEATURES
********************/
div.related
{
	width:820px;
}

div.related .feat_small
{
	float:left;	
}

div.related div .highlight
{
	width:299px;	
}


.tags li
{
	list-style:none;
	float:left;
	padding:5px;
	margin-top:10px;
	margin-left:5px;
	background-color:#cecdce;
	font-size:12px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;	
	line-height:10px;	
}




.relatedlinks a
{
	font-size:12px;
	color:#0095d5;
}

.det_info h3
{
	color:#48494a;
}

/*******************
 FOOTER
 ******************/
 
#footer a
 {
	color:#FFF; 
 }
 
 #footer p
 {
	margin:12px 0px 12px 0px; 
 }
 
 
 #footer h2
 {
	 margin:0px;
	 padding:0px;
	 font-size:19px;
	 color:#0095d5;	 
 }
 
 #footer .left 
 {
	float:left; 
	width:420px;
 }
 
  #footer .right
  {
	 float:left;
	 width:400px;
  }
  
  #footer #twitterfeed .feed 
   {
	margin-top:13px;
  }
  
  #footer #twitterfeed .feed a
   {
	color:#0095d5;
  }
  
   #footer a:hover
   {
	   color:#0095d5;
   }
  
   #footer .followbtn
   {
	   float:right;
	 margin:18px 0px 0px 0px;
	line-height:23px;
	height:25px;
	color:#FFF;
	font-size:12px;
	background-color:#0095d5;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	text-align:center;
	width:130px;
	cursor:pointer;
   }
   
   #footer .followbtn a
   {
	color:#FFF;   
   }
  
  
  

 /*******************
 WORKING WITH US MODULE
 ******************/
 
#workingwithus 
{
	font-size:15px;	
}

#workingwithus div
{
	float:left;
}

#workingwithus div a
{
	color:#48494A;
}

#workingwithus div a:hover
   {
	   color:#0095d5;
   }


 /*******************
 NEWS HOME MODULE
 ******************/
 
#homenews 
{
	width:823px;
	height:261px;
	background-image:url(images/newsbg.jpg);
	background-repeat:no-repeat;
}

#homenews h4
{
 	font-size:12px;
	color:#a80b19;
}

#homenews h3
{
 	font-size:18px;
	color:#013149;
	margin-top:14px;
	font-weight:bold;
}

#homenews h3 a
{
	color:#013149;
}

#homenews .date
{
	font-size:10px;	
}

#homenews .featured
{
  float:left;	
  width:368px;
  margin:23px 0px 0px 30px;
}


#homenews .blog
{
  float:left;
   width:370px;	
   margin:23px 0px 0px 30px;
}




 /*******************
 ABOUT US BLUE 
 ******************/
 
#about_pages h3
{
 	font-size:18px;
	color:#013149;
	margin-top:14px;
	font-weight:bold;
}


#about_pages h3 a
{
	color:#013149;
}


.viewall
{
	float:left;
	margin:0px 10px 0px 0px;
	line-height:23px;
	height:25px;
	color:#FFF;
	font-size:12px;
	background-color:#9ac2d6;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	text-align:center;
	width:60px;
	cursor:pointer;
}

.viewall-aqua
{
	float:right;
	margin:0px 10px 0px 0px;
	line-height:23px;
	height:25px;
	color:#FFF;
	font-size:12px;
	background-color:#0095D5;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	text-align:center;
	width:60px;
	cursor:pointer;
}

.viewall a
{
	color:#FFF;
}


#about_pages .icons {
	float:left; 
	width:74px; 
	margin-top:15px;
}

#about_pages .aboutpages {
	margin-top:10px;
}

.about_top_bg {
	background:url(/images/about_bg_top.png) no-repeat; width:823px; height:10px;
}

.about_middle_bg {
	background:url(/images/about_bg_mid.png) repeat-y; width:823px; 
}

.about_middle_bg p{
	padding:10px 0px 10px 0px;
	margin:0px;
	
}

.about_bottom_bg {
	background:url(/images/about_bg_bot.png) no-repeat; width:823px; height:25px; margin:0px;
}


/*******************
CAREERS  BLUE 
 ******************/
 
 .careersmod h3
{
 	font-size:18px;
	color:#013149;
	margin-top:14px;
	font-weight:bold;
}


.careersmod h3 a
{
	color:#013149;
}


/*******************
CONTACT US FORM 
 ******************/

#contactus
{
	font-size:14px;
	color:#48494a;
}

#contactus table
{
	background-color:#daeef7;
		background-image:url(images/lightbluebg.jpg);
	margin-top:10px;	
}

#contactus .label
{
	width:208px;
	text-align:right;
	padding-right:10px;
}

#contactus .fields
{
	width:191px;
	padding:5px 0px 5px 0px;	
}

#contactus .req
{
	width:177px;
	padding-left:10px;	
}

#contactus input
{
width:191px;
height:26px;	
}

#contactus .checkbox
{
	width:10px;
	height:10px;
}

#contactus select
{
/*width:191px;
height:26px;	*/
}

#contactus .left
{
	float:left;
	width:594px;
	padding-right:35px;
}

#contactus .left p
{
	margin:12px 0px 12px 0px;	
}

#contactus .right
{
	float:left;
	width:211px;
}

#contactus h4
{
	color:#b23f3f;
	font-size:14px;
	font-weight:bold;
}

#contactus .required
{
	color:#0095d5;
	font-size:10px;
}

#contactus .services
{
	margin-top:0px;	
}

#contactus .services td
{
	padding-bottom:5px;
}

#contactus textarea 
{
	width:297px;
	height:117px;	
}

#contactus .submit
{	
	margin:5px 80px 10px 0px;
	line-height:28px;
	height:30px;
	color:#FFF;
	font-size:14px;
	background-color:#0095d5;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	text-align:center;
	width:100px;	
	cursor:pointer;
}

#contactus a
{
	color:#48494a;
}

#contactus a:hover
   {
	   color:#0095d5;
   }

.UnitSlabWeb
{
	font-family: UnitSlabWeb,"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

.contactinfo_header
{
font-family: MyKievit,"Lucida Sans Unicode", "Lucida Grande", sans-serif;	
font-size:13px;
color:#ffffff;
float:right;
margin-top:-50px;
width:100%; height:36px; 	
}

.breadcrumbs {
	color:#999999;
}

a.breadcrumbs {
	color:#0095D5;
	text-decoration:none;
}


span.error {
	color:#C00;
}

.recaptcha_only_if_image {
	
}