body { background-color:white; }

body, div, span, p, li, td { font-family:museo-sans,sans-serif; color:#555; line-height:1.5em; }

header { background-color:#172F56; z-index:2; }
#header-div {  }
#logo { margin-left:10px;margin-top:14px;float:left }

.page-click { border-bottom:1px dotted #eee; color:#eee; cursor:pointer; }
.page-click.active { border-bottom:1px solid #eee; }
.page-click:hover { border-bottom:1px solid white; color:white; }

article .page-click, article .page-click:hover { color:blue; border-color:blue; }

#menu { font-size:16px; clear:both; margin:4px 0 8px;}
#menu .page-click { margin-left:14px; border-bottom:2px dotted #172F56; }
#menu .page-click.active { border-bottom:2px solid #eee; color:#eee; }
#menu .page-click:hover { border-bottom:2px solid white; color:white; }

#articles { }
#articles-slider {  }

article { display:none; padding: 0 10px; }
#home { display:block; }

h1 { font-size:24px; font-weight:bold; margin:1em 0;}
h2 { font-size:20px; font-weight:bold; margin:1em 0;}
article, p, li { font-size:15px; margin:1em 0 }
ul { list-style:disc; list-style-image:url(../img/bullet-12-blue.png); list-style-position:inside; margin:1.5em; }
ul li { margin:0.75em 0; }

footer { background-color:#777; }
#footer-logo { display:none; float:right; margin-right:10px; margin-top:15px; }
footer div { font-size:15px; color:#eee; padding:10px; }
footer div a, footer div .page-click { color:#eee; border-bottom:1px dotted #eee; text-decoration:none; margin-left:10px; }
footer div a:hover, footer .page-click:hover { color:#fff; border-bottom:1px solid #fff; text-decoration:none; }


/* ======================================= */

#clients { margin:10px auto; }
#clients td { padding:4px; }


@media all and (min-width:481px) {
	#menu { font-size:11px;}
	h1 { font-size:20px; font-weight:bold; margin:1em 0;}
	h2 { font-size:16px; font-weight:bold; margin:1em 0;}
	article, p, footer div, li { font-size:10px !important; margin:1em 0; }
}