/* CSS Document */

.headerStyle { height:150px }


/* General layout Stuff
-------------------------------------------------------------- */
.mainContentContainer { height:624px; }

.top_mast {
	width: 100%;
	height: 100px;
	background-image: url(../images/top_mast_back.jpg);
}

.top_mast_shadow {
	width: 100%;
	height: 10px;
	background-image: url(../images/top_mast_shadow.jpg);
	vertical-align: bottom;
}

.bottom_mast {
	width: 100%;
	height: 100px;
	background-image: url(../images/bottom_mast_back.jpg);
	bottom: auto;
}

.bottom_mast_shadow {
	width: 100%;
	height: 10px;
	background-image: url(../images/bottom_mast_shadow.jpg);
	bottom: auto;
	overflow: auto;
}

.nav { width:400px; }

div.hr {
	height: 1px;
	background: #b4b4b4 url(../images/hr_pixel.gif) no-repeat scroll center;
	width: 100%;
}

div.hr_margin {
	height: 1px;
	background: #b4b4b4 url(hr1.gif) no-repeat scroll center;
	width: 100%;
    margin: 3px 0 3px 0
}


div.hr hr { display: none; }


/* Home Stuff
-------------------------------------------------------------- */
.ajaxbillboard { max-height: 376px;
	width: 650px;
	height: 376px;
	margin: 15px 20px 20px 30px; 
	display: none;
	overflow:hidden;
	position: relative;}

.ContentHome { max-height: 289px; width: 984px; background-color: #E8E8E8; height: 289px; } 

.ContentHomeLeft { max-height: 289px; width:591px; height: 289px; }


/* 2nd Level Stuff
-------------------------------------------------------------- */
.imagecontent2ndLevel {
	max-height: 376px;
	width: 650px;
	height: 376px;
	margin: 15px 20px 20px 30px;
	background-image: url(../images/home_billboard.jpg);
}

.imagecontent2ndLevelphases {
	max-height: 77px;
	width: 650px;
	height: 77px;
	margin: 16px 20px 20px 30px;
	background-image: url(../images/process_bar_phases.jpg);
}

.imagecontent2ndLevelresearch {
	max-height: 77px;
	width: 650px;
	height: 77px;
	margin: 16px 20px 20px 30px;
	background-image: url(../images/process_bar_research.jpg);
}

.imagecontent2ndLevelplan {
	max-height: 77px;
	width: 650px;
	height: 77px;
	margin: 16px 20px 20px 30px;
	background-image: url(../images/process_bar_plan.jpg);
}

.imagecontent2ndLevelbuild {
	max-height: 77px;
	width: 650px;
	height: 77px;
	margin: 16px 20px 20px 30px;
	background-image: url(../images/process_bar_build.jpg);
}

.imagecontent2ndLeveldesign {
	max-height: 77px;
	width: 650px;
	height: 77px;
	margin: 16px 20px 20px 30px;
	background-image: url(../images/process_bar_design.jpg);
}

.imagecontent2ndLevelsupport {
	max-height: 77px;
	width: 650px;
	height: 77px;
	margin: 16px 20px 20px 30px;
	background-image: url(../images/process_bar_support.jpg);
}

.mainContentlogoFest { margin: 24px 20px 20px 30px; max-height: 100%; width: 620px; } 

.logoFest { margin: 0 20px 20px 0; max-height: 126px; width: 250px; background-color: #CCCCCC; height: 126px; }

.maincontent2ndLevel { margin: 15px 20px 20px 30px; max-height: 100%; width: 650px; }

.maincontent2ndLevel2 { margin: 0 20px 20px 30px; max-height: 100%; width: 650px; }
 
.researchphasetop { padding-left: 7px; margin: 5px 5px 0 0; max-height: 100%; width: 130px; float: left; line-height: 18px;} 

.researchphase { padding-left: 7px; margin: 10px 5px 10px 0; max-height: 100%; width: 130px; float: left; line-height: 18px; background-color: #EBEBEB; }

.researchphasebottom { padding-left: 7px; margin: 10px 5px 10px 0; height: 115px; max-height: 100%; width: 130px; float: left; line-height: 18px; background-color: #EBEBEB; }

.planphasetop { padding-left: 7px; margin: 5px 5px 0 0; max-height: 100%; width: 120px; float: left; line-height: 18px;}

.planphase { padding-left: 7px; margin: 10px 5px 10px 0; max-height: 100%; width: 120px; float: left; line-height: 18px; background-color: #EBEBEB; }

.planphasebottom { padding-left: 7px; margin: 10px 5px 10px 0; height: 115px; max-height: 100%; width: 120px; float: left; line-height: 18px; background-color: #EBEBEB; }

.designphasetop { padding-left: 7px; margin: 5px 5px 0 0; max-height: 100%; width: 120px; float: left; line-height: 18px; }

.designphase { padding-left: 7px; margin: 10px 5px 10px 0; max-height: 100%; width: 120px; float: left; line-height: 18px; background-color: #EBEBEB; }

.designphasebottom { padding-left: 7px; margin: 10px 5px 10px 0; height: 115px; max-height: 100%; width: 120px; float: left; line-height: 18px; background-color: #EBEBEB; }

.buildphasetop { padding-left: 7px; margin: 5px 5px 0 0; max-height: 100%; width: 115px; float: left; line-height: 18px; }

.buildphase { padding-left: 7px; margin: 10px 5px 10px 0; max-height: 100%; width: 115px; float: left; line-height: 18px; background-color: #EBEBEB; }

.buildphasebottom { padding-left: 7px; margin: 10px 5px 10px 0; height: 115px; max-height: 100%; width: 115px; float: left; line-height: 18px; background-color: #EBEBEB; }

.supportphasetop { padding-left: 7px; margin: 5px 0 0 0; max-height: 100%; width: 100px; float: left; line-height: 18px;}

.supportphase { padding-left: 7px; margin: 10px 0 10px 0; max-height: 100%; width: 100px; float: left; line-height: 18px; background-color: #EBEBEB; }

.supportphasebottom { padding-left: 7px; margin: 10px 0 10px 0; height: 115px; max-height: 100%; width: 100px; float: left; line-height: 18px; background-color: #EBEBEB; }

.maincontent2ldescriptor { margin: 0 20px 20px 30px; max-height: 100%; width: 200px; } 

.mainPromo { margin: 24px 20px 20px 30px; max-height: 100%; width: 620px; } 

.sidebar { margin: 24px 0 20px 30px; max-height: 100%; width: 281px;}



/* generic Stuff
-------------------------------------------------------------- */
.mainContentGeneric { margin: 24px 20px 20px 30px; max-height: 100%; width: 924px; } 



/* top nav Stuff
-------------------------------------------------------------- */
#wrapper_tn{
	padding: 20px 20px 20px 20px;
	width: 221px;
	height: 100%;
	margin-bottom: 10px;
	font-size:11px;
	line-height: 20px;
	border: 1px solid #cccccc;
}

#wrapper_tnhome{
	width: 261px;
	border: 1px solid #cccccc;
	
	
}

#wrapper_tnres{
	width: 261px;
	height: 100%;
	border: 1px solid #cccccc;
	padding: 0 0 1000% 0;
	
}

.content_item_tn{
	
	font-size:11px;
	line-height: 20px;
	margin:0;
	

}


.content_item h2{
	font-size:11px;	
	padding: 20px 20px 20px 20px;
	line-height: 20px;
	margin:0;
}

.content_item_collapsed div{
	display:none;
	margin:0;
	font-size:11px;
	
	line-height: 20px;
	margin:0;
}

.commentstop:hover, #commentPreview {
	background: #DBFCDB;
	text-indent: 6px; 
	font-size:11px;
	line-height: 20px;
	margin:0;

}

.comments:hover, #commentPreview {
	background: #FFFFFF;
	text-indent: 23px; 
	font-size:11px;
	line-height: 20px;
	margin:0;

}

.oddtn {
    background: #D0FAD0;
	text-indent: 6px;
	line-height: 20px;
	border: 1px solid #D0FAD0;
	
}

.oddtnc {
    background: #E9FEE9;
	text-indent: 23px;
	line-height: 20px;
}

.oddline {
    background: #ACDDAC9;
}


.oddtncnone {
    color: #CC0000;
    background: #FFFFFF;
	text-indent: 23px;
	line-height: 20px;
	
}

.odd {
	text-indent: 6px;

	
}

.contact {
    background: #FFFFFF;
	text-indent: 23px;
	line-height: 20px;
	
}

.extra {
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-indent: 6px;
}

margin {
	margin: 30px 0 30px 0;
}
.titlespace {
	margin-left: 7px;
	margin-right: 7px;
}
.bulleteditems {
	float: left;
	width: 651px;
}

.phaseitems {
	float: left;
	width: 651px;
}

.gymboddlink {
	float: left;
	width: 180px;
	height: 150px;
	margin: 0 53px 28px 0;
	border: 1px solid #CC0000;
	background-image: url(../images/gymboree_2008.jpg);	
}
.black_background {
	height: 100%;
	margin-top: 0px;
	margin-bottom: 0px;

}

/* slide show Stuff
-------------------------------------------------------------- */

#mySlideshow
{
	width: 650px;
	height: 305px;
	background-image: url(../images/billboard_bkgrnd.jpg);
	margin: 15px 20px 20px 30px;
}

.jdSlideshow
{
	display: none;
	overflow:hidden;
	position: relative;
}

.jdSlideshow .slideElement
{
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
}



.jdSlideshow .slideInfoZone
{
	position: absolute;
	z-index: 10;
	width: 100%;
	margin: 0px;
	left: 0;
	bottom: 0;
	height: 40px;
	color: #fff;
	text-indent: 0;
}

#content {
  height: 100%;
  min-height: 100%;

  text-align: left;
}

#content,
#width {
  /* max-width hack for IE since it doesn't understand the valid css property */
  width: expression(document.body.clientWidth > 1000 ? "1000px" : "94%");
  max-width: 1000px;
  margin: 0 auto;
}

/* slide show layout Stuff
-------------------------------------------------------------- */

#content {
  height: 100%;
  min-height: 100%;

  text-align: left;
}

#content,
#width {
  /* max-width hack for IE since it doesn't understand the valid css property */
  width: expression(document.body.clientWidth > 1000 ? "1000px" : "94%");
  max-width: 1000px;
  margin: 0 auto;
}

/* footer Stuff
-------------------------------------------------------------- */

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 96%;}

body > #wrap {height: auto; min-height: 50%;}

#main {padding-bottom: 100px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -100px; /* negative value of footer height */
	height: 100px;
	background-image: url(../images/bottom_mast_back.jpg);
	clear:both;} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */