@charset "utf-8";

* {margin:0; padding: 0}
h1, h2, h3, h4, h5, h6, blockquote,
 form, label, ul, ol, dl, fieldset, address {
    margin-bottom: 0;
}


html, body { 
height: 100%; 
} 
body  {
	font: 14px Helvetica, Arial, sans-serif;
	line-height: 18px;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #5e5e5b;
	background-color: #e9e9dd;
	background-image: url(../images/main-bg.jpg);
	background-repeat: repeat-x;
}
body.subpage  {	
    background-image: url(../images/subpage-bg.jpg);
	background-repeat: repeat-x;}
	
h1, h2, h3, h4, h5, h6 {
	font-family: Helvetica, Arial, sans-serif;
	
}
h1 {font-size: 22px; color: #5e5e5d; line-height: 22px; margin-bottom: 25px; } 
h2 {font-size: 14px; color: #1367a1; }
h3 {font-size: 12px; text-transform: uppercase; color: #1367a1; }
.subhead {font-weight: normal; font-size: 16px; color: #1367a1;}

p { margin-bottom: 25px;}
ul {margin: 0 0 15px 24px;}
a {
	color: #ee3a43;
	text-decoration: none;
}
a.subpage {
	color: #ee3a43;
	text-decoration: underline;
}
#outerContainer {
	width: 100%;
	background: url(../images/top-ctrd-bg.jpg) center top;
	background-repeat: no-repeat;
}
#outerContainer.subpage {
	width: 100%;
	background: url(../images/top-ctrd-bg-subpage.jpg) center top;
	background-repeat: no-repeat;
}
#container { 
	width: 960px;  
	margin: 0 auto -243px; 
	text-align: left;
	min-height: 100%; 
	height: auto !important; 
	height: 100%; 
	
}
.push {height: 243px;}	
#header {
	width: 960px;
	float: left;
	height: 249px;
	padding: 0; 
	background: #307fb1; 
}
#header.subpage {
	width: 960px;
	float: left;
	height: 144px;
	padding: 0;  
}
#banner {
	width: 960px;
	float: left;
	height: 206px; 
	padding: 0;  	
}
#banner.subpage {
	width: 960px;
	float: left;
	height: 101px; 
	padding: 0;  	
}

#navContainer {
	width: 850px;
	padding-left: 110px;
	float: left;
	height: 43px;
	background-image: url(../images/menu-bg.jpg);
	background-repeat: no-repeat;
}
#navContainer.subpage {	background-image: url(../images/menu-bg-subpage.jpg);}


#mainContent { 
	width: 657px;
	float: left;	
	min-height: 564px;
} 

#mainContent.home {
	width: 453px;
	padding: 26px 20px 0 20px;
	background: #FFFFFF;
	background-image: url(../images/main-content-bg.jpg);
	background-repeat: no-repeat;
}
#mainContent.subpage {
	width: 675px;
	padding: 26px 20px 0 20px;
	background: #FFFFFF;
	background-image: url(../images/main-content-bg-subpage.jpg);
	background-repeat: no-repeat;
	
}
#mainContent.subpage a {
	color: #ee3a43;
	text-decoration: underline;
}

#mainContent.subpagefull {
	width: 904px;
	padding: 26px 20px 0 20px;
	background: #FFFFFF;
	background-image: url(../images/main-content-bg-subpagefull.jpg);
	background-repeat: no-repeat;
}

#cta {
	width: 960px;
	float: left;
	height: 90px;
	padding: 0;
	background: #C63;
}
.cta { margin-bottom: 5px; font-weight: bold }

#footer {
	width: 100%;
	float: left;
	height: 243px;
	padding: 0;
	background-image: url(../images/footer-bg.jpg);
	background-repeat: repeat-x;
} 

#footerCenter {
	width: 960px;
	height: 243px;
	margin: 0px auto;
	background-image: url(../images/footer-ctr-bg.jpg);
	background-repeat: no-repeat;
	text-align: left;
	position: relative;
}
#footerCenter.subpage {
	background-image: url(../images/footer-ctr-bg-subpage.jpg);
	background-repeat: no-repeat;
}
#footer p {
	margin: 0; 
	padding: 10px 0; 
}
.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


#sideNav {
	width: 229px;
	float: left;
	height: 1025px;
	padding: 130px 0 0 4px;
	background-image: url(../images/home-sidenav-bg.jpg);
	background-repeat: no-repeat;
}
#sideNav.subpage {
	height: 520px;
	background-image: url(../images/sidenav-bg-subpage.jpg);
	}
#rightCol {
	width: 198px;
	float: left;
	height: 1005px;
	padding: 88px 20px 0 16px;
	background-image: url(../images/home-right-side-bg.jpg);
	background-repeat: no-repeat;
}

#rightCol p {margin-bottom: 0px;}

#rightCol.subpage{
	width: 12px;
	float: left;
	height: 525px;
	padding: 0 0 0 0;
	background-image:url(../images/subpage-rightCol-bg.jpg);
	background-repeat: no-repeat;
}

/* --- Navigation ---------------------------------------------------------------------------------------------------------------------- */
	
#navigation {
	width: 714px;
	height: 43px;
	float: left;
	overflow: hidden;
	z-index: 50;
	background-image: url(../images/menu.jpg);
	background-repeat: no-repeat;
	position: relative;
	}
#navigation.subpage {		background-image: url(../images/menu-subpage.jpg);}
	
#navigation ul {
list-style: none;
padding: 0px;
margin: 0px;
}

#navigation li {
display: inline;
float: left;
}

#navigation a {
	display: block;
	height: 43px;
	background-image: url(../images/menu.jpg);
	text-indent: -5000px;
}
#navigation.subpage a {background-image: url(../images/menu-subpage.jpg);}

.current {background-position: 0 -100px;}

#nav-home a {background-position: 0 0; width: 91px;}
#nav-home a:hover {background-position: 0 -100px;}
#nav-home a:active {background-position: 0 -100px;}
#nav-home a.current {background-position: 0 -100px;}

#nav-about a {background-position: -91px 0; width: 105px;}
#nav-about a:hover {background-position: -91px -100px;}
#nav-about a:active {background-position: -91px -100px;}
#nav-about a.current {background-position: -91px -100px;}

#nav-services a {background-position: -196px 0; width: 100px}
#nav-services a:hover {background-position: -196px -100px;}
#nav-services a:active {background-position: -196px -100px;}
#nav-services a.current {background-position: -196px -100px;}

#nav-technology a {background-position: -296px 0; width: 122px;}
#nav-technology a:hover {background-position: -296px -100px;}
#nav-technology a:active {background-position: -296px -100px;}
#nav-technology a.current{background-position: -296px -100px;}

#nav-news a {background-position: -418px 0; width: 86px;}
#nav-news a:hover {background-position: -418px -100px;}
#nav-news a:active {background-position: -418px -100px;}
#nav-news a.current{background-position: -418px -100px;}

#nav-contact  a {background-position: -504px 0; width: 116px;}
#nav-contact  a:hover {background-position: -504px -100px;}
#nav-contact  a:active {background-position: -504px -100px;}
#nav-contact  a.current {background-position: -504px -100px;}

#nav-blog  a {background-position: -620px 0; width: 94px;}
#nav-blog  a:hover {background-position: -620px -100px;}
#nav-blog  a:active {background-position: -620px -100px;}
#nav-blog  a.current {background-position: -620px -100px;}


/* ------------------------------------------------------------------------------------------------------------------------------------- */

/* --- sideNavigation ---------------------------------------------------------------------------------------------------------------------- */
#sideNavContainer {
	width: 212px;
	height: 423px; 
	float: left;
}
	
#sideNavigation {
	width: 212px;
	height: 423px;
	float: left;
	overflow: hidden;
	z-index: 50;
	position: relative;
	}
	
#sideNavigation ul {
list-style: none;
padding: 0px;
margin: 0px;
}

#sideNavigation li {
/*display: inline; */
float: left;
}

#sideNavigation a {
	display: block;
	height: 22px;
	background-image: url(../images/sidemenu.gif);
	text-indent: -5000px;
}
.current {background-position: 0 -100px;}

#nav-1 a {background-position: 0 -22px; width: 212px;}
#nav-1 a:hover {background-position: -300px -22px;}
#nav-1 a:active {background-position: -300 -22px;}
#nav-1 a.current {background-position: -300 -22px;}

#nav-2 a {background-position: 0 -44px; width: 212px;}
#nav-2 a:hover {background-position: -300px -44px;}
#nav-2 a:active {background-position: -300px -44px;}
#nav-2 a.current {background-position: -300px -44px;}

#nav-3 a {background-position: 0 -66px; width: 212px}
#nav-3 a:hover {background-position: -300px -66px;}
#nav-3 a:active {background-position: -300px -66px;}
#nav-3 a.current {background-position: -300px -66px;}

#nav-4 a {background-position: 0 -88px; width: 212px;}
#nav-4 a:hover {background-position: -300px -88px;}
#nav-4 a:active {background-position: -300px -88px;}
#nav-4 a.current{background-position: -300px -88px;}

#nav-5  a {background-position: 0 -146px; width: 212px;}
#nav-5  a:hover {background-position: -300px -146px;}
#nav-5  a:active {background-position: -300px -146px;}
#nav-5  a.current {background-position: -300px -146px;}

#nav-6  a {background-position: 0 -168px; width: 212px;}
#nav-6  a:hover {background-position: -300px -168px;}
#nav-6  a:active {background-position: -300px -168px;}
#nav-6  a.current {background-position: -300px -168px;}

#nav-7  a {background-position: 0 -227px; width: 212px;}
#nav-7  a:hover {background-position: -300px -227px;}
#nav-7  a:active {background-position: -300px -227px;}
#nav-7  a.current {background-position: -300px -227px;}

#nav-8  a {background-position: 0 -249px; width: 212px;}
#nav-8  a:hover {background-position: -300px -249px;}
#nav-8  a:active {background-position: -300px -249px;}
#nav-8  a.current {background-position: -300px -249px;}

#nav-9  a {background-position: 0 -306px; width: 212px;}
#nav-9  a:hover {background-position: -300px -306px;}
#nav-9  a:active {background-position: -300px -306px;}
#nav-9  a.current {background-position: -300px -306px;}

#nav-10  a {background-position: 0 -328px; width: 212px;}
#nav-10  a:hover {background-position: -300px -328px;}
#nav-10  a:active {background-position: -300px -328px;}
#nav-10 a.current {background-position: -300px -328px;}

#nav-11  a {background-position: 0 -352px; width: 212px;}
#nav-11  a:hover {background-position: -300px -352px;}
#nav-11  a:active {background-position: -300px -352px;}
#nav-11 a.current {background-position: -300px -352px;}

#nav-12  a {background-position: 0 -389px; width: 212px; height: 38px;}
#nav-12  a:hover {background-position: -300px -389px; height: 38px;}
#nav-12  a:active {background-position: -300px -389px; height: 38px;}
#nav-12 a.current {background-position: -300px -389px; height: 38px;}


/* ------------------------------------------------------------------------------------------------------------------------------------- */

.menuSectionTitle {
	height: 22px;
	width: 212px;
	text-indent: -5000px;
	float: left;
	background-image: url(../images/sidemenu.jpg);
}
.menuSectionTitle2 {
	height: 35px;
	width: 212px;
	text-indent: -5000px;
	float: left;
	background: url(../images/sidemenu.jpg) 0 -110px;
	}
	
	.menuSectionTitle3 {
	height: 37px;
	width: 212px;
	text-indent: -5000px;
	float: left;
	background: url(../images/sidemenu.jpg) 0 -190px;
	}
.menuSectionTitle4 {
	height: 35px;
	width: 212px;
	text-indent: -5000px;
	float: left;
	background: url(../images/sidemenu.jpg) 0 -271px;
	
	}
.botmspce {
	margin-bottom: 15px;
}

#contact-info {
	position:absolute;
	width:328px;
	height:129px;
	z-index:51;
	left: 256px;
	top: 60px;
	color: #c9c9c9;
	line-height: normal;
}
.footerhead {color: #FFFFFF; font-weight: bold; font-size: 16px; display: block; margin-bottom: 12px;}
#footer-nav {
	position:absolute;
	width:100%;
	height:43px;
	z-index:51;
	left: 0px;
	top: 201px;
	text-align: center;
	text-transform: uppercase;
	color: #e9e9dd;
	font-size: 12px;
}
#footer-nav a { color: #e9e9dd; text-decoration: none; padding: 0 10px 0 10px;}
.split-list-left {
	margin-left: 40px;
	width: 250px;
	padding-left: 20px;
	float: left;
}
.calloutBox {
	width: 250px;
	float: right;
	margin: 0 0 5px 20px;
	padding: 10px;
	border-left: 1px dotted #069;
}

.sideBar {
	width: 250px;
	float: left;
	margin: 0 20px 0px 0px;
	padding: 10px;
	background-image: url(../images/sideBar-bg.jpg);
	background-repeat: no-repeat;
}
#login {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	width: 145px;
	margin: 0 auto 40px auto;
}
#login a { color: #000000 }

INPUT {
	FONT-SIZE: 11px; 
	MARGIN-BOTTOM: 5px;
	border: 1px solid #CCC;
	height: 20px;
}
.validator {font-size: 12px; color: #F00}