* {margin: 0; padding: 0;}
html{ background-color: transparent; width: 100%; height: 100%; overflow: hidden; margin: 0; }
body { font-size: 100%; font-family: latolight, helvetica, arial, sans-serif; line-height: 1.5; width: 100%; height: 100%; min-height: 100%; }

	#wrapper { background-color: #fff; background-repeat: repeat; position: relative; width: 100%; overflow: visible; min-width: 320px; min-height: 100%; max-width: 100%; }
		img.highresbackground { background-repeat: repeat-y; position: absolute; right: 0; height: 100%; z-index: -10; visibility: hidden; min-width: 750px; margin-right: 0; display: block; }
		img.background { background-repeat: no-repeat; position: absolute; right: 0; height: 100%; z-index: -10; visibility: hidden; min-width: 750px; margin-right: 0; display: block; }
		img.portraitbackground { background-repeat: no-repeat; position: absolute; right: 0; bottom: 0; width: 100%; z-index: -10; visibility: hidden; min-width: 750px; margin-right: 0; display: block; }

		#header { background-color: #333024; background-repeat: no-repeat; position: absolute; top: 0; width: 100%; height: 90px; overflow: visible; min-width: 320px; max-width: 100%; }
		#logo-searchbox { position: absolute; top: 0.8em; width: 100%; height: 1.9em; }
			img.logoimage { height: 1.9em; overflow: hidden; float: left; margin-left: -14px; padding-left: 5%; border-style: none; outline-style: none; display: block; }
			#searchbox { color: #fff; background-repeat: no-repeat; background-position: 200px 0; text-align: right; width: 300px; height: 1.9em; z-index: 6; overflow: hidden; visibility: visible; float: right; margin-right: 45px; }
			#searchbox input[type="text"] { color: #fff; font-size: 0.9em; font-weight: normal; font-style: normal; font-variant: normal; line-height: normal; background: url(images/Searchbox-long.png) no-repeat 0 center; border: solid 1px transparent; position: absolute; right: 100px; width: 160px; height: 1.9em; z-index: 5; visibility: visible; float:
				none; padding-right: -30px; padding-left: 28px; outline-style: none; }
			#nav { color: #000; font-size: 100%; font-weight: normal; background-repeat: no-repeat; text-align: left; position: absolute; top: 50px; left: 4.5%; width: 100%; list-style:none; height: 40px; z-index: 4; overflow: hidden; float: none; border-color: #ccc; display: block; }
			#nav a { color: #000; font-size: 105%; font-family: latolight, helvetica, arial, sans-serif; font-weight: normal; text-decoration: none; margin-right: 2%; padding-top: 5px; padding-bottom: 1px; display:inline-block; }
			#nav li {position:relative; display:inline;}
			#nav li:hover a { color: #000; font-weight: normal; background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; text-decoration:none; border-bottom: 1px solid #000; }
			#nav li:active a, .currentnav { color: #000; font-weight: normal; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-decoration
				:none; border-bottom: 1px solid #000; }
			#homeslogan { color: #000; font-size: 1.8em; font-weight: normal; font-style: normal; line-height: 2em; text-align: center; position: absolute; top: 35%; left: 4.5%; width: 85%; z-index: 10; visibility: hidden; float: none; display: block; }
			img.slogan { text-align: left; top: 0; width: 80%; z-index: 6; visibility: visible; float: none; padding-left: 0.5%; display: block; }
			#error404message { color: #000; font-family: helvetica, arial, sans-serif; font-weight: normal; font-style: normal; position: absolute; top: 43%; left: 4.25%; width: 80%; z-index: 10; visibility: visible; float: none; display: block; }
			#contenthome { color: #000; font-family: latolight, helvetica, arial, sans-serif; background-repeat: repeat-x; background-position: left top; text-decoration: none; position: absolute; top: 40%; left: 4.5%; right: 0; width: 80%; height: 50%; z-index: 5; overflow:auto; visibility: visible; float: none; clear: both; display: block; }	
			#content { color: #f96; font-family: latolight, helvetica, arial, sans-serif; font-weight: normal; background-repeat: repeat-x; background-position: left top; text-decoration: none; position: absolute; top: 20%; left: 50px; right: 0; width: 80%; height: 64%; z-index: 5; overflow:auto; visibility: visible; float:
			 none; clear: both; padding-right: 30px; display: block; }
			#categories-sidebar{ width: 30%; float: right; clear: right; min-width: 300px; padding-top: 160px; }
			#blogsearchbox { color: #fff; text-align: left; width: 275px; height: 40px; z-index: 6; overflow: visible; visibility: hidden; margin-bottom: 16px; padding-bottom: 10px; border-bottom: 1px solid #ccc; }
			#catnav { font-size: 1em; padding-top: 2px; padding-bottom: 10px; padding-left: 20px; list-style-type: square; white-space: inherit; }
			#catnav a { color: #363535; font-size: 1em; text-decoration: none; }
			#catnav li { color: #030; text-decoration: none; }
			#catnav li:hover a { color: #00f; text-decoration: none; border-bottom: 1px ridge #00f; }
			#catnav li:active a, .currentcat { color: #030; text-decoration: none; border-bottom: 1px ridge #030; }
			.categories-heading { color: #363535; font-size: 1.05em; font-family: latosemibold-webfont; font-weight: normal; font-style: normal; background-repeat:
				no-repeat; background-position: 0 0; text-align: left; }
			#blog { color: #fbfdfc; font-family: latolight, helvetica, arial, sans-serif; font-weight: normal; background-repeat: repeat; text-decoration: none; width: 50%; height: 85%; z-index: 5; overflow:hidden; visibility: visible; margin-top: 90px; margin-bottom: 110px; margin-left: 4.25%; display: block; }
			.blogheading{ color: #363535; font-size: 1.05em; }
			.introblurb { color: #000; font-size: 1.05em; line-height: 1.4em; }
			.bloglink a:link { color: #090; font-size: 1em; font-weight: normal; line-height: 1.4em; text-decoration: none; border-bottom: 1px solid #090; }
			.bloglink a:visited { color: #090; font-weight: normal; text-decoration: none; border-bottom: 1px solid #090; }
			.bloglink a:hover { color: #00f; font-weight: normal; font-style: normal; text-decoration: none; border-bottom: 1px solid #00f; }
			.bloglink a:active { color: #00f; font-weight: normal; font-style: normal; text-decoration: none; border-bottom: 1px solid #00f; }	
			.contentlink a:link { color: #090; text-decoration: none; padding-bottom: 1px; border-bottom: 1px solid #090; }
			.contentlink a:visited { color: #090; text-decoration: none; border-bottom: 1px solid #090; }
			.contentlink a:hover { color: #090; font-weight: normal; font-style: normal; text-decoration: none; padding-bottom: 1px; border-bottom: 2px solid #090; }
			.contentlink a:active { color: #090; font-style: normal; text-decoration: none; padding-bottom: 1px; border-bottom: 1px solid #090; }
			.textitalics { font-family: latolight_italic; }
			p { color: #000; font-size: 1em; font-family: latolight, helvetica, arial, sans-serif; line-height: 1.4em; margin-top: 1em; }
			p + p {line-height: 1.4em; margin-top: 1.1em}

			h1 { color: #363535; font-size: 1.1em; font-family: latosemibold-webfont, helvetica, arial, sans-serif; font-weight: normal; font-style: normal; background-repeat:
				no-repeat; background-position: 0 0; text-align: left; margin-bottom: 0.2em; }
			h2 { color: #000; font-size: 1em; font-family: latosemibold-webfont, helvetica, arial, sans-serif; font-weight: 400; font-style: normal; background-repeat:
				no-repeat; background-position: 0 0; text-align: left; margin-top: 2.2em; margin-bottom: 0.2em; }

			#footer { color: #d8d8d8; font-size: 1em; background-image: url(images/footer-background.png); background-repeat: repeat-x; text-align: center; position: absolute; bottom: 0; width: 100%; height: 0; overflow: hidden; visibility: hidden; float: none; max-width: 100%; display: block; }
			#copyrightnotice{ color: #d8d8d8; font-size: 0.8em; font-family: latolight, helvetica, arial, sans-serif; font-weight: normal; text-align: center; position: absolute; bottom: 16px; width: 100%; height:
				0; overflow: visible; visibility: hidden; max-width: 100%; display: block; }
			.footerlink a:link { color: #d8d8d8; text-decoration: none; padding-bottom: 1px; border-bottom: 1px solid #e0d4c4; }
			.footerlink a:visited { color: #d8d8d8; text-decoration: none; border-bottom: 1px solid #e0d4c4; }
			.footerlink a:hover { color: #fff; font-weight: normal; font-style: normal; text-decoration: none; padding-bottom: 1px; border-bottom: 1px solid #fff; }
			.footerlink a:active { color: #fff; font-style: normal; text-decoration: none; padding-bottom: 1px; border-bottom: 1px solid #fff; }

			@font-face {font-family: 'latolight_italic';
    		src: url(lato-lightitalic-webfont.eot);
    		src: url(lato-lightitalic-webfont.eot?#iefix) format('embedded-opentype'),
  		    url(lato-lightitalic-webfont.woff2) format('woff2'),
  		    url(lato-lightitalic-webfont.woff) format('woff'),
 	        url(lato-lightitalic-webfont.ttf) format('truetype'),
 	        url(lato-lightitalic-webfont.svg#latolight_italic) format('svg');
  			font-weight: normal;
  			font-style: normal;}
			@font-face {font-family: 'latolight';
   			src: url(lato-light-webfont.eot);
    		src: url(lato-light-webfont.eot?#iefix) format('embedded-opentype'),
        	url(lato-light-webfont.woff2) format('woff2'),
         	url(lato-light-webfont.woff) format('woff'),
         	url(lato-light-webfont.ttf) format('truetype'),
         	url(lato-light-webfont.svg#latolight) format('svg');
    		font-weight: normal;
    		font-style: normal;}	
    	@font-face {
    font-family: 'latosemibold-webfont';
    src: url(lato-semibold-webfont.eot);
    src: url(lato-semibold-webfont.eot?#iefix) format('embedded-opentype'),
         url(lato-semibold-webfont.woff2) format('woff2'),
         url(lato-semibold-webfont.woff) format('woff'),
         url(lato-semibold-webfont.ttf) format('truetype'),
         url(lato-semibold-webfont.svg#latosemibold) format('svg');
    font-weight: normal;
    font-style: normal;

}