/* -------------------------------------------------------------- 
RGB Design Studio CSS Framework
Based on various bits of web frameworks. 960, Blue Print and Eric Meyers Reset.
http://www.rgbdesignstudio.com
Version: 1.0
Date: 09.03.08      

Eric Meyer's Reset
http://meyerweb.com/eric/tools/css/reset/ 
v1.0 | 20080212
-------------------------------------------------------------- */
html {height:100%;} /*not sure if this is needed, added by rgb*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;}
	
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse;	border-spacing: 0;}
td {vertical-align:top;}

body { 
	font: 12px/1.5  Arial, sans-serif;
	color: #666;}

	
/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	color: #3b454c;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin: 0;}
h1 {font-size: 2em; line-height:1.15em;color: #6d98ac;}
h2 {font-size: 1.5em; line-height:1.15em; font-weight: bold; color: #6d98ac;}
h3 {font-size: 1.5em; line-height:1.15em;color: #6d98ac;}
h4 {font-size: 1.3em;line-height:1.1em;}
h5 {font-size: 1em;line-height:1.2em; color: #6d98ac;font-weight: bold;}
h6 {font-size: 1em;line-height:1.2em;}


/* Text elements
-------------------------------------------------------------- */
a:focus, 
a:hover     {color: #000; }
blockquote  {margin: 1em 4em; font-style: italic; }
blockquote p {margin: .75em 0;}
strong,b      {font-weight: bold; }
em,dfn,i,address,cite {font-style: italic; }
dfn         {font-weight: bold; }
sup, sub    {line-height: 0; }            
abbr, 
acronym     {border-bottom: 1px dotted #666; cursor:help;}
del         {color:#666; text-decoration:line-through; }
pre,code    {white-space: pre; }
pre,code,tt {font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 
sub {font-size: .8em;vertical-align: sub;}
sup {font-size: .8em;vertical-align: super;}

/* Lists
-------------------------------------------------------------- */
ul          { list-style-type: square; }
ol          { list-style-type: decimal; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}
li ul, 
li ol       {margin:0 1.5em; }
ul, ol      {margin: 0 1.5em }

/* Tables
-------------------------------------------------------------- */
th          { font-weight: bold; text-align:left;}
th,td       { padding: 0; margin:0; }
tfoot       { font-style: italic;}

/* HR
-------------------------------------------------------------- */
hr {
	border-color: #dfe9ef;
	border-style: dotted;
	border-width: 1px 0 0;
	clear: both;
	height: 0;}
	
/* Bottom Margins (set in pixels instead of em so all headings have the same bottome margin)
-------------------------------------------------------------- */
p,dl,hr,ol,ul,pre,table,address,fieldset {margin-bottom: 12px;}
h1,h2,h3,h4,h5,h6 {margin-bottom: 2px;}

/* Margin and Style Overides
-------------------------------------------------------------- */

.top0 {margin-top: 0 !important;}
.top4 {margin-top: 4px !important;}
.top8 {margin-top: 8px !important;}
.top12 {margin-top: 12px !important;}
.top16 {margin-top: 16px !important;}
.top24 {margin-top: 24px !important;}
.top36 {margin-top: 36px !important;}

.bot0 {margin-bottom: 0px !important;}
.bot4 {margin-bottom: 4px !important;}
.bot6 {margin-bottom: 6px !important;}
.bot8 {margin-bottom: 8px !important;}
.bot12 {margin-bottom: 12px !important;}
.bot16 {margin-bottom: 16px !important;}
.bot24 {margin-bottom: 24px !important;}

.imgLeft{float:left; margin:8px 8px 8px 0;}
.imgRight{float:right; margin:8px 0 8px 8px;}
.cAlign {text-align:center;}
.lAlign {text-align:left;}
.rAlign {text-align:right;}
.clear {clear:both;}
.alignleft {float: left; margin:5px 15px 3px 0;}
.alignright {float: right; margin:5px 0 3px 15px;}
.bottomLine {border-bottom: 1px solid #eee;margin-bottom:.3em;}

/* Site Structure 
-------------------------------------------------------------- */
html,body {  
		margin:0;
    	padding:0;
		height: 100%;
    	border:none}
    	
body {background: url('../i/backgroundRepeat.jpg') repeat-x #cfdce2;}

#menuWrap {
	position: absolute;
	width:100%;
	z-index: 100;}
#menuHolder {
	width:976px;
	position: relative;
	margin:0 auto;}
#navMenu {
	top:32px;
	right: 0;
	width:740px;
	position: absolute;}

#headerWrap {
	position: relative;
	height:100px;
	width:100%;
	z-index: 10;
	background-color: #fff;}
#header {
	height:100px;
	width:976px;
	background-color: #fff;
	position: relative;
	margin:0 auto;}
	
	#header h1 {
		position: absolute;
		z-index: 20;
		top:20px;
		left:10px;}
	#header h1 a{
		text-indent: -9999px;
		display: block;
		background: url('../i/authenticMind.png') no-repeat;
		width:204px;
		height:40px;}	

#stageBackground {
	position: relative;
	background: url('../i/homeSplashShadow.png') no-repeat;
	width: 976px;
	z-index: 50;
	margin:0 auto;
	padding:10px 0 0 0;
	margin-top: -25px;}

#mainContent {
	width:956px;
	position: relative;
	margin:0 auto;
	padding:0;
	min-height: 500px;
	background-color: #fff;
	border:1px solid #f1f1f1;
	border-width:0 1px 1px 1px;}
	
#splashArt{
	width:954px;
	height:307px;
	margin:0 0 25px 0;}	

#homeLeftColumn {
	position: relative;
	float: left;
	display: inline;
	width:300px;
	padding:0;
	margin:0 25px 0 0;}
	
#homeRightColumn {
	position: relative;
	float: left;
	display: inline;
	width:595px;
	padding:0;
	margin:0;}
#homeRightColumn p{margin:50px 0 0 0;}

#CTAarea {
	width: 956px;
	height: 159px;
	margin:25px 0 10px 0;}
#CTAarea img {
	float: left;
	margin:0 0 0 20px;}
	#CTAarea img:first-child {margin:0 0 0 10px;}


#intLeftColumn {
	position: relative;
	float: left;
	display: inline;
	text-align: right;
	height: 500px;
	width:260px;
	padding:0;
	margin:80px 75px 0 0;}
#intLeftColumn h1 {	
	color:#6d98ac;
	font-size: 24px;
	margin:-5px 0 0 0;}
#intRightColumn {
	position: relative;
	float: left;
	display: inline;
	width:570px;
	padding:0 0 20px 0;
	margin:80px 0 0 0;}
	
	
#aboutLeftColumn {
	position: relative;
	float: left;
	display: inline;
	text-align: right;
	height: 180px;
	width:260px;
	padding:0;
	margin:40px 75px 0 0;}
#aboutLeftColumn h1 {	
	color:#6d98ac;
	font-size: 24px;
	margin:-5px 0 0 0;}
#aboutRightColumn {
	position: relative;
	float: left;
	display: inline;
	width:570px;
	padding:0 0 20px 0;
	margin:40px 0 0 0;}
	
/* Description Page Styles
-------------------------------------------------------------- */
#descriptionArt{
	width:956px;
	position: relative;
	padding:0px 0 0 0px;}
#descriptionArt img {border:1px solid #333;}
.infoColor {font-weight: bold;color:#999;}

#descriptionMenu ul {
	width:939px;
	height:23px;
	margin:0 0 17px 0; 
	border-bottom:1px solid #ccc;
	list-style-type: none;}

#descriptionMenu ul li{
	display: inline;
	height:23px;
	float: left;
	border-right:1px solid #ccc;
	list-style-type: none;}

#descriptionMenu ul li a{
	display: inline-block;
	background-color: #6d98ac;
	color:#fff;
	height:17px;
	padding:3px 10px;}

#descriptionMenu ul li a:hover{
	background-color: #fff;
	color:#6d98ac;}

#descriptionMenu ul li a.current{
	display: inline-block;
	color:#6d98ac;
	background-color: #fff;
	border-bottom:1px solid #fff;
	height:17px;
	padding:3px 10px;}

#descLeftColumn {
	position: relative;
	float: left;
	display: inline;
	height: 320px;
	padding:0 0 0 7px;
	margin:0;}
#descLeftColumn img {padding:3px;}
#descRightColumn {
	position: relative;
	float: left;
	display: inline;
	width:520px;
	padding:0 0 20px 30px;
	margin:0;}

#descriptionMenu .backToMenu {
	padding:3px 10px;
	height:17px;
	background-color: #f0f4f7;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	display: inline;
	position: absolute;
	top:0;
	right:0;}

/* Show Page Styles
-------------------------------------------------------------- */
#intFullColumn {
	position: relative;
	float: left;
	display: inline;
	width:939px;
	margin:10px 0 10px 8px;
	background-color: #fff;
	border:1px solid #ccc;}
.fullColumnBump {
	float: left;
	display: inline;
	width:874px;
	margin:0 0 0 30px;}

#intMenu ul {
	width:939px;
	height:23px;
	margin:0 0 17px 0; 
	border-bottom:1px solid #ccc;
	list-style-type: none;}

#intMenu ul li{
	display: inline;
	height:23px;
	float: left;
	border-right:1px solid #ccc;
	list-style-type: none;}

#intMenu ul li a{
	display: inline-block;
	background-color: #f0f4f7;
	height:17px;
	padding:3px 10px;}

#intMenu ul li a.current{
	display: inline-block;
	background-color: #fff;
	border-bottom:1px solid #fff;
	height:17px;
	padding:3px 10px;}

#featuredShow {
	width:874px;
	margin:0 0 10px 0;}
	
#featuredShow h1 {margin:0 0 5px 0;}
#featuredShow h2 {margin:8px 0 0 0;}
		
.showThumb {
	float:left;
	width:261px;
	overflow: hidden;}
.showThumbMiddle {margin:0 44px;}
.showThumbStart {clear:left;}

.pageBarShows {
	padding: 8px;
	position: absolute;
	font-size: .8em;
	right:40px;}



	
	
/* Footer Styles
-------------------------------------------------------------- */
#footer{
	width: 956px;
	height:30px;
	padding:15px 0;
	background: url('../i/footerShadow.png') 10px 0 no-repeat;
	color: #6d98ac;
	position:relative;}
	#socialMediaIcons {
		margin:-5px 0 0 10px;
		float: left;}
	#socialMediaIcons img {margin:0 5px 0 0;}
#footer p{
	position: relative;
	float: left;
	display: inline;
	font-size: 13px;
	margin:0 0 0 10px;}
#footer ul{
	position: relative;
	float: right;
	display: inline;
	margin:0 -10px 0 0;
	padding:0;}
	#footer ul li {
		margin:0;
		padding:0;
		border-left:1px solid #ccc;
		display: inline;}
	#footer ul li a {
		display: inline-block;
		padding:0 5px;}
	#footer ul li:first-child {border:none;}

		


/* Content Column Styles
-------------------------------------------------------------- */

.formSubmitButton {background: url(../i/s/redArrowIcon.png) no-repeat 0 1px;padding:0 0 0 20px;}
.pitchTable {width:510px;}
.cityStateZipTable {width:510px;}
.cityStateZipTable td{padding:0 10px 0 0;}
.pitchTable td{padding:0 10px 0 0;}
.pitchTable td.inputBox{padding:0 10px 6px 0;}
.zipBox {width:104px;}
.halfTextBox {width:240px;}
.fullTextBox {width:510px;}

.imageTreatment {border:4px solid #e5e5e5;}

.dateLine {
	color:#000;
	padding:0;
	margin:0;
	font-size: 11px;}

.pressListItem {margin:0 0 20px 0;}
	.pressListItem p {margin:0;}

.featuredThumbnail {
	float: left;
	display: inline;
	border:4px solid #e5e5e5;
	margin:0 10px 10px 0;}

.featuredItemDescription {
	padding:0;
	margin:0;}

.linkLine {
	background:url(../i/s/redArrowIcon.png) no-repeat 0 1px;
	padding:0 0 0 20px;
	display: block;
	height:20px;	
	margin:2px 0 2px 0;}
	.featuredItem .linkLine {float: left;}

.pageBar {
	margin:0 0 20px 0;
	font-size:10px;}
.bioPhoto {float: left;width:105px;margin:0 40px 0 0;}
.bioText {float:left;width:400px;}
.reelText {float:left;width:425px;}
.workWithDate {margin-bottom: 0;color:#999;}
.workWithBackground {background:url(../i/workWithBackground.jpg) no-repeat 9px 9px;}
.digitalBackground {background:url(../i/digitalBackground.jpg) no-repeat 9px 9px;}

/* Site Link Behavior
-------------------------------------------------------------- */
a:link    {color: #6d98ac; text-decoration:none;}
a:visited {color: #6d98ac; text-decoration:none;}
a:hover   {color: #eb5f1a; text-decoration:none;}
a:active  {color: #6d98ac; text-decoration:none;}

#navMenu a:link    {color: #6d98ac; text-decoration:none;font-weight:normal;}
#navMenu a:visited {color: #6d98ac; text-decoration:none;font-weight:normal;}
#navMenu a:hover   {color: #eb5f1a; text-decoration:none;font-weight:normal;}
#navMenu a:active  {color: #6d98ac; text-decoration:none;font-weight:normal;}
																		  
#footer a:link		{color: #6d98ac;font-weight:bold;}
#footer a:visited	{color: #6d98ac;font-weight:bold;}
#footer	a:hover		{color: #eb5f1a;font-weight:bold;}
#footer a:active	{color: #6d98ac;font-weight:bold;}


/* Drop Down Menu
-------------------------------------------------------------- */
/* 	LEVEL ONE*/
ul.dropdown	{ position: relative; float:right; }
ul.dropdown li	{
	float: left;
	zoom: 1;
	margin:0 0 0 25px;
	background: #fff;
	list-style-type: none;}
ul.dropdown a:hover	{ color: #000; }
ul.dropdown a:active { color: #ffa500; }
ul.dropdown li a	{ 
	display: block;
	font-size: 16px;
	padding: 4px 5px;
	color: #6d98ac; }
ul.dropdown li.hover,
ul.dropdown li:hover	{ background: #fff; color: #000; position: relative; }
ul.dropdown li.hover a	{ color: #000; }
ul.dropdown li ul {margin:0;}

/* 	LEVEL TWO */
ul.dropdown ul	{
	width: 160px;
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0; }
ul.dropdown ul li	{
	font-weight: normal;
	background: #eef5f8;
	color: #000;
	margin:0;
	border-bottom: 1px solid #c1d9e4;
	float: none; }
ul.dropdown ul li:hover	{ background: #c1d9e4; color: #000; position: relative; }

ul.dropdown ul li:last-child {border-bottom:none;}
ul.dropdown li ul li a	{ font-size: 13px;}

									  
 /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a	{ border-right: none; width: 100%; display: inline-block; } 

/* 	LEVEL THREE  */
ul.dropdown ul ul	{ left: 100%; top: 0; }
ul.dropdown ul ul li	{ background: #e5eff4; }
ul.dropdown li:hover > ul	{ visibility: visible; }
