/* 
	Container
*/
HTML, BODY {
	background-color: #efefef;
	text-align: center;
	font-family: Arial;
}

/* Used to center the main body part. */
DIV#mainBody { margin: 0 auto; text-align: left; width: 967px; } 

/* Center when it has flash. */
DIV#flashBody { margin: 0 auto; text-align: left; width: 967px; } 

/* 
	The Header 
*/
#mainBody #head { width: 967px; height: 110px; padding-top: 10px; margin: 0 auto; position: relative;} 
#flashBody #head { width: 967px; height: 110px; padding-top: 10px; margin: 0 auto; position: relative;} 

/* The company Logo */
H1 { background: url(../images/logoReardenLabs.png) no-repeat; width: 525px; height: 90px; }
H1 SPAN { display: none; }

.internalNavigation { position: absolute; top: 10px; left: 648px; width: 156px; height: 110px; padding-top: 2px; } 
.externalNavigation { position: absolute; top: 10px; left: 812px; width: 156px; padding-top: 2px; } 

.internalNavigation UL LI 	{ display: inline; }
.internalNavigation UL LI A { display: block; width: 85px;  height: 15px;}

.externalNavigation UL LI	{ display: inline; }
.externalNavigation UL LI A { display: block; width: 148px; height: 15px;}

.internalNavigation UL LI SPAN { display: none; }
.externalNavigation UL LI SPAN { display: none; }

#menuAboutRearden  { background: url(../images/buttonAboutRearden.gif) no-repeat;}
#menuPress         { background: url(../images/buttonPress.gif) no-repeat;}
#menuJobs          { background: url(../images/buttonJobs.gif) no-repeat;}
#menuContact       { background: url(../images/buttonContact.gif) no-repeat;}
#menuSpinoffs	   { background: url(../images/buttonSpinoffs.gif) no-repeat;}
#menuTeam		   { background: url(../images/buttonTeam.gif) no-repeat;}

#menuReardenLabs   { background: url(../images/buttonReardenLabs.gif) no-repeat;}
#menuReardenStudios{ background: url(../images/buttonReardenStudios.gif) no-repeat;}
#menuMova          { background: url(../images/buttonMova.gif) no-repeat;}
#menuWoatv         { background: url(../images/buttonWoatv.gif) no-repeat;}
#menuIceBlink      { background: url(../images/buttonIceBlinkStudios.gif) no-repeat;}
#menuOnLive { background: url(../images/buttonOnLive.gif) no-repeat -1px 0; }

/*
	Body Styles
*/
#mainBody  #content { width: 968px; padding-bottom: 16px; }
#flashBody #content	{ overflow: visible; width: 803px; height: 483px; margin: 0 auto; }	

#content A:visited,
#content A:hover{ color: #004677; }
#content H3 A:visited,
#content H3 A:hover,
#content H3 A	{ color: #d55e25; }

#content IMG    { margin: 3px 0; }
#content A		{ color: #004677; text-decoration: underline; font-size: 12px; }
#content EM		{ font-weight: bold; }

#content P      { font-size: 12px; line-height: 17px; margin-bottom: 14px;}
#content P.first{ }
.col1           { float: left; margin-right: 10px; width: 316px; padding: 12px 0 10px 0; height: 504px; min-height: 504px; position: relative;} 
.col2           { float: left; margin-right: 10px; width: 316px; padding: 12px 0 10px 0;} 
.col3           { float: left; width: 316px; padding: 12px 0 10px 0;}

dl dt 			{	display: block; font-size: 12px; font-weight: bold; }
dl dd 			{ font-size: 12px; line-height: 17px; margin-bottom: 14px;}
/* Because we are doing an image replacement, hide the text. */
#content h2 span 		{ display: none; }
#content H3 			{ color: #d55e25; font-size: 12px; font-weight: bold; line-height: 17px;}
#content strong 		{ display: block; font-size: 12px; font-weight: bold; line-height: 17px;}
.col1 h2#lblAboutReardenLabs { background: url(../images/sectionReardenLabs.gif) no-repeat; width: 211px; height: 25px;}
.col1 h2#lblSpinoffs 	{ background: url(../images/sectionSpinoffs.gif) no-repeat; width: 211px; height: 25px;}
.col1 h2#lblAboutRearden{ background: url(../images/sectionAboutRearden.gif) no-repeat; width: 155px; height: 25px;}
.col1 h2#lblJobs        { background: url(../images/sectionJobs.gif) no-repeat; width: 155px; height: 25px; }
.col1 h2#lblPress       { background: url(../images/sectionPress.gif) no-repeat; width: 155px; height: 25px; }
.col1 h2#lblContact		{ background: url(../images/sectionContact.gif) no-repeat; width: 155px; height: 25px; }
.col1 h2#lblTeam		{ background: url(../images/sectionTeam.gif) no-repeat; width: 155px; height: 25px; }
.col1 h2 				{ position: absolute; top: 10px; left: 0; }

.row 					{ background: url(../images/linesBottom.gif) no-repeat bottom left; overflow: hidden; position: relative; }
.topRow .col1,
.topRow .col2,
.topRow .col3			{ padding-top: 48px; }

.jobs .col2 DD	{ font-size: 11px; }

/* 
	Press section.
	Its special as it has a fancy grid layout, so we modify the styles special for it.
*/
/* Press has smaller rows, the minimum should reflect that. */
.press .topRow .col1	{ height: 331px; min-height: 331px; }
.press .col1 			{ height: 322px; min-height: 322px; }
.press UL LI			{ height: 98px; font-size: 12px; line-height: 17px; }
.press UL LI IMG		{ padding-top: 13px; display: block; }

/* 
	Footer Styles
*/
#footer { color: #a7a7a7; height: 20px; font-size: 10px; line-height: 17px; width: 630px; margin: 0 auto; padding: 30px 0 20px; clear: both;}

/* 
	General Site Styles 
*/
.container {
	border-top: 1px solid #cdcdcd;
}

P.copy {
	line-height: 19px!important;/*1.171875*/
	font-size: 16px!important;
	color: #004677;
}
/* Sometimes there is no copy provided, but we still want the paragraphs afterwards to show up aligned with the other columns that do have copy.*/
P.empty {
	height: 19px;
}

.bio {
width: 100px;
height: 123px;
padding-left: 114px;
position: relative
}
.bio IMG {
position: absolute;
top: 0;
left: 0;
margin: 0!important;
padding: 0
}
.bio .first {
position: relative;
left: -1px
}