/* Styles for Innovative Employee Solutions */

ul,ol { list-style: none; }
h1,h2,h3,h4,h5,h6,pre,code { font-size: 1em; border: none;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,table,tr,td,p,blockquote,fieldset,input,div,dd,dt,dl,img { margin: 0; padding: 0; }
fieldset, a img,:link img,:visited img , img{ border: none; }

html,body { height: 100%; }
body {
	font: 11px arial,lucida sans,sans-serif;
	line-height: 18px;
	background: #fff url(../images/bg.jpg) repeat-x;
	color: #333;
	margin: 0 auto;
	text-align: center;
	position: relative;
}


a { color: #3366cc; }
a:hover { color: #7a010a;}

#wrap {text-align: left; margin: 0 auto; background: #fff; overflow: hidden; width: 900px; }


/* HEADER /////////////////////////////////////////////////////////////////////////////////////////////////////////////*/	
#header {background: url(../images/header.gif) no-repeat; height: 123px; width: 100%; clear: both;}
	#header-logo h1 a {display: block; width: 150px; height: 123px; float: left;}
	#header-pics {float: right; margin: 22px 20px 0 0; display: inline;}

/* NAVIGATION MENU - TOP //////////////////////////////////////////////////////////////////////////////////////////////*/	
#menu {width: 886px; margin: 0 0 3px 7px; clear: both; float: left; background:white; display: inline;}
	#menu-left {background: url(../images/menu-left.gif) no-repeat; width: 3px; height: 41px; float: left;}
	#menu-right {background: url(../images/menu-right.gif) no-repeat; width: 3px; height: 41px; float: left;}
	#menu-middle {background: url(../images/menu-bg.gif) repeat-x; height: 41px; width: 880px; float: left; position: relative; z-index:100;}
		#menu ul {margin: 3px 0 0 15px; text-align: center; background: url(../images/menu-pipe.gif) no-repeat left top;}
		#menu ul li {display: inline; float: left; background: url(../images/menu-pipe.gif) no-repeat right top; position: relative;} 
			#menu ul li a {height: 27px; float: left; padding: 8px 15px 0 15px; margin-right: 3px; display: inline;
							 color: #7a010a; text-decoration: none; font-weight: bold; font-size: 10px;}
			#menu ul li.twoLines a {padding-top: 5px; line-height: 11px; height: 30px;}
				#menu ul li.first a {background: url(../images/menu-pipe.gif) no-repeat left top;}
				#menu ul li a:hover, #menu ul li.selected a {background-color: white;}
				#menu ul li.selected a {padding-bottom: 3px;}
				
	/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
	/* DROP DOWN ////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
	
	#menu ul li ul {
				position: absolute; left: -1px; top: 35px; display: none; width: 130px;
				text-align: left; line-height: 13px; margin: 0; padding:0;}
	#menu ul li ul li {background: none; margin: 0; padding: 0; border: 1px solid #d8d4bf; border-top: none; }
	#menu ul li ul li a, #menu ul li.twoLines ul li a {background: #fff; width: 140px; margin: 0px; padding: 7px 7px 6px; height: 15px; position: relative; z-index: 100;}
		#menu ul li ul li.twoLines a {height: 34px;}
	#menu ul li ul li a:hover, #menu ul li ul li.dd-selected div {background: #7a010a; color: white;}
		/*#menu ul li.selected ul li a {padding-bottom: 0;}*/
	
	.isSelected div {background: url(images2/btn-on.gif) no-repeat;}

	/* Holly Hack. IE Requirement for Drop down menu\*/
		* html #menu ul li { float: left; height: 1%px; }
		* html #menu ul li a { height: 27px; margin-bottom: 0px; position: relative; z-index: 100;}
		* html .selected div { height: 27px; margin-bottom: 0px;}
	/* End */

	#menu ul li:hover ul, #menu ul li.over ul {display: block;} /* The magic */
	
	/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
	/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
	

/* HOME - MAST HEAD ///////////////////////////////////////////////////////////////////////////////////////////////////*/					
#mast {width: 884px; margin: 4px 0 3px 7px; float: left; display: inline;}
	#mast-text {background: #ffcc00; text-align: center; width: 882px; padding: 2px 0; color: #7a010a; margin-left: 2px; font-weight: bold;} 
	#mast img {margin: 0; padding: 0; margin-left: 2px; }

/* HOME - HEADLINE ///////////////////////////////////////////////////////////////////////////////////////////////////*/
#headline {background: url(../images/headline.gif) no-repeat; width: 100%; height: 60px; float: left; text-align:center;}
	#headline h1 {color: white; font-size: 14px; margin-top: 15px;}
	
/* CONTENT ///////////////////////////////////////////////////////////////////////////////////////////////////*/	
#content-home, #content {background: white; float: left; width: 856px; margin-left: 5px; padding: 17px; display: inline;}
	#content-home h1, #right-column h1, #content h1 {font-size: 14px; color: #7a010a; text-transform: uppercase; font-family: Georgia, "Times New Roman", Times, serif;}
		#content-home h1 span, #right-column h1 span {font-size: 17px;}
	#content-home h3, #content h3 {font-size: 13px; color: #7a010a;}
	
	
	#content-home h1, #content-home h3, #content-home p, #pod-intro, #right-column h1, #right-column p, #longford-plaza .pod-1-content h2 {margin-bottom: 15px;}
	
	#home-callouts {margin: 0 auto; width: 790px;}
	
	.callouts {width: 189px; float: left; margin: 0 5px 5px 0; display: inline;}
	.callouts .pod-1-content  {height: 360px; padding: 10px;}
			.callouts .pod-1-content ul.features {margin-bottom: 15px;}
			.callouts .pod-1-content ul.features li {list-style: disc; margin: 0 0 0 15px;}
			.callouts .pod-1-content img {margin-bottom: 10px;}
			.callouts .pod-1-content a {color: #7a010a;}
			.callouts .pod-1-content a:hover {color: #3366cc;}
		#home-callouts .last {margin: 0;}

	#property-contact-tabs {float: left; width: 100%;}
	#property-contact, #contact-corporate, #property-contact-tabs {font-size: 14px; text-align: center; clear: both; padding: 30px 0 0px; line-height:24px; }
	#property-contact-tab {_padding-top: 15px;}
	
	/* INSIDE TEMPLATE ///////////////////////////////////////////////////////////////////////////////////////////////////*/		
	#content  {display: inline; padding: 17px 0 0 2px;}
		#content-border {border: 3px solid #ffcc00; border-bottom-width: 40px; float: left; width: 850px; padding-bottom: 30px; margin: 4px 15px 16px; display: inline;}
	
	/* Left Column */
	#left-column-home {width: 400px; float: left; font-family: Georgia, "Times New Roman", Times, serif; margin: 0 15px 0 22px; display: inline;}
		#pod-intro, #home-contact {width: 370px;}
			#pod-intro .pod-1-content {padding: 30px; font-size: 12px;}
		#home-contact {margin-left: 37px;}
		.home-contact-1 { width: 180px; float: left; font-size: 10px; }
		.contact {font-size: 12px; width: 220px; }
		
	#left-column {width: 313px; float: left; padding: 50px 0 0 49px;}
		
		
		/* BAck Link, I used it in the Careers Benefits Page */
		.back-btn, #print-btn-map {width: 100%; text-align: right;}
		.top, #print-btn-map {margin-top: -30px; margin-bottom: 30px;}
		
		
	/* Right Column */
	#right-column-home {width: 400px; float: left; overflow: hidden;}
		.callouts {width: 189px; float: left; margin: 0 5px 5px 0; display: inline;}
		.callouts .pod-1-content  {height: 390px; padding: 10px;}
			.callouts .pod-1-content img {margin-bottom: 10px;}
	#right-column {float: left; width: 450px; padding: 50px 30px 0 0; font-size: 12px; display: inline; overflow: hidden;}
		#right-column h1 {font-size: 17px;}
		#right-column h1 span {font-size: 20px;}
		#right-column form {margin-bottom: 20px;}
		#right-column ul {list-style: disc; margin: 0 0 15px 50px;}
			#right-column ul li {}
		#right-column ul.extra-margin {margin-bottom: 30px;}
			
	/* One Column */
	#one-column {padding: 30px;}
		#one-column form {margin: 0 auto; width: 700px;}
		.form-customer {}
	
	
	/* PAGE:  Properties */
	#prop-info {background: #f5f4f4; width: 849px; height: 290px; margin-bottom: 10px; float: left; border: 4px solid #cdc7c8; overflow: hidden; display: inline;}
		#prop-info-left {float: left; width: 235px; padding: 20px;}
		#prop-info-right {float: right; }
	
	#sec-more-col {float: left; margin-bottom: 30px; display: inline;}
	
	#properties-tabs {width: 605px; float: left; }
	#more-info {float: left; width: 200px; padding: 20px 0px 0 20px; display: inline;}
	
	/* TAbles */
	.table {float: left; width: 100%; margin-bottom: 30px; clear: both;}
	.short {width: 96%;}
		.tr {float: left; clear: both; width: 100%;}
			#site-details .td, #inventory .td, #move-in .td, #tenant .td {float: left; width: 70%; padding: 6px;}
			#site-details .a {width: 25%;}
			
			#inventory .td {width: 12%; text-align: center;}
				#inventory .a {width: 8%;}
				#inventory .s {width: 18%;}
			.header {font-weight: bold; background: #eceae0; border-bottom: 1px solid #ddd9c7; }	
			
			#move-in {margin-bottom: 15px;}
			#move-in .td {width: 16%; text-align: center;}
				#move-in .a {width: 21%; text-align: center;}	
			.color {background: #eceae0;}
			
			#tenant .td { width: 85%;}
			#tenant .a { width: 7%;}
			
			.indent, .indent-one {margin-left: 44px; width: 90%; display: inline;}
			.one, .indent-one {margin-bottom: 0;}
			
			/* Page: Careers --------------------  */
			/* Page: Newsletter --------------------  */
			#career-available, #newsletter {border: 3px solid #E3E3E3; width: 255px; padding: 10px; margin-top: 15px;}
			#career-available form, #career-available p, #newsletter {margin-bottom: 10px; clear:both;}
				 #career-available p  {text-align: center; font-weight: bold;}
			.career-benefits, .career-positions {font-size: 11px; line-height: 15px; border-collapse:collapse; margin: 0 0 15px 1px;}	
				.career-benefits tr, .career-positions tr {padding-bottom: 15px;}
					.career-benefits tr th,.career-positions tr th {padding-bottom: 15px;}
					.career-benefits tr td, .career-positions tr td {padding: 10px 5px; border: 1px solid #CCCCCC;}
					.career-benefits tr.color, .career-positions tr td.color {background: #E3E3E3;}
					
			.career-positions tr {border-bottom: 1px solid #CCCCCC;}
			.career-positions tr td {border: none; width: 25%;}
				.career-positions tr td.apply {text-align: right;}
					/*.career-positions tr td.apply a {display: block; padding: 2px; background: black;}*/
			
			/* BAck Link, I used it in the Careers Benefits Page */
			.back-btn, #print-btn-map {width: 100%; text-align: right;}
			.top, #print-btn-map {margin-top: -30px; margin-bottom: 30px;}
					
			#newsletter form {padding: 25px 30px 20px;}
				#newsletter form fieldset div {width: 40px; float: left;}
					#newsletter form fieldset input {width: 140px; margin-bottom: 10px;}
				#newsletter-input {margin-left: 40px;}

/* Footer */
#footer {clear: both;text-align: center; margin-bottom: 50px;}
	#contact-corporate {padding-bottom: 0px; line-height:0px;}
	#footer ul { margin: 15px 0 7px;}
		#footer ul li {display: inline;}
			#footer ul li a, #contact-corporate a {color: #7A010A; padding: 10px;}
			#footer ul li a:hover, #contact-corporate a:hover {color: #3366cc;}
	#footer cite {color: black;}
	

/* Pod */
.pod-1 {background-color: #fdfdfd; padding: 2px;}
	.pod-1-sh-2 {background-color: #f8f8f8; padding: 2px;}
	.pod-1-sh-3 {background-color: #f1f1f1; padding: 2px;}
	.pod-1-sh-3 {background-color: #e7e7e7; padding: 2px;}
	.pod-1-content {background-color: white; padding: 5px;}

	
.clear {clear: both;}
.quotes {font-size: 17px; font-weight: bold; font-family:Georgia, "Times New Roman", Times, serif; line-height: 22px;}
.line {border-top: 8px solid #d1d1d1;}
.noCursor a { cursor:default;}
	.noCursor ul li a {cursor: pointer;}

			
#header-logo h1 a span {display: none;}

/* Empty DIVs Hack */
#menu-left, #menu-right, .clear, .line {font-size:1px; line-height:0;}


/* FORMS //////////////////////////////////////////////////// */
table.form-contact {font-size: 11px; line-height: 18px;}
	table.form-contact tr td div {margin-right: 5px;}
	table.form-contact tr td input,
	table.form-contact tr td select,
	table.form-contact tr td textarea {margin-bottom: 5px;}
		.survey {margin-left: 5%;}


/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* TABS ////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

#myTabs {
margin-top: 10px;
}

.mootabs_title {
	list-style-image: none;
	list-style-type: none;
	background: url(../images/tabs-bg.gif) repeat-x;
	margin: 0px;
	padding: 0px;
	height: 31px;
	border: 1px solid #ddd9c7;
}

.mootabs_title li {
	float: left;
	padding: 2px 40px;
	cursor: pointer;
	color: #7a010a;
	font-size: 13px;
	height: 27px;
	line-height: 26px;
	border-right: 1px solid #ddd9c7;
}

.mootabs_title li.active {
	background-color: #7A010A;
	color: white;
	border-top: 5px solid #7A010A;
	margin-top: -5px;
	position: relative;
	z-index: 100;
	line-height: 23px;
}

.mootabs_panel {
	display: none;
	position: relative;
	top: -1px;
	font-family: "Trebuchet MS";
	clear: both;
	color: #201e1e;
	overflow: auto;
	padding: 25px;
	border: 1px solid #ddd9c7;
}

.mootabs_panel.active {
	background-color: #FFFFFF;
	display: block;
	
}

.mootabs_title li.over {
	background: #e5e2d4;
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */