/* CSS Document! */



/*



Organized by:



Global Typography

General Layout



Navigation

Header

Main

Footer



Forms and Tables

Misc.



*/







/* Global Typography

-------------------------------------------------------------- */



body { 

	color: #424242; 

	font-family: Arial, Helvetica, sans-serif;

	

	}



a, a:visited { color: #424242; text-decoration: underline; }

a:hover { color: #424242; text-decoration: none; }



h1, h2, h3, h4, h5, h6 { color: #FFF; }

h2 { font-size: 1.7em; font-weight: bold; }

h4 { font-size: 1.08em; font-weight: bold; }

h5 { font-size: 1.2em; margin-bottom: 0.5em; }



.bold { font-weight: bold; }







/* General Layout

-------------------------------------------------------------- */



body { 

	margin: 0;

	padding: 0;

	/*background: #333132 url(../img/bg_dark_grey.gif) repeat-y top center; */

	background: #333132 url(../img/bg_body.gif) repeat-y top center;

	}



.container {

	position: relative;

	width: 1056px;

	margin: 0;

	padding: 0px;

	padding-left: 104px;

	margin-left: auto; 

	margin-right: auto;

    height:auto !important;	

	}

.fixedheight{

	height:750px;

}

body#home .container, body#wallpaper-arc .container { background:#FFFFFF url(../img/wallpaper_arc.jpg) no-repeat top right; }

body#wallpaper-framework .container { background:#FFFFFF url(../img/wallpaper_framework.jpg) no-repeat top right; }

body#wallpaper-glass .container { background:#FFFFFF url(../img/wallpaper_glass.jpg) no-repeat top right; }

body#wallpaper-sharp .container { background:#FFFFFF url(../img/wallpaper_sharp.jpg) no-repeat top right; }

body#wallpaper-tile .container { background:#FFFFFF url(../img/wallpaper_tile.jpg) no-repeat top right; }

body#wallpaper-frame .container { background:#FFFFFF url(../img/wallpaper_framed.jpg) no-repeat top right; }

	

#header {

	width: 951px;

	height: 70px;

	padding-top: 20px;

	}

	

#content { padding-bottom: 75px; }

	

#sidebar {

	float: left;

	display: inline;

	width: 226px;

	}

	

#main {

	position: relative;

	float: left;

	display: inline;

	width: 708px;

	margin-left: 17px;

	background: url(../img/bg_main.gif) repeat-y top left;

	}
	
#mainis {position: relative;

	float: left;

	display: inline;

	width: 708px;

	margin-left: 17px;

	background: url(../img/bg_main_orange_wide.gif) repeat-y top left;

	}

body#home #main { background: none; }



.fixed { height:464px; }

	

#footer {

	position: fixed;

	bottom: 0;

	padding-left: 104px;

	width: 1056px;

	height: 20px;

	margin: 0 auto;

	margin-left: -104px;	

	padding-top: 5px;

	background-color: #FFF;

	z-index: 10;

	}







/* Navigation

-------------------------------------------------------------- */



#nav, #nav2 {

	margin: 0;

	padding: 0;

	list-style: none;

	}
#wallpaper-frame #nav2 {margin-top:310px;}
#wallpaper-framework #nav2 {margin-top:258px;}
#wallpaper-glass #nav2 {margin-top:182px;}
#wallpaper-sharp #nav2 {margin-top:258px;}
#wallpaper-tile #nav2 {margin-top:310px;}
#wallpaper-arc #nav2 {margin-top:258px;}
#home #nav2 {margin-top:310px;}


#nav a, #nav2 a {

	display: block;

	width: 226px;

	height: 24px;

	text-indent: -999em;

	overflow: hidden;

	border-bottom: 2px solid #FFF;

	}
	
	

#nav a:hover, #nav a.selected, #nav2 a:hover, #nav2 a.selected { background-position: top right; }



li.about-us, li.about-us a { background: url(../img/nav_about_us.gif) no-repeat top left; }

#nav li.about-us .current { background: url(../img/nav_about_us_current.gif) no-repeat top left; }


li.infrastructure, li.infrastructure a { background: url(../img/nav_infrastructure.gif) no-repeat top left; }

#nav2 li.infrastructure .current { background: url(../img/nav_infrastructure_current.gif) no-repeat top left; }



li.contact, li.contact a { background: url(../img/nav_contact.gif) no-repeat top left; }

#nav li.contact .current { background: url(../img/nav_contact_current.gif) no-repeat top left; }



li.news, li.news a { background: url(../img/nav_news.gif) no-repeat top left; }

#nav li.news .current { background: url(../img/nav_news_current.gif) no-repeat top left; }



li.portfolio, li.portfolio a { background: url(../img/nav_portfolio.gif) no-repeat top left; }

#nav li.portfolio .current { background: url(../img/nav_portfolio_current.gif) no-repeat top left; }



li.working-with-us, li.working-with-us a { background: url(../img/nav_working_with_us.gif) no-repeat top left; }

#nav li.working-with-us .current { background: url(../img/nav_working_with_us_current.gif) no-repeat top left; }



/* 2nd level */



#nav ul {

	margin: 0;

	padding: 0;

	list-style: none;

	}

#nav ul a.selected { background-position: top left; }	



li.awards, li.awards a { background: url(../img/nav_awards.gif) no-repeat top left; }

#nav li.awards .current { background: url(../img/nav_awards_current.gif) no-repeat top left; }



li.acute-care, li.acute-care a { background: url(../img/nav_acute_care.gif) no-repeat top left; }

#nav li.acute-care .current { background: url(../img/nav_acute_care_current.gif) no-repeat top left; }



li.culture, li.culture a { background: url(../img/nav_culture.gif) no-repeat top left; }

#nav li.culture .current { background: url(../img/nav_culture_current.gif) no-repeat top left; }



li.history, li.history a { background: url(../img/nav_history.gif) no-repeat top left; }

#nav li.history .current { background: url(../img/nav_history_current.gif) no-repeat top left; }



li.join-our-team, li.join-our-team a { background: url(../img/nav_join_our_team.gif) no-repeat top left; }

#nav li.join-our-team .current { background: url(../img/nav_join_our_team_current.gif) no-repeat top left; }



li.outpatient, li.outpatient a { background: url(../img/nav_outpatient.gif) no-repeat top left; }

#nav li.outpatient .current { background: url(../img/nav_outpatient_current.gif) no-repeat top left; }



li.process, li.process a { background: url(../img/nav_process.gif) no-repeat top left; }

#nav li.process .current { background: url(../img/nav_process_current.gif) no-repeat top left; }



li.send-a-message, li.send-a-message a { background: url(../img/nav_send_a_message.gif) no-repeat top left; }

#nav li.send-a-message .current { background: url(../img/nav_send_a_message_current.gif) no-repeat top left; }



li.services, li.services a { background: url(../img/nav_services.gif) no-repeat top left; }

#nav li.services .current { background: url(../img/nav_services_current.gif) no-repeat top left; }



li.sustainability, li.sustainability a { background: url(../img/nav_sustainability.gif) no-repeat top left; }

#nav li.sustainability .current { background: url(../img/nav_sustainability_current.gif) no-repeat top left; }



li.team-and-principals, li.team-and-principals a { background: url(../img/nav_team_and_principals.gif) no-repeat top left; }

#nav li.team-and-principals .current { background: url(../img/nav_team_and_principals_current.gif) no-repeat top left; }



/* 3rd level */



#nav ul ul { margin-bottom: 10px; }

#nav ul ul a {

	width: 193px;

	height: auto;

	padding: 3px 3px 3px 22px;

	background-color: #FFF;

	background-image: none;

	color: #424242; 

	font-weight: normal;

	letter-spacing: normal;

	text-indent: 0;

	text-decoration: none;

	}

#nav ul ul a:hover {

	background-color: #FFF; 

	color: #424242;

	text-decoration: underline;

	}

#nav ul ul a.current { background: #FFF url(../img/bullet_gray.gif) no-repeat 13px 50% !important; }







/* Header

-------------------------------------------------------------- */



#header h1 {

	float: left;

	margin: 0;

	width: 227px;

	height: 44px;

	text-indent: -999em;

	background: url(../img/logo.gif) no-repeat top left;

	}

#header h1 a {

	display: block;

	height: 44px;

	background: url(../img/logo.gif) no-repeat top left;

	}

#header p {

	float: right;

	margin-top: 10px;

	color: #FFFFFF;

	font-size: 0.83em; 

	}

#header p a, #header p a:visited {

	color: #d7c500;

	text-decoration: none;

	}

#header p a:hover { text-decoration: underline; }







/* Main

-------------------------------------------------------------- */



#main p, #main ul {

	font-size: 1em; 

	text-align:justify;	

	}



.primary-content {

	position: relative;

	float: left;

	display: inline;

	width: 321px;

	padding: 30px;

	}

.primary-content p { margin-bottom: 10px; }	

	

.primary-content h6 span { color: #424242; }

#main .primary-content ul ul, #main .primary-content ul ul { font-size: 100%; }



div.fixed .primary-content { height: 402px; }



.secondary-content {

	float: left;

	display: inline;

	width: 327px;

	}

.secondary-content h4 {

	margin-bottom: 3px;

	color: #FFF; 

	letter-spacing: normal;

	}

.secondary-content p {

	margin-bottom: 5px;

	color: #FFF; 

	}

.secondary-content ul { color: #FFF; }

.secondary-content img { vertical-align: bottom; }

.secondary-content a.thumbnail {

	display: block;

	margin-left: 5px; 

	}



.wide { background-image: url(../img/bg_main_gray_right.gif) !important; }	

.wide .primary-content { width: 414px; }

.wide .secondary-content {

	width: 200px; 

	padding: 20px 17px;

	/*padding-right: 0px;

	padding-bottom:35px;*/

	}

.wide .secondary-content ul{ padding-top: 10px; }	

.wide .secondary-content img { margin: 20px -17px -10px; }

.wide .secondary-content a img { margin: 0; }

.wide .secondary-content a.thumbnail img { margin-bottom: 10px; margin-left: -4px; }

	

.transparent { background-image: url(../img/bg_main_transparent.gif) !important; }

.transparent .secondary-content {

	width: 234px;

	padding: 0;

	}

	

.single { background-image: url(../img/bg_main_green_wide.gif) !important; }	

.single .primary-content { width: 648px; }

	

.module {

	margin-bottom: 2px;

	padding: 0 25px 8px 25px;

	background-color: #424242;

	}

.module h4 { color: #D7C500; margin-left: 3px; margin-top: 3px; line-height: 12px;}

.module p {margin-left: 3px;}

	

.inset {

	margin-bottom: 5px;

	padding: 15px;

	background-color: #FFF;

	}

.single .inset {

	float: right;

	width: 420px; 

	}

.inset h4 {

	color: #424242; 

	letter-spacing: 0.5px;

	}

	

h2.title { text-indent: -999em; margin-top: -30px; margin-bottom: 20px; }



h2.about-us { height: 70px; background: url(../img/title_about_us.gif) no-repeat top left; }

h2.acute-care { height: 70px; background: url(../img/title_acute_care.gif) no-repeat top left; }

h2.architecture { height: 70px; background: url(../img/title_architecture.gif) no-repeat top left; }

h2.awards { height: 70px; background: url(../img/title_awards.gif) no-repeat top left; }

h2.contact { height: 70px; background: url(../img/title_contact.gif) no-repeat top left; }

h2.culture { height: 70px; background: url(../img/title_culture.gif) no-repeat top left; }

h2.david-w-chartier { height: 115px; background: url(../img/title_david_w_chartier.gif) no-repeat top left; }

h2.edward-j-caruana { height: 115px; background: url(../img/title_edward_j_caruana.gif) no-repeat top left; }

h2.eileen-amano-peterman { height: 115px; background: url(../img/title_eileen_amano_peterman.gif) no-repeat top left; }

h2.our-company-culture { height: 70px; background: url(../img/title_our_company_culture.gif) no-repeat top left; }

h2.history { height: 70px; background: url(../img/title_history.gif) no-repeat top left; }

h2.infrastructure { height: 70px; background: url(../img/title_infrastructure.gif) no-repeat top left; }

h2.interior-design { height: 70px; background: url(../img/title_interior_design.gif) no-repeat top left; }

h2.join-our-team { height: 70px; background: url(../img/title_join_our_team.gif) no-repeat top left; }

h2.news { height: 70px; background: url(../img/title_news.gif) no-repeat top left; }

h2.outpatient { height: 70px; background: url(../img/title_outpatient.gif) no-repeat top left; }

h2.planning { height: 70px; background: url(../img/title_planning.gif) no-repeat top left; }

h2.portfolio { height: 70px; background: url(../img/title_portfolio.gif) no-repeat top left; }

h2.process { height: 70px; background: url(../img/title_process.gif) no-repeat top left; }

h2.privacy-policy { height: 70px; background: url(../img/title_privacy_policy.gif) no-repeat top left; }

h2.ric-hammond { height: 115px; background: url(../img/title_ric_hammond.gif) no-repeat top left; }

h2.send-a-message { height: 70px; background: url(../img/title_send_a_message.gif) no-repeat top left; }

h2.services { height: 70px; background: url(../img/title_services.gif) no-repeat top left; }

h2.sitemap { height: 70px; background: url(../img/title_sitemap.gif) no-repeat top left; }

h2.sustainability { height: 70px; background: url(../img/title_sustainability.gif) no-repeat top left; }

h2.team-and-principals { height: 70px; background: url(../img/title_team_and_principals.gif) no-repeat top left; }

h2.working-with-us { height: 70px; background: url(../img/title_working_with_us.gif) no-repeat top left; }



h2.carson-medical-office-building { height: 65px; margin-top: 10px; margin-bottom: 10px; background: url(../img/title_carson_medical_office_building.gif) no-repeat top left; }

h2.central-plant { height: 38px; margin-top: 10px; margin-bottom: 10px; background: url(../img/title_central_plant.gif) no-repeat top left; }

h2.ct-scanner-suite { height: 38px; margin-top: 10px; margin-bottom: 10px; background: url(../img/title_ct_scanner_suite.gif) no-repeat top left; }

h2.emergency-department { height: 38px; margin-top: 10px; margin-bottom: 10px; background: url(../img/title_emergency_department.gif) no-repeat top left; }

h2.exterior-refurbishment { height: 38px; margin-top: 10px; margin-bottom: 10px; background: url(../img/title_exterior_refurbishment.gif) no-repeat top left; }

h2.hoag-cafeteria { height: 38px; margin-top: 10px; margin-bottom: 10px; background: url(../img/title_hoag_cafeteria.gif) no-repeat top left; }

h2.leavey-radiation-oncology-center { height: 65px; margin-top: 10px; margin-bottom: 10px; background: url(../img/title_leavey_radiation_oncology_center.gif) no-repeat top left; }

h2.lemkin-oncology-pavilion { height: 38px; margin-top: 10px; margin-bottom: 10px; background: url(../img/title_lemkin_oncology_pavilion.gif) no-repeat top left; }

h2.lundquist-emergency-department { height: 65px; margin-top: 10px; margin-bottom: 10px; background: url(../img/title_lundquist_emergency_department.gif) no-repeat top left; }

h2.manhattan-beach-medical-office { height: 65px; margin-top: 10px; margin-bottom: 10px; background: url(../img/title_manhattan_beach_medical_office.gif) no-repeat top left; }

h2.medical-records { height: 38px; margin-top: 10px; margin-bottom: 10px; background: url(../img/title_medical_records.gif) no-repeat top left; }

h2.opthalmology-optometry { height: 65px; margin-top: 10px; margin-bottom: 10px; background: url(../img/title_opthalmology_optometry.gif) no-repeat top left; }

h2.polak-imaging-pavilion { height: 38px; margin-top: 10px; margin-bottom: 10px; background: url(../img/title_polak_imaging_pavilion.gif) no-repeat top left; }

h2.radiology-department { height: 38px; margin-top: 10px; margin-bottom: 10px; background: url(../img/title_radiology_department.gif) no-repeat top left; }

h2.socal-reproductive-center { height: 65px; margin-top: 10px; margin-bottom: 10px; background: url(../img/title_socal_reproductive_center.gif) no-repeat top left; }

h2.uci-ldr { height: 65px; margin-top: 10px; margin-bottom: 10px; background: url(../img/title_uci_ldr.gif) no-repeat top left; }

h2.vision-essentials { height: 38px; margin-top: 10px; margin-bottom: 10px; background: url(../img/title_vision_essentials.gif) no-repeat top left; }



h3.title { text-indent: -999em; }



h3.blank { height: 47px; background: url(../img/title_blank_secondary.gif) no-repeat top left; }

h3.contact-us { height: 47px; background: url(../img/title_contact_us_secondary.gif) no-repeat top left; }

h3.featured-project { height: 47px; background: url(../img/title_featured_project_secondary.gif) no-repeat top left; }

h3.join-our-team { height: 47px; background: url(../img/title_join_our_team_secondary.gif) no-repeat top left; }

h3.our-office { height: 47px; background: url(../img/title_our_office_secondary.gif) no-repeat top left; }



.button-container {

	position: absolute;

	bottom: 16px;

	}

	

a.button {

	display: block;

	width: 312px;

	height: 79px;

	margin-bottom: 10px;

	text-indent: -999em;

	overflow: hidden;

	}

a.button:hover { background-position: top right; }

a.acute-care { /*margin-top: 40px;*/ background: url(../img/btn_acute_care.jpg) no-repeat top left; }

a.architecture { height: 67px; margin-top: 40px; background: url(../img/btn_architecture.jpg) no-repeat top left; }

a.our-company-culture { height: 67px; background: url(../img/btn_our_company_culture.jpg) no-repeat top left; }

a.interior-design { height: 67px; background: url(../img/btn_interior_design.jpg) no-repeat top left; }

a.join-our-team { background: url(../img/btn_join_our_team.jpg) no-repeat top left; }

a.outpatient { background: url(../img/btn_outpatient.jpg) no-repeat top left; }

a.planning { height: 67px; background: url(../img/btn_planning.jpg) no-repeat top left; }

a.send-a-message { margin-top: 40px; background: url(../img/btn_send_a_message.jpg) no-repeat top left; }



body#home a.button, div.home-architecture-backing, div.home-planning-backing, div.home-interior-backing {

	display: inline;

	float: left;

	width: 234px;

	height: 464px;

	}

body#home div.last  { margin-right: 0; }



a.home-architecture { background: url(../img/btn_home_architecture.jpg) no-repeat top left; }

a.home-planning { background: url(../img/btn_home_planning.jpg) no-repeat top left; }

a.home-interior-design { background: url(../img/btn_home_interior_design.jpg) no-repeat top left; }



div.home-architecture-backing, div.home-planning-backing, div.home-interior-backing {

	margin-right: 3px;

	background-image: url(../img/bg_main_green_wide.gif);

	}
div.infrastructure, div.infrastructure, div.infrastructure {

	margin-right: 3px;

	background-image: url(../img/bg_main_orange_wide.gif);

	}



.featured-content a {

	position: absolute;

	bottom: 26px;

	display: block;

	width: 289px;

	height: 170px;

	/*text-indent: -999em;*/

	overflow: hidden;

	text-align: left;

	}	

.featured-content a:hover { background-position: top right; }

a.project-demo { background: url(../img/btn_featured.jpg) no-repeat top left; }

.featured-content p {

	color: #FFFFFF;

	margin-top: 110px;

	margin-left: 29px;

	line-height: 15px;

	}

.featured-content p b { color: #D7C500; }



#main p.date {

	float: right;

	margin: 0 -25px 0 0;

	padding: 2px;

	background-color: #424242;

	color: #FFF;

	font-size: 0.81em;

	text-align: center;

	}







/* Footer

-------------------------------------------------------------- */



#footer a, #footer a:visited { text-decoration: none; }

#footer a:hover { text-decoration: underline; }



#footer p {

	font-size: 0.8em;

	text-align: left; 

	}







/* Forms and Tables

-------------------------------------------------------------- */



label, input, textarea {

	color: #424242;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 0.92em;

	font-weight: normal;

	}



label {

	float: left;

	width: 100px;

	margin-right: 10px;

	text-align: right;

	}

input, textarea { 

	width: 250px;

	margin-bottom: 10px;

	padding: 3px 2px;

	border: 1px solid #E2E5E4;

	background-color: #F2F2F2;

	}

input { width: 175px; }

textarea {

	height: 125px;

	overflow: auto;

	}

input#send {

	display: block;

	width: 70px;

	height: 20px;

	margin: 10px 0 20px 110px;

	padding: 0;

	border: none;

	}

input.green-block {

	display: block;

	width: auto;

	margin: 10px 0 20px 110px;

	padding: 3px 8px;

	border: none;

	background-color: #D7C500;

	text-align: center;

	color: #FFF;

	font-weight: bold;

	letter-spacing: 1px;

	}



table { margin-bottom: 0; }	

td {

	background-color: #FFF;

	border-right: 2px solid #D7C500;

	border-bottom: 2px solid #D7C500;

	font-size: 0.92em;

	font-weight: bold;

	text-align: center;

	}

td span {

	color: #D7C500;

	font-weight: normal;

	}



table.button { margin-bottom: 20px; }	

table.button td {

	padding: 3px 12px;

	font-weight: bold;

	text-align: left;

	}

table.button td a, table.button td a:visited {

	display: block;

	width: 135px;

	margin: -3px -12px;

	padding: 8px 15px;

	background-color: #424242;

	color: #D7C500;

	text-decoration: none;

	text-align: center;

	}

table.button td a:hover { color: #FFF; }



/* Overlay style */

#fancy_inner td { border: none; }

	





/* Misc.

-------------------------------------------------------------- */



.left { float: left; }

.right { float: right; }

.last { margin-right: 0; border-right: none; }



img.left {

	margin-right: 10px;

	margin-bottom: 10px;

	}

img.right {

	margin-left: 10px;

	margin-bottom: 10px;

	}



a.arrow {

	margin-top: 15px;

	padding-left: 15px;

	background: url(../img/icon_arrow.gif) no-repeat 0 51%;

	font-size: 0.92em;

	}

	

a.gray-block {

	display: block;

	width: 135px;

	padding: 8px 15px;

	background-color: #424242;

	color: #D7C500;

	text-decoration: none;

	text-align: center;

	font-weight: bold;

	}

a.gray-block:hover { color: #FFF; }

	

p.green {

	margin: 8px -25px 10px 0;

	padding: 5px;

	background-color: #D7C500;

	font-weight: bold;

	}

p.green a, p.green a:visited {

	color: #424242;

	text-decoration: none;

	}

p.green a:hover { color: #FFF; }



ul.sitemap, ul.sitemap ul, ul.sitemap ul ul { list-style-type: none; }

ul.sitemap li { line-height: 2em; }

ul.sitemap li a {

	color: #FFF;

	font-weight: bold;

	}

ul.sitemap ul a { color: #424242; }

ul.sitemap ul ul a {

	color: #424242;

	font-weight: normal;

	}

	

.c-a{

	font-size: 1.15em;

	line-height: 1em;

}



.c-a-architects{

	white-space: nowrap;

}



.ca-connector{

	visibility: hidden;

	/*color:#d7c500;*/

}



.ca-connector-grey{

	color:#434242;

}



div.secondary-content ul li{

	text-align:left;

	margin-right: 0;

	font-size: 11px;

	padding-bottom: 3px;	



}



.secondary-content{

margin-bottom:-10px;

}