/*
-----------------------------------------------
PacTrust Columbia Tech Center Screen CSS styles
Developed by: Red Studio
Author:   Dan Hower
Version:  1.0
Date: June 2008
----------------------------------------------- */


/* Structure - Global Divs
----------------------------------------------- */
* {
	padding: 0;
	margin: 0;
	}
	
body {
	font-size: small;
	font-family: arial, helvetica, sans-serif;
	background: #fff;
	}
	
#align {
	width: 930px;
	text-align: left;
	margin: 0 auto;
	position: relative;
	padding: 0;
	top: 0;
	left: 0;
	}
	
#main, #wrapper1, #layout2, #layout3, #layout4 {
	width: 930px;
	float: left;
	}
	
#header {
	width: 930px;
	height: 80px;
	background: url(images/ctc_logo.png) 20px top no-repeat;
	float: left;
	}
	
.leftcol {
	width: 50%;
	float: left;
	}
	
.rightcol {
	width: 50%;
	float: right;
	}
	
#footer {
	width: 910px;
	height: 46px;
	padding: 25px 0 0 20px;
	margin-top: 30px;
	background: url(images/footer_bg.png) right top no-repeat;
	float: left;
	}
	
#copyright {
	width: 910px;
	height: 41px;
	padding: 4px 0 0 20px;
	float: left;
	}
	
img {
	border: 0;
	}
	
	
/* Structure - Layout1 - One Column Layout
----------------------------------------------- */
#layout1 #col1 {
	width: 930px;
	float: left;
	}
	
#layout1 #col2 {
	display: none;
	}
	
#layout1 #col3 {
	display: none;
	}
	
#layout1 #col4 {
	display: none;
	}
	
	
/* Structure - Layout2 - Two Column Layout
----------------------------------------------- */
#layout2 #col1 {
	width: 200px;
	margin-right: 20px;
	float: left;
	}
	
#layout2 #col2, #onecol {
	width: 710px;
	float: left;
	}
	
#layout2 #col3 {
	display: none;
	}
	
#layout2 #col4 {
	display: none;
	}
	
#onecol {
	margin-top: 10px;
	}

	
/* Structure - Layout3 - Three Column Layout
----------------------------------------------- */
#layout3 #col1 {
	width: 200px;
	margin-right: 20px;
	float: left;
	}
	
#layout3 #col2 {
	width: 430px;
	margin-right: 20px;
	float: left;
	}
	
#layout3 #col3 {
	width: 260px;
	float: right;
	}
	
#layout3 #col4 {
	display: none;
	}
	
#layout3 #wrapper2 {
	width: 710px;
	float: right;
	}
	
	
/* Structure - Layout4 - Four Column Layout
----------------------------------------------- */
#layout4 #col1 {
	width: 200px;
	margin-right: 20px;
	float: left;
	}
	
#layout4 #col2 {
	width: 224px;
	margin-right: 20px;
	float: left;
	}
	
#layout4 #col3 {
	width: 223px;
	margin-right: 20px;
	float: left;
	}
	
#layout4 #col4 {
	width: 223px;
	float: right;
	}
	
#layout4 #wrapper2 {
	width: 710px;
	float: right;
	}
	
#layout4 #wrapper3 {
	width: 466px;
	float: right;
	}
	
	
/* Header Styles
----------------------------------------------- */
h1 {
	font-size: 200%;
	font-weight: normal;
	font-style: italic;
	font-family: Georgia, serif;
	color: #004a23;
	margin: -5px 0;
	padding-bottom: 15px;
	clear: both;
	}
	
#header h1 {
	display: none;
	}
	
h2 {
	font-size: 150%;
	font-weight: normal;
	font-style: italic;
	font-family: Georgia, serif;
	color: #004a23;
	margin: -5px 0;
	padding-bottom: 15px;
	}
	
h3, h4 {
	padding-bottom: 2px;
	border-bottom: 1px solid #000;
	margin: 0;
	}

	
/* Font and Link Styles
----------------------------------------------- */
p {
	font-size: 100%;
	line-height: 18px;
	padding-bottom: 10px;
	}
	
p.right {
	text-align: right;
	}
	
p.tagline {
	color: #666;
	font: bold italic 110% arial;
	text-align: right;
	padding-top: 47px;
	}
	
#copyright p, #footer p {
	font-size: 80%;
	}
	
#footer p {
	color: #273c82;
	}
	
#footer a {
	font-size: 85%;
	}
	
* html #footer a {
	font-size: 80%;
	}
	
a {
	color: #273c82;
	text-decoration: underline;
	}
	
a:hover {
	color: #999;
	text-decoration: none;
	}
	
a.pdf {
	background: url(images/pdf.png) left 50% no-repeat;
	padding-left: 16px;
	}
	
#pactrust {
	position: relative;
	top: -12px;
	left: 767px;
	width: 123px;
	height: 12px;
	}

.doublebullet {
	font-size: 150%;
	font-weight: normal;
	}
	
ul.list {
	margin: 0 0 10px 0;
	list-style: none;
	}
	
ul.list li {
	padding-left: 18px;
	line-height: 1.8em;
	background: url(images/list_bullet.png) no-repeat 0 50%;
	}
	
	
/* Table Styles
----------------------------------------------- */
table {
	border: 0;
	width: 100%;
	margin-bottom: 15px;
	}
	
table a {
	text-decoration: none;
	}
	
th, td {
	text-align: left;
	vertical-align: top;
	padding: 5px;
	}
	
.row2 {
	background: #f0f0f0;
	}
	
#traffic {
	width: 335px;
	}
	
	
/* Navigation - Primary Navigation Styles
----------------------------------------------- */
#nav1 {
	width: 910px;
	height: 26px;
	background: url(images/nav1_bg.png) right top no-repeat;
	margin: 0 0 2px 0;
	padding: 9px 0 0 20px;
	list-style: none;
	float: left;
	}
	
* html #nav1 {
	margin: 0 0 1px 0;
	}
	
#nav1 li {
	padding-right: 33px;
	float: left;
	}
	
#nav1 li a {
	font-weight: bold;
	color: #004a23;
	text-decoration: none;
	padding-bottom: 11px;
	display: block;
	}

#nav1 li a:hover {
	color: #fff;
	background: url(images/nav_pointer.gif) no-repeat 50% bottom;
	}
	
#nav1 li a.selected {
	color: #fff;
	background: url(images/nav_pointer.gif) no-repeat 50% bottom;
	}
	
li:hover ul, li:over ul {
	display: block;
	}
	
	
/* Navigation - Secondary Navigation Styles
----------------------------------------------- */
#nav2 {
	width: 910px;
	height: 26px;
	background: url(images/nav2_bg.png) right top no-repeat;
	margin: 0 0 20px 0;
	padding: 9px 0 0 20px;
	list-style: none;
	float: left;
	}
	
* html #nav2 {
	margin: 0 0 19px 0;
	}

	
#nav2 li {
	padding-right: 33px;
	float: left;
	}
	
#nav2 li a {
	font-weight: bold;
	color: #666;
	text-decoration: none;
	padding-bottom: 11px;
	display: block;
	}

#nav2 li a:hover {
	color: #fff;
	background: url(images/nav_pointer.gif) no-repeat 50% bottom;
	}
	
#nav2 li a.selected {
	color: #666;
	background: url(images/nav_pointer.gif) no-repeat 50% bottom;
	}
	
	
/* Navigation - Tertiary Navigation Styles
----------------------------------------------- */
#nav3 {
	width: 910px;
	height: 40px;
	padding: 10px 0 0 20px;
	list-style: none;
	float: left;
	}
	
#nav3 li {
	padding-right: 33px;
	float: left;
	}
	
#nav3 li a {
	color: #273c82;
	text-decoration: underline;
	background: url(images/pdf.png) left 50% no-repeat;
	padding-left: 16px;
	display: block;
	}

#nav3 li a:hover {
	color: #999;
	text-decoration: none;
	}
	
#nav3 li a:selected {
	color: #999;
	text-decoration: none;
	}
	
.bldg-nav  {
	width: 200px;
	padding: 0;
	margin: 0 0 20px 0;
	background: #dfe2ec;
	list-style: none;
	}
	
.bldg-nav li a {
	width: 160px;
	background: url(images/list_bullet.png) 20px 50% no-repeat;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #c0c6db;
	padding: 5px 0 5px 40px;
	display: block;
	}
	
.bldg-nav li a:hover {
	background: #f0f0f0 url(images/list_bullet.png) 20px 50% no-repeat;
	}
	
.bldg-nav li.twolines a {
	width: 160px;
	background: url(images/list_bullet.png) 20px 25% no-repeat;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #c0c6db;
	padding: 5px 0 5px 40px;
	display: block;
	}
	

/* Padding and Margin Classes
----------------------------------------------- */
.margin20bottom {
	margin-bottom: 17px;
	}
	
.margin20right {
	margin-right: 20px;
	}
	
.margin2right {
	padding-right: 2px;
	}
	
.indent220 {
	padding-left: 220px;
	}
	
.indent20 {
	padding-right: 20px;
	}
	
	
/* Tips Styles
----------------------------------------------- */
#tooltip { position: absolute; z-index: 3000; border: 1px solid #111; background-color: #eee; padding: 5px; opacity: 0.85; }
#tooltip p, #tooltip div { margin: 0; padding: 0;}

#tips img { margin: 0; }
#tips ul { position: absolute; list-style-type: none; margin: 0; padding: 0; width: 930px; height: 533px; }
#tips ul li a { text-indent: -9999px; background-image: url(../images/aerialmap_hover.jpg); background-position: 100px 100px; background-repeat: no-repeat; }
#tips ul li, #tips ul li a { display: block; position: absolute; margin: 0; padding: 0; }

#bldg550, #bldg550 a { width: 61px; height: 56px; }
#bldg550 { left: 82px; top: 349px; }
#bldg550 a:hover { background-position: -82px -349px; }

#bldg607, #bldg607 a { width: 15px; height: 34px; }
#bldg607 { left: 104px; top: 473px; }
#bldg607 a:hover { background-position: -104px -473px; }

#bldg608, #bldg608 a { width: 15px; height: 33px; }
#bldg608 { left: 149px; top: 474px; }
#bldg608 a:hover { background-position: -149px -474px; }

#bldg611, #bldg611 a { width: 25px; height: 22px; }
#bldg611 { left: 155px; top: 441px; }
#bldg611 a:hover { background-position: -155px -441px; }

#bldg631, #bldg631 a { width: 16px; height: 31px; }
#bldg631 { left: 310px; top: 159px; }
#bldg631 a:hover { background-position: -310px -159px; }

#bldg647, #bldg647 a { width: 16px; height: 26px; }
#bldg647 { left: 405px; top: 225px; }
#bldg647 a:hover { background-position: -405px -225px; }

#bldg610, #bldg610 a { width: 22px; height: 37px; }
#bldg610 { left: 257px; top: 468px; }
#bldg610 a:hover { background-position: -257px -468px; }

#bldg612, #bldg612 a { width: 21px; height: 34px; }
#bldg612 { left: 195px; top: 423px; }
#bldg612 a:hover { background-position: -195px -423px; }

#bldg613, #bldg613 a { width: 20px; height: 42px; }
#bldg613 { left: 223px; top: 415px; }
#bldg613 a:hover { background-position: -223px -415px; }

#bldg614, #bldg614 a { width: 17px; height: 52px; }
#bldg614 { left: 263px; top: 403px; }
#bldg614 a:hover { background-position: -263px -403px; }

#bldg616, #bldg616 a { width: 19px; height: 41px; }
#bldg616 { left: 312px; top: 412px; }
#bldg616 a:hover { background-position: -312px -412px; }

#bldg617, #bldg617 a { width: 30px; height: 34px; }
#bldg617 { left: 306px; top: 474px; }
#bldg617 a:hover { background-position: -306px -474px; }

#bldg626, #bldg626 a { width: 59px; height: 16px; }
#bldg626 { left: 195px; top: 366px; }
#bldg626 a:hover { background-position: -195px -366px; }

#bldg627, #bldg627 a { width: 16px; height: 43px; }
#bldg627 { left: 254px; top: 309px; }
#bldg627 a:hover { background-position: -254px -309px; }

#bldg628, #bldg628 a { width: 50px; height: 26px; }
#bldg628 { left: 192px; top: 325px; }
#bldg628 a:hover { background-position: -192px -325px; }

#bldg635, #bldg635 a { width: 52px; height: 34px; }
#bldg635 { left: 300px; top: 229px; }
#bldg635 a:hover { background-position: -300px -229px; }

#bldg645, #bldg645 a { width: 51px; height: 19px; }
#bldg645 { left: 471px; top: 250px; }
#bldg645 a:hover { background-position: -471px -250px; }

#bldg646, #bldg646 a { width: 34px; height: 22px; }
#bldg646 { left: 428px; top: 246px; }
#bldg646 a:hover { background-position: -428px -246px; }

#bldg601, #bldg601 a { width: 8px; height: 21px; }
#bldg601 { left: 25px; top: 486px; }
#bldg601 a:hover { background-position: -25px -486px; }

#bldg602, #bldg602 a { width: 25px; height: 7px; }
#bldg602 { left: 33px; top: 507px; }
#bldg602 a:hover { background-position: -33px -507px; }

#cc1, #cc1 a { width: 23px; height: 115px; }
#cc1 { left: 20px; top: 305px; }
#cc1 a:hover { background-position: -20px -305px; }

#cc2, #cc2 a { width: 132px; height: 39px; }
#cc2 { left: 75px; top: 279px; }
#cc2 a:hover { background-position: -75px -279px; }

#cc3, #cc3 a { width: 43px; height: 44px; }
#cc3 { left: 235px; top: 213px; }
#cc3 a:hover { background-position: -235px -213px; }

#mpc1, #mpc1 a { width: 53px; height: 161px; }
#mpc1 { left: 768px; top: 28px; }
#mpc1 a:hover { background-position: -768px -28px; }

#mpc2, #mpc2 a { width: 62px; height: 98px; }
#mpc2 { left: 848px; top: 24px; }
#mpc2 a:hover { background-position: -848px -24px; }

#mpc3, #mpc3 a { width: 145px; height: 41px; }
#mpc3 { left: 734px; top: 301px; }
#mpc3 a:hover { background-position: -734px -301px; }

#mpc4, #mpc4 a { width: 23px; height: 165px; }
#mpc4 { left: 888px; top: 174px; }
#mpc4 a:hover { background-position: -888px -174px; }

#ccc, #ccc a { width: 41px; height: 14px; }
#ccc { left: 705px; top: 239px; }
#ccc a:hover { background-position: -705px -239px; }

#cves, #cves a { width: 37px; height: 40px; }
#cves { left: 377px; top: 396px; }
#cves a:hover { background-position: -377px -396px; }

#quarry, #quarry a { width: 59px; height: 62px; }
#quarry { left: 454px; top: 80px; }
#quarry a:hover { background-position: -454px -80px; }

#ss, #ss a { width: 13px; height: 35px; }
#ss { left: 77px; top: 461px; }
#ss a:hover { background-position: -77px -461px; }

#vc, #vc a { width: 28px; height: 27px; }
#vc { left: 321px; top: 99px; }
#vc a:hover { background-position: -321px -99px; }

#bldg410, #bldg410 a { width: 6px; height: 17px; }
#bldg410 { left: 899px; top: 149px; }
#bldg410 a:hover { background-position: -899px -149px; }

#bldg441, #bldg441 a { width: 10px; height: 5px; }
#bldg441 { left: 797px; top: 242px; }
#bldg441 a:hover { background-position: -797px -242px; }

#bldg443, #bldg443 a { width: 8px; height: 15px; }
#bldg443 { left: 819px; top: 234px; }
#bldg443 a:hover { background-position: -819px -234px; }

#bldg445, #bldg445 a { width: 10px; height: 13px; }
#bldg445 { left: 847px; top: 234px; }
#bldg445 a:hover { background-position: -847px -234px; }

#bldg447, #bldg447 a { width: 15px; height: 8px; }
#bldg447 { left: 863px; top: 223px; }
#bldg447 a:hover { background-position: -863px -223px; }

#bldg603, #bldg603 a { width: 7px; height: 6px; }
#bldg603 { left: 77px; top: 507px; }
#bldg603 a:hover { background-position: -77px -507px; }

#bldg605, #bldg605 a { width: 9px; height: 23px; }
#bldg605 { left: 48px; top: 448px; }
#bldg605 a:hover { background-position: -48px -448px; }

#bldg609, #bldg609 a { width: 32px; height: 13px; }
#bldg609 { left: 197px; top: 487px; }
#bldg609 a:hover { background-position: -197px -487px; }

#bldg632, #bldg632 a { width: 16px; height: 39px; }
#bldg632 { left: 363px; top: 175px; }
#bldg632 a:hover { background-position: -363px -175px; }

#bldg633, #bldg633 a { width: 28px; height: 30px; }
#bldg633 { left: 395px; top: 156px; }
#bldg633 a:hover { background-position: -395px -156px; }

#bldg636, #bldg636 a { width: 34px; height: 16px; }
#bldg636 { left: 329px; top: 288px; }
#bldg636 a:hover { background-position: -329px -288px; }

#bldg648, #bldg648 a { width: 32px; height: 23px; }
#bldg648 { left: 429px; top: 213px; }
#bldg648 a:hover { background-position: -429px -213px; }

#bldg649, #bldg649 a { width: 51px; height: 16px; }
#bldg649 { left: 471px; top: 219px; }
#bldg649 a:hover { background-position: -471px -219px; }

#bldg651, #bldg651 a { width: 32px; height: 16px; }
#bldg651 { left: 456px; top: 173px; }
#bldg651 a:hover { background-position: -456px -173px; }

#bldg652, #bldg652 a { width: 25px; height: 16px; }
#bldg652 { left: 499px; top: 173px; }
#bldg652 a:hover { background-position: -499px -173px; }

#bldg661, #bldg661 a { width: 44px; height: 17px; }
#bldg661 { left: 541px; top: 252px; }
#bldg661 a:hover { background-position: -541px -252px; }

#bldg662, #bldg662 a { width: 39px; height: 17px; }
#bldg662 { left: 597px; top: 252px; }
#bldg662 a:hover { background-position: -597px -252px; }

#bldg665, #bldg665 a { width: 38px; height: 17px; }
#bldg665 { left: 541px; top: 220px; }
#bldg665 a:hover { background-position: -541px -220px; }

#bldg666, #bldg666 a { width: 38px; height: 17px; }
#bldg666 { left: 591px; top: 220px; }
#bldg666 a:hover { background-position: -591px -220px; }

#bldg668, #bldg668 a { width: 14px; height: 26px; }
#bldg668 { left: 536px; top: 164px; }
#bldg668 a:hover { background-position: -536px -164px; }

#bldg669, #bldg669 a { width: 17px; height: 26px; }
#bldg669 { left: 561px; top: 164px; }
#bldg669 a:hover { background-position: -561px -164px; }

#legend {
	width: 918px;
	border: 1px solid #000;
	padding: 5px;
	margin-bottom: 10px;
	list-style: none;
	}
	
#legend li {
	display: inline;
	padding-right: 25px;
	}
	
#office {
	padding-left: 20px;
	background: url(images/bullet_office.gif) left 50% no-repeat;
	}
	
#retail {
	padding-left: 20px;
	background: url(images/bullet_retail.gif) left 50% no-repeat;
	}
	
#flex {
	padding-left: 20px;
	background: url(images/bullet_flex.gif) left 50% no-repeat;
	}
	
#other {
	padding-left: 20px;
	background: url(images/bullet_other.gif) left 50% no-repeat;
	}
	
#future {
	padding-left: 20px;
	background: url(images/bullet_future.gif) left 50% no-repeat;
	}
	
#rotator {
	width: 710px;
	height: 250px;
	overflow: hidden;
	margin-bottom: 20px;
	}
	
#rotator img {
	position: absolute;
	top: 172px;
	left: 220px;
	display: none;
	}
	
* html #rotator img {
	position: absolute;
	top: 171px;
	left: 220px;
	display: none;
	}