/*
	Description:		Blue Man Group Creative Center Default CSS (Print, Screen, Handheld devices)
	Creator:			Jade Rauenzahn
	Revision History:	2007-08-09	:: Initial Build
*/

/* Reset Styles */
*{margin:0;padding:0}iframe,a img,fieldset,form,table{border:0}h6,h5,h4,h3,h2,h1,caption,th,td{font-weight:normal}table{border-collapse:collapse}caption,th,td{text-align:left}a,a:visited{-moz-outline-style: none;outline-style: none;}
html {font-size: 11px;}

/* Global Selectors */
html { font-family: verdana, helvetica, tahoma, arial, sans-serif; }
p, ul li { line-height: 1.4; }

/* Structural Selectors */
.container { width: 801px; margin: 0 auto; }
.footer { width: 801px; margin: 0 auto; }
#header { padding: 30px 10px 0 14px; height: 120px; width:774px; }
.nav { margin: -85px 0 0; padding-left: 240px; list-style: none; font-size: .95em; }
.nav li { text-transform: uppercase; float: left; padding: 0 10px; font-weight: bold; position: relative;  list-style: none; line-height: 1; }
.nav li ul { position: absolute; display: block; width: 220px; }
.nav li ul li { text-transform: none; font-weight: normal; float: none; padding: 3px 0 1px; }
.slideshow { float: left; display: inline; width: 207px; background: #b4524a; }
.slideshow ul {  text-transform: lowercase; position: relative; margin-top: -5px; margin-bottom: 2px; padding: 11px 0; text-align: center; }
.slideshow ul li { display: inline; border-right: 1px solid #fff; padding: 3px 7px; font-size: 1em; }
.slideshow ul .last { border-right: none; }
#content { float: left; display: inline; position: relative; width: 579px; padding: 10px 0 10px 10px; height: 445px; background: #fff; }
#content .title { float: left; display: inline; margin-top: 2px; }
.topInfo { height: 90px; margin-left: 7px; }
.pageTitle { float: right; display: inline; width: 360px; }
.pageTitle h2 { font-size: 1.9em; border-bottom: 1px solid #488998; color: #ca5a52; }
.pageTitle ul { float: left; display: inline; width: 190px; list-style-type: none; margin-top: 5px; font-size: .9em; list-style-position: outside; }
.pageTitle .first { width: 160px; }
#overflow { overflow: hidden; height: 315px; width: 515px; margin-left: 10px; position: relative; top: 7px;}
#overflow h2,
#overflow h3 { font-size: 1.5em; text-transform: uppercase; color: #005f7c; margin-bottom: 5px; }
#overflow p { margin-bottom: 18px; }
#overflow ul { margin: 0 0 15px 0; }
#overflow ul li { line-height: 1.4em; }
#overflow ul li img { margin: 2px 0 0 10px; }

#slide { position: relative; top: 0; }

.upArrow { float: right; clear: both; margin: 10px 10px 0px 0px;}
.downArrow { float: right; clear: both; margin-right: 10px; margin-top: 180px; }

.missionStatement { padding: 140px 0 0 190px; }

.diagram { color: #e67368; line-height: 1.3; margin-bottom: 3px; }
.diagram span { color: #007da1; font-size: 1.7em; font-weight: bold; }
.diagImg { margin-left: 40px; border: none; }

/* Popup */
.popup { background: #8cc2e0; margin: 0px; }
.popup h3 { font-size: 1.9em; border-bottom: 1px solid #488998; color: #ee5631; padding-bottom: 3px; margin-bottom: 10px; }
.popup p { padding-bottom: 15px; }

.phorm dt { text-align: right; width: 110px; }
.phorm dd { position: relative; width: 140px; left: 120px; top: -14px; }

/* Special Classes */
.clear { clear: both; }
.flat { line-height: 0px; font-size: 1px; }
.floatleft { display: inline; float: left; }
.floatright { display: inline; float: right; }
.name { font-size: 1.3em; color: #E67368; }
.comingsoon { text-align: center; color: #005f7c; margin-top: 120px; }
.alert { color: #c00; }

/* New Homepage - Converted from splash.css */
#email { width : 130px; height : 40px; margin : 5px 8px 0 0; float : right; }
#email p { color : #007a99; text-transform : uppercase; font-family : Verdana, Arial, Sans-Serif; font-size : 11px; }
#email #emailInput { width : 100px; height : 15px; border : 1px solid #bbb; font-size : 8pt; font-family : Verdana, Arial, Sans-Serif; color : #222; padding : 4px 3px 1px 3px; margin-right : 2px; }
#email #emailSubmit { position : relative; top : 4px; }
div.news_item { min-height:95px; clear: left; }
div.news_content { padding-left:115px; }
#content span { padding : 10px 0; }
.news_image  img { margin : 10px 15px 0 0; float:left; position: relative; }
.news_content h2 { color : #007a99; font-family : Tahoma, Arial, Verdana, Sans-Serif; font-size : 12pt; font-weight : normal; text-transform : uppercase; margin-top : 8px; }
.news_content p { margin : 2px 0px 5px 0px !important; font-family : Tahoma, Arial, Verdana, Sans-Serif; font-size : 9pt; color : #111; line-height : 1.2em; }
.news_content  h5 { font-size : 12pt; color : #e67368;  font-family : Tahoma, Arial, Verdana, Sans-Serif; }
.news_content h5 a { font-size : 7pt; color : #e67368; text-decoration : none; text-transform : uppercase; position : relative; top : -1px; }
.featured_photo { float:left; margin-right:4px; margin-bottom: 5px; }
.homeSlide { height: 265px !important; }
.downArrowHome { margin-top: 140px !important; }
.homeContent { padding: 0 !important; width: 589px !important; height: 463px !important; }
.homeContent #overflow { margin-bottom: 15px; }
.homeContent h1 { padding: 10px 0 5px 15px; }
#lSpotlight {
  background : #fff url(../images/lspot_bkd.gif) no-repeat;
}
#rSpotlight {
  background : #fff url(../images/rspot_bkd.gif) no-repeat 1px 0;
  clear : right;
}
#lSpotlight, #rSpotlight {
	width : 254px;
	height : 114px;
	float : left;
	display: inline;
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 20px;
	position: relative;
	top: 14px;
}

#rSpotlight {
	width : 254px;
	height : 114px;
	float : left;
	display: inline;
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 20px;
	position: relative;
	top: 10px;
}

#lSpotlight h1, #rSpotlight h1 {
  color : #007a99;
  font-size : 9pt;
  font-family : "Trebuchet MS", "Arial Narrow", Verdana, Sans-Serif;
  font-weight : normal;
  text-transform : uppercase;
  line-height:normal;
	padding: 0;
}
#lSpotlight a, #rSpotlight a, #lSpotlight a:link, #rSpotlight a:link, #lSpotlight a:hover, #rSpotlight a:hover, #lSpotlight a:active,#rSpotlight a:active,#lSpotlight a:visited, #rSpotlight a:visited { color : #007a99; text-decoration: none;  }
#lSpotlight a:hover, #rSpotlight a:hover { text-decoration: underline; }

#lSpotlight h5, #rSpotlight h5 { margin-top:2px; margin-bottom:5px;  color : #fff;
  font-size : 9pt;
  font-family : "Trebuchet MS", "Arial Narrow", Verdana, Sans-Serif;
  font-weight : normal;
  text-transform: lowercase;
  line-height:normal; }


#lSpotlight img, #rSpotlight img {
  padding : 5px 8px 0 0;
	width: 60px;
}
#lSpotlight span, #rSpotlight span {
  font-family : "Trebuchet MS", Arial, Verdana, Sans-Serif;
  font-size : 12px;
  color : #fff;
  padding: 5px 0 0 0 !important;
  display : block;
}


/* Links */
a:link,
a:visited { color: #000; }
a:hover { text-decoration: underline; }

.slideshow a:link,
.slideshow a:visited { color: #000; text-decoration: none; }
.slideshow a:hover { text-decoration: underline; }

.pageTitle ul a:link,
.pageTitle ul a:visited { color: #005f7c; text-decoration: none; }
.pageTitle ul a:hover { text-decoration: underline; }

.nav a:link,
.nav a:visited { color: #fff; text-decoration: none; }
.nav a:hover { color: #004358; }

.slideshow a:link,
.slideshow a:visited { color: #fff; }

.overflow h3 a:link,
.overflow h3 a:visited { color: #005f7c; }
.overflow h3 a:hover { text-decoration: underline; }

.newstop { width: 420px; height: 131px; overflow: hidden; background: #FFFFFF url(../img/bg_right_white.gif) no-repeat right 29px }

.newsbody { width: 379px; background: #8cc2e0; padding: 20px; min-height: 350px }
.newsbody p { margin: 10px 0px 0px 0px; }
.popPhoto { display: block; float: right; border:0px; margin: 65px 60px 0px 0px; }

/* Jobs section */
ul.jobs { margin-top: 5px !important; list-style-type: disc; padding-left: 20px; }
ul.jobs li { margin-bottom: 5px; }

.jobDesc ul { margin-left: 20px; list-style-type: disc !important; }