/************************* BODY + ELEMENTS *******************/
BODY{margin: 0px; padding: 0px; background: #fff}
H1,H2,H3,H4,DIV,P,A,IMG,UL,LI,SPAN,INPUT,TEXTAREA,TABLE,TR,TH,TD{color: #000; font-family: Oxygen, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; font-weight: normal; letter-spacing: 0px; word-spacing: 0px; margin: 0px; padding: 0px; list-style-type: none}
DIV,IMG,FORM,FIELDSET{font-size: 1px; line-height: 0px; border: none}
TABLE{border-spacing: 0px; border-collapse: collapse}


/************************* FONTS *******************/
H1, H2, H3{color: #202020; font-size: 32px; line-height: 38px; letter-spacing: -1px; padding: 0px 0px 20px 0px}
H2, H3{color: #101010; font-size: 30px; line-height: 36px; padding: 0px 0px 15px 0px}
H3{color: #101010; font-size: 24px; line-height: 26px}
H2.border-top, H3.border-top{padding-top: 25px; border-top: solid 1px #d0d0d0}

P.intro, P.intro A{color: #404040; font-size: 16px; line-height: 21px}
P.intro{padding: 0px 0px 25px 0px}
P.intro STRONG{color: #282828; letter-spacing: -1px}

P.intro-main, P.intro-main A, P.intro-main SPAN.strong{color: #a0a0a0; font-size: 22px; line-height: 26px; letter-spacing: -1px}
P.intro-main{padding: 0px 0px 25px 0px}
P.intro-main SPAN.strong{color: #484848; padding: 0px 0px 0px 2px}

P.main, P.main A{color: #101010; font-size: 14px; line-height: 19px}
P.main{padding: 0px 0px 25px 0px}
P.intro STRONG{color: #000; letter-spacing: -1px}

P.read-more A{color: #404040; font-size: 14px; line-height: 14px; font-weight: bold; text-decoration: none; padding: 5px 25px 5px 25px; border: solid 1px #a0a0a0; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; background: #fff}
P.read-more A:hover{color: #fff; border: solid 1px #0c7cc1; background: #0c7cc1}


/************************* TOP STRIP *******************/
#top-strip{height: 30px; border-bottom: solid 1px #d8d8d8; background: #ececec}
#top-strip P.left{float: left}
#top-strip P.left-email{padding-top: 8px}
#top-strip P.left-email A{color: #000; font-size: 12px; line-height: 12px; text-decoration: none; padding-left: 20px; background: url(../images/icon-email.png) no-repeat left center}
#top-strip P.left-tel{color: #000; font-size: 12px; line-height: 12px; margin-left: 40px; padding: 10px 0px 0px 20px; background: url(../images/icon-tel.png) no-repeat left 10px}

#top-strip P.right A{text-decoration: none; width: 30px; height: 30px; float: right; display: block; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out}	
#top-strip P.right A.fb{background: url(../images/icon-facebook.png)}
#top-strip P.right A.fb:hover{background: url(../images/icon-facebook-active.png)}
#top-strip P.right A.linkedin{background: url(../images/icon-linkedin.png)}
#top-strip P.right A.linkedin:hover{background: url(../images/icon-linkedin-active.png)}
#top-strip P.right A.twitter{background: url(../images/icon-twitter.png)}
#top-strip P.right A.twitter:hover{background: url(../images/icon-twitter-active.png)}
#top-strip P.right A SPAN{display: none}


/************************* CONTAINER *******************/
#container, DIV.container{width: 980px; min-height: 0px; margin: 0px auto; padding: 55px 0px 0px 0px; position: relative; background: url(../images/logo.png) no-repeat 0px 27px}
DIV.container{padding: 0px; background: transparent}	
	
#icon-logo{width: 248px; height: 68px; display: block; position: absolute; left: 0px; top: 27px}
#icon-logo SPAN{display: none}

#banner-shadow, #banner-shadow-border{width: 100%; height: 6px; margin: 0px 0px -6px 0px; background: url(../images/bg-banner-shadow.png) repeat-x left top}
#banner-shadow-border{margin-top: 10px; border-top: solid 1px #d0d0d0}
	
	
/************************* NAV *******************/
#nav{height: 62px; position: relative}
#nav LI{height: 100%; margin: 0px 0px 0px 5px; float: right}
LI A.menu-top-level, LI P.menu-top-level{color: #303030; font-size: 16px; line-height: 16px; text-decoration: none; font-weight: bold; padding: 0px 25px 0px 25px; cursor: pointer}
LI P.menu-top-level{background: url(../images/icon-dropdown-arrow.png) no-repeat right 5px}

#nav LI A.right{padding-right: 0px}
#nav LI A.menu-top-level:hover, #nav LI P.menu-top-level:hover{color: #404040}
#nav LI A.active, #nav LI P.active{color: #101010}

#icon-menu{margin: 0px 0px 0px -39px; cursor: pointer; position: absolute; left: 100%; top: 42px; display: none}


/************************* DROPDOWNS *******************/
DIV.dropdown{width: 200px; margin: 0px 0px 0px 10px; padding: 10px 0px 10px 0px; z-index: 99; position: absolute; top: 62px; z-index: 99; display: none; border: solid 1px #d0d0d0; border-radius: 0px 0px 6px 6px; -moz-border-radius: 0px 0px 6px 6px; -webkit-border-radius: 0px 0px 6px 6px; background: #fff}
DIV.dropdown P A{color: #000; font-size: 14px; line-height: 14px; text-decoration: none; padding: 12px 5px 11px 10px; display: block}
DIV.dropdown P A:hover{color: #fff; background: #0b1732} 

LI.dropdown:hover DIV.dropdown{display: block}
	
	
/************************* SUB MENU *******************/
#sub-menu{width: 100%; border: solid 1px #d0d0d0; border-left: none; border-right: none}
#sub-menu DIV.container{padding: 15px 0px 12px 0px; background: transparent; position: relative}
#sub-menu P.right{color: #000; font-size: 10px; line-height: 10px; text-decoration: none; text-transform: uppercase; text-align: right}
#sub-menu P.left{color: #606060; font-size: 14px; line-height: 14px; font-weight: bold; position: absolute; left: 0px; top: 16px}


/************************* SECTIONS *******************/
DIV.section{padding: 30px 0px 35px 0px; overflow: hidden}
DIV.section-dark-blue{background: #0b1732} /** DARK BLUE **/
DIV.section-royal-blue{background: #1cadce} /** ROYAL BLUE **/
DIV.section-light-blue{border: solid 1px #d0d0d0; border-left: none; border-right: none; background: #f2f2ff} /** LIGHT BLUE **/

DIV.section-dark-blue H1, DIV.section-dark-blue H2{color: #e8e8e8}
DIV.section-dark-blue P.intro, DIV.section-dark-blue P.main{color: #f0f0f0}

DIV.section-royal-blue H1, DIV.section-royal-blue H2, DIV.section-royal-blue P.intro, DIV.section-royal-blue P.main{color: #fff}

DIV.section H1, DIV.section H2, DIV.section P.intro, DIV.section P.main{text-align: center; padding-left: 30px; padding-right: 30px}
DIV.section P.intro{padding-bottom: 0px}
DIV.section P.intro-main{padding: 0px 0px 25px 0px}
DIV.section P.read-more{text-align: center; padding: 30px 0px 5px 0px}

DIV.section-image{padding-bottom: 1px}
DIV.section-image DIV.image{width: 80%; margin: 0px auto}
DIV.section-image DIV.image IMG{width: 100%; height: auto; margin: 25px 0px 0px 0px}

	
/************************* SLIDESHOW *******************/
#slideshow{width: 100%; height: 445px; border-bottom: solid 1px #e0e0e0; position: relative; overflow: hidden}
#slide, #next{width: 1600px; height: 445px; position: absolute; left: 50%; margin: 0px 0px 0px -800px}
#slide{-ms-filter: "progid:DXImageTransform.Microsoft.Fade(duration=1)"; filter :progid:DXImageTransform.Microsoft.Fade(duration=1)}
#next{top: -5000px}
#next-slide{width: 1600px; height: 445px}

#button-slide{text-align: center; width: 100%; position: absolute; top: 72%}
#button-slide A{color: #fff; font-size: 24px; line-height: 24px; text-decoration: none; letter-spacing: -1px; padding: 5px 35px 6px 35px; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; background: #1cadce}
#button-slide A:hover{background: #0b1732}
#slide-shadow{width: 100%; height: 20px; position: absolute; left: 0px; top: 0px; z-index: 10}
#slide-shadow-bottom{width: 100%; height: 20px; margin-top: -20px; position: absolute; left: 0%; top: 100%; z-index: 10}


/************************* SLIDESHOW NAVIGATION *******************/
#slide-nav{padding: 6px 0px 6px 0px; border-bottom: solid 1px #d0d0d0}
#slide-nav-inner{width: 150px; height: 12px; margin: 0px auto; background: url(../images/bg-slide-nav-divider.png) no-repeat 80px 0px}
DIV.slide-light{width: 8px; height: 8px; margin: 2px 10px 0px 0px; float: left; cursor: pointer; background: url(../images/bullet-grey.png)}
DIV.slide-light-blue{background: url(../images/bullet-blue.png)}

DIV.button-pause, DIV.button-play{width: 10px; height: 12px; margin: 0px 15px 0px 0px; float: right; cursor: pointer; background: url(../images/button-pause.png) no-repeat 0px 0px}
DIV.button-play{width: 9px; background: url(../images/button-play.png) no-repeat 0px 0px}

DIV.button-pause:hover, DIV.button-pause-active{background: url(../images/button-pause.png) no-repeat 0px -12px}
DIV.button-play:hover, DIV.button-play-active{background: url(../images/button-play.png) no-repeat 0px -12px}	


/************************* HOME PAGE PARTNER LOGOS *******************/
#home-page-partner-logos{margin: 0px 0px 10px 0px;  padding: 35px 0px 50px 50px; padding-left: 10%; padding-right: 10%; background: url(../images/shadow-border.png) no-repeat center bottom}
#home-page-partner-logos IMG{width: 100%; height: auto}	
	

/************************* HOME PAGE INTRO *******************/
H1.h1-home{color: #404040; font-size: 54px; line-height: 56px; text-align: center; letter-spacing: -2px; padding-bottom: 25px}
P.home-intro, P.home-intro SPAN.darker{color: #b0b0b0; font-size: 22px; line-height: 26px; letter-spacing: -1px}
P.home-intro{text-align: center; padding: 0px 20px 25px 20px}
P.home-intro SPAN.darker{color: #606060; padding-left: 2px}


/************************* HOME PAGE VIDEO *******************/
#home-page-video{width: 100%; padding: 30px 0px 35px 0px; background: #1cadce}
#home-page-video-text{width: 60%; padding-top: 25px; float: right}
#home-page-video-text H2, #home-page-video-text P{color: #fff}
#home-page-video-text P{padding: 0px}
#home-page-video-flv{width: 38%; float: left}
#iframe-wrapper{width: 100%; height: 0px; padding-bottom: 56.25%; position: relative}
IFRAME{width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 10}


/************************* HOME PAGE SERVICES *******************/
DIV.home-page-icon{width: 25%; float: left; margin: 25px 0px 5px 0px}
DIV.home-page-icon P{text-align: center; padding: 20px 0px 20px 0px; border-right: solid 1px #a0a8c0; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; background: #0b1732}
DIV.home-page-icon-4 P{border-right: solid 1px #0b1732}
DIV.home-page-icon P:hover{background: #1cadce}

DIV.home-page-icon A{color: #e8e8e8; font-size: 14px; line-height: 14px; font-weight: bold; text-decoration: none; display: block}
DIV.home-page-icon A IMG{width: 40%; height: auto; margin: 0px 0px 15px 0px}


/************************* HOME PAGE FOOTER *******************/
#home-footer{overflow: hidden; background: #5a7581}
#home-footer IMG{width: 100%; height: auto}
#button-home-footer{text-align: center; width: 100%; position: absolute; top: 72%}
#button-home-footer A{color: #404040; font-size: 24px; line-height: 24px; text-decoration: none; letter-spacing: -1px; padding: 3px 35px 4px 35px; border: solid 1px #a0a0a0; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; background: #fff}
#button-home-footer A:hover{color: #fff; border: solid 1px #0c7cc1; background: #0c7cc1}


/*********************** FOOTER *******************/
#footer{width: 100%; min-height: 0px; padding: 30px 0px 25px 0px; background: #202020}
DIV.footer-col{width: 16%; float: left}
DIV.footer-col-spacer{width: 5%; height: 50px; float: left}

#footer P{color: #c0c0c0; font-size: 12px; line-height: 20px}
#footer P.footer-header{color: #c0c0c0; font-size: 18px; line-height: 18px; margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; border-bottom: solid 1px #606060}
#footer P.footer-header-margin{margin-top: 20px}
#footer P.footer-address{line-height: 20px}
#footer A{color: #c0c0c0; font-size: 12px; line-height: 12px; text-decoration: none}	
#footer A:hover{color: #fff; text-decoration: underline}	
#footer SELECT{color: #fff; font-size: 14px; line-height: 14px; width: 90%; padding: 2px 0px 2px 5px; border: solid 1px #000; background: #585858}

#footer P.social-media{}
#footer P.social-media A{text-decoration: none; width: 30px; height: 30px; margin: 0px 10px 0px 0px; float: left; display: block; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out}	
#footer P.social-media A.fb{background: url(../images/icon-facebook-active.png)}
#footer P.social-media A.linkedin{background: url(../images/icon-linkedin-active.png)}
#footer P.social-media A.twitter{background: url(../images/icon-twitter-active.png)}	
#footer P.social-media A SPAN{display: none}	

	
/*********************** FOOTER SUB *******************/
#footer-sub{width: 100%; padding: 15px 0px 14px 0px; background: #000}
#footer-sub P, #footer-sub A{color: #c0c0c0 !important; font-size: 12px !important; line-height: 12px !important; text-decoration: none}
#footer-sub P.left{float: left}
#footer-sub P.right{text-align: right; float: right}


/************************* COMMON CLASSES *******************/
#body .clear{width: 100%; clear: both; font-size: 1px; line-height: 0px}
#body SPAN.rarr{color: #000; font-family: Georgia, serif; padding: 0px 5px 0px 5px}