/* basic elements */
body {margin: 0; padding: 0; text-align: center; font: 1em arial, sans-serif}
h2 {color: #2c3c5f; font-size: 1em; margin: 0; padding: 16px 16px 0 16px}
h3 {color: #2c3c5f; font-size: 0.9em; margin: 0; padding: 16px 16px 0 16px}
h4 {color: #2c3c5f; font-size: 0.8em; margin-bottom:-10px; padding: 5px 16px 5px 16px}
a:link    {color: #5c788e;}
a:visited {color: #888;}
a:hover   {color: #2c3c5f;}
.bold {font-weight:bold;}
.ital {font-style:italic;}
/* basic elements */

/* homepage styles*/
#bodyhome #header #logo {float:left; padding:0; border:none; margin:8px 0 0 10px;}
#header #logo {float:left; padding:0; border:none; margin:8px 0 0 10px;}
#header #logo img {border:none;}

#bodyhome #main {background-color: #f7f7f7; background-image: none; height: 416px; border: 0;}

#bodyhome #copy ul#h-copy li {position:relative; top:0px; right:35px; background-color:#f7f7f7; background-image: none; list-style: none; font-size: 1.2em; font-weight:bold; line-height: 1.4em; white-space:nowrap;}
#bodyhome #copy ul#h-copy li span {font-size: 1.25em; font-weight:bold;}

#i-photo {float: right; width: 540px; height: 106px;}
#i-photo div img {float: right; width:106px; height:106px; border: 1px solid #F3F8F6;}

img.h-photo {margin: 0; padding: 0; border: solid #2c3c5f; border-width: 0 1px 1px 1px}

#bodyhome #copy {position: absolute; width: 320px; height: 305px; top: 0; left: 250px; border-left:2px solid #2c3c5f; border-right:2px solid #2c3c5f; border-bottom:2px solid #2c3c5f; padding-bottom: 0}
#bodyhome #copy p {margin: 0; padding: 8px 16px 0 16px}

#client-box, #cand-box {color: #2c3c5f; background-color: #fff; width: 244px; height: 103px; border: 3px solid #bebebe;}
#client-box {position: absolute; top: 201px; left: 0}
#cand-box {float: left}

#client-box h2, #cand-box h2 {margin: 0; padding: 0; display: block; width: 244px; height: 27px; text-indent: -5000px}

#client-box h2 {background: url(../img/h-sourcing.png) no-repeat}
#cand-box h2 {background: url(../img/h-product-dev.png) no-repeat}

#client-box p, #cand-box p {margin: 0; padding: 2px 10px 0 10px; font-size: 0.7em}

#focus-box {width: 210px; height: 301px; color: #2c3c5f; background-color: white; border: 3px solid #bebebe; position: absolute; top: 0; right: 0}
#focus-box h2 {display: block; width: 210px; height: 27px; margin: 0; padding: 0; text-indent: -5000px; background: url(../img/h-ind.png) no-repeat}
#focus-box p  {margin: 0; padding: 6px 10px 0 10px; font-size: 0.7em; line-height: 1.3em}

#focus-box ul {list-style:none; margin-left:-20px; *margin-left:20px;}
#focus-box ul li {background: #fff url(../img/bullet.png) no-repeat 0px 5px; padding:0 10px; font-size: 0.7em; line-height: 1.4em;}

#bodyhome h1 {padding: 12px 16px 0 16px; text-indent: 0}
/* homepage styles*/

/* page names */
h1 {color: #2c3c5f; font-size: 1.1em; margin: 0; padding: 0; text-indent: -5000px; height: 26px;}
#bodycompany h1 {background: #4b4b4b url(../img/s-t-company.png) no-repeat;}
#bodyservices h1 {background: #4b4b4b url(../img/s-t-services.png) no-repeat}
#bodycontact h1 {background: #4b4b4b url(../img/s-t-contact.png) no-repeat}
#bodyerror h1 {background: #4b4b4b url(../img/s-t-404.png) no-repeat}
h1#blog-name {background: #4b4b4b url(../img/s-t-blog.png) no-repeat;}
/* page names */


/* layout elements */
#wrapper {width: 790px; text-align: left; padding: 0; margin: 0 auto;}

#header {border: 3px solid #2c3c5f; height: 89px; background: url(../img/header-bg.png) repeat-x bottom;}
#header #sm-photo {float:right; width: 450px; height: 88px;}
#header #sm-photo div img {float:right; width:86px; height:86px; border: 1px solid #F3F8F6;}

#main {background: url(../img/bg.gif) repeat-y left; position: relative; border-bottom: 3px solid #bebebe; border-right: 3px solid #e5e5e5; min-height: 300px}

#copy {float:right; width: 587px; margin:0; padding: 0 0 12px 0;}
#copy p, #copy ul {color: #2c3c5f; font-size: 0.75em; line-height: 1.8em; margin: 0; padding: 8px 16px 0 16px;}

#top {height: 307px; border: 0px dashed blue;}
#bottom {position: absolute; top: 307px; left: 0}

#footer {margin: 0; padding: .5em 0; font-size: 0.7em; line-height: 1.4em; text-align: center; color: #888; border-top: 6px solid #2c3c5f; clear:both;}

p#blog-footer {margin: 0; padding: .5em 0; font-size: 0.95em; line-height: 1.4em; text-align: center; color: #888; border-top: 6px solid #2c3c5f; clear:both;}

div.clear {clear: both;}

#copy ul {list-style:none; padding-left: 40px;}
#copy ul li {background: #fff url(../img/bullet.png) no-repeat 0px 8px; padding:0 10px;}
/* layout elements */


/* navigation behaviors */
#nav {width: 100%; height: 23px; background-color: #888; *background-color: #7D7D7D; border-bottom: 3px solid #2c3c5f; clear:left;}
#nav ul {margin: 0; padding: 0; list-style: none}
#nav ul li {float: left;}
#nav ul li a {display: block; text-indent: -5000px; height: 23px}

#navhome a {width: 62px; background: url(../img/nav.png) no-repeat 3px 0}
#navhome a:hover {background-position: 3px -23px}
#bodyhome #navhome a {background-position: 3px -46px}

#navcompany a {width: 88px; background: url(../img/nav.png) no-repeat -61px 0 }
#navcompany a:hover {background-position: -61px -23px}
#bodycompany #navcompany a {background-position: -61px -46px}

#navservices a {width: 86px; background: url(../img/nav.png) no-repeat -150px 0}
#navservices a:hover {background-position: -150px -23px}
#bodyservices #navservices a {background-position: -150px -46px}

#navblog a {width: 61px; background: url(../img/nav.png) no-repeat -236px 0}
#navblog a:hover {background-position: -236px -23px}
#bodyblog #navblog a {background-position: -236px -46px}

#navcontact a {width: 76px; background: url(../img/nav.png) no-repeat -302px 0}
#navcontact a:hover {background-position: -302px -23px}
#bodycontact #navcontact a {background-position: -302px -46px}
/* navigation behaviors */

/* subnavigation behaviors */
#snav {float:left; width: 194px; background-color: #e5e5e5; border: solid #bebebe; border-width: 0 3px;}
#snav ul {margin: 0; padding: 0; list-style: none;}
#snav ul li {margin: 0; padding: 0;}
#snav ul li a {display: block; height: 19px; font-size: .75em; font-weight: bold; border-bottom: 1px solid #bebebe; text-align: right; margin: 0; padding: 7px 8px 0 0;}
#snav ul li a:link    {color: #888; text-decoration: none; border-right: 3px solid #888;}
#snav ul li a:visited {color: #4b4b4b; text-decoration: none; border-right: 3px solid #4b4b4b;}
#snav ul li a:hover   {color: #2c3c5f; text-decoration: underline; border-right: 3px solid #2c3c5f;}
/* subnavigation behaviors */

/* form styles */
#req { display:none;}
form {width: 380px; margin: 10px 0 0 20px; padding: 0; font-size: 0.75em; color: #2c3c5f;}
div.row {clear: both; padding-top: 0;}
div.row span.label {float:left; width: 115px; font-weight: bold; margin: 0; padding: 6px 0;}
div.row span.formw {float:left; width: 260px; line-height: 1.5em; margin: 0; padding: 5px 0;}
input, textarea {margin: 0; padding: 0; border: 1px solid #cac6cc;}
/* form styles */

.separator { border-bottom:1px dotted #cac6cc; width:94%; margin:-5px 0 5px 15px;}
img.bio-photo {border:1px solid #000; float:left; margin: 14px 10px 0 15px;}

/* IE6 is a jerk */
* html #main {height:auto !important; height:300px;}