@charset "UTF-8";

@media handheld {

/* Tags */
html, body { margin: 0; padding: 0; background-color: #f7f7f7; }
body { font-family: "Tahoma", "Verdana", "Arial", "helvetica", sans-serif; font-size: 12px; }

hr { background-color: gray; border: 0; height: 1px; }

/* IDs */
#main { margin: 0 auto; background-color: white; }

/* Header */
#header { }
#logo { }
#logo h1 {  }
#logo h1 img { border: 0; width: 100%; }
#contact { margin: 0 0 10px 0; }
#contact-content { padding: 0 0 0 10px; }
#menu { color: white; background-color: #003189; margin: 0 0 10px 0; }
#menu h2 { display: none; }
#menu ul { list-style: none; color: white; padding: 0; margin: 0; }
#menu ul li { display: block; }
#menu ul li a { color: white; font-weight: bold; text-decoration: none; padding: 3px 5px; display: block; font-size: 1em; }
#menu ul li a:hover, #menu ul li a.sel { background-color: white; color: #00155f; }

/* Body */
#body { }
#content { padding: 5px; color: #6f6f6f; }
#info { clear: both; }
#info h2 { background-color: #ee6710; color: white; font-weight: normal; font-size: 1.1em; text-align: center; margin: 0; padding: 3px 5px; display: block; }
#info h3 { font-size: 1.2em; padding: 5px; margin: 0; }
#info .info-block { padding: 5px 10px; }
#info .info-block img { border: 0; width: 90px; height: 77px; }

/* Footer */
#footer { color: #888888; padding: 5px; clear: both; border-top: 1px solid #003189; }
#footer-copyright { font-size: 1em; }
#footer-developer { }
#footer-developer img { vertical-align: middle; border: 0; }
#footer-developer small { font-size: 1em; }

/* Reference list */
.references { list-style: none; margin: 0; padding: 0; }
.reference-block { padding: 5px 10px; text-align: center; }
.reference-block img { border: 1px solid #727272; width: 100px; height: 85px; }
.reference-title { color: #2a137f; font-size: 1.2em; font-weight: normal; display: block; }
.reference-block a:hover .reference-title { color: #e37d10; }
.reference-date { color: black; display: block; }

/* Reference photos */
#reference-photos { text-align: center; }
#reference-photos img { border: 1px solid #e0e0e0; width: 100px; height: 85px; }

/* Certification photos */
#certification-photos { text-align: center; }
#certification-photos img { border: 1px solid #e0e0e0; width: 100px; height: 85px; }

/* Certification files */
#certification-files { margin: 0 0 0 20px; padding: 0; }

/* Classes */
.hidden-handheld { display: none; }
.break { clear: both; }
.center { text-align: center; }

}