@font-face              {
 font-family: 'DejaVuSerifBold';
 src: url('DejaVuSerif-Bold.eot');
 src: local('DejaVu Serif Bold'), local('DejaVuSerif-Bold'), url('DejaVuSerif-Bold.ttf') format('truetype');
}

body                                { margin: 0; padding: 0; background: #018fab; color: #000; }
h2                                  { font: 23px/28px 'DejaVuSerifBold', Arial, sans-serif; margin: 0; padding: 0; }
a, a:visited                        { color: #005266; }
a:hover                             { color: #c0c0c0; }


#wrap                               { width: 616px; margin: 0 auto; }
#header                             { width: 526px; background: url(img/top.jpg) no-repeat; padding: 0 45px; }
#header h1                          { margin: 0; padding: 45px 0 0 0; color: #005266; }
#header p                           { margin: 0; padding: 0 0 5px 2px; color: #000; border-bottom: 1px dotted #000; }

h1.fontface                         { font: 32px/37px 'DejaVuSerifBold', Verdana, Arial, sans-serif; }
p.fontface                          { font: 13px/18px 'DejaVuSerifBold', Verdana, Arial, sans-serif; }

#navtabs                            { border-bottom: 1px dotted #000; padding: 10px 0; }
#navtabs ul                         { margin: 0; padding: 0; }
#navtabs ul li                      { margin: 0; padding: 0; list-style: none; display: inline; text-align: center; font: normal 14px Tahoma, Arial, sans-serif; }
#navtabs li a                       { color: #fff; background-color: #018fab; border: 1px outset #9191ff; padding: 3px 5px; text-decoration: none; }
#navtabs li a:hover                 { color: #000; background-color: #c8c8ff; }

#content                            { width: 526px; background: #f3f3f3 url(img/content.jpg) repeat-y; padding: 10px 45px; min-height: 165px; }

.icon                               { float: left; }
.icon img                           { padding: 5px; border: 0; }
.cap                                { float: left; width: 207px; }
#row2, #row3                        { clear: left; }
.network, .contact                  { margin: 0; padding: 0; width: 526px; min-height: 165px; background-color: #f3f3f3; }
.network h3, .contact h3            { font: bold 15px Verdana, Arial, sans-serif; margin: 0; padding: 10px 0 0 0; }
.network p, .contact p              { font: italic 12px/17px Verdana, Arial, sans-serif; margin: 0; padding: 0; }
.network a, .contact a              { font: italic 12px/17px Verdana, Arial, sans-serif; color: }

#portfolio                          { background-color: #f3f3f3; }
#portfolio img                      { border: 0; margin: 5px 8px; padding: 7px; background: #73afb7; }
#thumbs                             { margin: 0; padding: 0 0 5px 0; }

#sinfo p                            { font: normal 13px/18px Verdana, Arial, sans-serif; margin: 0; padding: 5px 0; }
ul#projects, ul#info                { list-style-type: circle; margin: 5px 45px; font: normal 13px/18px Verdana, Arial, sans-serif; padding: 0; }

#footer                             { width: 526px; background: url(img/content.jpg); padding: 0 45px; margin: 0; }
#footer h6                          { text-align: right; font: bold 9px/14px Verdana, Arial, sans-serif; margin: 0; padding: 3px 0; border-top: 1px dotted #000; }
#bottom                             { width: 616px; height: 37px; background: url(img/bottom.jpg); }