/*
Colors



*/


/*
Sections

-layout
-general
-header
-nav
-home
-footer

/*




/* layout      - - - - - - - - - - - - - - - - - - -    */

html,body { height:100%; }

body{background: #f4f4f4;
	margin: 0px;
	padding: 0px;
    text-align: center; /* for IE */
	}
	 
	
	
	
	
	


a{
	color: #ff6600;
	text-decoration: none;
} 
a:hover{
	color: #666666;
} 

h1 {
	color: #ffffff;
	font: bold 34px/100% "Arial", Arial, sans-serif; margin:0px 0 15px 60px;
}

h2 {
	color: #ffffff;
	font: bold 34px/100% "Arial", Arial, sans-serif; margin:10px 0 15px 60px;
}

h3 {
	color: #333333;
	font: bold 29px/100% "Arial", Arial, sans-serif; margin:10px 0 15px 0px;
}


h4 {
	color: #333333;
	font: bold 16px/100% "Arial", Arial, sans-serif; margin:0px 0 10px 0; padding: 30px 0 0 0;
}

.header-client-type {
	color: #333333;
	font: bold 16px/100% "Arial", Arial, sans-serif; margin:0px 0 10px 0; padding: 5px 0 0 0;
}

.sub-header {
	color: #333333;
	font: bold 16px/100% "Arial", Arial, sans-serif; margin:0px 0 14px 0; padding: 5px 0 0 0;
}

.footer-call-out {
	color: #333333;
	font: 14px/100% "Arial", Arial, sans-serif;  padding: 15px 0 0 0;
}

.client-copy {
	color: #333333;
	font: 12px/100% "Arial", Arial, sans-serif;  padding: 15px 0 0 0; height: 133px; line-height: 140%;
}

.client-copy-2 {
	color: #333333;
	font: 12px/100% "Arial", Arial, sans-serif;  padding: 15px 0 0 0; height: 155px; line-height: 140%;
}


h5 {
	color: #333333;
	font: bold 16px/100% "Arial", Arial, sans-serif; margin:0 0 10px 0;
}

h6 {
	color: #333333;
	font: bold 11px/100% "Arial", Arial, sans-serif; margin: 0 0 4px 0;
}

.service {
	font: 14px/100% "Arial", Arial, sans-serif; margin: 8px 0 4px 10px;
}
.news {
	font: normal 13px/160% "Arial", Arial, sans-serif;
	text-decoration: none;
	
	padding: 0px 0 7px 0;
	
border-bottom:solid #f1f1f1;
border-width: 1px
}




.section {
	color: #ff6600;
	font: bold 15px/100% "Arial", Arial, sans-serif;
	text-decoration: underline;
}

.section2 {
	color: #ff6600;
	font: bold 15px/100% "Arial", Arial, sans-serif;
	text-decoration: none;
}

 {
	color: #ff6600;
	font: 13px/100% "Arial", Arial, sans-serif;
}

.left-align-photo {padding:2px 10px 10px 0; float: left;}
.right-align-photo {padding:2px 10px 10px 0; float: right;}

.container {width: 976px; 
          margin-left: auto;
          margin-right: auto;
		  background: url('http://www.lyonspr.com/new/images/right-border.jpg') repeat-y right 11px;
		  }
		  
.container-left {background: url('http://www.lyonspr.com/new/images/left-border.jpg') repeat-y left 11px;
          margin-left: auto;
          margin-right: auto;
		  display: block;}	


.wrapper {width: 960px; 
          margin-left: auto;
          margin-right: auto; 
		  float:center;
		  background:#ffffff;
		  text-align: left; /* counter the body center */}


.divider {background: url('http://www.lyonspr.com/new/images/divider.png') repeat-y right; widht:3px;}		  
.rollover {padding:10px 0 10px 0;}	
.rollover:hover {background-color:#f4f4f4; padding:10px 0 10px 0;}	

.text{width:630px; margin:0px 0 20px 0;}
.text-top{width:840px; margin:0px 60px 20px 60px; line-height: 200%; font: 15px "Arial", sans-serif; color:#ffffff;}
.text-top-interior{width:630px; margin:0px 60px 20px 60px; line-height: 200%; font: 15px "Arial", sans-serif; color:#ffffff;}
.text-top-interior-2{width:630px; margin:0px 60px 20px 0px; line-height: 200%; font: 15px "Arial", sans-serif; color:#333333;}
.text-top-interior-3{width:630px; margin:0px 60px 20px 0px; line-height: 200%; font: 14px "Arial", sans-serif; color:#333333;}
.small  {font: 10px "Arial", sans-serif; color:#333333;}
.odd{background:#f1f1f1;  padding:5px 5px 5px 5px;  }
.even{background:#ffffff; padding:5px 5px 5px 5px; }
.odd-listen{background:#f1f1f1;  padding:10px 5px 10px 5px;  }
.even-listen{background:#ffffff; padding:10px 5px 10px 5px; }
.odd-wide{background:#f1f1f1; width:652px; padding:3px 0 3px 0;}
.even-wide{background:#ffffff; padding:3px 0 3px 0;}
.even-wide-examples{background:#ffffff; padding:3px 0 3px 0; font: 11px "Arial"; font-weight: bold;}
.more-examples{background:#ffffff; padding:10px 0 10px 0; font: 11px "Arial"; font-weight: bold;}
.dotted-hr {width:100%; border-top:1px dotted #e7e7e7; border-bottom:1px dotted #e7e7e7; padding:8px 0 8px 0; margin:6px 0 12px 0;}
.left-border {background: url(images/left-border.jpg);}
.header {background: url(images/header.png); width:900px}
.banner {background: url('http://www.lyonspr.com/design/images/foam-bg.jpg') repeat-y right; width:960px; height:462px; padding: 35px 0 0 0;}

.psa-service-image {background: url('http://www.lyonspr.com/design/images/psa-photo.jpg') repeat-y right; float:left; width:190px; height:206px; margin:0px 2px 0 0;  }
.rmt-service-image {background: url('http://www.lyonspr.com/design/images/rmt-photo.jpg') repeat-y right; float:left; width:190px; height:206px; margin:0 2px 0 0; }
.podcast-service-image {background: url('http://www.lyonspr.com/design/images/podcasts-photo.jpg') repeat-y right; float:left; width:190px; height:206px; margin:0 2px 0 0; }
.rnr-service-image {background: url('http://www.lyonspr.com/design/images/rnr-photo.jpg') repeat-y right; float:left; width:190px; height:206px; margin:0 2px 0 0; }
.service-image-last {background: url('http://www.lyonspr.com/design/images/tv-photo.jpg') repeat-y right; float:left; width:190px; height:206px; }
.service-name-two-lines {padding:171px 0 0 16px; font: bold 12px/100% "Arial"; color:#ffffff; }
.service-name {padding:176px 0 0 16px; font: bold 12px/100% "Arial"; color:#ffffff; }

.highlight:hover {
background: URL("http://www.lyonspr.com/design/images/service-highlight.png"); width:190px; height:206px;
}

.highlight-sm:hover {
background: URL("http://www.lyonspr.com/design/images/service-highlight-sm.png"); width:138px; height:138px;
}

.banner-left {background: url('http://www.lyonspr.com/design/images/foam-bg-left.jpg') repeat-y right; width:702px; height:222px; margin: 0 20px 0 0;}
.banner-border-bottom {background: url('http://www.lyonspr.com/design/images/banner-border-bottom.png') repeat-y right; width:961px; height:3px; padding: 0 0 0 0;}
.navigation {background: url(http://www.lyonspr.com/new/images/navigation.png); width:900px; height:36px; color:#ffffff; font: 16px "Arial", sans-serif;}
.copy-body {width:960px; margin:0 0 0 0;}
.container-1 {float:left; width:100%; background: url('http://www.lyonspr.com/design/images/right-column-bg.jpg') repeat-y right;}	
.copy-left {padding:0px 10px 0 60px; width:625px; font: 12px "Arial", sans-serif; color:#333333; line-height:140%; float:left; }
.copy-right {padding:38px 20px 0 24px; float:right; width:214px; font: .71em "Arial", sans-serif; color:#333333; line-height:150%;}

.copy-left-about-us {padding:0px 10px 0 60px; width:625px; height:525px; font: 12px "Arial", sans-serif; color:#333333; line-height:140%; }

.copy-left-bigger {padding:0 0px 0 0px; width:618px; font: 14px "Arial", sans-serif; color:#333333; line-height:140%; }
.copy-left-indented{padding:0px 0px 10px 0px; width:610px; font: 13px "Arial", sans-serif; color:#333333; line-height:140%; }

.copy-right-clients {padding:38px 20px 0 24px; float:right; width:214px; height:1060px; font: .71em "Arial", sans-serif; color:#333333; line-height:150%; background: url('http://www.lyonspr.com/design/images/right-column-bg.jpg') repeat-y right;   }
.copy-right-about-us {padding:38px 20px 0 24px; float:right; width:214px; height:708px; font: .71em "Arial", sans-serif; color:#333333; line-height:150%; background: url('http://www.lyonspr.com/design/images/right-column-bg.jpg') repeat-y right;   }

.footer {background:#f4f4f4;  width:960px; clear:both; margin: 18px 000;}
.footer-left {padding:15px 0 15px 32px; font: 10px "Arial", sans-serif; color:#333333; line-height:170%; width:800px; }
.footer-right {float:right; padding:50px 32px 15px 15px; font: 9px "Arial", sans-serif; color:#333333; line-height:170%; }
a.footer-right {color:#333333 !important; }


.audio-file { font: 13px "Arial", sans-serif; color:#333333; line-height:170%; font-weight:900} }
a.gray:link {color:#333333;}
.right-arrow {margin:0 4px 0 4px}
.play-button-small {margin:5px 0px 5px 10px; }
.listen-description {padding:8px 10px 8px 15px;  font: 13px "Arial", sans-serif; color:#333333; line-height:140% }
.listen-description-orange {padding:3px 0px 3px 0px; width:610px; font: 13px "Arial", sans-serif; color:#ff6600; line-height:140% }
.highlight {color: #ff6600; font: 13px/100% "Arial", Arial, sans-serif;}
.sample {font: 13px "Arial", sans-serif, bold; color:#ff6600; line-height:170%; }
.copy-small {font: 11px "Arial", sans-serif; color:#333333; line-height:170%;   }
.samples-header {font: 14px "Arial" , sans-serif; color:#ff6600; line-height:170%; padding 0 0 5px 0; font-weight: bold; }
.read-more{padding:5px 0 2px 0; width:265px}

.services {margin: 20px 30px 0 0; float: left;}
.testimonials {float: left; padding: 0px 0 20px 0;}


.bg-bubble {float: left;}
.bg-top {background: url('http://lyonspr.com/design/images/bg-top.png') repeat-y; height:6px; width:284px;}
.bg{background: #f1f1f1; padding:20px; width:244px; margin: 0 10px 0 0;}
.bg-bottom {background: url('http://lyonspr.com/design/images/bg-bottom.png') repeat-y right; height:6px; width:284px;}

.audio-highlight { float: left; margin: 5px 10px 10px 0px; width:308px;}
.service-highlight { float: left; margin: 5px 10px 0px 0px; }
.bullet-highlight-rnr {width:286px; float:left; margin: 9px 0px 50px 10px;}


.testimonial-top {background: url('http://lyonspr.com/design/images/testimonial-bubble-top.png') repeat-y; height:4px; width:324px;}
.testimonial {background: #f1f1f1; padding:20px; width:284px; margin: 0 10px 0 0;}
.testimonial-bottom {background: url('http://lyonspr.com/design/images/testimonial-bubble-bottom.png') repeat-y right; height:25px; width:324px;}

.floatleft { float: left; margin: 5px 10px 0px 0px; }

.floatleft2 { float: left; margin: 0 10px 0px 0px; }

.textright {margin: 14px 0px 14px 0px; }

.client-service-copy {
	color: #333333;
	font: 12px/100% "Arial", Arial, sans-serif;  padding: 10px 0 10px 0;  line-height: 140%;
}


.float-left-play-button { float: left; padding: 5px 6px 0 0; }
.float-left-play-button-2 { float: left; padding: 0 4px 0 0; }
.float-left-play-button-lg { float: left; padding: 20px 6px 0 0; height:80px; width:90px; text-align:center;}
.float-left-play-button-lg-short { float: left; padding: 10px 6px 0 0; height:60px; width:90px; text-align:center;}
.float-left-play-button-one-liner { float: left; padding: 0 6px 0 0; }
.float-left-play-button-three-liner { float: left; padding: 20px 6px 20px 0; }
.float-left-client-type-image { float: left; padding: 5px 15px 0 0; }
.float-left-client-type-image-tall{ float: left; padding: 5px 15px 30px 0; }

.float-left-bullets { float: left; padding: 0 15px 0 0; }

.float-left-copy

.social-buttons {margin: 8px 0 8px 0;}
.hr {
border: 0;
color: #e7e7e7;
background-color: #e7e7e7;
height: 1px;
width: 100%;
text-align: left;
line-height: 1px; 
font-size: 1px;
margin: 14px 0 14px 0;
}

.hr-no-margin {
border: 0;
color: #e7e7e7;
background-color: #e7e7e7;
height: 1px;
width: 100%;
text-align: left;
line-height: 1px; 
font-size: 1px;
}

.hr-home-left {
border: 0;
color: #e7e7e7;
background-color: #e7e7e7;
height: 1px;
width: 100%;
text-align: left;
line-height: 1px; 
font-size: 1px;
margin: 10px 0 10px 0;
}


.hr-left {
border: 0;
color: #e7e7e7;
background-color: #e7e7e7;
height: 1px;

text-align: left;
line-height: 1px; 
font-size: 1px;
margin: 10px 0 10px 0;
}

#bullets-padding {padding:5px;}

#nav  
{
  padding: 0 0 0 0;
  width: 960px;
  height: 36px;
  background: url(http://www.lyonspr.com/new/images/navigation.png) bottom left repeat-x;
  color:#ffffff;
  font: .75em "Arial", sans-serif;
  font-weight:600;
}



#nav ul
{
list-style: none;
padding: 0;
margin: 0;

}

#nav li
{
float: left;
margin: 0;

}

#nav li a
{
height: 2em;
line-height: 3em;
float: left;
display: block;
text-decoration: none;
text-align: center;
color:#ffffff;
width:160px;
height:36px
}



#nav li a:hover
{
height: 2em;
line-height: 3em;
background: url(http://www.lyonspr.com/new/images/nav-button-on.png) bottom left repeat-x;
float: left;
display: block;
text-decoration: none;
text-align: center;
color:#ffffff;
width:160px;
height:36px
}

#nav li a:active
{
height: 2em;
line-height: 3em;
background: url(http://www.lyonspr.com/new/images/nav-button-on.png) bottom left repeat-x;
float: left;
display: block;

text-decoration: none;
text-align: center;
color:#ffffff;
width:160px;
height:36px
}

#nav li ul { /* second-level lists */
	position: absolute;
 display: block;
  left: -999em;
  padding: 0 0 0 0;
  margin: 36px 0 0 -50px;
  background: url("http://www.lyonspr.com/new/images/nav-button-on.png") bottom left repeat-x;
  width: 160px; 
}



#nav li ul li {
  margin: 0;
  border: solid #959595;
  border-width: 0 1px;
  background: #ce5200;
  width:225px;
}


#nav li ul li a {
  margin: 0;
  padding: 0 0 0 5px;
  color: #fff;
  display: block;
  text-align: left;
  width:225px;
}

#nav li:hover ul li a, #nav li.sfhover ul li a{
  background: none; 
  text-align: left;
  padding: 0 0 0 5px;
  display: block;
  
}

#nav li ul li a:hover {
  background: #7a7978;
  width: 220px;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#nav li:hover, #nav li.sfhover {
  position: static;
}


/* Hide from IE5-Mac \*/
#nav-menu li a
{
float: left
}
/* End hide */

.bread-crumb {font-size: .85em; padding: 10px 0px 10px 0px;}
.bread-crumb-in-banner {font: .70em "Arial", sans-serif; color:#ffffff; padding: 10px 0px 10px 60px;}
a.gray:link {color:#333333;}

.right-column-valign-middle {padding: 3px 0 0 0; font-weight: bold;}

.video-thumb {width:293px; padding: 0 10px 0 0; float:left;}
.video-description {width:200px; }