/* CSS Document */

/* slightly enhanced, universal clearfix hack */

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}

.clearfix { display: inline; }

/* start commented backslash hack \*/

* html .clearfix { height: 1%; }

.clearfix { display: block; }

/* stop commented backslash hack */

html{
	font-size:100%;
}

body {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	/*	font-size: 62.5%;*/
	font-size: 1em;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: #989898;
	height:100%;
}
form{
padding:0;
margin:0;
}
img{
	border:0;
}
p{
font-size:0.819em;
text-align:left;
margin:0;
padding:0 0 1em 0;
color:#666666;
line-height:1.2em;
}

form{
padding:0;
margin:0;
}
h1{
font-size:1.5em;
text-align:left;
font-weight:normal;
color:#244a84;
background:url(../../assets/large-link-icon.png) no-repeat top left   ;
padding:8px 0 10px 50px;
margin:0;
width:600px;
}
h1.products{
width:200px
}
h2, h3{
font-size:1.05em;
text-align:left;
font-weight:normal;
color:#244a84;
padding:8px 0 5px 0;
margin:0;
}
h2{
background:url(../../assets/large-link-icon.png) no-repeat top left;
width:400px;
height:28px;

}
h2 a{
padding:10px 0 10px 50px;
}
h2 a:link, h2 a:visited{
color:#244a84;
}
h2 a:hover, h2 a:active{
color:#6c7f9c;
}
h1.grey{
background:url(../../assets/large-link-icon-grey.png) no-repeat top left;
color:#666666;
position:static;
font-size:1.5em;
text-align:left;
font-weight:normal;
padding:8px 0 10px 50px;
margin:0 0 10px 0px;
width:500px;
}
h3{
background:url(../../assets/medium-link-icon.png) no-repeat top left ;
color:#666666;
margin:0 0 10px 0;
padding:0 0 0 25px;
width:140px;
}
h3.full-page-underline{
border-bottom:1px solid #999999;
padding-bottom:5px;
width:640px;
}
h3.content-page-underline{
border-bottom:1px solid #999999;
padding-bottom:5px;
width:458px;
}
h3 a:link, h3 a:visited{
color:#666666;
}
h3 a:hover, h3 a:active{
color:#999999;
}
a:link, a:visited{
color:#e87403;
text-decoration:none;
}
a:hover, a:active{
color:#e19142;
text-decoration:none;
}

/*--------------------------------------------------------IDs------------------------------------------------------*/
/*------------------------------------------------------General----------------------------------------------------*/

#header-top-blue-line-bg{
background-color:#244a84;
height:5px;
width:100%;
}
#header-top-bg{
background:url(../../assets/headerTopBG.jpg) bottom repeat-x #f0f0f0;
width:100%;
height:4.5em;
}
#header-inner{
position:relative;
width:960px;
margin:0 auto 0 auto;
height:100%;
background:url(../../assets/logo-top.jpg) left bottom no-repeat;
}
#search-bar{
float:right;
padding:5px;
margin:0;
font-weight:bold;
}
#search-bar #searchInput{
width:275px;
float:left;
height:25px;
padding:0;
margin-top:2px;
background:url(../../assets/searchBG.gif) no-repeat top right;
}
#search-bar #searchInput input{
border:0;
width:100px;
height:18px;
padding:2px 0 2px 10px;
margin:0;
background-color:transparent;
}
#search-bar #goButton{
float:left;
padding:0 0 0 2px;
height:20px;
margin-top:2px;
}
#header-inner ul{
position:absolute;
list-style:none;
bottom:0;
right:0;
padding:0 0 5px 0;
margin:0;
width:645px;
}
#header-inner ul li{
float:left;
padding-right:5px;
font-size:0.9em;
font-weight:bold;
}
#header-inner ul li a:link, #header-inner ul li a:visited {
color:#244a84;
}
#header-inner ul li a:hover, #header-inner ul li a:active {
color:#6c7f9c;
text-decoration:none;
}
#header-inner ul li.selected a:link, #header-inner ul li.selected a:visited, #header-inner ul li.selected a:hover, #header-inner ul li.selected a:active {
color:#fb820c;
text-decoration:none;
}

/*-------------------------------------------------------HOME-----------------------------------------------------*/
#home-banner-area-outer{
width:100%;
background:url(../../assets/home-banner-bg.jpg) top repeat-x;
}
#home-banner-area-inner{
width:960px;
margin:0 auto 0 auto;
padding:0;
height:202px;
background:url(../../assets/home-header-no-flash.jpg) no-repeat top;
}
#home-banner-area-inner-flash{

}

#home-featured-area-outer{
width:100%;
background:url(../../assets/home-featured-area-outer-bg.jpg) repeat-x bottom;
}
#home-featured-area-inner1, #home-featured-area-inner2{
width:960px;
margin:0 auto 0 auto;
background:url(../../assets/home-featured-area-inner1-bg.jpg) repeat-y center;
}
#home-featured-area-inner2{
background:url(../../assets/home-featured-area-inner2-bg.jpg) no-repeat bottom center;
}
#featured-infrastructure-home, #featured-services-home{
width:480px;
/*height:16em;*/
background:url(../../assets/infrastuctureIcon.png) no-repeat top left;
float:left;
position:relative;
margin-bottom:20px;
}
#featured-services-home{
background:url(../../assets/servicesIcon.png) no-repeat top left;
}
#home-featured-area-shadow{
width:960px;
margin:0 auto 0 auto;
background:url(../../assets/home-featured-area-shadow.jpg) no-repeat top left;
height:20px;
}
#featured-product-area{
width:920px;
margin:0 auto 0 auto;
background:url(../../assets/featured-product-bg.jpg) repeat-x bottom left;
margin-bottom:20px;
}
#home-sections-area{
width:920px;
margin:0 auto 0 auto;
margin-bottom:20px;
background:url(../../assets/grey-section-outer-bg.jpg) repeat-x bottom left;
}

/*----------------------------------------------------GENERIC SUB PAGES-------------------------------------------------------*/
#sub-page-banner-area-outer{
width:100%;
}
#sub-page-banner-area-inner{
width:960px;
margin:0 auto 0 auto;
padding:0;
height:122px;
}
#sub-page-banner-area-inner-flash{

}
#sub-page-blue-strip{
width:100%;
height:30px;
background:url(../../assets/top-bar-bg.jpg) repeat-x top;
overflow:hidden;
background-color:#65a9ce;
}
#sub-page-featured-area{
text-align:left;
width:880px;
margin:0 auto 0 auto;
background:url(../../assets/main-titlebar-bg.jpg) repeat-x bottom center;
background-color:#d8eaf4;
position:relative;
padding:0 20px 5px 20px; 
}
#sub-page-featured-area .main-link{
padding-bottom:10px;
}
#sub-page-featured-area img{
float:left;
border:#a2d6eb 4px solid;
margin:0 20px 20px 0;
padding:0;
}
#sub-page-featured-area p{
color:#244a84;
width:700px;
margin:0 0 15px 0;
padding:0;
}
#sub-page-content-holder{
width:940px;
margin: 0 auto 0 auto;
padding-left:20px;
}
#sub-page-no-nav-left-holder{
width:708px;
float:left;
padding:0;
margin:0;
}
#sub-page-right-holder{
width:210px;
float:right;
padding-left:20px;
}
#secondary-nav{
float:left;
width:140px;
border-top:#999999 4px solid;
background-color:#f2f2f2;
margin-right:20px;
padding:5px 20px 10px 20px;
}
#secondary-nav ul{
text-align:left;
list-style:none;
padding:0;
margin:0;
}
#secondary-nav ul li{
border-bottom:1px solid #999999;
display:block;
font-weight:bold;
padding:5px 0 5px 0;
}
#secondary-nav ul li.bottom{
border-bottom:none;
}
#content-page-body-content{
text-align:left;
width:468px;
border-top:#999999 4px solid;
float:left;
margin:0 0 20px 0;
/*padding:0 20px 20px 18px;*/
padding:10px 20px 20px 20px;
background:url(../../assets/grey-section-plain-bg.jpg) repeat-x bottom;
}
#breadcrumb{
width:920px;
margin:0 auto 0 auto;
padding:9px 0 0 40px;
}
#breadcrumb p{
color:#FFFFFF;
font-size:0.75em;
}
#breadcrumb p a:link, #breadcrumb p a:visited{
color:#bbe1f6;
text-decoration:underline;
}
#breadcrumb p a:active, #breadcrumb p a:hover{
color:#d5ebf7;
text-decoration:none;
}
#footer-area-outer{
width:100%;
background:url(../../assets/footer-outer-bg.jpg) repeat-x top;
}
#footer-area{
width:920px;
height:71px;
margin:0 auto 0 auto;
border-top:#999999 4px solid;
padding:0;
}
#sub-footer-area{
width:920px;
height:10em;
margin:0 auto 0 auto;
background:url(../../assets/sub-footer-bg.jpg) no-repeat top;
padding:0;
}
#footer-area img{
float:left;
}
/*----------------------------------------------------PRODUCT SECTION-------------------------------------------------------*/
#products-featured-area-inner2{
width:920px;
margin:0 auto 0 auto;
background:url(../../assets/home-featured-area-inner2-bg.jpg) no-repeat bottom center;
padding-bottom:5px;
padding-left:40px
}
#product-page-body-content{
text-align:left;
width:668px;
border-top:#999999 4px solid;
float:left;
margin:0 0 20px 0;
/*padding:0 20px 20px 18px;*/
padding:10px 20px 20px 20px;
background:url(../../assets/grey-section-plain-bg.jpg) repeat-x bottom;
}
#product-page-body-content img, #content-page-body-content img{
float:right;
border:#cccccc 4px solid;
margin:0 0 20px 20px;
padding:0;
}
#featured-infrastructure-products, #featured-services-products{
width:430px;
float:left;
position:relative;
padding-left:0px;
margin-right:37px;
text-align:left;
}
#featured-services-products{
margin-right:0px;
}
#icon-infrastructure, #icon-services, #icon-vertical{
position:absolute;
right:20px;
top:-15px;
width:195px;
height:150px;
background:url(../../assets/infrastuctureIcon-sub.png) no-repeat top right;
}
#icon-services{
background:url(../../assets/servicesIcon-sub.png) no-repeat top right;
}
#icon-vertical{
background:url(../../assets/verticalIcon-sub.png) no-repeat top right;
/*top:10px;*/
top: -20px;
height:200px;
}
#products-bottom-panel{
text-align:left;
position:relative;
border-top:#999999 4px solid;
width:880px;
padding:0 20px 20px 20px;
margin:0 auto 0 auto;
background:url(../../assets/grey-section-plain-bg.jpg) repeat-x bottom left;
margin-bottom:20px;	
}
#products-text-area{
width:920px;
margin:0 auto 0 auto;
background:url(../../assets/products-text-bg.jpg) repeat-x bottom left;
padding-bottom:20px;
margin-bottom:20px;	
}
#products-text-area-right{
width:415px;
padding-left:25px;
}
#products-text-area-left, #products-text-area-right{
width:420px;
float:left;
margin-bottom:20px;	
padding:0 20px 0px 20px;
}
#products-bottom-panel-area-left{
padding:0;
float:left;
margin-bottom:20px;
width:650px;
}


/*-------------------------------------------------------CLASSES----------------------------------------------------*/

.featured-product{
text-align:left;
border-top:#65abd2 4px solid;
width:420px;
float:left;
padding:0 20px 20px 20px;
}
.featured-product p{
padding:10px 0 10px 0 ;
font-size:0.819em;
color:#244a84;
}
.featured-product img{
border: 4px solid #c0deee;
float:left;
margin:0 20px 0 0;
}

.main-link, .module-link{
padding:0;
margin:0;
font-weight:bold;
text-align:left;
font-size:0.945em;
}
.module-link{
font-size:1em;
width:148px;
padding:8px 0 8px 0;
border-bottom:1px solid #b4c1d5;
}
.module-link-bottom{
border-bottom:none;
padding-bottom:0;
}
.main-link a:link, .main-link a:visited, .module-link a:link, .module-link a:visited{
padding:0 0 2px 10px;
color:#e87403;
background:url(../../assets/small-link-line.gif) no-repeat  left;

}
.main-link a:hover, .main-link a:active, .module-link a:hover, .module-link a:active{
color:#e19142;
}
.section-area{
text-align:left;
border-top:#999999 4px solid;
width:190px;
float:left;
/*padding:0 20px 20px 18px;*/
padding:10px 20px 20px 20px;
height:100%;
}
.section-area img{
border:#cccccc 4px solid;
/*margin:0 5px 0 0;*/
margin-left:-4px;
padding:0;
}
.section-area p{
color:#666666;

}
.section-area p.leading-text{
font-weight:bold;
}
.home-featured-main-link-infrastructure, .home-featured-main-link-services{
position:absolute;
/*top:8.8em;*/
bottom:0;
left:60px;
width:300px;
}
 .home-featured-main-link-services{
 left:50px;
 }
.products-main-link{
font-size:1.6em;
padding:0 0 0 0;
margin:0;
} 

.home-featured-main-link-infrastructure p, .home-featured-main-link-services p{
color:#244a84;
font-size:1.4em;
line-height:1.0em;
padding:0;
margin:0;
}
.featured-links{
padding:5px 35px 60px 0;
float:right;
width:230px;
}
.featured-links p{
color:#244a84;
}
.pdf-link{
background:url(../../assets/pdf-icon.gif) no-repeat ;
padding-left:20px;
}
.pdf-link a:link, .pdf-link a:visited{
text-decoration:underline;
}
.pdf-link a:hover, .pdf-link a:active{
text-decoration:none;
}
.header-products{
background:url(../../assets/header-products-no-flash.jpg) no-repeat top;
}
.product-intro-text{
width:200px;
float:left;
}
.product-intro-text p{
color:#244a84;
}
.leading-text{
font-size:1em;
}
.content-item-long{
text-align:left;
width:670px;
border-top:#999999 4px solid;
padding:10px 20px 20px 20px;
background:url(../../assets/grey-section-plain-bg.jpg) repeat-x bottom left;
margin-bottom:20px;	
}
.content-item-long h3{
width:600px;
}
.content-item-long img{
border:#cccccc 4px solid;
margin:0 20px 0 0;
padding:0;
float:left;
}
.content-item-short{
text-align:left;
border-top:#999999 4px solid;
width:196px;
float:left;
/*padding:0 20px 20px 18px;*/
padding:10px 20px 20px 20px;
}
.content-item-short img{
border:#cccccc 4px solid;
margin:0 20px 0 0;
padding:0;
/*margin:0 5px 0 0;*/
margin:0;
}
.content-item-short p.leading-text{
font-weight:bold;
}
.rhs-module{
text-align:left;
width:150px;
border-top:#244a84 4px solid;
padding:10px 18px 18px 18px;
background:url(../../assets/dark-blue-bg.jpg) repeat-x bottom left;
margin-bottom:20px;
float:left;	
}
.rhs-module h3{
font-size:1em;
line-height:1em;
font-weight:bold;
width:135px;
color:#244a84;
padding:2px 0 0 25px;
margin:0;
}
.rhs-module h3 a:link, .rhs-module h3 a:visited{
width:125px;
padding:0;
color:#e87403;
}
.rhs-module h3 a:hover, .rhs-module h3 a:active{
color:#e19142;
}
.rhs-module p{
color:#244a84;
padding:10px 0 0 0;
}
.content-item-short-row-holder{
margin:0 auto 0 auto;
background:url(../../assets/content-item-short-bg.jpg) repeat-x bottom left;
float:left;
}
.content-item-short-spacer{
height:20px;
width:600px;
float:left;
}
.text-panel{
margin:0 auto 0 auto;
padding:20px 20px 10px 20px;
background-color:#ededed;
margin-bottom:0px;
display: block;
}
.blue-title{
font-size:1em;
color:#65abd2;
font-weight:bold;
padding-bottom:2px;
}
.bold{
font-weight:bold;
}
.item-category{
font-size:0.8em;
color:#65abd2;
padding-left:5px;
}
.hr{
	border-bottom: 1px solid #999999;
  	width: 100%;
  	height: 0em;
	padding:0em;
	float:left;
	margin-bottom:1em;
	overflow:hidden;
}
.footer-text, .footer-text-right{
width:500px;
float:left;
font-size:0.9em;
padding:20px 20px 0 20px;
}
.footer-text-right{
width:250px;
float:right;
}
.footer-text p, .footer-text-right p{
color:#244a84;
line-height:1.5em;
padding-bottom:5px;
}
.footer-text-right p{
text-align:right;
color:#999999;
}

.footer-text-right a:link, .footer-text-right a:visited, .footer-text-right a.komodo:link, .footer-text-right a.komodo:visited{
text-decoration:underline;
}
.footer-text-right a:active, .footer-text-right a:hover, .footer-text-right a.komodo:active, .footer-text-right a.komodo:hover{
text-decoration:none;
}
.footer-text-right a.komodo:link, .footer-text-right a.komodo:visited{
color:#a70b0b;
}
.footer-text-right a.komodo:active, .footer-text-right a.komodo:hover{
color:#b04d4d;
}