@charset "utf-8";
/* CSS Document */

/* RESET (Yahoo UI Library*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
/* End of RESET */

body {background: url(../img/bg.png) repeat-x; text-align: center; font-family: Arial, Helvetica, sans-serif;}
#container {margin: 0 auto; text-align: center; width: 100%;}
#mastheadContainer {background: url(../img/bg-horizontal.jpg) no-repeat center 54px; position: relative; width: 100%; height: 293px; min-width: 965px; text-align: center; margin: 0 auto;}
#masthead {width: 965px; height: 293px; background: url(../img/bg-masthead.gif) no-repeat 38px 38px; text-align: left; margin: 0 auto;}
#logo {margin: 15px 0 0 75px; float: left; position: relative;}
ul#nav {margin: 22px 0 0 24px; float: left;}
ul#nav li {list-style: none; float: left;  margin: 0 8px 0 8px; height: 24px; border-right: 1px solid #5c6870; vertical-align: middle;}
ul#nav li a {text-transform: uppercase; color: #74828b; font-size: 0.8em; text-decoration: none; position: relative; padding-right: 15px;}
ul#nav li a:hover, ul#nav li#navSel a {color: #4cb3c5;}
ul#nav li:last-child {border-right: 0;}

#fadingImages {float: left; clear: both; width: 562px; margin-left: 332px;}
#fadingImages .fadingImage {float: left; margin-right: 15px; background: url(../img/bg-small.gif) no-repeat;}
#c {width: 810px; margin: 0 auto;}
#contentContainer {clear: both;  position: relative; top: -8px; width: 812px; margin: 0 auto 20px auto; background: url(../img/content-sides.png) repeat-y; float: left; padding: 0;}
#content {text-align: left; clear: both; width: 812px; min-height: 300px; margin: 0 auto; background: url(../img/content-bottom.png) no-repeat 0 bottom; padding-bottom: 80px; margin: 0 0 0 0; float: left;}
#content .copy {margin: 16px; clear: both; float: left;}
#leftColumn {width: 415px; float: left; padding-bottom: 50px; background: url(../img/bg-copy-divider.png) no-repeat right 20px;}
.list {float: left; padding-bottom: 50px; margin-left: 70px; clear: both;}

#content .copy h1 {text-transform: uppercase; color: #5aadbc; font-weight: normal; margin: 8px 16px 24px 8px; height: 50px; display: block; font-size: 1.2em;}
#content .short {margin: 0 0 0 180px;}
#content .copy p {clear: both; font-size: 0.8em; margin: 8px 16px 8px 8px;}
#content .copy .short p {font-size: 1em; color: #5c6870;}
#content .copy .short .logo {margin-bottom: 24px;}
#content .copy ul {margin: 8px 16px 8px 8px;}
#content .copy ul li {list-style: outside; font-size: 0.8em; margin: 0 8px 8px 50px; color: #5ea7b3;}
#content .copy ul li span {color: #5c6870;}

#ul li {text-indent: 0;}
ul li dt a {text-indent: 0; margin-right: 8px; color: #5c6870; font-weight: bold; text-decoration: none;}
ul li dd {font-size: 0.9em; text-indent: 0; display: inline; color: #5c6870; display: none;}


#content .copy .list ul {clear: both; margin: 8px 16px 8px 0; list-style: disc;}
#content .copy .list ul li {margin-left: 20px;}
#content .copy .logoList ul {clear: both; margin: 32px 0 0 0;}
#content .copy .logoList ul li {list-style: none; float: left; margin: 0 8px 0 0; padding: 0;}

#content #testimonials {margin-bottom: 80px; clear: both;}
#content #testimonials #leftColumn {background: none; padding-bottom: 80px; width: 394px;}
#content #testimonials #rightColumn {width: 384px;}
#content #testimonials p {font-size: 0.75em; margin-bottom: 4px; clear: both;}
#content #testimonials p:first-child {margin-top: 0;}
#content #testimonials .customer {font-size: 0.8em; margin: 0 8px 30px 8px; color: #53a1ae; text-transform:uppercase; font-weight: bold;} 

#rightColumn {width: 360px; float: right;}
#content .copy #rightColumn h1 {margin-left: 40px;}

#content .teamMember {float: left; margin-bottom: 16px; margin-right: 22px;}
#content .teamMemberRow {clear: both;} 
#content .teamMember .image {float: left; margin-right: 8px;}
#content .teamMember .info {float: right; width: 270px;}
#content .teamMember .info .name {font-size: 0.75em; font-weight: bold; text-transform: uppercase;}
#content .teamMember .info .bio {font-size: 0.75em; }


#content #newsStories {margin-bottom: 80px; clear: both; }
#content #newsStories #leftColumn {background: none; padding-bottom: 80px; width: 394px;}
#content #newsStories #rightColumn {width: 384px;}
#content #newsStories .newsItem {clear: both; width: 370px;}
#content #newsStories .newsItem .title {margin-left: 8px; font-size: 0.85em; text-transform: uppercase; }
#content #newsStories .newsItem .title .date {margin-right: 4px; color: #515256;}
#content #newsStories .newsItem .title h2 {display: inline; color: #53a1ae;}
#content #newsStories .newsItem .story {color: #5c6870; font-size: 0.9em;}

#allen {position: absolute; right: 16px; top: 36px;}