/* CSS Reset - derivative of YUI Reset CSS - http://developer.yahoo.com/yui/reset/#code */
html, body, div, pre, form, fieldset, input, h1, h2, h3, h4, h5, h6, p, textarea, ul, ol, li, dl, dt, dd, blockquote, th, td {margin:0; padding:0}
table {border-collapse:collapse; border-spacing:0}
img {border:0}
ul {list-style:none}

/* base styles ------------------------------------------- */
body {font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#222; background:#fff url(../img/bg-bodyz.png) repeat-x;}
a:link, a:visited {color:#004276; text-decoration:none}
a:hover, a:active {text-decoration:underline}
h1,h2,h3,h4 {color: #3B73B9; }
h1 {font-size:19px; font-weight: normal; padding:5px 0;  margin:0px 0 10px; }
h2, h2 a:link, h2 a:visited {font-size:13px; padding:5px 0; margin:0;}
h3 {font-size:13px; padding:12px 0 4px 0; margin:0;}
h4 {font-size:13px; padding:18px 0 6px 0; margin:0; color:#333}
.green {color:#333;}
.blue {color:#005daa}
.red {color:#ff0000}
.black {color:#333}
.italic {font-style:italic}
.indent {padding-left:20px}

/* structure --------------------------------------------- */
#container {width:978px; margin:0 auto;}
#topbar {padding:4px 12px 0 0; text-align:right;}
#topbar a {text-decoration:none}
#topbar a:hover {text-decoration:underline}
#wrapper {clear:both; width:978px; padding-bottom:4px; background:#fff url(../img/bg-shadow2.png) 0 bottom no-repeat}
#banner {clear:both; height:150px; width:978px; padding:0 4px; background:#fff url(../img/bg-shadow.png) repeat-y}

#sidebar {float:left; width:250px}
#footer {clear:both}

/* shadow frame ------------------------------------------ */
.shadow-top    {width:978px; padding:4px 4px 0 4px; background:#fff url(../img/bg-shadow2.png) no-repeat}
.shadow        {width:978px; padding:0 4px; background:#fff url(../img/bg-shadow.png) repeat-y}
.shadow-bottom {width:978px; padding:0 4px 4px 4px; background:#fff url(../img/bg-shadow2.png) 0 bottom no-repeat}

/* header & nav ------------------------------------------ */
#header {height:60px; position:relative; margin-top:-5px}
#header #logo {float:left; padding-left:20px;}
#header #slogan {position:absolute; top:28px; left:270px;}
#search {height:35px; width:274px; position:absolute; top:16px; right:20px; background:url(../img/bg-search.png) no-repeat;}
#search form {position:relative; margin:0; padding:0;}
#search input#search-text {position:absolute; top:6px; left:10px; height:23px; width:224px; border:0}
#search input#search-submit {width:30px; height:30px; position:absolute; left:242px; top:5px;}
#nav {float:left}

/* home page */
#home #banner {height:316px}
#home #mid {width:970px; height:120px; background:url(../img/home/bg-mid1.png) no-repeat; border-top:1px solid #ddd;}
.slideshow {position:relative; width:485px; height:120px; margin-left:485px; overflow:hidden}
.slideshow img {position:absolute; left:0; top:0; display:none}
.slideshow img:first-child, .slideshow img.first-child {display:block} /* class reqd for ie6 */
#promos {width:970px; height:186px; background:#f6f6f6 url(../img/home/bg-promos.jpg) no-repeat}
#promos .promo {float:left; position:relative; width:320px; height:186px; text-align:center}
#promos .promo h2 {margin:0; padding:102px 0 2px 12px; font-size:14px; color:#181818}
#promos .promo p {margin:0; padding:0 0 0 12px; font-size:12px; color:#555; line-height:18px}
ul.events {margin:0 0 0 14px; padding:0; text-align:left}
ul.events li a, ul#events li a:link, ul#events li a:visited {padding-left:16px; background:url(../img/orig/bullet-blue.gif) no-repeat; font-size:12px; line-height:18px}
a.more, a:link.more, a:visited.more {padding-right:16px !important; background:url(../img/orig/bullet-blue.gif) 100% 0 no-repeat; font-size:12px; line-height:18px}

/* content ---------------------------------------- */
#content {}
ul.pagelist  {margin-left:20px;}
ul.pagelist li{background:url(../img/green_pt.gif) 0 9px no-repeat; padding:1px 0 1px 8px;}
ul.bullets {font-size:12px; margin:12px 0}
ul.bullets li {margin-left:12px; padding-left:16px; background:url(../img/arrow_blue.gif) 0 6px no-repeat; line-height:18px}

/* sidebar */
#main {min-height:300px;}
#main p{padding:5px 0;}
#sidenav {width:208px; margin:4px 0 15px 17px; padding:5px; border:1px solid #ddd;}
#sidenav ul li {display:block; margin:1px;font-size:12px;}
#sidenav ul li a {background-color:#e6e6e6; padding:3px 5px 3px 15px; display: block; color:#557b13; width:186px; text-decoration:none;}
#sidenav ul li a:visited {background-color:#e6e6e6; display:block; color: #557b13;}
#sidenav ul li a:hover {background-color:#689023; color:#fff; text-decoration:none;}
#sidenav ul li a.active {background-color:#689023; color:#fff;}

/* footer ------------------------------------------------ */
#footer {clear:both; width:978px; margin:10px auto; padding-bottom:20px}
#footer-block {background:url(../img/footer.png) no-repeat; width:978px; height:238px; margin-bottom:4px}
#copyright {width:49%; float:right; text-align:right; color:#999}
#cols {width:640px; height:210px; padding:10px 0 0 40px; line-height:1.6}
#cols .col {float:left; position:relative; width:190px; height:210px}
#cols .col h2 {margin:0; padding:0; font-size:14px; color:#181818}
#cols .col p {margin:0; padding:0; font-size:12px; color:#555; line-height:18px}

/* case study styles */
#case-study h1 {font-size:150%}
#case-study h2 {font-size:140%}
#case-study h3 {padding-top:12px; padding-bottom:4px; font-size:130%}
#case-study p.quote {font-weight:bold; font-style:italic}
#case-study p.quoteby {padding-left:20px}

/* testimonials styles */
#testimonials h2 {font-size:140%; padding-bottom:20px}
#testimonials p.quote {}
#testimonials p.quoteby {padding:0 0 20px 20px; color: #3B73B9}

/* requestinfo styles */
#requestinfo table td {padding:6px 4px}
.inputgeneral { border: 1px solid #DDD; padding: 2px 1px;}
label {display:block;padding: 2px; float:left;}
label b {float:left;width:64px;display:block; text-align:right; line-height:20px; margin-right:4px;}
textarea { font-family:Arial, Helvetica, sans-serif; font-size:12px; width: 340px;}
input.requestinfo {width:220px; font-size:12px;}

/* self-clear floats */
.group:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}