/*	--------------------------------------------------
	Styles for Across Multiple Pages
	-------------------------------------------------- */

	/*	Edit links ---------- */
	a.post-edit-link { background: rgba(0,0,0,0.5); display: block; padding: 7px 10px; color: #fff; text-decoration: none; font-size: 14px; font-weight: bold; position: absolute; top: -28px; right: 10px; }
	a.post-edit-link:hover { background: rgba(0,0,0,.75); }

	/*	Sidebar Styles ---------- */
	div#contentSec h3 { font-weight: normal; color: #555; letter-spacing: 0; }

	/*	Default styles for listing a series of posts ----------- */
	ul.recent-posts, ul.recent-posts ul,
	div#contentSec ul.recent-posts { margin: 0 0 9px; padding: 0; list-style: none; }
	ul.recent-posts li { padding: 0 0 9px; }
	ul.recent-posts a,
	ul.recent-posts a:visited { text-decoration: none; }
	ul.recent-posts span a,
	ul.recent-posts span a:visited { font-weight: normal; color: #777; }
	ul.recent-posts span a:hover { color: #555; }
	
	/*	Screenshots ---------- */
	div.screenshots { width: 620px; margin: 0 0 18px -20px; height: 135px; }
	div.screenshots a,
	div.screenshots a:visited { display: inline; width: 180px; height: 135px; float: left; margin-left: 15px; cursor: default; }


/*	--------------------------------------------------
	Front Page (Home)
	-------------------------------------------------- */

	/*	The Main H1/h2 and Call to Action ---------- */
	div#jumbotron { height: 153px; margin: 0 20px; }
	div#jumbotron h1 { font-size: 45px; color: #fff; letter-spacing: -2px; }
	div#jumbotron p { font-size: 21px; line-height: 24px; color: #fff; margin: 0 0 9px; }
	div#jumbotron p strong { display: inline-block; background: url(../images/global/black-1by1.png); padding: 4px 10px 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
	div#jumbotron p a, div#jumbotron p a:visited { color: #9acfec; }
	div#jumbotron p a:hover { color: #fff; }
	
	/*	Fix up our blockquote in the main section ---------- */
	body#frontPage blockquote { float: right; width: 200px; }
	
	/*	Three Pieces of Strategic Advantage on the Homepage ---------- */
	div#strategicAdvantage { margin: 0 240px 27px 0; }
	div#strategicAdvantage div { padding-left: 40px; background-position: 0 0; background-repeat: no-repeat; }
	div#strategicAdvantage div.advertising { background-image: url(../images/home/icons/briefcase.png); }
	div#strategicAdvantage div.attribution { background-image: url(../images/home/icons/target.png); }
	div#strategicAdvantage div.profit { background-image: url(../images/home/icons/profit-tracking.png); }
	
	/*	Awards section on the homepage ---------- */
	div#awards { margin: 0 0 18px; padding: 9px 0 0; }
	div#awards ul { margin: -9px 0 0 -10px; padding: 0; list-style: none; }
	div#awards li { display: inline; float: left; margin: 0 0 9px 10px; }


/*	--------------------------------------------------
	Home Page (Blog)
	-------------------------------------------------- */
	div.post { position: relative; margin: 0 0 45px; }
	div.post a.post-edit-link { display: none; }
	
	div.post div.header { margin: 0 0 18px; padding: 0 50px 0 0; }
	div.post div.header img { float: left; }
	div.post div.header h2 { margin-left: 50px; padding: 0 0 6px; font-size: 24px; line-height: 27px; }
	div.post div.header h2 small { font-weight: bold; color: #777; font-size: 18px; letter-spacing: 0; }
	div.post div.header h4 { margin-left: 50px; font-size: 14px; line-height: 20px; color: #777; font-weight: normal; }
	div.post div.header h4 a { font-weight: normal; }
	
	div.post div.content { padding: 0 50px; }
	
	ul#followUs {  }
	ul#followUs li { background-position: 0 3px; background-repeat: no-repeat; padding: 3px 0 3px 22px; }
	ul#followUs li.facebook { background-image: url(../images/sections/blog/facebook.gif); }
	ul#followUs li.slideshare { background-image: url(../images/sections/blog/slideshare.gif); }
	ul#followUs li.youtube { background-image: url(../images/sections/blog/youtube.gif); }
	
	div#twitter div.tweet { background: #ebf7fc url(../images/sections/blog/twitter-top.gif) no-repeat 0 0; margin-right: 20px; }
	div#twitter div.tweet div.wrap { background: url(../images/sections/blog/twitter-bottom.gif) no-repeat bottom left; padding: 18px 18px 27px; }
	div#twitter p { background: url(../images/sections/blog/twitter-bird.gif) no-repeat 0 0; height: 45px; padding-left: 60px;  }
	div#twitter div.tweet p { margin: 0; background: none; padding: 0; height: auto; }

	p.postmetadata { background: #ebf7fc; padding: 18px 20px; -webkit-border-radius: 6px; -moz-border-radius: 6px; }

	ol.commentlist { margin: 18px 0; padding: 0; list-style: none; }
	ol.commentlist li.comment { border-top: 1px solid #ddd; padding: 13px 0; }
	.commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff; }
	.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal;  }
	.commentlist p { font-weight: normal; text-transform: none; }
	.commentmetadata { font-weight: normal; margin-bottom: 18px; }
	.commentmetadata a { color: #777; text-decoration: none; }
	
	form#commentform {  }
	form#commentform textarea { width: 500px; height: 108px; }


/*	--------------------------------------------------
	Product Overview Page
	-------------------------------------------------- */
	body#productPage {  }
	body#productPage div.page-header { xpadding-right: 200px; }
	body#productPage div.page-header h1 {  }
	body#productPage div.page-header p { padding-right: 200px; }
	
	body#productPage div#contentMain { background-image: url(../images/sections/product/sextant.png); background-position: right top; }

	div.product-page { height: 135px; }
	div.product-page img { float: left; margin: 0; }
	div.product-page h3,
	div.product-page p { margin-left: 200px; }
	div.product-page h3 { padding: 18px 0 0; }

/*	--------------------------------------------------
	Professional Services Page
	-------------------------------------------------- */
	body#professional-servicesPage {  }
	body#professional-servicesPage div.page-header { xpadding-right: 220px; }
	body#professional-servicesPage div.page-header h1 {  }
	body#professional-servicesPage div.page-header p { padding-right: 260px; }
	
	body#professional-servicesPage div#contentMain { background-image: url(../images/sections/services/ships-wheel.jpg); }

	div.pro-service { margin: 0 0 26px; padding: 0 0 9px; border-bottom: 1px solid #ddd; }
	div.pro-service h3,
	div.pro-service p { margin-left: 40px; }
	div.pro-service img { float: left; }

/*	--------------------------------------------------
	Customers Overview Page
	-------------------------------------------------- */
	body#customersPage {  }
	body#customersPage div.page-header { padding-right: 220px; }
	body#customersPage div.page-header h1 {  }
	
	body#customersPage div#contentMain { background-image: url(../images/sections/customers/pulley.jpg); }
	
	div.customers { width: 280px; float: right; margin: 0 0 18px; }
	div.customers ul { margin: 0; padding: 0; list-style: none; text-align: center; }
	div.customers li { display: inline; padding: 10px; }

	div#contentMain p img.add-border { border: 1px solid #999; margin: 0 auto; display: block; }

/*	--------------------------------------------------
	Partners Overview Page
	-------------------------------------------------- */
	body#partnersPage {  }
	body#partnersPage div.page-header { padding-right: 200px; }
	body#partnersPage div.page-header h1 {  }
	
	body#partnersPage div#contentMain { background-image: url(../images/sections/partners/compass.jpg); }
	
	div.partners { width: 170px; float: right; margin: 0 0 18px; padding-left: 20px; }
	div.partners img { display: block; margin: 0 auto 9px; }

/*	--------------------------------------------------
	Support Overview Page
	-------------------------------------------------- */
	body#supportPage {  }
	body#supportPage div.page-header { padding-right: 190px; }
	body#supportPage div.page-header h1 {  }
	
	body#supportPage div#contentMain { background-image: url(../images/sections/product/lifesaver.jpg); }



/*	--------------------------------------------------
	About Pages
	-------------------------------------------------- */
	body#aboutPage {  }
	body#aboutPage div.page-header { padding-right: 180px; }
	body#aboutPage div.page-header h1 {  }
	
	body#aboutPage div#contentMain { background-image: url(../images/sections/about/anchor.jpg); background-position: right top; }
	
	div#pressCareers { margin-right: ; }
	div#pressCareers h4,
	div#pressCareers p { margin-left: 40px; }
	div#pressCareers p.left { margin: 0; }

	ul#companyHistory { margin: 0; padding: 0; list-style: none; }
	ul#companyHistory li { border-top: 1px solid #eee; padding: 9px 0 8px; }
	ul#companyHistory strong { float: left; }
	ul#companyHistory span { display: block; margin-left: 160px; }
	
	div.team-member h3,
	div.team-member p { margin-left: 220px; }
	div.team-member h3 em { font-size: 14px; line-height: 1; display: block; margin: 0 0 9px; letter-spacing: 0; }
	div.team-member img { float: left; margin: 0; border: 0 !important; }
	
	ul.press-releases { margin: 0; padding: 0 0 18px; list-style: none; }
	ul.press-releases li { padding: 0 0 18px; }
	ul.press-releases li h5 { font-size: 18px; line-height: 24px; }
	ul.press-releases p { margin: 0; color: #777; }
	ul.press-releases p a,
	ul.press-releases p a:visited { color: #777; text-decoration: none; }
	ul.press-releases p a:hover { color: #555; }

/*	--------------------------------------------------
	Contact Page
	-------------------------------------------------- */
	body#contactPage {  }
	body#contactPage div.page-header {  }
	body#contactPage div.page-header h1 {  }
	
	body#contactPage div.column-row { width: 900px; }

	body#contactPage div#contentMain { background-image: url(../images/sections/contact/binoculars.jpg); }
	
	div#callOrEmail div { padding: 18px 0; height: 45px; }
	div#callOrEmail p,
	div#callOrEmail h3 { margin: 0 0 0 40px; }
	div#callOrEmail img { float: left; margin: 0; }
	
	form#contactForm, div.thanks { background: #fff9eb; padding: 18px 30px 27px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
	div.thanks { margin: 18px 0 90px; }
	div.form-header { border-bottom: 1px solid #fff; margin: 0 0 18px; }
	div.form-header h3 { position: relative; margin: 0; padding: 0 0 8px; border-bottom: 1px solid #e5e0d3; }
	div.form-header h3 small { position: absolute; right: 0; top: 11px; margin: 0; padding: 0; font-size: 13px; letter-spacing: 0; color: #c00; }

	form#contactForm fieldset {  }
	form#contactForm fieldset div { margin-left: 160px; }
	form#contactForm label { display: block; float: left; width: 140px; padding: 5px 0 0; }	
	form#contactForm label span { font-weight: bold; color: #c00; padding: 0 2px; }	
	form#contactForm input.text-input { width: 160px; }
	form#contactForm input.medium { width: 270px; }
	form#contactForm textarea { width: 350px; }
	
	form#contactForm select.usa option.usa { display: block; }
	form#contactForm select.usa option.canada { display: none; }
	
	form#contactForm select.canada option.canada { display: block; }
	form#contactForm select.canada option.usa { display: none; }

	form#contactForm fieldset#names { height: 27px; }
	form#contactForm fieldset#names input.text-input { float: left; margin-right: 10px; }

	form#contactForm ul.options { margin-left: 160px; }
	form#contactForm ul.options li label { float: none; width: auto; }

	
	form#contactForm button#sendMessage { background: url(../images/sections/contact/button-send-message.gif) no-repeat; overflow: hidden; width: 133px; height: 30px; margin: 0 0 0 160px; text-indent: -999em; cursor: pointer; display: block; }
	form#contactForm button#sendMessage:hover { background-position: 0 -30px; }
	
	
	form#contactForm fieldset.error {  }
	
/*	--------------------------------------------------
	Sub Pages
	-------------------------------------------------- */
	div#contentMain.sub-page { background-image: url(../images/sections/watermark.jpg); }