.content { padding-right: 10px; padding-left: 10px; }
#headerWrapper { background-image: url(../images/bgs-04.png); }
#headerWrapper #header { height: 100px; }
#headerWrapper #header #logo h1 { text-indent: -999999px; position: relative; overflow: hidden; background-image: url(../images/bgs-05.png); background-repeat: no-repeat; }
#headerWrapper #header #logo h1 a { text-indent: -999999px; height: 100px; width: 340px; position: relative; overflow: hidden; display: block; }

#headerWrapper #header #menu ul { list-style-type: none; padding: 0px; float: right; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
#headerWrapper #header #menu ul li { float: left; margin: 0px; padding: 0px; background-image: none; }
#headerWrapper #header #menu ul li a { text-decoration: none; font-size: 15px; font-weight: bold; height: 100px; white-space: nowrap; line-height: 80px; overflow: hidden; text-indent: -999999px; display: block; background-image: url(../images/bgs-06.png); background-repeat: no-repeat; }

#headerWrapper #header #menu ul li a#home{ width:80px; background-position: left top; }
#headerWrapper #header #menu ul li a#aboutUs{ width:100px; background-position: -80px top; }
#headerWrapper #header #menu ul li a#productsServices{ width:180px; background-position: -180px top; }
#headerWrapper #header #menu ul li a#contactUs{ width:120px; background-position: -360px top; }

#headerWrapper #header #menu ul li a#home:hover{ width:80px; background-position: left center; }
#headerWrapper #header #menu ul li a#aboutUs:hover{ width:100px; background-position: -80px center; }
#headerWrapper #header #menu ul li a#productsServices:hover{ width:180px; background-position: -180px center; }
#headerWrapper #header #menu ul li a#contactUs:hover{ width:120px; background-position: -360px center; }

#headerWrapper #header #menu ul li.selected a#home{ width:80px; background-position: left bottom; }
#headerWrapper #header #menu ul li.selected a#aboutUs{ width:100px; background-position: -80px bottom; }
#headerWrapper #header #menu ul li.selected a#productsServices{ width:180px; background-position: -180px bottom; }
#headerWrapper #header #menu ul li.selected a#contactUs{ width:120px; background-position: -360px bottom; }
#mainWrapper { background-color: #0A2661; padding-top: 30px; background-image: url(../images/bgs-01.png); background-repeat: repeat-x; }

#mainWrapper #cta { background-color: #FFF; position: relative; }
#mainWrapper #cta #cycler { height: 300px; overflow: hidden; width: 960px; position: relative; }
#mainWrapper #cta #cycler .slide{ height: 300px; width: 960px; position: relative; float: right; font-weight: bold; font-size: 13px; overflow: hidden; }
#mainWrapper #cta #cycler #slide1 { background-image: url(../images/cta-02.png); background-position: left top; }
#mainWrapper #cta #cycler .textBox { overflow: hidden; }

#mainWrapper #cta #cycler #slide1 .textBox { width: 400px; margin-top: 50px; margin-left: 30px; }
#mainWrapper #cta #cycler #slide2 { background-image: url(../images/cta-05.png); background-position: left top; display: none; }
#mainWrapper #cta #cycler #slide2 .textBox { width: 400px; margin-top: 50px; margin-left: 30px; }
#mainWrapper #cta #cycler #slide3 { background-image: url(../images/cta-03.png); background-position: left top; display: none; }
#mainWrapper #cta #cycler #slide3 .textBox { width: 400px; margin-top: 50px; margin-left: 30px; }
#mainWrapper #cta #cycler #slide4 { background-image: url(../images/cta-06.png); background-position: left top; display: none; }
#mainWrapper #cta #cycler #slide4 .textBox { width: 400px; margin-top: 50px; margin-left: 30px; }

#mainWrapper #main { background-color: #FFF; padding-top: 29px; background-repeat: no-repeat; background-position: center top; /*background-image: url(../images/cta-04.png);*/ }
#mainWrapper #mainIndex { background-color: #FFF; padding-top: 10px; background-image: url(../images/bgs-07.png); background-repeat: repeat-y; background-position: 310px; }
#mainWrapper #contacttitle  { padding-bottom: 10px; border-top-width: 1px; border-top-color: #CCC; border-right-color: #CCC; border-bottom-color: #CCC; border-left-color: #CCC; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-bottom-style: solid; padding-top: 10px; background-color: #FFF; background-image: url(../images/headers-02.png); }
#mainWrapper #contacttitle .content { padding-right: 20px; padding-left: 20px; }
#mainWrapper #abouttitle  { padding-bottom: 10px; border-top-width: 1px; border-top-color: #CCC; border-right-color: #CCC; border-bottom-color: #CCC; border-left-color: #CCC; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-bottom-style: solid; padding-top: 10px; background-color: #FFF; background-image: url(../images/headers-03.png); }
#mainWrapper #abouttitle .content { padding-right: 20px; padding-left: 20px; }
#mainWrapper #producttitle  { padding-bottom: 10px; border-top-width: 1px; border-top-color: #CCC; border-right-color: #CCC; border-bottom-color: #CCC; border-left-color: #CCC; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-bottom-style: solid; padding-top: 10px; background-color: #FFF; background-image: url(../images/headers-04.png); }
#mainWrapper #producttitle .content { padding-right: 20px; padding-left: 20px; }
#mainWrapper #title  { padding-bottom: 10px; border-top-width: 1px; border-top-color: #CCC; border-right-color: #CCC; border-bottom-color: #CCC; border-left-color: #CCC; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-bottom-style: solid; padding-top: 10px; background-color: #FFF; background-image: url(../images/headers-01.png); }
#mainWrapper #title .content { padding-right: 20px; padding-left: 20px; }




#footerWrapper { height: 40px; padding-top: 20px; color: #666; font-size: 11px; }
#reflectionWrapper { background-color: #0A2661; background-image: url(../images/bgs-03.png); background-position: bottom; background-repeat: repeat-x; }
#reflectionWrapper #reflection { height: 75px; background-image: url(../images/bgs-02.png); background-repeat: no-repeat; background-position: center top; }

a.button { font-size: 14px; font-weight: bold; text-decoration: none; background-image: url(../images/button-02.png); display: block; height: 40px; float: left; color: #FFF; line-height: 30px; position: relative; background-position: left top; }
a.button:hover { background-position: left 51px; }
a.button span { background-image: url(../images/button-03.png); display: block; background-position: right top; padding-right: 30px; padding-left: 15px; background-repeat: repeat-y; }
a.button:hover span { background-image: url(../images/button-03.png); display: block; background-position: right 51px; padding-right: 30px; padding-left: 15px; background-repeat: repeat-y; }
a.bigButton { display: block; width: 290px; height: 60px; line-height: 40px; text-indent: -99999px; overflow: hidden; background-image: url(../images/button-05.png); background-position: left top; }
a.bigButton:hover { background-position: left -70px; }

#controls { bottom:16px; position:absolute; right:16px; z-index:30000; }
#controls a { -webkit-border-radius:2px; -moz-border-radius:2px; display:block; float:left; margin-left:6px; text-align:center; height: 9px; width: 9px; font-weight: bold; border: 1px solid #CCC; background-color: #fff; padding: 0px; text-indent: -99999px; overflow: hidden; }
#controls a.activeSlide { color:#FFFFFF !important; background-attachment: scroll; background-color: #0A2661; background-image: none; background-repeat: repeat; background-position: 0 0; }
.diagram { width: 600px; position: relative; clear: both; }
#login { text-align: right; height: 20px; line-height: 18px; }
#login a { color: #FFF; font-size: 10px; text-decoration: none; }
#login a:hover { color: #FFF; font-size: 10px; text-decoration: underline; }

#loginWrapper { background-color: #29548F; }