html {height: 100%;}

body {background: white url(img/bg_pattern.gif); color: #545454; font-family: arial; font-size: 12px; line-height: 14px; margin: 0px; padding: 0px; top: 0px; left: 0px; height: 100%;}

a {color: #0A779B; text-decoration: none;}
a:hover {color: #0A779B; text-decoration: none;}
a.dotted {color: #0A779B; border-bottom: 1px dashed #0A779B; text-decoration: none;}
a.dotted:hover {color: #0A779B; border-bottom: 1px dashed #0A779B; text-decoration: none;}

img {border: 0px;}
img.png {behavior: url(iepngfix.htc);}
img.hr {display: block; clear: both; margin: 0px 0px 20px 4px; padding-top: 20px; text-align: left;}
img.floatleft {float: left; margin: 0px 20px 5px 0px;}
img.floatright {float: right; margin: 0px 0px 5px 20px;}

th {font-size: 12px;}
td {color: #545454; font-family: arial; font-size: 12px;}
p {margin-bottom: 0px;}
/* div {-moz-box-sizing: border-box; box-sizing: border-box;} */
blockquote {margin: auto 5%;}
hr {width: 100%; height: 1px; margin: 10px 0px; border: 0 none; border-top: 1px solid white;}
ul.nomargin {margin: 5px 0px 5px 15px; padding: 0px;}
ol.nomargin {margin: 0px 0px 0px 30px; padding: 0px;}
form {margin: 0px;}
input, textarea, select {font-family: arial; font-size: 12px;}

.fullw {width: 100%;}
.fullh {height: 100%;}
.fixedw {width: 766px;}
.collapse {margin: 0px; border: 0px; border-collapse: collapse;}
.collapse td {padding: 0px; vertical-align: top;} /* set another class td to have padding to override */
.taleft {text-align: left;}
.tacenter {text-align: center;}
.taright {text-align: right;}
.vamiddle {vertical-align: middle;}
.floatleft {float: left;}
.floatright {float: right;}
.clearboth {clear: both;}
.displaynone {display: none;}

#body {position: relative; min-height: 100%; width: 976px; margin: 0px auto;}
* html #body {height: 100%;}

#topline {width: 100%; height: 10px; background: url(img/toplinks_bg.gif) repeat-x; position: absolute; top: 0px; left: 0px;}

#menurow {padding-left: 40px;}
#toplinks {width: 936px; text-align: right;}
#menu {width: 936px; height: 60px;}
#menu #logo {width: 309px; height: 45px;}
#menu img.menu {margin: 10px 0px 10px 16px;}

a#menu_about {float: left; width: 128px; height: 28px; background: url(img/menu_about.gif);}
a#menu_about:hover {background-position: 256px 0px;}
a#menu_about_onpage {float: left; width: 128px; height: 28px; background: url(img/menu_about.gif) 128px 0px;}
a#menu_about_onpage:hover {background-position: 256px 0px;}

a#menu_portfolio {float: left; width: 128px; height: 28px; background: url(img/menu_portfolio.gif);}
a#menu_portfolio:hover {background-position: 256px 0px;}
a#menu_portfolio_onpage {float: left; width: 128px; height: 28px; background: url(img/menu_portfolio.gif) 128px 0px;}
a#menu_portfolio_onpage:hover {background-position: 256px 0px;}

#contentrow {width: 936px; padding-left: 40px; padding-bottom: 70px; line-height: 17px;}
#contentrow .contentleft {float: left; width: 175px; padding: 0px 0px 0px 4px;}
#contentrow .contentright {float: right; width: 780px; padding: 0px 12px 0px 0px;}

#content_spot {width: 900px; border: 10px solid #EBEBEB; margin-bottom: 10px; padding: 10px; color: #111111; overflow: hidden;}
#content_spot_flash {width: 940px; margin-bottom: 10px;}

#content_spot img.spot {float: left; margin: -5px 0px 0px -5px;}
#content_spot .desc {float: right; width: 280px;}
#content_spot .divider {margin-bottom: 15px; border-bottom: 1px solid #CCCCCC; padding-bottom: 15px;}

.musicbox {width: 940px; height: 30px; text-align: right;}
.leafbox {width: 898px; height: 240px; border: 1px solid #CCCCCC; background: white url(img/newsbox_bg.gif) no-repeat bottom right; margin-top: 10px; padding: 20px; overflow: hidden;}
.leafboxhome {width: 898px; border: 1px solid #CCCCCC; background: white url(img/newsbox_bg.gif) no-repeat bottom right; margin-top: 10px; padding: 20px; overflow: hidden; position: relative;}
.portfolio {position: relative;}

.portfolio_tn {float: left; width: 468px;}
.about_tn {float: left; width: 438px; padding-left: 30px; padding-top: 25px;}
.portfolio_tn img {float: left; display: block; position: relative; top: -5px; left: -5px;}

.portfolio_desc {float: right; width: 430px;}
.portfolio_desc img.header {margin-bottom: 0px;}
.portfolio_desc .desc {margin: 17px 0px; border: 1px solid #CCCCCC; border-width: 1px 0px; padding: 15px 0px;}
.portfolio_desc .quote {}
.portfolio_desc .quote img {display: block; margin: 6px auto;}

.portfolio_tn_txt {clear: left; color: #959595; position: absolute; left: 20px; bottom: 20px;}

.backtotop {width: 940px; margin-top: 10px; text-align: right;}

#happenings {width: 600px; overflow: hidden;}
#happenings div {float: left; width: 280px; margin-right: 20px;}
#happenings div.wide {float: left; width: 560px; margin-right: 20px;}

img.header {display: block; margin-bottom: 15px;}
.subheader {color: #736257; font-weight: bold;}
.date {color: #CCCCCC; font-size: 11px; display: block; border-bottom: 1px solid #CCCCCC; margin-bottom: 10px;}

#associates {width: 290px;}
img.friends_banner {position: relative; left: -5px;}

#footer {width: 936px; height: 50px; margin: 0px auto; margin-top: -50px; padding-left: 40px; position: relative; color: #959595; font-size: 11px;}
#footer img.houseicon {margin-right: 10px; vertical-align: bottom;}

.leafboxlinks {width: 898px; border: 1px solid #CCCCCC; background: white url(img/newsbox_bg.gif) no-repeat bottom right; margin-top: 10px; padding: 20px; overflow: hidden; position: relative;}
.leafboxlinks img.header {margin-bottom: 0px;}
.leafboxlinks .divider {margin-bottom: 15px; border-bottom: 1px solid #CCCCCC; padding-bottom: 15px; width: 100%;}
#links {width: 600px; overflow: hidden;}
#links div {float: left; width: 280px; margin-right: 20px;}
#links div.wide {float: left; width: 560px; margin-right: 20px;}