/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #999;
	text-align: left;
	background: #000 url(../../images/00/main_bg.png) top left repeat-x;
	}
	
/********** LAYOUT **********/

#container {
	position: relative;
	margin: 0px auto;
	padding: 20px;
	width: 940px;
	border: none;
	background-color: #000;
	}
	
#header {
	float: left;
	margin: 0px;
	padding-bottom: 50px;
	width: 940px;
	vertical-align:bottom;
	}

#logo {
	float: left;
	width: 240px;
}

#tagline {
	/*margin-left: 118px;*/
	float: left;
}

#counter {
	float: right;
	text-align: right;
	vertical-align: bottom;
	width: 250px;
	height:51px;
}

#video-counter {
	font-size: 2.3em;
	vertical-align: bottom;
	height: 36px;
	position: relative;
	top: 5px;
}

#video-counter-text {
	height: 15px;
	float: right;
}

	
#sidebar {
	float: right;
	margin: 0px;
	padding: 0px;
	width: 180px;
	border: none;
	vertical-align:top;
	}

.side-bar-block {
	margin-top: 20px;
}

#maincontent {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 760px;
	border: none;
	}

#quicklinks {
	width: 740px; /*This is so the quicklinks will float up under the content instead of getting stuck on the sidebar if padding-right and margin-right is used */
	float: left;
}

#quicklinks img {
	margin-bottom: 10px;
}


.quicklink-col {
	width: 23%;
	float: left;
	padding-left: 2%;	
}

/********** CONTENT LAYOUT **********/

/** The generic content container for the pages **/
.single-col {
	background-color:#333333;
	width: 740px;
	float: left;
	margin-bottom: 20px;
}

/** Developers page **/
.single-col p {
	color: #fff;
	margin: 0px 20px 20px 20px;
}

.single-col.api dl {
		padding: 10px 20px 20px 20px;
		color: #fff;
		/*padding-left: 500px;*/
}
.single-col.api dt {
		float: left;
		font-size: 1.2em;
		font-weight: bold;
		/*margin-left: -150px;*/
		width: 150px;
		clear: both;
}
.single-col.api dd {
		float:left;
		margin: 0;
		padding: 0 0 20px 0px;
		width: 540px;
		line-height:1.3em;
}

.single-col.grey-stripe {
		background: url(../../images/00/bg-singlecol-greystripe.png) no-repeat #4C4C4C;
		width: 740px;
}

.single-col.rfmusic p {
	float: left;
	width: 460px;
}

.featured-intergration img {
		float: left;
		margin: 0px 0px 20px -240px;
		padding: 0px;
		border: 0px;
		clear: none;
	}
.featured-intergration p {
		float: left;
		margin: 0px 0px 20px 260px;
		width: 460px;
		color: #fff;
}

.notice {
		background-color:#262626;
		clear:both;
		text-align:center;
		color:#fff;
		font-size: 1.4em;
		padding: 10px;
		margin-bottom: 20px;
		-moz-border-radius: 4px/*{cornerRadius}*/; 
		-webkit-border-radius: 4px/*{cornerRadius}*/; 
		border-radius: 4px/*{cornerRadius}*/;
}

.notice img {
	vertical-align:bottom;
}

.home-notice {
	width: 720px;
}
.tab-notice {
	width: 680px;
}


.call-to-action {
		background-color:#262626;
		clear:both; 
		color:#fff;
		padding: 8px 8px 3px 8px;
		-moz-border-radius: 4px/*{cornerRadius}*/; 
		-webkit-border-radius: 4px/*{cornerRadius}*/; 
		border-radius: 4px/*{cornerRadius}*/;
	}

.single-col .call-to-action {
		text-align:center;
		margin:0px 15px 15px 15px;
		clear:both; 
		color:#fff;
		padding: 8px;
		-moz-border-radius: 4px/*{cornerRadius}*/; 
		-webkit-border-radius: 4px/*{cornerRadius}*/; 
		border-radius: 4px/*{cornerRadius}*/;
	}


/*  HOME PAGE  */
#rfmusic-header {
	background: url(../../images/00/header-rfmusic.png) top;
	/*height: 59px;*/
	padding: 10px 0px 10px 20px;
	}

.tweet {
	width: 500px;
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
}


/* The first column properties */
.col-first {
   padding: 0px;
}

/* SS= Slideshow. The three product slideshow columns used on the Home page */ 
.ss-col {
	float: left;
	width: 234px;
	height: 381px;
	border: none;
	background: url(../../images/00/bg-3-column.png) top left no-repeat;
	color: #FFFFFF;
	border-bottom: #3E3D3D solid 2px;
	text-align:center;
	margin-bottom: 20px;
}

/* These are for the images that make the entire column clickable while
stilll alowing the buttons in each column to be clickable */
.ss-col-bg {
	position: absolute;
	z-index:1;
	width: 235px; 
}
/* FM column */
#ss-col-bg-one {
	left: 20px;  
}
/* RF API column */
#ss-col-bg-two {
	left: 273px;  
}
/* MLS column */
#ss-col-bg-three {
	left: 526px; 
}


.ss-col-header {
	height: 138px;
}

.ss-col-header h2 {
	font-size:1.25em;
	line-height: 1.1em;
	color:#FFF;
	text-transform:none;
	text-align:center;
	padding-top: 4px;
}

.ss-home {
	height: 189px;
	width: 200px;
	margin-bottom: 16px;
	text-align: center;
	overflow:hidden; /*To control Flash of Unstyled Content */
}
.ss-slide {
	background:#333;
	height: 189px;
	width: 180px;
	text-align:center;
	background: #2C2A2A;
	margin-left: 24px;
	margin-top: 3px;
	color:#fff;
}
.ss-slide p {
	line-height: 1.2em;
}
/* Adds margin to the second and third colunms in SS Home */
.ss-col-margin {
	margin-left: 19px;
}
	
#footer {
	clear: both;
	/*width: 700px;*/
	margin: 0px;
	padding: 20px 20px 0 0px;
	border: none;
	}

/********** MAIN NAV **********/

#mainnav {
	margin: 0px;
	padding: 0px;
	width: 180px;
	list-style-type: none;
	text-align: left;
	}
	
#mainnav li {
	display: block;
	line-height: 1.5em;
	margin: 0px;
	padding: 5px 0px 2px 0px;
	border-bottom: 1px solid #333;
	}
	
#mainnav li a {
	margin: 0px;
	padding: 0px;
	color: #666;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	}
	
#mainnav li a:hover {
	color: #75B5DF;
	text-decoration: none;
	}
	
/********** SUB NAV **********/

#subnav {
	margin: 0px;
	padding: 5px 0px 10px 0px;
	width: 180px;
	list-style-type: none;
	}
	
#subnav li {
	display: block;
	margin: 0px;
	padding: 0px;
	border: none;
	}
	
#subnav li a {
	font-weight: normal;
	text-decoration: none;
	color: #75B5DF;
	text-transform: capitalize;
	}
	
#subnav li a:hover {
	color: #666;
	text-decoration: none;
	}

/********** LIST FORMATTING **********/

ol li {
	float: left;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	}
	
.quicklink-col ul {
	padding: 0px 0px 0px 14px;
	margin-top: 4px;
}

.quicklink-col li {
	padding: 0px 0px 4px 0px;
}

/* Formats twitter feeds, tied to jquery.tweet.js */
.tweet_list {
	margin: 0px;
	padding: 10px 10px 0px 20px;
	list-style-type: none;
	color:#fff;
}

.tweet_avatar {
padding:0px;
margin:0px;
}

.tweet_list li {
margin-bottom: 20px;
display:block;
}

.tweet_list li img {
margin-right: 10px;
float: left;
}

/********** HEADINGS **********/

h1 {
	margin: 0px;
	padding: 0px 20px 0px 0px;
	font-size: 2em;
	font-weight: bold;
	color: #FFF;
	text-transform: uppercase;
	}

h2 {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-size:1.5em;
	line-height: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
	color: #000;
	}
	
h3 {
	margin: 0px 0px .6em 0px;
	padding: 0px;
	font-size: 1.25em;
	font-weight: bold;
	text-transform: uppercase;
	color: #DA5E26;
	}
	
h4 {
	margin: 0px;
	padding: 0px 0px 20px 0px;
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	/*color: #75B5DF;*/
	}
	
#sidebar h3,
#sidebar h4 {
	color: #666666;
	margin-top: 26px;
	text-transform:none;
	padding-bottom: 4px;
	font-size: 1em;
}

#sidebar p {
	font-size: .9em;
	line-height: 1.2em;
}
	
#rfmusic-header h2 {
	color: #fff;
	font-size: 1.3em;
	text-transform:none;
	padding-top: 12px;
	float:right;
}

#news-header h2 {
	color: #fff;
	font-size: 1.3em;
	text-transform:none;
	padding-top: 12px;
	text-align:left;
}

.single-col h2 {
	background:url(../../images/00/header-callout-singlecol.png) top no-repeat;
	color: #fff;
	font-size: 1.3em;
	text-transform:none;
	padding: 12px 0px 10px 20px;
	margin-bottom: 20px;
	text-align:left;
}

.single-col h3 {
	padding-left: 20px;
	text-transform:none;
}

.single-col .single-col-graphic-header {
	background:url(../../images/00/header-callout-singlecol.png) top no-repeat;
	padding: 10px 0px 10px 20px;
	text-align:left;
}

.single-col .single-col-graphic-header h2 {
	padding-top: 5px;
	margin-right: 20px;
	float: right;
	background: none;
	
}

.single-col.faq {
	padding-top: 20px;
}


/********** LINKS **********/

a:link {
	color: #FDC259;
	text-decoration: none;
	}
	
a:visited {
	color: #FDC259;
	text-decoration: none;
	}
	
a:hover {
	color: #FFF;
	text-decoration: none;
	}
	
a:active {
	color: #DA5E26;
	text-decoration: none;
	}
	
.right_link {
	text-align: right;
	}

.quicklink-col li a {
	color: #666666;
}

.quicklink-col li a:hover {
	color: #75B5DF;
}
/********** TEXT **********/

p {
	margin: 0px 0px 10px 0px;	
	padding: 0px;
	line-height:1.4em;
	}

.small {
	font-size: 10px;
	font-weight: bold;
	color: #DA5E26;
	text-transform: uppercase;
	}
	
sup {
	margin: 0px;
	padding: 0px;
	line-height: 0em;
	font-size: 7px;
	font-weight: normal;
	}	
	
.right_link {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-weight: normal;
	text-align: right;
	color: #FDC259;
	}
	
.emphasis {
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	color: #FDC259;
	}	

blockquote {
	font-size: 25px;
	line-height: 1.5em;
	font-weight: normal;
	color: #90C8EC;
	padding: 20px;
	margin: 20px 0px 20px 0px;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	}

.page-title {
	margin-bottom: .5em;
}

.intro {
	margin-bottom: 20px;
}

.intro .sub-head {
	font-size: 1.35em;
	color:#fff;
}
.intro {
	padding-right: 20px;
}
.intro p {
	font-size: 1.1em;
	line-height: 1.27em;
	text-align:justify;
}


/********** IMAGES **********/	
	
/* for clients page */	
#client_columns {
	width: 700px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	}
/* for clients page */
.client_group {
	float: left;
	width: 140px;
	}
	
.group_of_three {
	color: #fff;
	list-style: none;
	padding: 0;
	margin-bottom: 30px;
	}
	
.group_of_three li {
	padding-bottom: 25px;
	}
	
img {
	border: none;
	}
	
.left {
	float: left;
	margin: 0px;
	padding: 0px 20px 10px 0px;
	border: none;
	}
	
/*** Kludge: need to combine these rules into a class ***/
#share-this img {
	margin: 0px 4px 0px 0px;
}

#social-share img {
	margin: 0px 4px 0px 0px;
}

#fb-like {
	margin-top: 10px;
	padding-bottom: 3px;
}


/**********  GOOGLE EARTH  **********/
.googleEarth_container{
  	float:left;
	padding:2px;
	border:#999999 solid 1px;
	width: 677px;
	display: inline;

	}
	

/***********MORE*********/

.clearboth {
	clear:both;
	}

#permalink input {position:relative; font:normal 90%/120% georgia,arial,sans-serif; width:280px;}


/***********BUTTONS*********/
a:link.grey-button {
	background: url(../../images/00/grey-button-bg.png) no-repeat;
	color: #FFF;
	display: inline-block;
	padding: 6px 0px 0px 0px;
	width: 214px;
	height: 28px;
	line-height: 1em;
	font-size: 1.2em;
	text-align: center;	
}
a:visited.grey-button {
	url(../images/grey-button-bg.png) no-repeat;
	color:#fff;
}

a:hover.grey-button  {
background:url(../../images/00/grey-button-bg-roll.png) no-repeat;
}

#rfmusic-callout .grey-button {
	margin: 20px 0px 0px 0px;
}

.ss-col .grey-button {
	position: relative; 
	z-index: 2;
}