/* 20:7 Design stylesheets */

body { margin: 15px; background-color: #FFFFFF; text-align: center; }
div#frame { width: 739px; height: 581px; margin: 0 auto; text-align: left; background: #DFDFC0 url("/img/hp/background.gif") 0 25px no-repeat; }
div#masthead { width: 739px; height: 25px; background-color: #FFFFFF; text-align: right; }
div#masthead p { font: 1em Arial, Helvetica, sans-serif; color: #999999; }
div#masthead p a { color: #999999; text-decoration: none; }

.lower{font: 1em Arial, Helvetica, sans-serif; color: #999999;}

div#frame h1 { width: 214px; height: 105px; margin: 0 0 38px 38px; }
div#frame h1 a { width: 100%; height: 100%; display: block; text-decoration: none; background: transparent url("/img/hp/20-7_design.gif") no-repeat; }

ul#mainnav { list-style-type: none; height: 146px; margin: 0 0 0 23px; padding: 0; }
ul#mainnav li { height: 28px; font: 0.8em Arial, Helvetica, sans-serif; color: #3D5858; text-transform: uppercase; padding: 3px 0 0 23px; background: transparent url("/img/hp/mainnav_bullet.gif") no-repeat; }
ul#mainnav a { text-decoration: none; color: #3D5858; }
ul#mainnav a:hover { color: #2D4850; }

/* homepage */
div#textcontent { width: 433px; float: left; text-align: left; }
h2 { font: 1em Arial, Helvetica, sans-serif; color: #000; margin: 0 0 16px 47px; text-transform: uppercase; }
div#textcontent p { width: 360px; font: 0.75em Arial, Helvetica, sans-serif; color: #000; margin: 14px 0 0 47px; line-height: 1.3em; }
div#textcontent p a { color: #2D4850; text-decoration: none; }
div#hprightcol { width: 260px; float: left; }
ul#competencies { list-style-type: none; margin: 33px 0 0 0; padding: 0; }
ul#competencies li { font: 0.8em Arial, Helvetica, sans-serif; color: #4A4E2B; margin: 1px 0 0 0; }
ul#competencies li a { text-decoration: none; color: #4A4E2B; }
ul#competencies li a:hover { color: #000; }

/* clients */
ul#columnone { list-style-type: none; float: left; width: 245px; margin: 0; padding: 0 0 0 45px; text-align: left; }
ul#columntwo { list-style-type: none; float: left; width: 260px; margin: 0; padding: 0; text-align: left; }
ul#columnthree { list-style-type: none; float: left; width: 180px; margin: 0; padding: 82px 0 0 0; text-align: left; }
ul#columnone li, ul#columntwo li, ul#columnthree { margin: 3px 0 0 0; }
ul#columnone li, ul#columntwo li, ul#columnthree li { font: 0.8em Arial, Helvetica, sans-serif; color: #141F1F; margin: 2px 0 0 0; }

/* portfolio */
div#portfolio { clear: both; width: 739px; height: 555px; }
div#portfolioleft { float: left; width: 300px; height: 555px; }
div#portfolioright { float: right; width: 406px; height: 555px; overflow: hidden; }
ul#worknums { list-style-type: none; margin: 6px 0 6px 45px; padding: 0; }
ul#worknums li { float: left; font: 0.85em Arial, Helvetica, sans-serif; line-height: 1.4em; margin: 0 8px 0 0; }
ul#worknums li a { color: #3F5C5D; text-decoration: none; }
ul#worknums li a:hover { color: #000; }
h3 { width: 250px; font: 0.85em Arial, Helvetica, sans-serif; line-height: 1.4em; color: #3F5C5D; margin: 0 0 0 45px; padding: 0; }
p#workdesc { clear: both; width: 252px; height: 143px; font: 0.85em Arial, Helvetica, sans-serif; line-height: 1.4em; margin: 30px 10px 0 45px; }
p#workdesc a { text-decoration: none; color: #990000; }
p#workdesc a:hover { text-decoration: underline; }

p#back { clear: both; width: 252px; font: 0.85em Arial, Helvetica, sans-serif; line-height: 1.4em; margin: 10px 10px 0 45px; }
p#back a { color: #3F5C5D; text-decoration: none; }
p#back a:hover { color: #000; }


.hidetext { visibility: hidden; }
.current { color: #000; }