@media handheld {
/*Basic css hacks for non-xhtml and legacy mobile browsers*/
html, body {font: 12px/15px sans-serif;background: #fff;padding: 3px;color: #000;margin: 0;}
* {float: none;}
#site-view, #footer {display:none;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
#content img {max-wdith:250px;}
a:link, a:visited {text-decoration: underline;color: #0000CC;}
a:hover, a:active {text-decoration: underline;color: #660066;}
.center {width: 100%; !important;text-align: center;}

/* iPhone-specific styles */
@media only screen and (max-device-width: 480px) { 
html {-webkit-text-size-adjust: none;}
}

/*Mobile-friendly css*/
#bgwrapper {width:100%;margin:0 auto;padding:0;vertical-align:top;background:url('../imgs/bg_mid.gif') repeat-y #fff;margin-top:10px;}
#bgbot {width:100%;margin:0 auto;height:7px;background:url('../imgs/bg_bot.gif') bottom;}
#container {width:98%;margin:0 auto;color:#666;border-top:1px solid #ddd;}

#header {margin:0;padding:0;}
#header .logo {width:28%;background:url('../imgs/ehr_logo.gif') no-repeat #fff;}

#navbar {height: 26px;text-align:center;padding:10px 0;background:#ddd;border-top:1px #333 solid;border-bottom:1px #333 solid;}
#navbar ul {margin: 0px;padding: 0px;line-height: 26px;white-space: nowrap;}
#navbar li {list-style-type: none;display: inline;}
#navbar li a {padding: 10px 10px 2px 10px;letter-spacing: 1px;vertical-align: top; font-weight:bold;margin: 0px 30px;}

#content {height:500px;}

#body {font-size: 1em/*16px*/;padding:0px 15px 0px 0px;text-align:center;margin:0px auto;width:56%;}
#body ul {list-style-type:none;}
#about {font-size: 1em/*16px*/;padding:0px 15px 0px 0px;text-align:left;margin:0px auto;width:56%;}
#about img {vertical-align:middle;padding:10px;width:22%;}

/*previous work page*/
#site-selection {float:left;width:25%;height:470px;margin:15px 0px 0px 15px;overflow:auto;}
#site-selection ul {margin:0;padding:0;}
#site-selection li {list-style-type:none;}
#site-divider {float:left;background:url('../imgs/divider.gif') repeat-y;padding:0px 14px;height:480px;width:2px;margin:10px 0px;}
#site-viewer {float:left;width:65%;height:470px;margin:15px 15px 0px 0px;background-color:#fff;position:relative;}
#site-bio {font-size: 1em/*16px*/;padding:0 100px;padding-top:150px;margin:0 auto;text-align:justify;width:43%;height:320px;position:absolute;}

.hidden{display:none;}
@media print {.hidden {display:block !important;}}