/* BASIC SETUP */
* { margin: 0; padding: 0; font-size: 1em; }
body { font-size: 1em; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; background: url(../images/bodybg.png) top center/100% auto repeat; color: #606060; }
strong { color: #404040; }

.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.valign-top { vertical-align: top; }
.valign-middle { vertical-align: middle; }
.valign-bottom { vertical-align: bottom; }

.clear { clear: both; font-size: 0; line-height: 0; height: 0px; }
.float-left { float: left; }
.float-right { float: right; }

p { margin-bottom: 1em; line-height: 1.5em; }
img { border: 0; }
a, a strong { color: #B6A900; }
a:hover { color: #777777; }
.hr hr { display: none; }
.hr { border-bottom: 1px solid #444444; margin-bottom: 1em; }
.error { color: #FF0000; }
.small { font-size: 0.75em; }

/* HEADINGS */
h1, h2, h3, h4, h5, h6 { margin-bottom: 0.8em; font-weight: normal; }
h1 { font-size: 1.8em; }
h2 { font-size: 1.2em; color: #4DA0D6; }
h3 { font-size: 1.1em; }
h4, h5, h6 { font-size: 1.1em; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; }

/* FORMS */
form {  }
fieldset { border: 0; }
input.text,  textarea.text { color: #000000; }
input.text-ghosted, textarea.text-ghosted { color: #808080; }
input, select, textarea { vertical-align: middle; border: 1px solid #888888; font-family: Arial, Helvetica, sans-serif; font-size: 1em; }
.form-button, .button { height: 21px; border: 0; background-color: #000000; color: #FFFFFF; cursor: pointer; width: auto; }
.form-button:hover, .button:hover { color: #000000 !important; }
.nolabels {  }
	.nolabels input.text, .nolabels input.text-ghosted, .nolabels textarea.text, .nolabels textarea.text-ghosted { width: 100%; }



/* PAGE STRUCTURE */

/* 'outer' header */
#header-outer { width: calc(100% + 120px); margin: 0px auto; padding: 10px; font-size: 0.8em; }

#bodyquotes { background: url(../images/bodybg_quotes.png) top center/100% auto no-repeat; }
#root { width: 800px; margin: 0px auto; }

	#header { position: relative; height: 115px; }
		#logo { position: absolute; left: -55px; top: 20px; }
		#strapline2 { position: absolute; right: 20px; top: 35px; color: rgb(77,160,214); font-size: 1.4em; text-align: right; }
			#strapline2 a { color: inherit; text-decoration: none; }
		#strapline { position: absolute; right: 20px; bottom: 20px; color: #C4BF00; font-size: 1em; font-weight: bold; text-align: right; }
			#strapline a { color: inherit; text-decoration: none; }

	.mainimages { margin-bottom: 20px; position: relative; }
	.mainimages .mainimage { position: absolute; top: 0; left: 0; width: 100%; display: none; }
		.mainimages .mainimage img { display: block; width: 100%; height: auto; border: 2px solid white; border-radius: 16px; box-shadow: 0 0 5px #202020; }
		.mainimages .mainimagequote { width: 100%; height: 100%; background: url(../images/slider_quotes.png) top left/100% auto no-repeat; position: absolute; top: 0; left: 80px; image-rendering: crisp-edges; }
		.mainimages .mainimagetext { position: absolute; top: 80px; left: 120px; color: white; font-size: 1.4em; width: 280px; }
		.mainimages .mainimagetext * { line-height: 1.6em; text-shadow: 0 0 0.5em #404040; }
		.mainimages .mainimagetext a { color: white; }
		/* IMAGE ROTATOR NAVI */
		.navi { position: absolute; bottom: 20px; right: 20px; z-index: 1000; }
			.navi a { display: block; float: left; width: 18px; height: 18px; margin-right: 5px; background-image: url(../images/pager.png); background-position: 0 0; }
				.navi a.activeSlide { background-position: 0 -18px; }
				.navi a:focus { outline: none; }
				.navi a span { display: none; }


	#main { position: relative; padding-top: 20px; }

		#center-column { float: left; width: calc(100% - 200px); position: relative; }
		#center-column.wide { float: none; width: 100%; position: relative; }
			#main-content { }
				#main-content ul, #main-content ol { margin-left: 1.5em; margin-bottom: 1em; }
					#main-content li { margin-bottom: 0.3em; }
					#main-content img {
						max-width: 100%; height: auto;
					}
			.pageimages { float: right; width: 240px; margin-top: 4em; margin-left: 25px; }
				.pageimage { margin-bottom: 15px; }
				.pageimage img { border-radius: 20px; }
			.testimonial-text.row0 { color: #978900; }
			.testimonial-from { text-align: right; color: #4DA0D6; font-size: 0.9em; margin-bottom: 1em; font-style: italic; }

		#right-column { float: right; width: 162px; }
			#right-column .balloon { margin-bottom: 15px }
			#right-column h2, #right-column h3 { margin-bottom: 0.2em; }
			#right-column h2 a { text-decoration: none; color: #202020 !important; }
			#right-footer { position: absolute; bottom: 0; right: 0; }

			#home-balloons { display: flex; flex-wrap: no-wrap; gap: 30px; margin-bottom: 30px; }
			#home-balloons .balloon { width: 25%; margin-left: 10px; }
			#home-balloons .balloon.casestudies { display: none; }
			.balloon { width: 100%; height: 107px; padding: 10px 15px; background-position: center; background-repeat: no-repeat; background-size: 120% 120%; border-radius: 1em; border: 5px solid rgba(255,255,255,.5); }
			.balloon h2, .balloon h3 { margin-bottom: 0.2em; }
			.balloon h2 a { text-decoration: none; color: #202020 !important; }
			.balloon.blue, .balloon.blue * { color: white; }
			.balloon.green, .balloon.green * { color: white; }
			.balloon.grey, .balloon.grey * { color: white; }
			.balloon.cyan, .balloon.cyan * { color: #404040; }

		#testimonialstrip { border-top: 1px solid #E2E2E2; border-bottom: 1px solid #E2E2E2; background-image: url(../images/testimonialstripbg.png); background-repeat: no-repeat; background-position: center center; padding: 20px 100px; margin-bottom: 20px; text-align: center; font-size: 1.3em; color: #4DA0D6; }
		#testimonialstrip p { margin-bottom: 0.25em; }
		#testimonialstrip a { font-size: 0.8em; color: #C4C000; font-weight: bold; }

	#logos-footer { padding: 10px 20px; text-align: center; }
	#logostrip { font-size: 0.9em; }

	/* MEGAMENU */
	#megamenu-footer {  }
		#megamenu-footer ul { float: left; margin: 0; padding: 0 25px 0 0; list-style-type: none; }
			#megamenu-footer ul li { margin: 0; padding: 0; }
			#megamenu-footer ul li.large { font-size: 1.3em; padding: 4px 0 0; }
				#megamenu-footer ul li a { display: block; padding: 0 0 6px; }

	#footer { background-color: #4c4c4c; padding: 20px; border-top-left-radius: 20px; border-top-right-radius: 20px; color: #909090; }
		#footer .float-left { }
		#footer .float-right { text-align: right; }
		#footer a { text-decoration: none; color: #A0A0A0; }

/* 'outer' footer */
#footer-outer { width: 980px; margin: 0px auto; padding: 10px; font-size: 0.8em; }

form { width: 350px; border-radius: 20px; border: 4px solid #D9D9D9; background-color: #BFBFBF; padding: 20px; }
fieldset dl dt { clear: left; float: left; width: 100px; margin-bottom: 4px; color: white; font-weight: bold; padding-top: 3px; }
fieldset dl dd { margin-left: 110px; margin-bottom: 4px; }
fieldset dl dd input.text, fieldset dl dd textarea { width: 236px; padding: 2px; }
fieldset dl dd input.submit { float: right; color: white; font-weight: bold; background-color: #c4bf00; border: 2px solid #DDD997; border-radius: 16px; padding: 5px 10px; }
.fielderror { color: #FF0000; }

/* FANCYBOX PAGE */
body.popup { background-image: none; }
	#popup-root {  }

/* TABS */
.tabs ul { list-style-type: none; padding: 0; margin: 0; }
	.tabs ul li { float: left; margin: 0; padding: 0; }
		.tabs ul li a { display: block; background-color: #000000; color: #FFFFFF; text-align: center; padding: 1px 5px; margin-right: 2px; }

/* IMPORTANT LINKS */
.important-links ul { list-style-type: none; padding: 0; margin: 0; }
	.important-links ul li { float: left; margin: 0; padding: 0; }
		.important-links ul li a { display: block; text-align: center; padding: 0 10px 0 0; margin-right: 2px; }

/* FACEBOOK */
.fb-comments { }
.fb-like {  }





/* lg (large) + */
@media only screen and (min-width: 991.98px) {

#root { width: 900px; }


}

/* xl (extra large) + */
@media only screen and (min-width: 1199.98px) {

#root { width: 1100px; }


}

/* xl (extra large) + */
@media only screen and (min-width: 1399.98px) {

#root { width: 1300px; }


}
/* GOTHAM */

@font-face {
    font-family: 'gotham-book';
    src: url('fonts/gotham-book.eot');
    src: url('fonts/gotham-book.eot?#iefix') format('embedded-opentype'),
         url('fonts/gotham-book.woff') format('woff'),
         url('fonts/gotham-book.ttf') format('truetype'),
         url('fonts/gotham-book.svg#gotham-book') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gotham-bold';
    src: url('fonts/gotham-bold.eot');
    src: url('fonts/gotham-bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/gotham-bold.woff') format('woff'),
         url('fonts/gotham-bold.ttf') format('truetype'),
         url('fonts/gotham-bold.svg#gotham-bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gotham-light';
    src: url('fonts/gotham-light.eot');
    src: url('fonts/gotham-light.eot?#iefix') format('embedded-opentype'),
         url('fonts/gotham-light.woff') format('woff'),
         url('fonts/gotham-light.ttf') format('truetype'),
         url('fonts/gotham-light.svg#gotham-light') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* HAND OF SEAN */
@font-face {
    font-family: 'HandOfSeanRegular';
    src: url('fonts/handofsean-webfont.eot');
    src: url('fonts/handofsean-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/handofsean-webfont.woff') format('woff'),
         url('fonts/handofsean-webfont.ttf') format('truetype'),
         url('fonts/handofsean-webfont.svg#HandOfSeanRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* MYRIAD PRO */

@font-face {
    font-family: 'myriadpro-regular';
    src: url('fonts/myriadpro-regular.eot');
    src: url('fonts/myriadpro-regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/myriadpro-regular.woff') format('woff'),
         url('fonts/myriadpro-regular.ttf') format('truetype'),
         url('fonts/myriadpro-regular.svg#myriadpro-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'myriadpro-semibold';
    src: url('fonts/myriadpro-semibold.eot');
    src: url('fonts/myriadpro-semibold.eot?#iefix') format('embedded-opentype'),
         url('fonts/myriadpro-semibold.woff') format('woff'),
         url('fonts/myriadpro-semibold.ttf') format('truetype'),
         url('fonts/myriadpro-semibold.svg#myriadpro-semibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'myriadpro-condensed';
    src: url('fonts/myriadpro-cond.eot');
    src: url('fonts/myriadpro-cond.eot?#iefix') format('embedded-opentype'),
         url('fonts/myriadpro-cond.woff') format('woff'),
         url('fonts/myriadpro-cond.ttf') format('truetype'),
         url('fonts/myriadpro-cond.svg#myriadpro-condensed') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* GARAMOND */

@font-face {
    font-family: 'garamondpro-regular';
    src: url('fonts/garamondpro-regular.eot');
    src: url('fonts/garamondpro-regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/garamondpro-regular.woff') format('woff'),
         url('fonts/garamondpro-regular.ttf') format('truetype'),
         url('fonts/garamondpro-regular.svg#garamondpro-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'garamondpro-italic';
    src: url('fonts/garamondpro-italic.eot');
    src: url('fonts/garamondpro-italic.eot?#iefix') format('embedded-opentype'),
         url('fonts/garamondpro-italic.woff') format('woff'),
         url('fonts/garamondpro-italic.ttf') format('truetype'),
         url('fonts/garamondpro-italic.svg#garamondpro-italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* VAG ROUNDED */

@font-face { 
	font-family: 'vaglight'; 
	src: url('fonts/vaglight.eot'); 
	src: url('fonts/vaglight.eot?#iefix') format('eot'), 
		 url('fonts/vaglight.woff') format('woff'),
		 url('fonts/vaglight.ttf') format('truetype'),
		 url('fonts/vaglight.svg#vaglight') format('svg');
	font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'vagbold';
    src: url('fonts/vagbold.eot');
    src: url('fonts/vagbold.eot?#iefix') format('embedded-opentype'),
         url('fonts/vagbold.woff') format('woff'),
         url('fonts/vagbold.ttf') format('truetype'),
         url('fonts/vagbold.svg#vagbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* FSLOLA */

@font-face {
    font-family: 'FSLolaLight';
    src: url('fonts/fslola-light.eot');
    src: url('fonts/fslola-light.eot?#iefix') format('embedded-opentype'),
         url('fonts/fslola-light.woff') format('woff'),
         url('fonts/fslola-light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FSLolaMedium';
    src: url('fonts/fslola-medium.eot');
    src: url('fonts/fslola-medium.eot?#iefix') format('embedded-opentype'),
         url('fonts/fslola-medium.woff') format('woff'),
         url('fonts/fslola-medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FSLolaRegular';
    src: url('fonts/fslola-regular.eot');
    src: url('fonts/fslola-regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/fslola-regular.woff') format('woff'),
         url('fonts/fslola-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FSLolaBold';
    src: url('fonts/fslola-bold.eot');
    src: url('fonts/fslola-bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/fslola-bold.woff') format('woff'),
         url('fonts/fslola-bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'FSLolaLightItalic';
    src: url('fonts/fslolalightitalic.eot');
    src: url('fonts/fslolalightitalic.eot?#iefix') format('embedded-opentype'),
         url('fonts/fslolalightitalic.woff') format('woff'),
         url('fonts/fslolalightitalic.ttf') format('truetype'),
         url('fonts/fslolalightitalic.svg#fslolalightitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FSLolaMediumItalic';
    src: url('fonts/fslolamediumitalic.eot');
    src: url('fonts/fslolamediumitalic.eot?#iefix') format('embedded-opentype'),
         url('fonts/fslolamediumitalic.woff') format('woff'),
         url('fonts/fslolamediumitalic.ttf') format('truetype'),
         url('fonts/fslolamediumitalic.svg#fslolamediumitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FSLolaItalic';
    src: url('fonts/fslolaitalic.eot');
    src: url('fonts/fslolaitalic.eot?#iefix') format('embedded-opentype'),
         url('fonts/fslolaitalic.woff') format('woff'),
         url('fonts/fslolaitalic.ttf') format('truetype'),
         url('fonts/fslolaitalic.svg#fslolaitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FSLolaBoldItalic';
    src: url('fonts/fslolabolditalic.eot');
    src: url('fonts/fslolabolditalic.eot?#iefix') format('embedded-opentype'),
         url('fonts/fslolabolditalic.woff') format('woff'),
         url('fonts/fslolabolditalic.ttf') format('truetype'),
         url('fonts/fslolabolditalic.svg#fslolabolditalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* OTHER OFT-USED FONTS */

@font-face {
    font-family: 'GillSansMT';
    src: url('fonts/gillsansmt.eot');
    src: url('fonts/gillsansmt.eot?#iefix') format('embedded-opentype'),
         url('fonts/gillsansmt.woff') format('woff'),
         url('fonts/gillsansmt.ttf') format('truetype'),
         url('fonts/gillsansmt.svg#gillsansmt') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'futura-book';
    src: url('fonts/futura-book.eot');
    src: url('fonts/futura-book.eot?#iefix') format('embedded-opentype'),
         url('fonts/futura-book.woff') format('woff'),
         url('fonts/futura-book.ttf') format('truetype'),
         url('fonts/futura-book.svg#FuturaBook') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'din-bold';
    src: url('fonts/din-bold.eot');
    src: url('fonts/din-bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/din-bold.woff') format('woff'),
         url('fonts/din-bold.ttf') format('truetype'),
         url('fonts/din-bold.svg#DinBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'din-regular';
    src: url('fonts/din-regular.eot');
    src: url('fonts/din-regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/din-regular.woff') format('woff'),
         url('fonts/din-regular.ttf') format('truetype'),
         url('fonts/din-regular.svg#DinRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'angelina';
    src: url('fonts/angelina.eot');
    src: url('fonts/angelina.eot?#iefix') format('embedded-opentype'),
         url('fonts/angelina.woff') format('woff'),
         url('fonts/angelina.ttf') format('truetype'),
         url('fonts/angelina.svg#Angelina') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'novarese-italic';
    src: url('fonts/novaresestd_bookitalic-webfont.eot');
    src: url('fonts/novaresestd_bookitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/novaresestd_bookitalic-webfont.woff') format('woff'),
         url('fonts/novaresestd_bookitalic-webfont.ttf') format('truetype'),
         url('fonts/novaresestd_bookitalic-webfont.svg#NovareseItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'helvetica-nul';
    src: url('fonts/helveticaneue-ultralight.eot');
    src: url('fonts/helveticaneue-ultralight.eot?#iefix') format('embedded-opentype'),
         url('fonts/helveticaneue-ultralight.woff') format('woff'),
         url('fonts/helveticaneue-ultralight.ttf') format('truetype'),
         url('fonts/helveticaneue-ultralight.svg#HelveticaNeueUltraLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ExPonto';
    src: url('fonts/exponto.eot');
    src: url('fonts/exponto.eot?#iefix') format('embedded-opentype'),
         url('fonts/exponto.woff') format('woff'),
         url('fonts/exponto.ttf') format('truetype'),
         url('fonts/exponto.svg#exponto') format('svg');
    font-weight: normal;
    font-style: normal;
}/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_line.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */

.main-navigation { position: relative; z-index: 100; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; }
* html .main-navigation { padding-bottom: 0; }
	.main-navigation ul { list-style-type: none; margin: 0; padding: 0; }
		.main-navigation li { float: left; position: relative; margin: 0; padding: 0; }

			/* style the first level links */
			.main-navigation a { display: block; text-decoration: none; color: #808080; padding: 0 12px 0 7px; height: 30px; line-height: 30px; background-image: url(../images/nav_separator.png); background-repeat: no-repeat; background-position: center right; }
			.main-navigation a.active { color: #C4C000; text-decoration: underline; }
			.main-navigation a.first {  }
			.main-navigation a.last { border: 0; background-image: none; }
			/* style the top level hover */
			.main-navigation a:hover, .main-navigation :hover > a, .main-navigation ul ul :hover > a { color: #C4C000; }

			/* style the second level links */
			.main-navigation ul ul a { text-align: left; padding: 10px 0px 8px 13px; height: auto; text-transform: none; border: 0; background-image: url(../images/black-trans.png); /*opacity: .8; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";*/ color: #FFFFFF; line-height: normal; }
			.main-navigation ul ul a.active2 {  }
			.main-navigation ul ul a.first2 {  }
			.main-navigation ul ul a.last2 {  }
			/* style the second level hover */
			.main-navigation ul ul a:hover, .main-navigation ul ul :hover > a { background-color: #000000; color: #FFFFFF; }

			/* style the third level links */
			.main-navigation ul ul ul a {  }
			.main-navigation ul ul ul a.first2 {  }
			.main-navigation ul ul ul a.last2 {  }
			/* style the third level hover */
			.main-navigation ul ul ul a:hover { background-color: #000000; color: #FFFFFF; }


/* hide the sub levels and give them a positon absolute so that they take up no room */
.main-navigation ul ul { margin: 0; padding: 0; visibility: hidden; position: absolute; width: 200px; height: 0; top: 30px; left: 0; }
/* another hack for IE5.5 */
* html .main-navigation ul ul { top: 30px; t\op: 31px; }
/* position the third level flyout menu */
.main-navigation ul ul ul { left: 200px; top: 0px; width: 150px; border-top: 0; }
/* style the table so that it takes no part in the layout - required for IE to work */
.main-navigation table { position: absolute; top: 0; left: 0; }


/* DON'T NEED TO CHANGE */

/* make the second level visible when hover on first level list OR link */
.main-navigation ul li:hover ul,
.main-navigation ul a:hover ul{ visibility: visible; }
/* keep the third level hidden when you hover on first level list OR link */
.main-navigation ul :hover ul ul{ visibility: hidden; }
/* make the third level visible when you hover over second level list OR link */
.main-navigation ul :hover ul :hover ul{ visibility: visible; }

.main-navigation ul ul li { float: none; margin: 0px; padding: 0px; }
/* yet another hack for IE5.5 */
* html .main-navigation ul ul a { width: 140px; w\idth: 139px; }.vertical-navigation { margin-bottom: 10px; }
	.vertical-navigation ul { list-style-type: none; margin: 0; padding: 0; }
		.vertical-navigation ul li { margin: 0; padding: 0; }
			.vertical-navigation ul li a { display: block; padding: 5px; }
			.vertical-navigation ul ul { padding-left: 10px; margin-bottom: 5px; }
				.vertical-navigation ul ul li a {  }.large-paragraph { font-size: 1.4em; }