/*page specifics*/

/*home--------------------------------------------------------------------------*/
#home {background-image:url('../images/home-bk.gif');}
#home .page-header {background-color:transparent; text-align:left; width:360px; left:0px; top:36px; z-index:100;}
#home .page-header h1, #home .page-header h2 {float:none; width:360px; padding:0px 0px 14px 0px;}
#home .page-header h2 {width:300px; line-height:1.7em;}
#home .page-header a {color:#ffffff; text-shadow:#80af00 1px 1px 1px; font-size:1.3em; border-bottom-color:#ffffff; background:transparent url('../images/link-arrow-green.gif') no-repeat top left; padding:0px 0px 0px 20px;}

/*video and links*/
#home .intro-media {}
.playlist {z-index:99;}
#video-player {width:540px; float:right; clear:none;}
#thumbnails {float:right; background:#e8e3e1 url('') no-repeat top left; margin:0px 6px 0px 6px; padding:2px 6px 24px 6px; z-index:13;}
#thumbnails a {display:block; width:116px; height:86px; float:left; margin:0px 5px 5px 5px;}
#thumbnails a img {border:3px solid #ffffff;}
#thumbnails a:hover img {border:3px solid #464646;}
#thumbnails a h4 {color:#464646; font-size:1em; padding:0px 0px 4px 0px;}

#info-links {width:404px; float:left; clear:both; margin:-118px 0px 30px 0px;}
#info-links a {width:172px; display:block; float:left; clear:none; margin:0px 5px 0px 5px; padding:16px 10px 50px 10px;
            background:transparent url('../images/home-but.jpg') no-repeat top left; border-bottom:none;
            color:#ffffff; text-shadow:#80af00 1px 1px 1px; text-transform:uppercase; text-align:center; font-size:1.1em; line-height:1.8em;}
#info-links a strong {display:block; font-size:1.4em;}

#home .columns {}
#home aside, #home .promos {border:none; width:314px;}
#home .news-promo {background-color:#ffffff; padding:14px 0px 0px 0px;}
#home .news-promo h5 {padding:0px 0px 8px 20px;}
#home .news-promo article {padding:10px 20px 14px 20px;}

#home .clients .viewer {width:953px; height:60px; padding-top:0px;}
#home .clients ul {width:999em; height:60px;}
#home .clients li {padding:0px 14px; }
#home .clients .viewer a.lscroll span, #home .clients .viewer a.rscroll span {top:15px;}

#home .no-js .clients .viewer {width:290px; height:auto;}
#home .no-js .clients ul {width:auto; height:auto;}


/*network-----------------------------------------------------------------------*/
#our-network .intro-media {width:100%; background:transparent url('../images/network-bk.gif') repeat-x left bottom; }
#our-network .intro-media figure {position:relative; display:block; margin:30px 0px 15px; z-index:12; float:none; width:100%; height:auto; background:none;}
#our-network .intro-media figure img {position:relative; display:block; margin:0px auto; height:350px; width:650px; float:none;}

/*people------------------------------------------------------------------------*/
.staff {float:none; clear:both; padding-top:60px;}
.staff figure {float:left; overflow:hidden; padding:13px; position:relative;}
.staff figure img {height:250px; width:210px; border:1px solid #cccccc;}
.staff figure figcaption {width:192px; padding:10px 10px; position:absolute; left:13px; bottom:35px; background-color:rgba(255,255,255,0.7) !important; background-color:white;}
.staff figure figcaption dl {font-size:1.2em; line-height:1.6em;}
.staff figure figcaption dl dt {display:none;}
.staff figure figcaption dl dd {}

/*what we do~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#what-we-do .columns {padding-bottom:0px;}
#what-we-do .spot-rods {padding-bottom:0px; width:605px;}

/*services~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.service-list {}
.column .services-list li {background:none; text-indent:0px; clear:both; overflow:hidden; padding:16px; margin-bottom:20px; border:1px solid #ffffff;}
.column .services-list li:hover {background:#efefef; border:1px solid #99d200;}
.column .services-list li figure {float:left; margin:0px 10px 0px 0px;}
.column .services-list li figure img {border:1px solid #aaaaaa; margin:0px;}
.column .services-list li h4 {color:#7d9c2a; margin:0px 0px 6px 0px; padding:0px; font-size:1.1em;}
.column .services-list li p {padding-bottom:8px;}

/*news and case studies~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#news .columns, #case-studies .columns {padding-top:100px;}
#news .article img, #case-studies .article img {border:1px solid #cccccc;}
#news .article ul, #news .article ol {font-size:1.2em; line-height:138%;}
#news .article ul p, #news .article ol p, #news .article ul a, #news .article ol a {font-size:1em;}
#news .article ul li {text-indent:20px; padding-bottom:10px; background:transparent url('../images/bullet.gif') no-repeat left top;}
#news .article ol li {text-indent:8px; padding-bottom:10px; list-style: decimal inside;}


/*support~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#support .columns {padding-top:70px;}
#support .double-col p {padding-bottom:18px;}
#support .resources {border-top:1px dotted #cccccc; padding:10px 0px}
#support .resources h4 {padding-bottom:20px;}
#support .resources h5 {background-color:#E8E3E1; font-size:1.2em; padding:6px 10px;}
#support .resources .pdf {padding:20px 0px;}
#support .resources .pdf li {padding:2px 0px 10px 26px; margin:6px 0px; background:transparent url('../images/pdf-icon.gif') no-repeat left top;}
#support .resources .pdf li a {color:#32759c; border-bottom-color:#32759c;}
#support #video-player {padding-top:20px;}
#support #video-player a {border-bottom:none;}
#support #thumbnails {width:504px; float:none; margin:20px 0px; padding:0px;}
#support #thumbnails li {width:504px; float:none; margin:0px; padding:0px;}
#support #thumbnails li a {width:504px; float:none; margin:0px; padding:0px; border-bottom:4px solid white; height:auto;}
#support #thumbnails li a:hover {border-bottom:4px solid white;}
#support #thumbnails li h4 {font-weight:normal; float:right; width:390px; padding-top:10px;}
#support #thumbnails li img {margin:2px 0px 2px 2px;}


/*contact~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#contact .columns {padding-top:80px;}
#contact .double-col h4 {}
#contact .double-col dl {padding-bottom:20px; line-height:2em;}
#contact .double-col dl dt {float:left; font-size:1.2em; padding-right:10px;}
#contact .double-col dl dd {}

/*error~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#error #site ul li a {opacity:0.6; cursor:default;}
#error #site ul li a:hover {background:#fff; color:#666666;}
#error .page-header {padding:14px 18px 0px 0px;}
#error .page-header h1 {padding:0px 0px 14px;}
#error .page-header h2 {padding:0px 0px 14px; line-height:1.7em; font-size:1.5em;}

#description {display:none;}