@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600');
@import url('https://fonts.googleapis.com/css?family=Oswald:400,700');

body	{
	margin: 0px;
	border: #000000 0px solid;
	background-color: #FFFFFF;  /* SEE BACKGROUDS BELOW */
	}





/* DEFAULTS - MARGINS SPACING */

div		{ margin: 0; padding: 0; border: 0; }

table, tr, td	{ border-collapse: collapse; border-spacing: 0; margin: 0; padding: 0; border: 0; }





/* DEFAULTS - ALIGNMENT */

.td-right 	{ text-align: right; }

.td-left 	{ text-align: left; }

.td-center	{ text-align: center; }

.td-top		{ vertical-align: top; }

.td-middle	{ vertical-align: middle; }

.td-bottom	{ vertical-align: bottom; }

.center-align	{ text-align: center; }

.center-div	{ margin-left: auto; margin-right: auto; }

.right-div	{ margin-left: auto; margin-right: 0; }

.left-div	{ margin-left: 0; margin-right: auto; }

.divclear 	{ height: 1px; clear: both; font-size: 1px; line-height: 1px; padding: 0px; margin: 0px; }

.float-left	{ float: left; }

.float-right	{ float: right; }

.text-nowrap	{ overflow: hidden; min-width: 200px; }





/* DEFAULTS - MISC */

.fullwidth	{ width: 100%; }

.halfwidth	{ width: 50%; }

.nobreak	{ white-space: nowrap; }

.just 		{ text-align: justify; }

img 		{ border: 0; }

.rimage		{ max-width: 100%; height: auto; }

.blockimage	{ display: block; }

.nonmedia	{ visibility: hidden; }

.formmargin	{ margin: 0px; }





/* NON-MENU PAGE LINK COLORS */

a:link		{ color: #0066FF; text-decoration: none; }

a:visited	{ color: #0066FF; text-decoration: none; }

a:active	{ color: #0066FF; text-decoration: none; }

a:hover		{ color: #660000; text-decoration: underline; }





/* THE NEXT LINE CONTROLS THE FONT SIZE ON ALL PAGES */

body, div, table { color: #000000; font: 18px "Source Sans Pro", arial, sans-serif; }

.title		 { color: #000000; font: 34px "Oswald", arial, sans-serif; font-weight: 400; letter-spacing: 0px; }

.subtitle	 { color: #000000; font: 18px "Source Sans Pro", arial, sans-serif; font-weight: 600; }

.smalltext	 { color: #006699; font: 13px "Source Sans Pro", arial, sans-serif; font-weight: 400; padding: 1px 0px 10px 0px; }

.hilite		 { color: #FF6600; }





/* REMOVES MARGINS ON HEADING TAGS (FOR SEO) */

h1, h2, h3, h4	{ margin: 0px 0px 1px 0px; }





/* CONTENT HEIGHTS, WIDTHS & MARGINS */

#pagewrapper	{
		min-width: 676px;  /* WORKS WITH PADDING IN CLASS inner-background BELOW */
		max-width: 1124px;
		margin: 0 auto;
		}

.pageheight	{ min-height: 710px; }

#left-content 	{
		float: left;
		width: 220px;
		margin: 0 auto;
		margin-top: 0px;
		}

#right-content	{
		margin-left: 220px;
		min-width: 325px;
		}

.content-pad 	{ padding: 25px 50px 25px 50px; }


/* PAGE BACKGROUDS WITH PADDING */

.outer-background	{
			background-color: #FFFFFF;
			background-image: url("picts/background-outer.jpg");
			background-repeat: repeat-x;
			background-attachment: fixed;
			padding: 0px 5px 0px 5px;
			}
            
.outer-background2	{
			background-color: #FFFFFF;
			background-image: url("picts/background-outer2.jpg");
			background-repeat: repeat-x;
			background-attachment: fixed;
			padding: 0px 5px 0px 5px;
			}

.inner-background	{
			background-color: #FFFFFF;  /* -- CONTENT BACKGROUND COLOR --  */
			border: solid #999999;
			padding: 12px;
			border-width: 0px 0px 0px 0px;
			/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */
			}





/* HEADER - TEXT & GRAPHIC */

.headerarea	{
		position: relative;
		min-width: 290px;
		background-color: #000000;
		background-image: url("picts/header-background.png");
		background-repeat: no-repeat;
		background-position: 0px 0px;
		padding: 20px 0px 20px 0px;
	/* CORNER ROUNDING */
		border-top-left-radius: 15px;
		border-top-right-radius: 15px;
		border-bottom-right-radius: 15px;
		border-bottom-left-radius: 15px;
		-moz-border-radius-topleft: 15px;
		-moz-border-radius-topright: 15px;
		-moz-border-radius-bottomright: 15px;
		-moz-border-radius-bottomleft: 15px;
		}

.logo-respond	{ max-width: 500px; }

.logopad	{ padding: 25px 0px 20px 0px; }

.header-image	{
		position: absolute;
		z-index: 100;
		top: 25px;
		right: 15px;
		border: #FFFFFF 1px solid;
		}


/* TEXT LOGO USING GOOGLE FONTS */

.textlogo	{
		color: #FFFFFF;
		font: 400 40px "Oswald", arial, sans-serif;
		letter-spacing: 0px;
		line-height: normal;
		padding: 8px 0px 0px 20px;
		display: block;
		}

a.textlogo:link, a.textlogo:visited, a.textlogo:active	{ color: #FFFFFF; text-decoration: none; }

a.textlogo:hover { color: #CCCCCC; text-decoration: none; }





/* FOOTER */

.footer		{
		color: #666666;
		font: 17px "Source Sans Pro", arial, sans-serif;
		padding: 10px 0px 8px 0px;
		margin: 0 auto;
		background-color: #F6F6F6;
		border: solid #CCCCCC;
		border-width: 4px 1px 4px 1px;
		/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */
	/* CORNER ROUNDING */
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		-khtml-border-radius: 6px;
		border-radius: 6px;
		}

.copytext	{
		color: #666666;
		font-size: 13px;
		padding: 15px 0px 0px 0px;
		}

.footer-top	{ margin: 15px auto 0px auto; }





/* FOOTER SOCIAL ICONS */

.socialspace	   { padding: 3px 2px 16px 1px; }

.socialicon	   {
		   border: #000000 0px solid;
		   display: block;
		   background-color: #000000;
		   padding: 12px;
	/* CORNER ROUNDING */
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
		border-radius: 5px;
		   }

.socialicon:hover  { border: #000000 0px solid; background-color: #B30002; }





/* HOME PAGE */

.bottom-links	{
		color: #CCCCCC;
		text-align: left;
		padding: 10px 0px 12px 0px;
		margin: 0px 0px 0px 0px;
		border: solid #CCCCCC;
		border-width: 1px 0px 1px 0px;
		/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */
		}

.bottom-links a { margin-left: 8px; margin-right: 8px; }





/* BORDERS AND BARS */


.page-splits	{
		font-size: 1px;
		line-height: 1px;
		height: 2px;
		margin: 18px auto 15px auto;
		background-color: transparent;
		border-top: #CCCCCC 1px solid;
		}

.splits-xtramargin { margin-top: 24px; margin-bottom: 24px; }





/* IMAGES */

.img-borders	{ border: #000000 1px solid; }

.main-imagediv	{
		text-align: left;
		padding: 0px;
		margin: 0px auto 1px auto;
		}

.main-image	{
		width: 100%;
		height: auto;
		display: block;
		margin: 0px auto 0px auto;
		}

.main-imagediv, img.main-image 
		{
		max-width: 100%;
		min-width: 290px;
		}





/* LINKS PAGE CODE */

.searchbox		{ border: #C0C0C0 1px solid; border-collapse: separate; border-spacing: 2px; }

table.searchbox td 	{ padding: 1px 0px 1px 1px; }

.linksmargin	{ margin: 0px; margin-top: 6px; }

.searchbutton 	{ font: 12px "Source Sans Pro", arial, helvetica, sans-serif; }

.searchform 	{
		font: 13px arial, sans-serif;
		background-color: #F6F6F3;
		width: 100px;
		height: 18px;
		border: #666666 1px solid;
		}





/* CLIENTS & SERVICES PAGES CODE */

.list		{ color: #000000; line-height: 23px; margin-top: 0px; margin-bottom: 0px; }





/* NEWS PAGE */

.float-news	{ float: left; margin-right: 15px; margin-bottom: 6px; }

.news-box	{ overflow: hidden; }





/* HIDE MENU AND ITEMS FOR PRINTING */


@media print {
.printhide 	{ display:none; }
.printhelp	{ width:600px; }
}
@media screen{
.printonly 	{ display:none; }
}
.shiftprntmenu	{ height: 33px; width: 100px; }





/* LEFT SIDEBAR (WIDTH DEFINED BY #left-content CLASS ABOVE) */

.sidebar		{ font-size: 12px; padding: 14px 0px 5px 0px; }

.sidebar-textarea	{ margin: 14px auto 10px auto; }

.sidebar-text 	{
		color: #000000;
		font: 15px "Source Sans Pro", arial, sans-serif;
		font-weight: 400;
		line-height: normal;
		text-align: left;
		}

.sidebar-title	{
		color: #FFFFFF;
		font: 17px "Oswald", arial, sans-serif;
		font-weight: 400;
		line-height: normal;
		text-align: left;
		background-color: #000000;
		padding: 10px 5px 10px 8px;
		margin: 0px auto 0px auto;
	/* CORNER ROUNDING */
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
		border-bottom-right-radius: 0px;
		border-bottom-left-radius: 0px;
		-moz-border-radius-topleft: 6px;
		-moz-border-radius-topright: 6px;
		-moz-border-radius-bottomright: 0px;
		-moz-border-radius-bottomleft: 0px;
		}

.sidebar-box 	{
		background-color: #F6F6F6;
		padding: 8px 5px 12px 5px;
		margin: 0px auto 0px auto;
	  	border: solid #CCCCCC;
	  	border-width: 0px 1px 1px 1px;
	  	/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */
	/* CORNER ROUNDING */
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
		border-bottom-right-radius: 6px;
		border-bottom-left-radius: 6px;
		-moz-border-radius-topleft: 0px;
		-moz-border-radius-topright: 0px;
		-moz-border-radius-bottomright: 6px;
		-moz-border-radius-bottomleft: 6px;
		}

.sidebar-link 	{
		padding: 10px 0px 3px 0px;
		text-indent: 23px;
		background-image: url("picts/sidebar-arrow.png");
		background-repeat: no-repeat;
		background-position: 0px 8px;
		}

.sidebar-link a { display: block; }

.sideimage	{
		Width: 214px;
		height: 110px;
		border: #000000 3px solid;
		display: block;
		margin: 14px auto 0px auto;
	/* CORNER ROUNDING */
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		-khtml-border-radius: 6px;
		border-radius: 6px;
		}





/* START THE CODE FOR THE MENUS (See also class #left-content above) */

/* CLICK MENU CODE IN "media-queries.css" */

#mobile-menu-icon { display: none; }

#menusub a	{
		color: #FFFFFF;
		font-family: "Source Sans Pro", arial, helvetica, sans-serif;
		font-size: 17px;
		font-weight: 400;
		text-align: left;
		text-indent: 10px;
		text-decoration: none;
		width: 100%;
		padding: 11px 0px 11px 0px;
		margin: 0px auto 1px auto;
		cursor: pointer;
		display: block;
		background-color: #58636A;
		background-image: url("picts/menu.png");
		background-repeat: repeat-x;
		border: solid #000000;
		border-width: 0px 0px 0px 0px;
		/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */
	/* CORNER ROUNDING */
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		-khtml-border-radius: 4px;
		border-radius: 4px;
	/* FADE UP */
		transition: background-color 0.5s ease;
		-webkit-transition: background-color 0.5s;
		}

#menusub a:first-child { border-width: 0px 0px 0px 0px; }

#menusub a:hover {
		  text-decoration: none;
		  background-color: #B30002;
		  color: #FFFFFF;
		  }