/* GLOBAL DECLARATION */
* {color: #4B4A4A; font-family: tahoma, arial, sans-serif; font-size: 13px; margin: 0; padding: 0;}
html, body {background: url('graphics/fillers/bg_top.jpg') top center repeat-x; background-color: #FFFFFF; height: 100%; width: 100%;} 

/* REPLACEMENT TAGS */
a {text-decoration: none;}
a:hover {text-decoration: underline;}
b, strong {font-weight: bold;}
em {font-style: italic;}
form {display: inline;}
h1, h2, h3 {clear: both; display: block; font-weight: normal; margin-bottom: 10px;}
img {border: 0; display: inline; margin: 0; padding: 0;}
li {margin: .2em .1em .2em 2em;}
ol {margin: .8em 0 .8em 0;}
p {margin: 0px; padding: 0px}
table {border: 0; border-collapse: collapse; margin: 0; padding: 0;}
td {vertical-align: top;}
ul {margin: .8em 0 .8em 0;}

/* CONTAINER */
#container {margin: 0 auto 0 auto; width: 760px;}

/* HEAD */
#head {height: 230px; margin: 0; width: 760px;}
#logo {float: left; height: 119px; margin: 76px 0 0 34px; width: 205px;}

/* MENU */
#menu {float: right; font-size: 11px; height: 18px; margin: 155px 0px 0 0; padding-bottom: 2px; width: 450px;}
.navi {float: left; font-size: 11px; height: 18px; padding-bottom: 2px; margin-right: 16px;}
.navi a {background: url('graphics/fillers/menu_underline.gif') repeat-x bottom; font-size: 11px; height: 18px; padding-bottom: 2px;}
.navi a:hover {color: #189BDD; text-decoration: none;}
.page {float: left; font-size: 11px; height: 18px; padding-bottom: 2px; margin-right: 16px;}
.page a {background: url('graphics/fillers/menu_underline.gif') repeat-x bottom; color: #189BDD; font-size: 11px; height: 18px; padding-bottom: 2px;}
.page a:hover {text-decoration: none;}

/* CONTENT */
#content {margin: 0 0 0 0; padding: 0 0 0 34px; width: 690px;}
#content a {text-decoration:underline; color:#0000FF}
#bottom_border {background: url('graphics/elements/divider.jpg') no-repeat; float: left; font-size: 1px; height: 16px; margin: 20px 0 9px 34px; width: 615px;}
#flexible {color: #1A9DE0; float: left; font-weight: bold; height: 20px; padding: 0 0 0 34px; text-align: center; width: 615px;}
#flexible_center {color: #1A9DE0; float: left; font-weight: bold; margin-left: 85px;}
#flexible_left {color: #1A9DE0; float: left; font-weight: bold;}
#flexible_right {color: #1A9DE0; float: right; font-weight: bold;}

/* HOME */
#door {background: url('graphics/elements/door.jpg') no-repeat; float: right; height: 203px; margin: 7px 70px 0 0; width: 122px;}
.home {float: left; font-size: 11px; line-height: 16px; width: 445px;}
.home h1 {font-size: 13px;}
.home .heads {background-color: #E8F5FC; font-size: 11px;}
.home li {list-style-image: url('graphics/elements/bullet.jpg'); font-size: 11px; font-weight: normal; line-height: 12px; margin: 5px 1px 5px 37px;}
.home ul {margin: 16px 0 16px 0;}

/* PROFILE */
#david {background: url('files/profile/david_murphy.jpg') no-repeat; float: right; height: 183px; width: 175px;}
#frame {background: url('graphics/fillers/profile_frame.jpg') no-repeat; float:right; height: 213px; margin: 0 60px 0 0; padding: 15px 14px 0 0; width: 190px;}
#signature {background: url('files/profile/david_signature.jpg') no-repeat; float: left; height: 52px; margin: 5px 0 0 -10px; overflow: visible; width: 400px;}
.profile {float: left; font-size: 11px; line-height: 16px; margin-top: 15px; padding-top: 2px; width: 400px;}
.profile .colons {background-color: #E8F5FC; font-size: 11px;}
.profile h1 {display: block; font-size: 13px; margin-bottom: 10px;}
.profile strong {font-size: 11px; font-weight: bold;}

/* TESTIMONIALS */
#testim_spotfire {background: url('files/testimonials/spotfire.jpg') no-repeat; float: right; height: 28px; margin: 10px 0 0 0; width: 205px;}
#testim_netapp {background: url('files/testimonials/netapp.jpg') no-repeat; float: right; height: 53px; margin: 97px 0 0 0; width: 188px;}
#testim_nixdorf {background: url('files/testimonials/nixdorf.jpg') no-repeat; float: right; height: 37px; margin: 85px 0 0 0; width: 200px;}
#testim_area {float: left; font-size: 13px; line-height: 16px; width: 470px;}
.testim_divider {background: url('graphics/fillers/testim_divider.jpg') no-repeat; float: left; font-size: 1px; height: 16px; margin: 20px 0 10px 10px; width: 453px;}
.testim_gray {color: #A9A9A9; float: left; font-size: 11px; line-height: 16px; margin: 30px 0 30px 0; width: 425px;}
.testim_gray a {color: #A9A9A9; font-size: 11px; text-decoration: underline;}
.testim {float: left; font-size: 13px; line-height: 16px; width: 430px;}
.under {float: left; font-size: 11px; margin: 15px 0 5px 0; width: 400px;}
.under strong {font-size: 11px; font-weight: bold;}

/* PROJECTS */
.item_area {float: left; font-size: 11px; line-height: 16px; width: 690px;}
.projects_divider {background: url('graphics/fillers/dotted_divider.jpg') no-repeat; float: left; font-size: 1px; height: 16px; margin: -15px 0 25px 10px; width: 249px;}
.projects_pic {background: url('graphics/fillers/projects_placeholder.jpg') no-repeat; float: right; height: 237px; margin-right: 45px; padding: 10px 0 0 10px; width: 345px;}
.projects {float: left; font-size: 11px; line-height: 16px; margin: 10px 0 0 0; width: 250px;}
.head {background-color: #E8F5FC; clear: both; float: left; font-size: 13px; height: 18px; margin: 0 0 13px 0; padding-bottom: 2px; font-weight: bold;}
.weblinks {float: left; font-size: 11px; height: 18px; padding-bottom: 2px; margin-top: 15px;}
.weblinks a {background: url('graphics/fillers/menu_underline.gif') repeat-x bottom; font-size: 11px; height: 18px; padding-bottom: 2px; text-decoration: none;}
.weblinks a:hover {text-decoration: none;}

/* TRACK RECORD */
.rows {float: left; margin: 15px 0 15px 0; width: 680px;}
#spotfire {float: left; height: 27px; margin: 10px 0 0 10px; width: 112px;}
#netapp {float: left; height: 53px; margin: 0 0 0 60px; width: 85px;}
#nixdorf {float: left; height: 37px; margin: 22px 0 0 65px; width: 102px;}
#sgi {float: left; height: 41px; margin: 10px 0 0 75px; width: 49px;}
#bp {float: left; height: 72px; margin: 0 0 0 18px; width: 54px;}
#vodafone {float: left; height: 47px; margin: 4px 0 0 105px; width: 70px;}
#shell {float: left; height: 45px; margin: 10px 0 0 92px; width: 48px;}
#unilever {float: left; height: 48px; margin: 7px 0 0 110px; width: 44px;}
#bbc {float: left; height: 23px; margin: 26px 0 0 8px; width: 79px;}
#xo {float: left; height: 47px; margin: 0 0 0 57px; width: 65px;}
#colt {float: left; height: 34px; margin: 11px 0 0 76px; width: 119px;}
#tmobile {float: left; height: 19px; margin: 29px 0 0 68px; width: 115px;}
#avecia {float: left; height: 22px; margin: 26px 0 0 10px; width: 92px;}
#virgin {float: left; height: 47px; margin: 0 0 0 147px; width: 71px;}
#aol {float: left; height: 60px; margin: 0 0 0 154px; width: 52px;}
#corus {float: left; height: 39px; margin: 14px 0 0 8px; width: 55px;}
#cable {float: left; height: 53px; margin: 0 0 0 85px; width: 101px;}
#global {float: left; height: 23px; margin: 16px 0 0 65px; width: 139px;}
#icl {float: left; height: 34px; margin: 23px 0 0 72px; width: 45px;}

/* CONTACT */
#contactarea {float: left; margin: 0 0 0 -10px; width: 264px;}
#contact_signature {background: url('files/profile/david_signature.jpg') no-repeat; float: left; height: 52px; margin: 5px 0 0 0; width: 250px;}
.contact {float: left; font-size: 11px; line-height: 16px; margin: 10px 0 0 0; padding-left: 10px; width: 254px;}
.contact h1 {font-size: 13px; width: 250px;}
.contact strong {font-size: 11px; font-weight: bold;}

/* CONTACT : FORM */
#formarea {float: right; margin-right: 55px; width: 337px;}
#form {background-color: #FFFFFF; border: 10px solid #C0E3F4; float: right; padding: 10px 10px 38px 10px; width: 317px;}
#details {color: #4B4A4A; float: left; font-size: 11px; line-height: 32px; padding-left: 10px; width: 100px;}
#fields {float: right; font-size: 11px; line-height: 30px; padding-right: 10px;}
#fields input {border: 1px solid #7F9DB9; font-size: 11px; height: 15px; margin: 4px 0 8px 0; padding: 2px 4px 0 4px; width: 160px;}
#message {float: left; font-size: 11px; height: 91px; margin: 0 0 0 5px; padding: 0 0 0 4px; width: 291px;}
#message textarea {border: 1px solid #7F9DB9; font-size: 11px; height: 91px; line-height: 22px; padding: 0 4px 0 4px; width: 287px;}
#message_button {background: url('graphics/menu/submit.gif') no-repeat; color: #4B4A4A;  float: right; font-family: tahoma, arial, sans-serif; font-size: 11px; font-weight: bold; height: 36px; margin: -23px 28px 0 0; width: 87px; width: 80px;}

/* CONTACT : THANKS */
.thanks {float: left; font-size: 12px; line-height: 16px; margin: 10px 0 0 0; width: 317px;}
.thanks h1 {font-size: 18px;}

/* ERROR PAGE - 404 */
.error {float: left; font-size: 12px; line-height: 16px; margin: 10px 0 0 0; width: 600px;}
.error h1 {font-size: 18px;}
.error h2 {font-size: 15px;}
.error strong {font-size: 12px; font-weight: bold;}

/* FOOTER */
#footer {background: url('graphics/fillers/bg_footer.jpg'); color: #4B4A4A; float: left; font-family: arial, tahoma, sans-serif; font-size: 11px; margin-top: 20px; padding-top: 20px; height: 84px; width: 100%;}
#foot_content {margin: 0 auto 0 auto; width: 690px;}
#ae {float: right; height: 11px; margin: -14px 0 0 0; width: 17px;}
.foot_left {float: left; font-family: arial, helvetica, sans-serif; font-size: 10px;}
.foot_right {float: right; font-family: arial, helvetica, sans-serif; font-size: 10px; margin-right: 70px; width: 52px;}
.foot_right a {font-size: 10px; padding-right: 10px;}
.foot_right a:hover {text-decoration: none;}