/* Header Has a Fixed header colour set in template.css line 279*/
.jsn-color-blue #jsn-header-inner {
    background: #114C98;
}

/* Module Coloring is set in template.css 1218 */ 
.jsn-color-blue div.richbox-1 h3.jsn-moduletitle,
.jsn-color-blue div.richbox-2 h3.jsn-moduletitle{
	border-left: 2px solid #114C98;
}

/* remove massive gap between header/slider and slider/promo */
#jsn-content,
body.jsn-homepage #jsn-content {
    padding-top: 10px;
    margin-bottom: 10px;
}

#jsn-promo,
body.jsn-homepage #jsn-promo {
    padding: 10px 0 0px;
}

@media only screen and (max-width: 480px), (max-device-width: 480px) {
	body.jsn-homepage #jsn-promo {
	padding: 10px 0 10px !important;
	}
	body.jsn-homepage #jsn-content {
		padding-top: 10px !important;
		margin-bottom: 10px !important;
	}
}

Bugs

Right column getting cropped (not verified)

JSN Ferado template 1.0.3 sets width on desktop displays to 1170px. Other JSN templates set width to 960px. I think that is why the page is wider than the window for widths 960px to 1200px.

In template.css find the following code and change width: 1170px; to width: 960px;

#jsn-pos-topbar,
#jsn-topheader-inner,
#jsn-header-inner,
#jsn-promo-inner,
#jsn-pos-content-top,
#jsn-pos-content-top-below,
#jsn-pos-content-top-overbelow,
#jsn-content,
#jsn-content-bottom-inner,
#jsn-content-bottom-over-inner,
#jsn-content-bottom-overbelow-inner,
#jsn-usermodules3-inner,
#jsn-content-bottom-mid-inner,
#jsn-content-bottom-below-inner,
#jsn-footer-inner {
	margin: 0 auto;
	width: 1170px;
}