BODY         { color: #fff; font-size: 16px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-color: #585858; background-image: url("images/hk_graygradient_bg.jpg"); background-repeat: repeat-x; background-attachment: scroll; text-align: center }

h1 { font-size: 27px }
h2  { font-size: 20px; font-weight: bold; margin-top: 0;  }
h3  { font-size: 15px; font-weight: normal }
h4  { font-size: 14px; font-weight: bold; margin-bottom: 0 }

a { color: #00d8f1; text-decoration: none }     
a:link { color: #00d8f1; text-decoration: none }     
a:visited  { color: #50a6d1; text-decoration: none } 
a:hover   { color: #fff666; text-decoration: none }   
a:active {color: #CCCCCC; text-decoration: none}   

.centerwrap  {  margin: 0 auto; text-align: left; width: 900px }

.contact   { font-size: 12px; font-weight: bold; text-align: right; margin: auto 7px auto auto }
.contact a:link { color: #FFFFFF; text-decoration: none }     
.contact a:visited {color: #FFFFFF; text-decoration: none} 
.contact a:hover {color: #00d8f1; text-decoration: none} 
.contact a:active {color: #8affff; text-decoration: none}
.now    { font-size: 12px; font-weight: normal; text-align: left; margin: auto 7px auto 100px }
.now a:link { color: #FFFFFF; text-decoration: none }     
.now a:visited {color: #FFFFFF; text-decoration: none} 
.now a:hover {color: #00d8f1; text-decoration: none} 
.now a:active {color: #8affff; text-decoration: none}
.homebodywrap     { margin: 20px 25px;line-height: 1.25; }
.defaultbodywrap    { margin: 20px 25px }

.fullwidthentrywrap       { background-color: #58595b; text-align: left; margin: 0 25px 25px; padding: 15px; border: solid 1px #BBB }
.fullwidthentrybody  { font-size: 14px ; line-height: 1.25;}
.fullwidthentrybody img  { margin: 0 25px 15px 0; float: left; border: solid 3px #BBB }
.spacer { clear: both; }

.copyright     { font-size: 12px; text-align: center; margin-top: 50px; margin-bottom: 25px }

.halfwidthentrywrapleft         { background-color: #58595b; text-align: left; margin: 0 12px 25px 25px; padding: 15px; height: 350px; border: solid 1px #d2d3d5 }
.halfwidthentrywrapright  { background-color: #58595b; text-align: left; margin: 0 25px 25px 12px; padding: 15px; height: 350px; border: solid 1px #d2d3d5 }
.halfwidthentrybody  { }
.halfwidthentrybody img  { margin: 0 25px 15px 0; float: left; border: solid 3px #d2d3d5 }
.more { font-size: 10px; text-align: right; text-transform: uppercase; margin-top: 12px }

#clientwrap { width:100%; font-size: 12px; text-align: center; margin-left: auto; margin-right: auto; margin-bottom: 24px }
#clientlist { text-align: left; font-size: 12px; }
#clientlist ul { list-style-position:outside;}

.col2  { position: relative; left: 20px }



#clientlist #col1 { float:left; width:250px; padding: 0px 30px 0px 0px; margin-top: -16px; margin-bottom: 24px}
#clientlist #col1 ul {padding-left: 20px; }

#clientlist #col3 { float:right; width:250px; padding: 0px 0px 0px 25px; margin-top: -16px; margin-bottom: 24px}
#clientlist #col3 ul {padding-left: 20px; }



#textToChange { font-size: 12px; margin: 20px; color: #999; height: 110px;}
#quotebyline  { font-style: italic; margin-top: 12px; }

.biobody { font-size: 12px; line-height: 1.25; }
.biobody img  { margin: 0 25px 15px 0; float: left; border: solid 3px #d2d3d5 }

.assoc {  }
.assoc img   { margin: auto 0 auto ; border: solid 3px #d2d3d5 }
.assocentrywrap   { background-color: #58595b; padding: 15px; vertical-align: middle; border: solid 1px #d2d3d5; margin: 0 25px 25px 25px; text-align: center}

.entrydate    { font-weight: bold; margin-top: 0; margin-bottom: 14px }
blockquote { color: #ccc; font-size: 85%; margin: 15px }

.lightboxthumbs {margin: 20px;}
.lightboxthumbs img {border: #FFF 1px solid; height: 100px; margin: 10px;}