/* 

client: Connectivity Source
author: Atlantic BT - www.atlanticbt.com

colors:
	color 1:	#000
	color 2:	#c2c2c2

==================================================================================================================*/




/* =Normalize/Reset
==================================================================================================================*/

* {	margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { font-size: 100%; } ul, ul li { list-style: none; list-style-position: outside; } address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; } em, strong { /* left out from above */ } table { border-collapse: collapse; border-spacing: 0; } fieldset, img { border: 0; } caption, th { text-align: left; } q:before, q:after { content: ""; } hr { display: none; }
.clear { clear: both; } /* not to be confused with clearfix */
a:focus { outline: none; }


/* =Base
==================================================================================================================*/

body { text-align: center; background: #fff; font: 14px/1.5em Arial, Helvetica, sans-serif; color: #5c5c5c; }
div { font-size: 100%; text-align: left; }

/* hide accessibility, but leave there for readers */
.access { position: absolute; left: -9000em; top: 0; height: 0; line-height: 0em; }
.ie { height: 0; }


/* =Typography Styles
==================================================================================================================*/
@font-face {
	font-family: 'gxn-book';
	src: url('/fonts/GothamXNarrow-Book.eot');
	src: local('GothamXNarrow Book'), local('GothamXNarrow-Book'), url('/fonts/GothamXNarrow-Book.woff') format('woff'), url('/fonts/GOTHAMXNARROW-MEDIUM.OTF') format('opentype'), url('GothamXNarrow-Book.svg') format('svg');
}
@font-face {
	font-family: 'gxn-book-italic';
	src: url('/fonts/GothamXNarrow-BookItalic.eot');
	src: local('GothamXNarrow Book Italic'), local('GothamXNarrow-BookItalic'), url('/fonts/GothamXNarrow-BookItalic.woff') format('woff'), url('/fonts/GOTHAMXNARROW-BOOKITALIC.OTF') format('opentype'), url('GothamXNarrow-BookItalic.svg') format('svg');
	font-style: italic;
}
@font-face {
	font-family: 'gxn-medium';
	src: url('/fonts/GothamXNarrow-Medium.eot');
	src: local('GothamXNarrow Medium'), local('GothamXNarrow-Medium'), url('/fonts/GothamXNarrow-Medium.woff') format('woff'), url('/fonts/GOTHAMXNARROW-MEDIUM.OTF') format('opentype'), url('GothamXNarrow-Medium.svg') format('svg');
}


p { font-size: 1em; }
.content p { margin: 0 0 1.5em; }

/* base anchor colors/style */
a { color: #005C8E; }
a:hover, a:focus { color: #06ae2e; }
	
h1 { margin: 0 0 .9em; font: bold 1.67em/.9em gxn-medium, Arial, Helvetica, sans-serif; color: #02224a; }
h2 { margin: 0 0 1em; font: bold 1.50em/1em Arial, Helvetica, sans-serif; color: #02224a; }
h3 { margin: 0 0 1.12em; font: bold 1.33em/1.12em Arial, Helvetica, sans-serif; color: #02224a; }
h4 { margin: 0 0 1.26em; font: bold 1.17em/1.26em Arial, Helvetica, sans-serif; color: #02224a; }
h5,	h6 { margin: 0 0 1.5em; font: bold 1em/1.5em Arial, Helvetica, sans-serif; color: #02224a; }

	
/* =Element Styles
==================================================================================================================*/

ul { list-style: circle; margin: 0 0 1.5em 1.5em; }
ul li { margin: 0; padding-left: 14px; list-style: circle; }
ol { list-style: decimal; margin: 0 0 1.5em 3em; }
ol li { margin: 0; list-style: decimal; }
ul ul, ol ol { margin-top: 1.5em; }	
	
dl { margin: 0 0 1.5em; }
dl dt { margin: 0; font-weight: bold; }
dl dd { margin: 0 0 0 1.5em; }

abbr { cursor: help; }

blockquote { margin: 1em 0; padding: 0 1em; }
blockquote p { margin: 0 0 1.5em; }
blockquote p.cite { text-align: right; }

table { width: 100%; font: inherit; }
th, td { padding: .5em; border: 1px solid #000; }
th { font-weight: bold; }
	
	
/* =Base Form Styles
==================================================================================================================*/

input, textarea, select { padding: 4px; width: 275px; border: 1px solid #c2c2c2; border-right-color: #d7d7d7; border-bottom-color: #d7d7d7; background: #fff;	font: inherit; }
input { padding: 5px; }
select { width: 280px; }
textarea { height: 15em; width: 410px; }

input:focus, textarea:focus, select:focus { background-color: #ffffce; }

/* input overrides based on type */
input.radio, input.checkbox,
.buttons input, input.button, input.submit, input.image { border: 0; padding: 0; width: auto; background: none; }

/* specific input types */
.postal-code input { width: 5em; }
input.prefix { margin: 0 .25em 0 0; width: 2.5em; }
input.area-code { margin: 0 .25em; width: 2.5em; }
input.suffix { width: 3em; }

/* fieldset defaults */
fieldset legend { display: none; }
fieldset fieldset legend { font-size: 1em; margin: 0; }
	
/* form list items */
form ol { margin: 0; }
form li { clear: both; position: relative; margin: 0 0 1.5em; padding: 0; list-style: none; height: 1%; }

/* labels */
label { float: left; display: inline; margin: 0 5px 0 0; padding-top: 5px; width: 130px; text-align: right; }
.extended label { color: #999; } /* extended address */
.long label, label.long,
.textarea label { float: none; display: block; margin: 0 0 5px; padding: 0; width: auto; text-align: left; }
.checkboxes label, .radios label { float: none; margin: 0 0 0 5px; padding: 0; }

/* radio & checkbox lists */
ul.radios, ul.checkboxes { margin: 0; }
ul.radios li, ul.checkboxes li { margin-right: 20px; }

/* summary / input descrition items */
em.summary { display: block; margin: 5px 0 0 110px; font-style: normal; font-size: .857em; color: #999; }

/* error messages */
.error-message { display: block; width: 245px;	padding: 4px 10px 3px 30px; border: 1px solid #e5a3a3; background: #ffcfcf url(/images/icons/i_exclamation-yl.png) no-repeat 10px 5px;	color: #801b1b; font-style: normal; font-size: 11px; }
blockquote.error-message { width: auto; background: #ffcfcf url(/images/icons/i_exclamation.png) no-repeat 10px 5px; }
.content li .error-message { margin: 0 0 0 135px; }


/* =Navigation
==================================================================================================================*/
.navigation { margin: 86px 0 0 297px; }
.navigation ul, .navigation li, .navigation li a { float: left; display: inline; margin: 0; padding: 0; width: 642px; height: 12px; background: url(/images/sp_nav.gif) no-repeat 0 0; text-indent: -9999em; }
.navigation li { width: 42px; margin-right: 40px; }
.navigation li a { margin: 0; width: 42px; }

.navigation li#n-about, .navigation li#n-about a { width: 42px; background-position: 0 0; }
.navigation li#n-vendors, .navigation li#n-vendors a { width: 55px; background-position: -82px 0; }
.navigation li#n-partner, .navigation li#n-partner a { width: 120px; background-position: -177px 0; }
.navigation li#n-services, .navigation li#n-services a { width: 132px; background-position: -337px 0; }
.navigation li#n-news, .navigation li#n-news a { width: 133px; margin: 0; background-position: -509px 0; }

.navigation li#n-about a:hover, #about li#n-about a { background-position: 0 -12px; }
.navigation li#n-vendors a:hover, #vendors li#n-vendors a { background-position: -82px -12px; }
.navigation li#n-partner a:hover, #partner li#n-partner a { background-position: -177px -12px; }
.navigation li#n-services a:hover, #services li#n-services a { background-position: -337px -12px; }
.navigation li#n-news a:hover, #news li#n-news a { background-position: -509px -12px; }

/* Secondary Nav */
.secondary-nav { margin: 0; padding: 12px 0 0 0; width: 260px; }
.secondary-nav li, .secondary-nav a { display: block; padding: 0; height: 40px; line-height: 40px; background: url(/images/bg_side-nav-div.gif) no-repeat left bottom; }
.secondary-nav a { padding: 0 20px; background: none; text-decoration: none; font-size: 15px; }
.secondary-nav a:hover { background: url(/images/bg_sn-hover.png) no-repeat 0 0; color: #fff; }
.secondary-nav li.on a { background: url(/images/bg_sn-active.png) no-repeat 0 0; color: #fff;}

/* Landing Nav */
.landing-nav { float: left; display: inline; width: 640px; margin: 0; padding: 0; }
.landing-nav li { float: left; display: inline; width: 280px; margin: 0; padding: 0 0 0 20px; background: url(/images/icons/i_dbl-arrow-gr.png) no-repeat 0 8px; }
.landing-nav li.clear { clear: left; margin-right: 40px; }
.landing-nav a { font-size: 18px; font-weight: bold; text-decoration: none; color: #1e72ae; }
.landing-nav a:hover { color: #3FA80E; }



/* =Layout Styles
==================================================================================================================*/

/* Main wraps and styles */
.wrapper { float: left; display: inline; width: 100%; height: 100%; background: url(/images/bg_body.gif) repeat-x 0 0; }
#container { position: relative; margin: 0 auto; width: 940px; }
.header, .main-area, .footer,
.feature, .benefits, .vendor-logos, .index .content, .content .news { float: left; display: inline; width: 940px; }

/* Inner wraps and styles */
.inner .wrapper { background: url(/images/bg_body-inner.gif) repeat-x 0 0; }
.inner .main-area { padding: 93px 0 30px; background: url(/images/bg_main-area.gif) no-repeat 0 0; } 
.inner .content { float: right; display: inline; padding-top: 37px; width: 640px; }
.inner .secondary-content { float: left; display: inline; width: 280px; padding: 0 20px 0 0; background: url(/images/bg_side-nav.gif) no-repeat 240px bottom; }

/* Header */
.header { height: 136px; }
#logo, #logo a { float: left; display: inline; }
#logo { margin: 44px 0 0 0; }
#contact-btn, #contact-btn-dis { position: absolute; top: 0; right: 0; width: 240px; height: 40px; background: url(/images/b_contact.gif) no-repeat 0 0; text-indent: -9999em; cursor: pointer; }
#partners-link { position: absolute; top: 10px; right: 270px; font-size: 12px; color: #04305D; }

/* Contact Form */
.contact { float: left; display: inline; width: 100%; background: #71c92b; height: 243px; }
.contact-wrap { width: 920px; padding: 20px 0 0 20px; margin: 0 auto; height: 223px; background: url(/images/bg_contact.gif) no-repeat 0 0; }
.contact .vcard { position: absolute; top: 0; left: -9999em; }
.contact .contact-form { float: left; display: inline; width: 520px; }
.contact-form, .contact-form ol, .contact-form li { position: relative; float: left; display: inline; }

.contact-form input, .contact-form textarea, .contact-form select { border: 0; }
.contact-form input { width: 193px; }
.contact-form textarea { padding-bottom: 35px; height: 106px; width: 275px; }
.contact-form select { width: 200px; }

.contact-form ol { width: 520px; }
.contact-form li { position: relative; margin: 0 0 15px 0; width: 203px; }
	.contact-form li.textarea { position: absolute; top: 0; right: 40px; width: 260px; }
	.contact-form label { padding: 0; margin: 0; width: auto; color: #fff; }
	.contact-form li.buttons { position: static; }
	.contact-form .buttons input { position: absolute; top: 112px; right: 0; width: 146px; height: 50px; cursor: pointer; }

.hptha { position:absolute; left:-9999px; }
.contact-form legend, .contact-form p.note { position:absolute; left:-9999px; }

/* Site Info - Footer */
.footer { clear: both; margin-top: 25px; padding: 25px 0 50px; border-top: 1px solid #053764; }
.footer h3 { font-size: 14px; }
#nl-signup { float: left; display: inline; width: 350px; }
#nl-signup li { clear: none; float: left; display: inline; width: auto; }
#nl-signup .input input { padding: 5px; width: 180px; height: 18px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #d8d6d6; background-color: #f8f8f8; }
#nl-signup .input input:focus { background: #FFFFCE; }
#nl-signup .input label { display: none; }
#nl-signup .buttons { width: 105px; }
#nl-signup .buttons input { width: 105px; height: 33px; cursor: pointer; }

.stay-connected { float: right; display: inline; width: 400px; }
.stay-connected li { float: right; display: inline; margin-left: 13px; padding: 0; width: 91px; height: 32px; }
.stay-connected li a { float: right; display: inline; height: 32px; width: 91px; background: url(/images/b_twitter.gif) no-repeat 0 0; text-indent: -9999em; }
.stay-connected li#facebook-icon a { background: url(/images/b_facebook.gif) no-repeat 0 0; }
.stay-connected li#linkedin-icon a { background: url(/images/b_linkedin.gif) no-repeat 0 0; }

#site-copyright { clear: right; float: right; padding-top: 10px; width: 400px; font-weight: bold; font-size: 75%; text-align: right; }

/*admin link*/
a#admin-edit {
	background:url("/images/i_admin-edit-bl.gif") no-repeat scroll 0 0 transparent;
	display:block;
	height:16px;
	position:fixed;
	right:0;
	text-indent:-9000em;
	top:0;
	width:16px;
}

/* =Homepage Specific Styles
==================================================================================================================*/
.feature { position: relative; height: 274px; background: url(/images/bg_intro.gif) no-repeat 0 0; text-indent: -9999em; }
.feature .b-partner a { position: absolute; top: 140px; left: 0; background: url(/images/b_partner.png) no-repeat 0 0; width: 231px; height: 48px; text-indent: -9999em; }

.benefits { position: relative; clear: both; margin: -38px 0 20px 0; width: 940px; background: url(/images/g_benefits.png) no-repeat 0 0; z-index: 200; }
.benefits h2 { display: none; }
ul.benefits-list, .benefits li.benefit, .benefits li.benefit a { position: relative; float: left; display: inline; width: 940px; height: 72px; margin: 0; padding: 0; }
ul.benefits-list { height: 76px; }
.benefits li.benefit { text-indent: -9999em; }
	.benefits li#b-compensation { width: 229px; }
	.benefits li#b-order-mgt { width: 240px;  }
	.benefits li#b-quote { width: 240px; }
	.benefits li#b-sales { width: 231px; }

.benefits .drop { position: absolute; top: 0; left: -9999em; float: left; display: inline; padding: 76px 20px 20px 20px; width: 189px; height: 176px; text-indent: 0; background: url(/images/bg_benefits-comp.png) no-repeat 0 0; z-index: 100; color: #fff; }
	.benefits li#b-order-mgt .drop { background-image: url(/images/bg_benefits-mgt.png); width: 200px; }
	.benefits li#b-quote .drop { background-image: url(/images/bg_benefits-quote.png); width: 200px; }
	.benefits li#b-sales .drop { background-image: url(/images/bg_benefits-sales.png); width: 191px; }
.benefits li:hover .drop { left: 0; visibility: visible; }
.benefits li ul { margin: 0; padding: 0; }
.benefits li ul li { padding: 0 0 0 15px; background: url(/images/icons/i_dbl-arrow.png) no-repeat 0 8px; list-style: none; }

.vendor-logos { position: relative; height: 97px; background: url(/images/bg_vendor-logos.gif) no-repeat 0 0; z-index: 150;  }
	.vendor-logos ul { float: left; display: inline; margin: 0; padding: 0 50px; width: 840px; height: 97px; }
	.vendor-logos li { float: left; display: inline; padding: 10px 0 15px 0; margin-right: 20px; height: 72px; width: auto; line-height: 72px; }
	/* cycle override */
	#vendor-logos-box, #vendor-logos-carousel { overflow:hidden; position:relative; margin:auto; }
	#vendor-logos-inner { position:relative; left:40px; width:800px; }
	#vendor-logos-carousel .carousel-buttons { }
	.vendor-logos .phrase { display:block; float:left; height:72px; line-height:72px; margin-right:20px; padding:10px 0 15px; width:125px; text-align: center; }
	.vendor-logos .phrase span { display:none; }
	
.logo-nav ul, .logo-nav li, .logo-nav a { margin: 0; padding: 0; width: auto; }
.logo-nav li a { position: absolute; left: 0; top: 33px; margin: 0; padding: 0; width: 28px; height: 31px; background: url(/images/sp_slider.gif) no-repeat 0 0; text-indent: -9999em; }
	.logo-nav li a:hover { background-position: 0 -31px; }
	.logo-nav li.disabled a { background-position: 0 -62px; }
.logo-nav li#next a { left: 912px; background-position: -28px 0; }
	.logo-nav li#next a:hover { background-position: -28px -31px; }
	.logo-nav li#next.disabled a { background-position: -28px -62px; }


.index .content { padding: 25px 0 0 0; background: url(/images/g_dot.gif) repeat-y 507px 0; }
.offerings { float: left; display: inline; width: 497px; padding: 0 10px 0 0; }
.offerings p { margin: 0 0 1em 0; font-family: gxn-book, helvetica, arial, sans-serif; font-size: 22px; line-height: 30px; }
	.offerings ul, .offerings li { float: left; display: inline; width: 485px; margin: 0; padding: 0; }
	.offerings li { width: 220px; margin: 0 0 5px 22px; }
	.offerings li a { float: left; width: 205px; padding: 0 0 0 15px; background: url(/images/icons/i_dbl-arrow.png) no-repeat 0 50%; text-decoration: none; }

.testimonials { float: right; display: inline; width: 432px; min-height: 286px; height: auto !important; height: 286px; background: url(/images/p_business-woman.jpg) no-repeat right bottom; }
	.testimonials blockquote { margin: 0; padding: 0 145px 0 75px; background: url(/images/g_quote.gif) no-repeat 30px 0; }
	.testimonials .customer { text-align: right; }
	.testimonials blockquote cite { text-align: right; font-size: 85%; font-weight: bold; color: #2c2c2c; }
	.testimonials ul, .testimonials li { list-style-type:none; padding:0px; margin:0px; }
.testimonials .read-more { padding: 0 0 0 45px; background: url(/images/icons/i_dbl-arrow.png) no-repeat 30px 50%; text-decoration: none;  }

.content .news { clear: both; padding: 0; background: url(/images/bg_news-top.gif) no-repeat 0 0; }
*+html .content .news { position: relative; margin: -1.5em 0 0 0; }
	.content .news h2 { position: relative; margin: -1.5em 0 0 0; } 
	.content .news ul { float: left; display: inline; width: 940px; margin: 0; padding: 7px 0; background: url(/images/bg_news-btm.gif) no-repeat left bottom; }
	.content .news li { float: left; display: inline; padding: 0; width: 312px; border-right: 1px solid #fff; }
		.content .news li.last { border: 0; }
	.content .news li a { float: left; display: inline; padding: 20px 20px 20px 30px; width: 262px; background: url(/images/icons/i_squares.gif) no-repeat 15px 26px; font-weight: bold; }

	


/* =Page X Specific Styles
==================================================================================================================*/
/* Inner Pages */
.inner .section { position: relative; padding: 22px 0 0 0; margin-top: -93px; height: 71px; color: #fff; }
.section h2 { margin: 0; color: #fff; font-family: gxn-book, helvetica, arial, sans-serif; font-size: 26px; line-height: 26px; font-weight: normal; }
.section em { font-family: gxn-book-italic, helvetica, arial, sans-serif; font-size: 18px; font-weight: normal; line-height: 20px; }

.inner .content h1 { font-size: 35px; font-weight: normal; }
.content .summary { margin-bottom: 1em; font-family: gxn-book, helvetica, arial, sans-serif; font-size: 21px; line-height: 26px; color: #126093; }


/* Testimonials Page */
body#testimonials .context-list { margin: 0; padding: 0; list-style: none; }
body#testimonials .context-list li { padding: 0 0 10px 0; border-bottom: 1px dotted #ccc; list-style: none; }
body#testimonials .context-list p { margin: 0 0 .5em 0; }
body#testimonials .context-list p.customer cite { font-weight: bold; font-size: 12px; }


/* News and Promotions Page */
#pagination { float: left; display: inline; width: 618px; padding: 10px; background: url(/images/bg_date.gif) repeat-x 0 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #ccc; }
#pagination-show-box { float: left; display: inline; width: 250px; }
	#pagination-show-box label { width: auto; margin-right: 10px; }
	#pagination-show-box select { width: auto; }
.pagination { float: right; display: inline; width: auto; margin: 0; padding: 5px; list-style: none; }
	.pagination li { display: inline; padding: 5px; border: 1px solid #f9f9f9; background: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px;  }
	.pagination li a { text-decoration: none; }
		.pagination li a:hover { text-decoration: underline; }
	.pagination li.on { background: #126093; }
		.pagination li.on a { color: #fff; }

.news-list { margin: 0; list-style: none; }
.news-list li { clear: both; margin: 0; padding: 10px 0; border-bottom: 1px dotted #ccc; list-style: none; }
.news-list h3 { width: 560px; margin: 0 0 .5em 77px; }
	.news-list h3 a { text-decoration: none; }
	.news-list h3 a:hover { text-decoration: underline; }
.news-list .timestamp { float: left; display: inline; padding: 5px; margin-right: 20px; width: 45px; text-align: center; border: 1px solid #ccc; background: url(/images/bg_date.gif) repeat-x 0 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	.news-list .timestamp span { display: block; font-style: normal; }
	.news-list .timestamp .day { font-size: 18px; font-weight: bold; }
.news-list .summary { padding: 0; margin-left: 77px; font-family: helvetica, arial, sans-serif; font-size: 14px; color: #5C5C5C; }
.news-list .more { margin: 0 0 .5em 0; padding: 0; margin-left: 77px; }
	.news-list .more a { padding: 0 0 0 15px; background: url(/images/icons/i_dbl-arrow.png) no-repeat 0 50%; text-decoration: none; }