﻿


@media only screen and (max-width: 979px)
{
	#container{background: url(../images/logo.png) no-repeat 5px 26px}
	#icon-logo{left: 5px}
	#container, DIV.container{width: 100%}

	/************************* FONTS *******************/
	P.home-intro, P.home-intro SPAN.darker, P.intro-main, P.intro-main A, P.intro-main SPAN.strong{color: #909090; font-size: 20px; line-height: 24px; letter-spacing: -1px}
	P.home-intro SPAN.darker, P.intro-main SPAN.strong{color: #606060}
	
	/************************* NAV *******************/
	#nav LI A.menu-top-level, #nav LI P.menu-top-level{font-size: 14px; line-height: 14px; letter-spacing: 0px; padding: 0px 20px 0px 20px}
	#nav LI A.right{padding-right: 0px}
	
	/************************* TOP STRIP *******************/
	#top-strip P.left-email{margin-left: 5px}	
	#top-strip P.right{margin-right: 5px}

	/************************* SUB MENU *******************/
	#sub-menu P.right{padding-right: 5px}
	#sub-menu P.left{padding-left: 5px}
	
	/*********************** FOOTER *******************/
	#footer DIV.footer-col-1 P.footer-header, #footer DIV.footer-col-1 P.footer-address{padding-left: 5px}	
	
	/************************* SLIDESHOW *******************/
	#slideshow{height: auto}
	#slide, #next, #next-slide{width: 100%; height: auto; margin: 0px; left: -30%}
	#slide, #next{width: 160%}
	#slide{margin-left: -30%; position: static; left: 0%}
	#button-slide A IMG{width: 27%; height: auto}
	
	/************************* HOME PAGE PARTNER LOGOS *******************/
	#home-page-partner-logos{padding: 30px 0px 50px 50px}
	/*#home-page-partner-logos IMG{width: 100%; height: auto}	*/
	
	/************************* HOME PAGE INTRO *******************/
	H1.h1-home{color: #202020; font-size: 32px; line-height: 38px; letter-spacing: -1px; padding: 0px 0px 20px 0px}	
	
	/************************* HOME PAGE VIDEO *******************/
	#home-page-video-text{width: 90%; margin-left: 5%; padding-top: 0px; float: none}
	#home-page-video-text H2, #home-page-video-text P{text-align: center}
	#home-page-video-flv{width: 70%; margin-top: 25px; margin-left: 15%; float: none}	
	
	/************************* HOME PAGE FOOTER *******************/
	#home-footer DIV.container{width: 120%; margin-left: -10%}
	
	/************************* INNER PAGE COLUMNS *******************/
	#inner-left{padding-left: 5px}
	#inner-right{padding-right: 5px}
	
	/************************* SERVICES -- SUPPORT *******************/
	DIV.support-plan P.support-plan-header{font-size: 24px; line-height: 24px; letter-spacing: -1px}	
	
	/************************* SERVICES -- BLACKLINE *******************/
	DIV.section-blackline-services-icons{padding: 0px; border-bottom: solid 1px #888}
	
	/************************* News PAGE COLUMNS *******************/
	#news-left{padding-left: 5px}
	#news-right{padding-right: 5px}	
	
	/************************* CONTACT *******************/
	DIV.container-contact{background: #fff}
	#contact-info{width: 100%; padding: 0px; float: none; overflow: hidden}
	DIV.contact-div{width: 33%; float: left; margin-bottom: -1000px; padding-bottom: 1000px; border-right: solid 1px #a0a8c0; background: #0b1732}
	DIV.contact-div-3{border-left: solid 1px #0b1732}
	DIV.contact-div H2, DIV.contact-div H3{color: #e8e8e8 !important; font-size: 24px; line-height: 27px; padding: 20px 20px 15px 20px; border: none}
	DIV.contact-div P.intro{color: #e8e8e8 !important; padding: 0px 20px 20px 20px}
	#contact-form{margin: 0px; padding: 25px 10px 30px 10px}

	/************************* PRIVACY *******************/	
	#privacy-policy{padding-left: 5px}
}

@media only screen and (max-width: 899px)
{
	/************************* NAV *******************/
	#nav LI A.menu-top-level, #nav LI P.menu-top-level{padding: 0px 15px 0px 15px}
	#nav LI A.right{padding-right: 0px}
	
	/*********************** FOOTER *******************/
	DIV.footer-col{width: 22%}
	DIV.footer-col-spacer{width: 4%}
	DIV.footer-col-5, DIV.footer-col-spacer-4{display: none}	
}

@media only screen and (max-width: 849px)
{
	#container{padding-top: 115px}
	DIV.container-divider{background: transparent}
	#banner-shadow-border{margin-top: 6px}
	#banner{padding: 10px 0px 8px 0px}
	
	/************************* NAV *******************/
	#icon-menu{display: block}
	
	#nav{height: auto; margin-bottom: 30px; border-bottom: solid 1px #d0d0d0; overflow: auto; position: relative}
	UL.main-nav{display: none}
	UL.main-nav-active{display: block}	

	#nav LI{width: 100%; height: auto; border-top: solid 1px #d0d0d0}
	#nav LI A.menu-top-level, #nav LI P.menu-top-level{height: auto; padding: 10px 0px 10px 5px; display: block; background: #f4f6ff}
	#nav LI P.menu-top-level{background: #f4f6ff url(../images/bg-dropdown-arrow.png) no-repeat right center}
	#nav LI A.menu-top-level:hover{color: #fff; background: #1cadce}
	#nav LI P.menu-top-level:hover{color: #fff; background: #1cadce url(../images/bg-dropdown-arrow-hover.png) no-repeat right center}
	
	#nav DIV.dropdown{width: auto; margin: 0px; padding: 0px; border: none; position: static; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: #fff}
	#nav DIV.dropdown P{border-top: solid 1px #d0d0d0}
	#nav DIV.dropdown P A{color: #000; font-size: 12px; line-height: 12px; letter-spacing: 1px; padding: 10px 0px 10px 20px; border: none}
	#nav DIV.dropdown P A:hover{color: #fff; padding: 10px 0px 10px 20px; border: none; background: #0b1732} 	
	
	LI.dropdown:hover DIV.dropdown{display: none}
	
	/*********************** FOOTER SUB *******************/
	#footer-sub{padding: 20px 0px 20px 0px}
	#footer-sub P.left, #footer-sub P.right{text-align: center; float: none}
	#footer-sub P.left{padding: 0px 0px 15px 0px}

	/************************* SECTIONS *******************/
	DIV.section H1, DIV.section H2, DIV.section P.intro, DIV.section P.main{padding-left: 10px; padding-right: 10px}

	/************************* SLIDESHOW *******************/
	#button-slide{top: 70%}

	/************************* HOME PAGE INTRO *******************/
	P.home-intro{padding: 0px 10px 25px 10px}

	/************************* HOME PAGE MONITOR *******************/
	#home-page-monitor DIV.container{width: 80%}
	
	/************************* HOME PAGE SERVICES *******************/
	DIV.home-page-icon{width: 50%; margin: 0px; float: left}
	DIV.home-page-icon-2 P{border-right: solid 1px #0b1732}
	DIV.home-page-icon-1, DIV.home-page-icon-2{margin-top: 25px; border-bottom: solid 1px #a0a8c0}
	DIV.home-page-icon-3, DIV.home-page-icon-4{margin-bottom: -35px; border-bottom: solid 1px #0b1732}	
	DIV.home-page-icon A IMG{width: 30%; height: auto; margin: 0px 0px 15px 0px}
	
	/************************* HOME PAGE FOOTER *******************/
	#home-footer DIV.container{width: 140%; margin-left: -20%}
	#button-home-footer{top: 70%}
		
	/************************* INNER PAGE COLUMNS *******************/
	#inner-left{display: none}
	#inner-right{margin: 0px; padding: 25px 5px 5px 5px}
	#inner-right H1, #inner-right H2, #inner-right H3, #inner-right P{text-align: center; padding-left: 10px; padding-right: 10px}
	
	/************************* SERVICES -- IMPLEMENTATION *******************/
	#inner-right TABLE.implementation TH{font-size: 18px; line-height: 18px; letter-spacing: -1px}	
	#inner-right TABLE.implementation TD P{text-align: left}
	#inner-right TABLE.implementation TR TD.td-4 P{padding-left: 20px}

	/************************* SERVICES -- SOLUTIONS *******************/
	DIV.advanced-solutions{width: 55%}
	DIV.advanced-solutions-right{width: 45%}
	#inner-right DIV.advanced-solutions P{text-align: left; margin: 0px 20px 0px 20px; padding-left : 25px}

	/************************* SERVICES -- SUPPORT *******************/
	DIV.support-plan{margin: 0px; padding-left: 3px; padding-right: 2px}
	DIV.support-plan-lite, DIV.support-plan-platinum{margin-left: -5px}
	DIV.support-plan-gold, DIV.support-plan-custom{float: right; margin-right: -5px}
	
	/************************* SERVICES -- BLACKLINE *******************/
	#blackline-services{padding-top: 30px}
	#blackline-services H2, #blackline-services P{text-align: center; padding-left: 10px; padding-right: 10px}
	#blackline-services-text{width: 100%; float: none}
	#blackline-services-icon{display: none}	
	
	DIV.blackline-service{width: 100%; margin: 0px; float: none; border-top: solid 1px #a0a8c0}
	DIV.blackline-service-1, DIV.blackline-service DIV{border: none}	
	
	/************************* PARTNERS -- NETSUITE *******************/
	DIV.netsuite-partner-div-left, DIV.netsuite-partner-div-right{width: 30%}
	DIV.netsuite-partner-div-left{margin-left: 20%}
	P.partner-bullet{font-size: 14px; line-height: 14px; background: url(../images/bg-partner-bullet.png) no-repeat left center}

	DIV.netsuite-icon{width: 50%; margin: 0px}
	DIV.netsuite-icon DIV{border: none; border-bottom: solid 1px #a0a8c0}
	DIV.netsuite-icon-1, DIV.netsuite-icon-2{margin-top: 20px}
	DIV.netsuite-icon-3, DIV.netsuite-icon-4{margin-bottom: -35px}
	DIV.netsuite-icon-2 DIV, DIV.netsuite-icon-4 DIV{border-left: solid 1px #a0a8c0}
	
	#netsuite-customers DIV.wrapper{width: 20%}
	#partner-customer-menu A{display: none}
	
	/************************* PARTNERS -- BLACKLINE *******************/
	#blackline-customers DIV.wrapper{width: 20%}
	
	/************************* ABOUT -- CAREERS *******************/
	#careers-form DIV.container{width: 100%}
	FORM.careers DIV.left{width: auto; padding: 0px 10px 5px 10px; float: none}
	FORM.careers DIV.right{width: auto; padding: 0px 10px 15px 10px; float: none}

	FORM.careers DIV.left P{text-align: left; padding: 0px}
	FORM.careers DIV.left P.message{padding-top: 0px}

	FORM.careers INPUT, FORM.careers TEXTAREA{color: #000; font-size: 14px; line-height: 14px; width: 98%; padding: 5px; border: solid 1px #fff; background: #fff}
	FORM.careers TEXTAREA{line-height: 17px; height: 150px}
	FORM.careers INPUT.spam{width: 100px}
	FORM.careers INPUT.submit{width: 180px; height: 32px; cursor: pointer; border: none; background: url(../images/button-submit.png)}

	#careers-form H2{color: #fff; text-align: center; padding: 0px 0px 10px 0x}	
	
	/************************* NEWS *******************/
	DIV.container-news{background: #fff}
	#news-form{width: 340px; margin: 0px auto; padding: 25px 0px 0px 0px; display: block}
	#news-form SELECT{font-size: 14px; line-height: 17px; width: 250px; margin: 0px 0px 10px 0px; padding: 5px; border: solid 1px #d0d0d0}
	#news-form INPUT{width: 120px; height: 28px; cursor: pointer; border: none; background: url(../images/button-submit-small.png)}
	#news-left{display: none}
	#news-right{margin: 0px; min-height: auto; padding: 25px 5px 25px 5px}	
	#news-right H3{text-align: center; padding-bottom: 5px}
	
	DIV.news-placeholder A.img{padding: 10px}
	
	#popup{width: 90%; height: auto; position: absolute; left: 5%; margin: 0px}
}

@media only screen and (max-width: 619px)
{
	/************************* FONTS *******************/
	H1, H2, H3{font-size: 24px; line-height: 28px}
	
	/*********************** FOOTER ********************/
	DIV.footer-col{width: 30%}
	DIV.footer-col-spacer{width: 5%}
	DIV.footer-col-1, DIV.footer-col-spacer-1{display: none}	
	#footer DIV.footer-col-2 P{padding-left: 10px}	
	
	/************************* SLIDESHOW *******************/
	#button-slide A{font-size: 20px; line-height: 20px; letter-spacing: 0px; padding: 5px 35px 5px 35px}	
	
	/************************* HOME PAGE PARTNER LOGOS *******************/
	#home-page-partner-logos{overflow: hidden}
	#home-page-partner-logos IMG{width: 150%; margin-left: -25%}	

	/************************* HOME PAGE INTRO *******************/
	P.home-intro{padding: 0px 0px 25px 0px}

	/************************* HOME PAGE VIDEO *******************/
	#home-page-video-text{width: 100%; margin-left: 0%}
	#home-page-video-flv{width: 90%; margin-left: 5%}	
	
	/************************* SERVICES -- IMPLEMENTATION *******************/
	TABLE.implementation TH{padding: 10px 5px 10px 5px}	
	TABLE.implementation TR TD{padding: 10px 5px 10px 5px}			
	TABLE.implementation TR TD.td-2{width: 0px; padding: 0px; border: none; background: transparent}	
	TABLE.implementation TR TD.td-1 P{color: #303030; font-size: 16px; line-height: 16px; letter-spacing: 0px}
	TABLE.implementation TR TD.td-3 P{color: #282828; font-size: 14px; line-height: 19px}
	TABLE.implementation TR TD.td-4 P{color: #282828; font-size: 14px; line-height: 19px; padding-left: 15px; background: url(../images/bg-partner-bullet.png) no-repeat 0px 6px}	
	
	/************************* SERVICES -- ADVANCED SOLUTIONS *******************/	
	DIV.advanced-solutions{width: 100%; padding: 0px; float: nnoe}
	DIV.advanced-solutions-right{margin-bottom: -2px; padding: 0px}
	#inner-right DIV.advanced-solutions P{margin: 0px; padding: 10px 0px 10px 35px; border-top: solid 1px #d0d0d0; background: #fff url(../images/bg-partner-bullet.png) no-repeat 10px 16px}
	#inner-right DIV.advanced-solutions P.solutions-even{background: #f0f2ff url(../images/bg-partner-bullet.png) no-repeat 10px 16px}
	
	/************************* SERVICES -- SUPPORT *******************/
	DIV.support-plan{width: 100%; float: none; margin: 0px 0px 0px -5px; padding: 0px 5px 0px 5px}
	DIV.support-plan DIV{border: none; border-top: solid 1px #a0a8c0}
	DIV.support-plan-lite DIV{border: none}
	DIV.support-plan-custom{margin-bottom: -10px}
	
	/************************* PARTNERS -- NETSUITE *******************/
	DIV.netsuite-partner-div-left, DIV.netsuite-partner-div-right{width: 40%}
	DIV.netsuite-partner-div-left{margin-left: 10%}	
	#netsuite-customers DIV.wrapper{width: 25%}
	
	/************************* PARTNERS -- BLACKLINE *******************/
	#blackline-customers DIV.wrapper{width: 25%}	
	
	/************************* ABOUT *******************/
	DIV.about-history{width: 50%}
	DIV.about-history DIV{min-height: 180px; border: solid 1px #a0a8c0; border-left: none; border-top: none}
	DIV.about-history-2 DIV, DIV.about-history-4 DIV, DIV.about-history-6 DIV{border-right: solid 1px #0b1732}
	DIV.about-history-5 DIV, DIV.about-history-6 DIV{border-bottom: none}
	DIV.about-history P.date{font-size: 38px; line-height: 38px; padding-top: 45px}
	
	/************************* CONTACT *******************/
	DIV.contact-div{width: 100%; margin: 0px; padding: 0px; float: none; border: none}
	DIV.contact-div-2{border: solid 1px #a0a8c0; border-left: none; border-right: none}

	FORM.contact{padding: 20px 10px 20px 10px}
	
	/************************* PRIVACY *******************/	
	#privacy-policy{width: auto; padding-right: 5px}	
}

@media only screen and (max-width: 519px)
{
	#container{padding-top: 110px; background: url(../images/logo.png) no-repeat 5px 24px}
	#icon-logo{top: 24px}
	#banner{padding-top: 0px}
	
	/************************* SUB MENU *******************/
	#sub-menu{height: 1px; margin: 0px 0px 10px 0px; border-top: none}
	#sub-menu DIV{display: none}
	
	/************************* TOP STRIP *******************/
	#top-strip{overflow: hidden}
	#top-strip{height: auto; padding: 5px 0px 5px 0px}
	#top-strip P.left-email{margin-left: 30%}

	#top-strip P.right{text-align: center; margin: 0px; margin-right: -45px; padding: 10px 0px 0px 0px; padding-right: 50%; clear: both}
	
	/************************* HOME PAGE FOOTER *******************/
	#button-home-footer A{font-size: 16px; line-height: 16px; letter-spacing: 0px; padding: 3px 25px 3px 25px}	
	
	/************************* NEWS / MEDIA *******************/
	#popup{width: 98%; left: 1%}
	#button-close{margin: -22px 0px 0px -22px}	
	
	/************************* PRIVACY *******************/
	#privacy-policy{padding-top: 20px}
}

@media only screen and (max-width: 419px)
{
	#container{background: url(../images/logo-small.png) no-repeat 5px 32px}
	#icon-logo{width: 201px; height: 55px; top: 32px}
	
	/************************* TOP STRIP *******************/
	#top-strip P.left-email{margin-left: 24%}	
	
	/*********************** FOOTER *******************/
	#footer{padding: 5px 0px 30px 0px}
	DIV.footer-col{width: 100%; float: none}
	DIV.footer-col P{font-size: 14px; text-align: center}
	#footer DIV.footer-col-2 P{padding-left: 0px}
	#footer A{color: #f0f0f0; font-size: 14px; line-height: 14px; margin-top: -1px; padding: 12px 0px 11px 0px; border: solid 1px #484848; border-left: none; border-right: none; display: block}
	#footer A:hover{text-decoration: none; background: #606060}
	#footer P.footer-header{color: #b0b0b0; font-size: 20px; margin: 30px 0px 15px 0px; padding: 0px; border: none}
	DIV.footer-col-spacer{display: none}	
	#footer-sub{display: none}
	
	/************************* SLIDESHOW *******************/
	#button-slide A{font-size: 16px; line-height: 16px; padding: 3px 25px 3px 25px}	

	/************************* HOME PAGE SERVICES *******************/
	DIV.home-page-icon{width: 100%; margin: 0px; float: none; border: none; border-top: solid 1px #a0a8c0}
	DIV.home-page-icon-1{margin-top: 25px; border-top: none}
	DIV.home-page-icon-4{margin-bottom: -35px}
	DIV.home-page-icon P{margin: 0px; border: none}
	DIV.home-page-icon A IMG{width: 35%; height: auto; margin: 0px 0px 15px 0px}
	
	/************************* HOME PAGE FOOTER *******************/	
	#home-footer DIV.container{width: 160%; margin-left: -30%}
	
	/************************* SERVICES -- SUPPORT *******************/
	#backline-support{padding-bottom: 0px}
	DIV.support-icon{width: 100%; margin: 0px; float: none; border-top: solid 1px #a0a8c0}
	DIV.support-icon-1{border-top: none}
	DIV.support-icon-3{border-bottom: solid 1px #888}
	DIV.support-icon DIV{border: none}
	
	/************************* PARTNERS -- NETSUITE *******************/
	DIV.netsuite-partner-div-left, DIV.netsuite-partner-div-right{width: 60%; margin: 0px; margin-left: 20%; float: none}

	DIV.netsuite-icon{width: 100%; margin: 0px; float: none; border-bottom: solid 1px #a0a8c0}
	DIV.netsuite-icon-1{margin-top: 20px}
	DIV.netsuite-icon-4{margin-bottom: -35px}
	DIV.netsuite-icon DIV{border: none}
	
	#netsuite-customers DIV.wrapper{width: 50%}
	
	/************************* PARTNERS -- BLACKLINE *******************/
	#blackline-customers DIV.wrapper{width: 50%}	
	
	/************************* ABOUT *******************/
	DIV.about-history{width: 100%; float: none}
	DIV.about-history DIV{min-height: auto; border: none; border-top: solid 1px #a0a8c0}
	DIV.about-history-1 DIV{border: none}
	
	/************************* NEWS *******************/
	#news-form{width: 85%}
	#news-right{padding-bottom: 0px}
	#news-right H3{text-align: center; padding-bottom: 30px}
	DIV.news-placeholder{width: 90%; margin: 0px auto; float: none}
	DIV.news-placeholder-spacer{display: none}
	DIV.news-placeholder A.img{padding: 10px}	
}

@media only screen and (min-width: 1200px)
{
	/************************* CONTAINER *******************/
	#container, DIV.container{width: 1250px}
	DIV.container-contact{background: url(../images/bg-vertical-divider.png) repeat-y 820px 0px}
	
	/************************* NAV *******************/
	#nav LI A.menu-top-level, #nav LI P.menu-top-level{margin: 0px 20px 0px 20px}
	#nav LI A.right{margin-right: 0px}
	
	/************************* DROPDOWNS *******************/
	#nav DIV.dropdown{margin: 0px 0px 0px 30px}	
	
	/************************* SECTIONS *******************/
	DIV.section H1, DIV.section H2, DIV.section P.intro, DIV.section P.main{text-align: center; padding-left: 80px; padding-right: 80px}
	
	/*********************** FOOTER *******************/
	#footer P{font-size: 14px; line-height: 22px}
	#footer A{font-size: 14px; line-height: 14px}		
	
	/************************* HOME PAGE INTRO *******************/
	P.home-intro{padding-left: 40px; padding-right: 40px}
	
	/************************* HOME PAGE VIDEO *******************/
	#home-page-video-text{padding-top: 55px}
	
	/************************* SERVICES -- BLACKLINE *******************/
	#blackline-services-text H2{padding-top: 30px}
	
	/************************* PARTNERS -- NETSUITE *******************/
	#netsuite-customers DIV.wrapper{width: 14.25%}
	
	/************************* PARTNERS -- BLACKLINE *******************/
	#blackline-customers DIV.wrapper{width: 20%}

	/************************* NEWS / MEDIA *******************/
	DIV.news-placeholder{width: 32%; clear: none; float: left; margin-top: 5px}
	DIV.news-placeholder-4, DIV.news-placeholder-7{clear: both; float: left}

	DIV.news-placeholder-spacer{width: 2%; display: block}
	DIV.news-placeholder-spacer-3, DIV.news-placeholder-spacer-6, DIV.news-placeholder-spacer-9{display: none}		

	/************************* CONTACT *******************/	
	#map-outer{height: 450px}
	#google-map{height: 450px}	
	
	/************************* PRIVACY *******************/	
	#privacy-policy{width: 60%}
}

@media only screen and (min-width: 1600px)
{
	/************************* SLIDESHOW *******************/
	#slideshow{height: auto}
	#slide, #next, #next-slide{width: 100%; height: auto; margin-left: 0px; left: 0%}
	#slide{position: static}
	
	/************************* HOME PAGE FOOTER *******************/
	#home-footer DIV.container{width: 1600px}	
}



