body, html { margin: 0; padding: 0; background: #666 url(images/bg.gif) repeat-y top; text-align: center; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #333; }

a, a:visited, a:active { color: #36c; text-decoration: underline; }
a:hover { color: #36c; text-decoration: none; }

#container { position: relative; text-align: center; margin: 0 auto; width: 780px; }
#header { position: relative; margin: 0; padding: 0; width: 780px; height: 133px; }
#header h1 { position: relative; margin: 0; padding: 0; width: 780px; height: 103px; background: url(images/title.jpg) no-repeat top; }
#mainTitle { position: absolute; display: block; width: 160px; height: 103px; top: 0; left: 0; }
#emailLink { position: absolute; display: block; width: 210px; height: 25px; top: 0; right: 0; }
#mainTitle span, #emailLink span { display: none; }

#mainMenu {  position: relative; display: block; width: 780px; height: 30px; margin: 0; padding: 0; }
#mainMenu li, #mainMenu a { display: block; height: 30px; float: left; }
#mainMenu span { display: none; }

#home, #home a { width: 90px; }
#home a, #home a:visited, #home a:active { background: url(images/home_off.gif) no-repeat left; }
#home a:hover { background: url(images/home_over.gif); }
#news, #news a { width: 71px; }
#news a, #news a:visited, #news a:active { background: url(images/news_off.gif) no-repeat left; }
#news a:hover { background: url(images/news_over.gif) no-repeat left; }
#who, #who a { width: 115px; }
#who a, #who a:visited, #who a:active { background: url(images/who_off.gif) no-repeat left; }
#who a:hover { background: url(images/who_over.gif) no-repeat left; }
#awards, #awards a { width: 88px; }
#awards a, #awards a:visited, #awards a:active { background: url(images/awards_off.gif) no-repeat left; }
#awards a:hover { background: url(images/awards_over.gif) no-repeat left; }
#clients, #clients a { width: 99px; }
#clients a, #clients a:visited, #clients a:active { background: url(images/clients_off.gif) no-repeat left; }
#clients a:hover { background: url(images/clients_over.gif) no-repeat left; }
#work, #work a { width: 104px; }
#work a, #work a:visited, #work a:active { background: url(images/work_off.gif) no-repeat left; }
#work a:hover { background: url(images/work_over.gif) no-repeat left; }
#gallery, #gallery a { width: 87px; }
#gallery a, #gallery a:visited, #gallery a:active { background: url(images/gallery_off.gif) no-repeat left; }
#gallery a:hover { background: url(images/gallery_over.gif) no-repeat left; }
#contact, #contact a { width: 126px; }
#contact a, #contact a:visited, #contact a:active { background: url(images/contact_off.gif) no-repeat left; }
#contact a:hover { background: url(images/contact_over.gif) no-repeat left; }

#content { position: relative; text-align: left; margin: 15px auto 20px auto; padding: 0; width: 750px; }

#footer { position: relative; text-align: left; margin: 0 auto; padding: 5px 0; width: 750px; border-top: 1px solid #ccc; }
#copyright { font-size: 10px; float: left; margin: 0; padding: 0; }
#credits { font-size: 10px; float: right; margin: 0; padding: 0; }

h2 { margin: 5px 0; font-size: 16px; font-weight: bold; padding: 0; border-bottom: 1px solid #ccc; }
h3 { margin: 5px 0 0 0; font-size: 13px; font-weight: bold; padding: 0; text-transform: uppercase; }
h3.msg { margin: 10px 0 0 0; color: #900; background-color: #FFFFCC; border: 1px solid #333; font-size: 13px; font-weight: bold; padding: 10px; text-transform: none; }
p { margin: 10px 0; padding: 0; font-size: 12px; line-height: 18px; text-align: justify; }
li { font-size: 12px; line-height: 18px; margin-bottom: 10px; }
label { font-size: 11px; font-weight: bold; display: block; margin: 5px 0 0 0; }
input.field, textarea.field { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; width: 400px; color: #333; border: 1px solid #333; }
input.button { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; background-color: #36c; font-weight: bold; border: 1px solid #333; }
p.photogallery { text-align: center; }

img.thumbnail { margin-right: 10px; }
p.description { margin: 0; padding: 0 5px; }
p.title { background-color: #666; font-size: 13px; margin: 0 0 5px 0; padding: 5px; color: #fff; }
hr { border: 0; width: 600px; color: #ccc; background-color: #ccc; height: 1px; margin: 10px 0; clear: both; text-align: left; }

table.tableDisplay { border: 1px solid #666; background-color: #eee; width: 100%; }