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



@import url(http://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: 175px; }























/* DEFAULTS - MISC */







.fullwidth	{ width: 100%; }







.halfwidth	{ width: 50%; }







.nobreak	{ white-space: nowrap; }







.just 		{ text-align: justify; }







img 		{ border: 0; }







.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: #6808df; text-decoration: underline; }























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







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







.title		 { color: #000000; font: 23px "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: 12px "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: 924px;



		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: #e2e2e2;



			background-image: url("picts/background-outer.jpg");



			background-repeat: repeat-x;



			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: #2878ab;



		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: #2878ab 1px solid;



		}











/* TEXT LOGO USING GOOGLE FONTS */







.textlogo	{



		color: #FFFFFF;



		font: 400 48px "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: 15px "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; }























/* 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;



		}























/* 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 */







.news-pad	{ padding: 6px 0px 6px 0px; }







.news-image	{ width: 77px; padding: 35px 0px 0px 15px; }























/* 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: 14px "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: 15px;



		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: #08649f;



		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: #1f9cec;



		  color: #FFFFFF;



		  }