/* Global tag definitions */
body { margin: 0px; text-align: center; background-color: #fff; font-family: Arial,Helvetica,sans-serif; font-size: 13px; line-height: 1.6em; color: #333; }
img { border: none; }
a { text-decoration: none; color: #3D68BE; }
h2 { font-size: 15px; }
/* Main page areas */
#wrapper { width: 965px; margin: 0px auto; text-align: left; }
#header { height: 404px; }
#logo { display: block; position: absolute; z-index: 2; }
#banner { display: block; position: absolute; z-index: 1; margin-top: 45px; }
#content { padding: 0px 45px; }
#column-main { float: left; width: 523px; margin-right: 10px; }
#column-side { float: left; width: 342px; }
#footer { clear: both; margin-bottom: 10px; }
#dyk { padding: 20px 0px 20px 100px; background: url(../images/dyk_icon.gif) no-repeat 15px center; font-size: 12px; color: #E77D24; }
#copyright { text-align: center; color: #666; font-size: 10px; }
/* Aundience navigation tabs */
#nav-audience { float: right; text-transform: uppercase; line-height: 28px; }
#nav-audience ul { width: 425px; margin: 0px 0px 0px -420px; padding: 0px; list-style: none; position: absolute; z-index: 3; }
#nav-audience li { margin: 0px; float: left; margin: 0px 5px 0px 10px; padding: 0px; list-style: none; background: #2751A4 url(../images/nav_audience_corner_b_l.gif) no-repeat bottom left; }
#nav-audience a { display: block; padding: 0px 10px; color: #fff; background: url(../images/nav_audience_corner_b_r.gif) no-repeat bottom right; }
#nav-audience li:hover, #nav-audience li.sfhover, #nav-audience li.current { background: #E77D24 url(../images/nav_audience_corner_b_l_o.gif) no-repeat bottom left; }
#nav-audience li:hover a, #nav-audience li.sfhover a, #nav-audience li.current a { background: url(../images/nav_audience_corner_b_r_o.gif) no-repeat bottom right; }
#nav-audience li:hover a:hover, #nav-audience li.sfhover a:hover, #nav-audience li.current a:hover { color: #fff; }
/* Aundience sub navigation */
#nav-audience-sub a { font-weight: bold; } 
#nav-audience-sub a.current { color: #E77D24; } 
/* Main navigation */
#nav-main { position: absolute; height: 31px; width: 955px; margin: 338px 0px 0px 5px; padding: 0px; font-weight: bold; text-transform: uppercase; line-height: 31px; background: #E77D24 url(../images/nav_main_corner_l.gif) no-repeat left; }
#nav-main ul { width: 100%; height: 31px; margin: 0px; padding: 0px; list-style: none; background: url(../images/nav_main_corner_r.gif) no-repeat right; }
#nav-main li { float: left; margin: 0px; padding: 0px; list-style: none; }
#nav-main a { display: block; width: auto; padding: 0px 10px; color: #fff; text-align: center; }
#nav-main a:hover { color: #2751A4; }
#nav-main li.current a { color: #2751A4; background: url(../images/nav_main_arrow.gif) no-repeat 30px center; }
/* Sub navigation */
#nav-main div { left: -999em; position: absolute; z-index: 2; width: 935px; height: 25px; margin: 0px 10px; line-height: 25px; background: #E4E4E4 url(../images/nav_main_sub_corner_l.gif) no-repeat bottom left; }
#nav-main div.empty { background: #fff; }
#nav-main li.current div { z-index: 1; }
#nav-main li:hover a, #nav-main li.sfhover a { color: #2751A4; }
#nav-main li:hover div, #nav-main li.sfhover div, #nav-main li.current div { left: auto; }
#nav-main li:hover div a, #nav-main li.sfhover div a, #nav-main li.current div a { color: #666; text-transform: none; background: none; }
#nav-main li:hover div a:hover, #nav-main li.sfhover div a:hover, #nav-main li.current div a:hover { color: #2751A4; }
#nav-main li:hover div li.current a, #nav-main li.sfhover div li.current a, #nav-main li.current div li.current a { color: #2751A4; }
#nav-main div ul { width: auto; height: 25px; background: url(../images/nav_main_sub_corner_r.gif) no-repeat bottom right; }
#nav-main div li { padding: 0px 10px; }
/* Sub navigation positioning */
#nav-main li.home { width: 118px; }
#nav-main li.thestraw { width: 158px; }
#nav-main li.ourstory { width: 157px; }
#nav-main li.ourteam { width: 149px; }
#nav-main li.samples { width: 209px; }
#nav-main li.contact { width: 164px; }
#nav-main li.home div { margin-left: 10px; }
#nav-main li.thestraw div { margin-left: -108px; }
#nav-main li.thestraw ul { padding-left: 138px; width: 797px; }
#nav-main li.ourstory div { margin-left: -266px; }
#nav-main li.ourteam div { margin-left: -423px; }
#nav-main li.ourteam ul { padding-left: 453px; width: 482px; }
#nav-main li.samples div { margin-left: -572px; }
#nav-main li.contact div { margin-left: -781px; }
/* Icon navigation */
#nav-icon { float: right; width: 510px; margin: 25px 0px; }
#nav-icon ul { margin: 0px; padding: 0px; list-style: none; }
#nav-icon li { float: left; margin: 0px; padding: 0px; }
#nav-icon li a { display: block; }
#nav-icon li img { display: block; padding-left: 20px; }
/* Rounded corner box */
div.rounded { background-color: #F1F1F1; }
div.t-l { background: url(../images/box_corner_t_l.gif) no-repeat top left; }
div.t-r { background: url(../images/box_corner_t_r.gif) no-repeat top right; }
div.b-l { background: url(../images/box_corner_b_l.gif) no-repeat bottom left; }
div.b-r { background: url(../images/box_corner_b_r.gif) no-repeat bottom right; }
div.inner { padding: 10px 25px 25px 25px; }
div.inner h1 { margin: 0px; }
div.inner h1 img { display: block; }
div.inner h2 { font-size: 18px; }
div.video { float: right; }
#column-side div.inner { padding: 11px; }
#column-side div.inner h2 { margin: 0px; }
/* Special Classes */
p.caption { line-height: 1.1em; font-size: 10px; font-weight: bold; text-align: center; }
p.caption img { display: block; padding-bottom: 10px; }
img.image-left { display: block; float: left; padding: 0px 10px 10px 0px; }
img.image-right { display: block; float: right; padding: 0px 0px 10px 10px; }
a.link-callout { font-size: 15px; font-weight: bold; padding-left: 8px; background: url(../images/link_arrow.gif) no-repeat center left; }
form div { clear: both; }
form label { display: block; float: left; width: 150px; padding-right: 10px; }
form input { display: block; float: left; width: 200px; }
form input.button { margin-left: 160px; }
/* Validation declarations */
div.validationmessages { padding: 6px 0px; }
div.validationmessage { margin: 4px 0px; padding: 0px 4px; border: 1px solid #900; background-color: #fee; }
form .invalid { border: 1px solid #900; background-color: #fee; }
span.val-required { color: #900; }