html, body, h1, h2, h3, h4, h5, h6, div, span, table, tr, td, th, ul, ol, li, blockquote, input, textarea{ font-family:Arial, Helvetica, sans-serif; color:#000000; }
body{ background-image:url(/images/img_bg.jpg); background-repeat:repeat-x; }
h1{ font-size:21px; color:#4a4b5f; font-weight:normal; }
h2.featuredWorkTitle{ font-size:14px; color:#5f8799; font-weight:normal; padding:11px 0 11px 0; margin:0; }

/* Generic Re-used Classes */
.left{ float:left; }
.right{ float:right; }
.clear{ float:none; clear:both; }
.pull{ width:960px; margin:0 auto; text-align:center; }
.txtLeft{ text-align:left; position:relative; }
.txtRight{ text-align:right; }
.txtCenter{ text-align:center; }
.altText{ color:#727082; font-style:italic; }

#container{  }

/* Header Styles */
#header{ background-image:url(/images/img_header_top.jpg); background-repeat:no-repeat; background-position:top; height:134px; }
#header #logo{ margin:37px 0 0 0; }
#header #navigation{ margin:39px 0 0 0; position:relative; }
.navigationDivider1, .navigationDivider2, .navigationDivider3{ background-color:#FFFFFF; filter:alpha(opacity=30); -moz-opacity:.30; opacity:.30; margin:0 2px 0 2px; position:absolute; }
.navigationDivider3{ right:98px; }
.navigationDivider2{ right:220px; }
.navigationDivider1{ right:314px; }
#navigationElementHome{ width:69px; right:319px; }
#navigationElementWork{ width:75px; right:225px; }
#navigationElementBackground{ width:103px; right:103px; }
#navigationElementContact{ width:84px; right:0; }

.navigationBackground{ position:relative; z-index:10; filter:alpha(opacity=20); -moz-opacity:.20; opacity:.20; height:52px; padding:0 7px 0 7px; }
#navigationBackgroundHome{ width:69px; }
#navigationBackgroundWork{ width:75px; }
#navigationBackgroundBackground{ width:103px; }
#navigationBackgroundContact{ width:84px; }
.navigationElementSelected .navigationBackground, .navigationElement:hover .navigationBackground{ background-color:#FFFFFF; }
.navigationElementSelected, .navigationElement{ height:52px; padding:0 14px 0 0; position:absolute; }
.navigationElementSelected{ }

.navigationMainTxt, .navigationSubTxt{ position:absolute; z-index:20; margin:0 0 0 7px; }
.navigationMainTxt a{ font-size:18px; color:#FFFFFF; font-weight:normal; text-decoration:none; }
.navigationMainTxt{ top:8px; }
.navigationSubTxt{ font-size:10px; color:#d4dae4; top:28px; }


/* Content Area Styles */
#content{ background-image:url(/images/img_header_middle.jpg); background-repeat:no-repeat; background-position:top; padding:36px 0 0 0; }
#content a{ color:#727082; text-decoration:underline; }
#homeLeftCol{ width:361px; margin:0 20px 0 0; }
#homeRightCol{ width:576px; }
.featuredWork{ width:188px; margin:0 0 0 4px; }
.featuredWorkDesc{ margin:0; padding:0 3px 0 0; height:140px; }
.featuredWorkImg{ border:2px solid #000000; }
.featuredWorkLinks span{ color:#727082; font-weight:bold; }
.featuredWorkLinks span a, .featuredWorkMoreDetails a, .workLink{ color:#727082; font-weight:normal; text-decoration:underline; padding:0 6px 0 0; }
.featuredWorkTechnologies, .workTechs{ padding:0; margin:0; color:#52504f; font-size:11px; }
.workTechs{ padding:.75em 0 0 0; }
/* background page */
.skillsCol, .skill, .skillBar{ width:288px; }
.skill h6{ font-size:12px; color:#727082; font-weight:bold; }
.skillDesc{ padding:0 0 18px 5px; font-size:11px; }

/* Form Styles */
.homeTextField{ border:1px solid #5f8799; width:355px; padding:3px; color:#676464; font-size:12px; }
.homeTextArea{ border:1px solid #5f8799; width:355px; padding:3px; height:71px; color:#676464; font-size:12px; }
.homeTextField, .homeTextArea{ margin:0 0 4px 0; }

/* Footer Styles */
#footer{ border-top:1px solid #d5d3d3; margin:25px 0 0 0; padding:0 10px 0 0; }
#footer p, #footer a{ color:#5f8799; }
#footer a{ text-decoration:none; }
#footer a:hover{ text-decoration:underline; }