@charset "UTF-8";
/* CSS Document */


/*
Theme Name: Corporate Center Pasadena
Theme URI: http://www.corporatecenterpasadena.com
Author: Branded Legion
Author URI: http://brandedlegion.com
Version: 1.0

This theme is for the sole use of Corporate Center Pasadena

*/

/* COLOR SETTINGS:

BRIGHT BLUE: #0087AE

DARKER BLUE: #005D80

BROWN: #958A7A

TEXT GRAY: #4D4D4D

LIGHT GRAY: #999999

*/ 



/*   ----- GLOBAL PAGE SETTINGS -----   */

html,body {
	margin: 0 auto;
	padding: 0;
	background-color: white;
	}
	
body.home {
	background-image: url(images/bg-thick.gif);
	background-repeat: repeat-x;
	}
	
body.sub {
	background-image: url(images/bg-thin.gif);
	background-repeat: repeat-x;
	}
	
p.bluebar {
	margin: 0;
	padding: 0;
	width: 990px;
	height: 12px;
	background-image: url(images/top-blue-bar.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	font-size: 8px;
	line-height: 8px;
	text-indent: -9999px;
	}
	
#home_container {
	margin: 0 auto;
	padding: 0;
	width: 990px;
	background-image: url(images/homepage-photo.jpg);
	background-repeat: no-repeat;
	background-position: 0 83px;
	overflow: auto;
	}
	
#sub_container {
	margin: 0 auto;
	padding: 0;
	width: 990px;
	overflow: auto;
	}
	
#header {
	margin-top: 0!important;
	padding-top: 0!important;
	width: 990px;
	height: 131px;
	overflow: visible;
	}
	
.logo {
	margin: 15px 0 0 0;
	padding: 0;
	float: left;
	display: block;
	width: 140px;
	height: 80px;
	background-image: url(images/ccp-logo.gif);
	background-repeat: no-repeat;
	}
	
.logo h1 {
	text-indent: -9999px;
	font-size: 14px;
	}


/*   ----- DROPDOWN MENU SETTINGS -----   */


#navigation {
	float: right;
	margin: 11px 0 0 0;
	width: 841px;
	height: 27px;
	background-color: transparent;
	}
	
ul#nav li.leasing {
	background-image: url(images/leasing-availability-up.png);
	display: block;
	width: 148px;
	height: 28px;
	}
	
ul#nav li.around {
	background-image: url(images/around-town-up.png);
	display: block;
	width: 113px;
	height: 28px;
	}
	
ul#nav li.tenant {
	background-image: url(images/tenant-portal-up.png);
	display: block;
	width: 109px;
	height: 28px;
	}
	
ul#nav li span {
	display: none;
	}

ul#nav li a.home {
	text-indent: -9999px;
	background-image: url(images/home-up.png);
	display: block;
	width: 65px;
	height: 27px;
	}
	
ul#nav li a.home:hover {
	background-image: url(images/home-over.gif);
	}
	
ul#nav li a.green {
	text-indent: -9999px;
	background-image: url(images/green-initiatives-up.png);
	display: block;
	width: 130px;
	height: 26px;
	}
	
ul#nav li a.green:hover {
	background-image: url(images/green-initiatives-over.png);
	}
	
ul#nav li a.news {
	text-indent: -9999px;
	background-image: url(images/news-events-up.png);
	display: block;
	width: 124px;
	height: 27px;
	}
	
ul#nav li a.contact:hover {
	background-image: url(images/contact-info-over.png);
	}
	
ul#nav li a.contact {
	text-indent: -9999px;
	background-image: url(images/contact-info-up.png);
	background-color: transparent!important;
	display: block;
	width: 152px;
	height: 26px;
	}
	
ul#nav li a.news:hover {
	background-image: url(images/news-events-over.png);
	}

ul#nav, ul#nav li ul {
  padding: 0;
  margin: 0;
  list-style: none;
  }
  
ul#nav li {
  float: left;
  position: relative;
  }

ul#nav li ul {
  display: none;
  position: absolute; 
  margin-top: 28px;
  border-top: 1px solid #958A7A;
  left: 0;
  }
  
ul#nav li ul li {
  width: 150px;
  border-bottom: 1px solid #958A7A;
  border-left: 1px solid #958A7A;
  border-right: 1px solid #958A7A;
  background-color: white;
  padding: 0px;
  }

ul#nav li ul.shift_left {
	margin-left: -20px;
	width: 122px;
	}
	
ul#nav li ul.shift_left li {
	width: 120px;
	}
  
ul#nav li ul li a {
	padding: 4px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #005D80;
	text-decoration: none;
	}
	
ul#nav li ul li a:hover {
	color: white;
	background-color: #958A7A;
	}
  
ul#nav li > ul {
	top: auto;
	left: auto;
	}
	
	
ul#nav li:hover ul, ul#nav li.over ul{ display: block; }


/*   ----- HOME PAGE SETTINGS -----   */

	
#home_left_column {
	clear: both;
	margin: 0 0 0 3px;
	padding: 0;
	width: 624px;
	float: left;
	overflow: auto;
	}
	
#home_left_column h2 {
	margin: 371px 0 10px 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: italic;
	font-weight: normal;
	color: #005D80;
	}
	
#home_left_column p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 20px;
	color: #4D4D4D;
	text-align: justify;
	}

#home_left_column p.p_left {
	margin: 0;
	padding: 0;
	float: left;
	width: 305px;
	}
	
#home_left_column p.p_right {
	margin: 0;
	padding: 0;
	float: right;
	width: 295px;
	}
	
#home_right_column {
	clear: right;
	margin: 1px 0px 0px 4px;
	padding: 0px 0px 0px 0px;
	width: 356px;
	float: right;
	overflow: auto;
	}
	
#home_right_column p.zero {
	margin: 0;
	padding: 0;
	margin-bottom: 3px;
	}
	
#flash_box {
	width: 356px; 
	height: 240px; 
	margin: 0px; 
	/*margin-top: 3px;*/
	padding: 0px; 
	background-color: #999999;
	}
	

/*   ----- FOOTER SETTINGS -----   */	
	
	
#footer {
	/*clear: both;*/
	margin: 0 auto;
	margin-top: 30px;
	padding-top: 0px;
	width: 990px;
	border-top: 1px dotted #999999;
	}
	
.p_footer {
	margin: 0;
	padding: 0;
	padding-top: 10px;
	padding-bottom: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: right;
	color: #999999;
	}	

/*   ----- SUB PAGE SETTINGS -----   */
	
#sub_left_column {
	clear: both;
	margin: 0;
	padding: 10px;
	width: 632px;
	float: left;
	/*overflow: auto;*/
	background-color: white;
	}
	
#sub_left_column p {
	margin-right: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 20px;
	color: #4D4D4D;
	text-align: justify;
	}
	
#sub_left_column ul, #sub_left_column ol  {
	margin-right: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 20px;
	color: #4D4D4D;
	text-align: justify;
	}
	
#sub_left_column ul.post_stats {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 14px;
	line-height: 21px;
	}
	
#sub_left_column p a {
	color: #333333;
	}
	
#sub_left_column p.fp_link a {
	padding-left: 25px;
	font-size: 14px;
	line-height: 21px;
	display: block;
	background-image: url(images/pdfIcon.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	}
	
#sub_left_column p.description {
	margin-top: 0;
	}	

#sub_right_column {
	clear: right;
	margin: 0px;
	padding: 0px;
	width: 338px;
	float: right;
	overflow: auto;
	}
	
#sub_left_column p.crumbs {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12px;
	color: #958A7A;
	}

#sub_left_column h1 {
	clear: both;
	margin: 15px 0 5px 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 36px;
	font-style: italic;
	font-weight: normal;
	color: #005D80;
	}

#sub_left_column h2 {
	margin: 12px 0 40px 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 29px;
	font-style: italic;
	font-weight: normal;
	color: #005D80;
	}
	
#sub_left_column h3 {
	margin: 0px 0 10px 10px;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	}

#sub_left_column h3.building, #sub_left_column h3.event {
	margin-left: 0;
	}
	
#sub_left_column h3.amenity {
	margin-left: 0px;
	margin-bottom: 0px;
	color: #005D80;
	}
	
#sub_left_column h3.store {
	font-size: 15px;
	margin-left: 0px;
	margin-bottom: 0px;
	color: #005D80;
	}
	
#sub_left_column h3 a {
	color: #333333;
	}
	
#leasing_grid {
	margin: 0;
	padding: 0;
	}
	
#grid_specs {
	margin: 0;
	padding: 0;
	height: 29px;
	width: 618px;
	background-image: url(images/bg-gridspecs.jpg);
	background-repeat: no-repeat;
	padding: 6px;
	}
	
#grid_specs ul {
	margin: 0;
	padding: 0;
	}
	
#grid_specs ul li {
	float: left;
	list-style: none;
	color: white;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	}
	
#grid_listing {
	clear: both;
	margin: 0;
	padding: 0;
	width: 618px;
	background-color: white;
	overflow: auto;
	}

#grid_listing.listing_brown {
	background-color: #EAE5DF;
	}
	
#grid_listing ul {
	margin: 0;
	padding: 6px;
	}
	
#grid_listing ul li {
	margin: 0;
	float: left;
	list-style: none;
	color: #333333;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	}

#grid_listing ul li a {
	color: #005D80;
	}
	
li.suite {
	padding: 2px 0 0 10px;
	width: 50px;
	}
	
li.sq-ft {
	padding: 2px 0 0 10px;
	width: 100px;
	}
	
li.rate {
	padding: 2px 0 0 10px;
	width: 100px;
	}
	
li.desc {
	padding: 2px 0 6px 10px;
	width: 225px;
	}

li.details {
	padding: 2px 0 0 10px;
	}

#sub_right_column p.zero {
	margin: 0;
	margin-top: 1px;
	padding: 0;
	margin-bottom: 3px;
	}
	
#sub_right_column p.sidebar_photo {
	margin-top: 0;
	margin-bottom: 3px;
	padding: 0;
	}
	
#sub_right_column h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	font-style: italic;
	font-weight: normal;
	margin: 15px 0 15px 2px;
	padding: 0;
	color: #005D80;
	}
	
#sub_right_column ul {
	margin: 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: normal;
	font-weight: normal;
	font-size: 17px;
	color: #958A7A;
	} 	
	
#sub_right_column ul li {
	margin-top: 10px;
	margin-left: 18px;
	list-style-image: url(images/bullet_icon.gif);
	}
	
#sub_right_column ul li a {
	color: #958A7A;
	}

/*   ----- BREAD CRUMB SETTINGS -----   */
	
#sub_left_column a.crumbs {
	color: #958A7A;
	}
	
#sub_left_column a.crumbs:hover {
	color: #005D80;
	}
	
	
#map {
	margin: 0;
	}

#map p.map-title {
	margin: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: 	#005D80;
	}
	
#map p.map-info {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: 	#333333;
	}
	
div.separator {
	margin-top: 30px;
	padding-top: 30px;
	margin-right: 15px;
	border-top: 1px dotted #666666;
	}
	
ul.category-menu {
	width: 225px;
	float: left;
	margin: 0;
	padding: 0;
	}
	
li.category-button {
	list-style: none;
	margin: 5px 10px 0 0;
	padding: 0;
	}
	
li.category-button a {
	height: 29px;
	width: 189px;
	display: block;
	background-image: url(images/category-btn.gif);
	color: white;
	text-decoration: none;
	font-size: 16px;
	padding: 8px 0 0 25px;
	}

li.category-button a:hover {
	text-decoration: underline;
	background-position: 0 37px;
	}s
	
.ico {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #282829;
	}