article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
display: block;
}

html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}

body {
font-family: 'Merriweather',Georgia,serif;
margin: 0;
font-size: 1em;
line-height: 1.4;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
}

b,strong {
font-weight: bold;
}

* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: transparent;
/*color: #fff;*/
}


nav#main-nav, #main-nav {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
z-index: 500;
background-color: rgba(0, 0, 0, 0.9);
background: url(../images/black_nav_bar.png) repeat-x;
font-family: 'Merriweather',Georgia,serif;
overflow: auto;
font-size: 80%;
border-bottom: 1px solid #222;
box-shadow: 1px 1px 10px #000000;
min-width: 1024px;
/*display: hidden;*/
}
nav#main-nav div.nav-item, .nav-item {
display: inline-block;
padding: 20px 20px 18px 20px;
border-right: 1px solid #222;
margin: 0px;
color: #ddd;
float: left;
background-color: transparent;
-webkit-transition: background-color 0.25s ease;
cursor: pointer;
}

.nav-item.nav-first {
border-left: 1px solid #222;	
}

nav#main-nav div.nav-item a:link, nav#main-nav div.nav-item a:hover, nav#main-nav div.nav-item a:visited, nav#main-nav div.nav-item a:active {
color: #fff;
text-decoration: none;
font-size: 1.2em;
} 

/*nav#main-nav div.nav-item a:hover {
background-color: #333;
background: url(../images/nav_overlay.png) repeat-x;
}
*/


nav#main-nav div.container_24 div#nav-wrap a {
	color: #fff;
	text-decoration: none;
	font-size: 1.2em;	
}

nav#main-nav div.container_24 div#nav-wrap a:hover div.nav-item {
background-color: #333;
background: url(../images/nav_rollover2.png) repeat-x;
}

nav#main-nav div.nav-item#logo-small {
padding: 15px 28px 11px 22px;
}
.no-rgba nav#main-nav {
background-color: #000;
}

#nav-wrap {
margin: 0 auto;	
width: 620px;
}

#site_intro .large {
font-size: 5em;
}

#footer {
background: url(../images/footer.png) no-repeat center top;
min-width: 1024px;
min-height: 300px;
height: 300px;
padding-top: 100px;
}

#container_footer {
	width: 740px;
	padding-top: 0;
	
}

#site_intro {
background: url(../images/intro_bg.jpg) no-repeat center center;
background-attachment: fixed;
/*-webkit-background-size: 1200px 723px;*/
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
/*
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/intro_bg.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/intro_bg.jpg', sizingMethod='scale')";
*/
min-width: 1024px;
min-height: 768px;
}
/*@media only screen and (orientation: portrait) and (device-width: 320px), (device-width: 768px) {
#site_intro  {
-webkit-background-size: auto 100%;
}
}
@media only screen and (orientation: landscape) and (device-width: 320px), (device-width: 768px) {
#site_intro  {
-webkit-background-size: 100% auto;
}
}
*/

#site_intro .full-wrap {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 25;
background-image: url(../images/dot-pattern.png);
}
#site_intro .large {
font-size: 4em;
color: #fff;
}

#project {
z-index: 5;
box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.6);
}

.no-rgba #project {
box-shadow: 1px 1px 20px #000000;
}

.white-bg {
background-color: #fff;
padding: 20px 0px;
min-width: 1024px;
width: 100%;
z-index: 50;
}

.photo-bg {
padding: 20px 0px;
min-width: 1024px;
width: 100%;
z-index: 50;
}

.white-bg * {
color: #7c7d7d;
font-family: 'Merriweather',Georgia,serif;
line-height: 1.8em;
}

.photo-bg * {
color: #fff;
font-family: 'Merriweather',Georgia,serif;
line-height: 1.8em;
}

p {
font-family: 'Merriweather',Georgia,serif;	
line-height: 1.8em;
}

.imagestrip {
/*background: url(../images/bg-about.jpg) no-repeat center center;*/
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
box-shadow: inset 0px 0px 30px rgba(0, 0, 0, 0.5);
font-size: 26px;
width: 100%;
}

/*.imagestrip.imagestrip_1 {
background-image: url(../images/about-disciplines-1920.jpg);

}
.imagestrip.imagestrip_2 {
background-image: url(../images/about-pathway.jpg);
}
.photo-bar.storytellers {
background-image: url(../images/bg-about-color.jpg);
}
.photo-bar.work-with {
background-image: url(../images/bg-who-we-do-work-with.jpg);
}*/

.container_24 {
margin-left: auto;
margin-right: auto;
width: 960px;
}

.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16,.grid_17,.grid_18,.grid_19,.grid_20,.grid_21,.grid_22,.grid_23,.grid_24, .container_block {
/*display: inline;
float: left;*/
margin-left: 5px;
margin-right: 5px;
}

.container_24 .grid_11, .container_24 .container_block {
/*width: 520px;*/
width: 430px;
padding: 20px 0 20px 0;
margin: 0 auto 0 auto;
font-size: 1.08em;
line-height: 1.9em;
letter-spacing: -.05em;
/*text-align   : justify;*/
}

.container_24 .container_dark {
	background: url(../images/container_dark_bg.png) repeat;
	width: 540px;
	padding: 10px 12px 20px 15px;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	letter-spacing: -.05em;
}

.container_24 #container_intro{
background-image: url(../images/transp_white_90.png);
width: 630px;	
text-align: center;
margin: 200px auto 10px auto;
padding: 0;
}

#container_intro2{
width: 400px;	
text-align: center;
font-weight: normal;
line-height: 1.3;
margin-top: 35px;
}

#container_intro h1 {
font-size:4.2em;
font-weight: normal;
margin: 0;
padding: 0;
display: inline;
letter-spacing: -.07em;
}

#container_intro h1 span {
line-height: .7em;
}

#container_intro2 h2{
font-size: 2em;
font-weight: 300;
margin: 0;
color: #fff;
}



p {
margin: 6px 0px 12px 0px;
}


.firstLetter{
  display      : block;
  float        : left;
  margin-top   : .205em; /* use -0.205em for two lines */
  margin-left  : 0em;
  /*margin-right : 0.7em;*/
  margin-right: 0.3em;
  height       : 2.5em;
}

.firstLetter span{
  font-size    : 3.5em;   /* use 3.33em for two lines */
  line-height  : 1.0em;
}

.firstLetter + span{
  /*margin-left  : -0.5em;*/
}

#project_1 {
height: 732px;
background: url(../images/Level-1-full.png) no-repeat center center;
}
#project_1 {
box-shadow:  inset 0px 10px 10px -7px rgba(0, 0, 0, 0.5);	
}

#project_1 h2, #bio_box h2, #gallery_box h2, #hospital_box h2 {
font-weight: 300;
margin: 0;
color: #ec6d28;
font-size: 3em;
text-align: center;
}

#bio_box h2, #gallery_box h2, #hospital_box h2 {
margin-top: 40px;
}
#bio_box h2 {
	color: #e15420;
}
#gallery_box h2{
	color: #00aeef;
}
#hospital_box h2 {
	color: #02488E;
}

#project_1 .container_block {
width: 400px; 
text-align: center;	
}	
#project_3, #project_6 {	
box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.5);
}

.underscore {
width: 100px;
height: 2px;
margin: 0 auto 30px auto;
border-bottom: 2px solid #c4c4c4;	
}

.white-bg .container_24 .container_block, .photo-bg .container_24 .container_block {
	margin-top: 150px;
}

#project_2 {
height: 792px;
background: url(../images/Level-2-full.png) no-repeat center center;

}
#project_2 .container_block {
width: 430px;	
}
#imagestrip_1 {
	background: url(../images/photo-bg1.jpg) no-repeat center center;
	background-attachment:fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-width: 1024px;
	min-height: 440px;
}

#project_3 {
	background: url(../images/photo-bg2.jpg) no-repeat center center;
	background-attachment:fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-width: 1024px;
	min-height: 580px;
}

#project_4 {
	height: 792px;
	background: url(../images/Level-4-full.png) no-repeat center center;
}

#project_4 .container_block {
width: 437px;
margin-top: 230px;	
}

#imagestrip_2 {
	background: url(../images/photo-bg3.jpg) no-repeat center top;
	background-attachment:fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	min-width: 1024px;
	min-height: 287px;	
}

#project_5 {
	height: 920px;
	background: url(../images/Level-5-full.png) no-repeat center center;	
}

#project_5 .container_block {
margin-top: 50px;
width: 486px;
}

#project_6 {
	background: url(../images/photo-bg4.jpg) no-repeat center center;
	background-attachment:fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-width: 1024px;
	min-height: 660px;
}

#project_6 .container_dark {
	width: 440px;
	padding-right: 15px;
}


#gallery_box{
	height: 1020px;
	background: url(../images/Gallery_back.png) no-repeat center center;
	
}
#gallery_wrap{
	width: 960px;
	margin: 0 auto;
}

#imagestrip_3 {
	background: url(../images/photo-bg5.jpg) center center fixed no-repeat;
	background-attachment:fixed;
	-webkit-background-size: cover; 
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-width: 1024px;
	min-height: 287px;
}

#bio_box {
	height: 1000px;
	background: url(../images/About-Jim_back2.png) no-repeat center center;
	
}

#imagestrip_4 {
	background: url(../images/photo-bg6_100.jpg) no-repeat center top;
	background-attachment:fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-width: 1024px;
	min-height: 287px;	
}

#hospital_box{
	height: 792px;
	background: url(../images/Hospital_back.png) no-repeat center center;
	
}
/*Scroll nav */

nav.next-prev {
	width: 100px;
	margin: 10px auto;
	display: none;
	}
	a.prev,
	a.next {
		display: block;
		width: 15px;
		height: 11px;
		text-indent: -9999px;
		}
	a.prev {
		margin: 0 auto 5px auto;
		background: transparent url('../images/scroll-arrow-up.png') 0 0 no-repeat;
		}
		a.prev:hover {
			background: transparent url('../images/scroll-arrow-up.png') 0 -11px no-repeat;
			}
	a.next {
		margin: 5px auto 0 auto;
		background: transparent url('../images/scroll-arrow-down.png') -1px 0 no-repeat;
		}
		a.next:hover {
			background: transparent url('../images/scroll-arrow-down.png') -1px -11px no-repeat;
			}

hr {
	margin: 0;
	border: none;
	border-bottom: 2px solid #C4C4C4;
	height: 2px;
}

/* text columns */

.text_wrap{
	width: 940px;
	margin: 0 auto 50px auto;
	padding: 0 10px;
}
.text_col {
	margin: 0;
	padding: 0;
	width: 216px;
	margin-right: 18px;
	float: left;
	font-size: .75em;
	line-height: .8em;	
}
.text_col * {
	color: #000;
}

#big_col {
	font-size: 1.08em;
	line-height: 1.9em;
	letter-spacing: -.05em;
	text-align: left;
	padding-right: 8px;
}
#big_col * {
	color: #7C7D7D;	
}

#last_col {
	margin-right: 0;
}


/*** GALLERYYYY ***/
/*----------- PAGINATION STYLES -----------*/
#portfolio_pagination {
	float: left;
	margin-top: 20px;
}

#portfolio_pagination ul{
	margin: 0;
	padding: 0;	
}

#portfolio_pagination ul li {
	width: 15px;
	height: 15px;
	background-image: url(../images/gallery/page_nav.png);
	background-repeat: no-repeat;
	float: left;
	list-style: none;
	margin-left: 3px;
	margin-right: 3px;
}

#portfolio_pagination ul li:hover,#portfolio_pagination ul li.selected {
	background-image: url(../images/gallery/page_nav_active_black.png);
}

/*----------- ITEM STYLES  -----------*/

.portfolio_item {
	float: left;
/*	margin-right: 30px;
	margin-bottom: 30px;
	-moz-box-shadow: 1px 1px 4px #c3c3c3;
	-webkit-box-shadow: 1px 1px 4px #c3c3c3;
	-khtml-box-shadow: 1px 1px 4px #c3c3c3;
	box-shadow: 1px 1px 4px #c3c3c3;
*/ margin: 0;
	display: none;
	border: 0px solid #eef1f5;
	background-repeat: no-repeat;
	background-color: #fff;
	line-height: 0;
}

.portfolio_item a{
	display: block;
	line-height: 0;
	
}

.portfolio_item img{
	border-width:0px;
}

.page_wrapper {
	float: left;
}

/*----------- CATEGORY FILTER STYLES -----------*/

#portfolio_categories {
	background-image: url(../images/gallery/portfolio_navigation_bg.png);
	background-repeat: repeat-x;
	width: 100%;
	height: 37px;
	display: block;
	float: left;
	margin-bottom: 30px;
	position: relative;
	font-size: 13px;
	line-height: 1.5em;
}

#portfolio_categories_left{
	width:8px;
	height:37px;
	background-image: url(../images/gallery/portfolio_navigation_bg_left.png);
	float:left;
	background-repeat: no-repeat;	
}

#portfolio_categories_right{
	width:8px;
	height:37px;
	background-image: url(../images/gallery/portfolio_navigation_bg_right.png);
	float:right;		
	background-repeat: no-repeat;	
}

#portfolio_categories ul {
		margin: 0;
	padding: 0;
	float: left;
	padding: 0px;
	position: relative;
	left: 0px;
	top: 0px;
	height: 37px;
	padding-left: 12px;
	float:left;
	
}

#portfolio_categories ul li {
	margin: 0;
	padding: 0;
	display: inline;
	position: relative;
	float: left;
	text-transform: uppercase;
	margin-right: 20px;
	margin-left: 20px;
	font-size: 11px;
	margin-top: 9px;
	text-shadow: 1px 1px #fff;
}

#portfolio_categories ul li.selected {
	color: #fff;
	text-shadow: 1px 1px #436e9c;
	position: relative;
	top: -1px;
}

#portfolio_categories ul li:hover a {
	text-decoration: none;
}

.port_cat_active {
	float: left;
	height: 22px;
}

.port_cat_l {
	background-image: url(../images/gallery/portfolio_hover_l_black.png);
	width: 11px;
	height: 22px;
	float: left;
	background-repeat: no-repeat;
}

.port_cat_r {
	background-image: url(../images/gallery/portfolio_hover_r_black.png);
	width: 11px;
	height: 22px;
	float: left;
	background-repeat: no-repeat;
}

.port_cat {
	background-image: url(../images/gallery/portfolio_hover_bg_black.png);
	background-repeat: repeat-x;
	height: 22px;
	display: block;
	float: left;
	padding-top: 1px;
}

.loading {
	width: 54px;
	height: 55px;
	background-image: url(../images/gallery/ajax-loader.gif);
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right:auto;
	margin-top:80px;
}


/* Arrow overlays for gallery */
.arrowleft-con {
	z-index: 400;
	/*position: relative;
	top: inherit;
	left: inherit;*/
	height: 720px;
	width: 123px;
	top: 0;
	left: 0;
	position: absolute;
	/*float: left;
	display: inline-block;*/
}
.arrowleft-con:hover{
background: url(../images/left_overlay.png) no-repeat center center;
}

.arrowright-con {
	
	z-index: 400;
	/*position: relative;*/
	/*top: inherit;*/
	/*right: 223px;*/
	/*right: 140px;*/
	/*left: 597px;*/
	/*left:980px;*/
	height: 720px;
	width: 123px;
	top: 0;
	right: 0;
	position: absolute;
	/*float: right;
	display: inline-block;*/
}
.arrowright-con:hover {
background: url(../images/right_overlay.png) no-repeat center center;	
}

/*.arrowleft {
width: 55px;
height: 83px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -35px;
margin-top: -30px;
background: url(../images/gallery_rollover_arrow_left.png) no-repeat center center;
}


.arrowright {
width: 55px;
height: 83px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -12px;
margin-top: -12px;
background: url(../images/gallery_rollover_arrow_right.png) no-repeat center center;
}



/* dotted Nav */

nav#primary {
	z-index: 5;
	position: fixed;
	top: 35%;
	right: 16px;
	margin-top: -40px;
}
nav#primary ul {
	list-style: none outside none;
}

nav#primary li {
	position: relative;
	height: 20px;
}
nav#primary a {
	display: block;
	width: 20px;
	height: 20px;
	text-indent: -9999px;
	background: transparent url('../images/nav-dot.png') 4px 4px no-repeat;
}
nav#primary a:hover, nav#primary a.active {
	background: transparent url('../images/nav-dot.png') 4px -16px no-repeat;
}
nav#primary h1 {
	position: absolute;
	right: 22px;
	top: -7px;
	display: none;
	padding: 4px 20px 4px 7px;;
	color: #fff;
	white-space: nowrap;
	background: transparent url('../images/nav-arrow.png') 100% 50% no-repeat;
	}
	
/*  Footer links */
a.footer-portfolio {
display: block;
text-indent: -12000px;
width: 138px;
height: 105px;
overflow: hidden;
background: url(../images/Footer03_full.png) left top no-repeat;
}
a.footer-contact {
display: block;
text-indent: -12000px;
width: 132px;
height: 105px;
overflow: hidden;
background: url(../images/Footer05_full.png) left top no-repeat;
}
a.footer-more {
display: block;
text-indent: -12000px;
width: 172px;
height: 105px;
overflow: hidden;
background: url(../images/Footer07_full.png) left top no-repeat;
}
a.footer-mott {
display: block;
text-indent: -12000px;
width: 162px;
height: 105px;
overflow: hidden;
background: url(../images/Footer09_full.png) left top no-repeat;
}
a.footer-portfolio:hover, a.footer-contact:hover, a.footer-more:hover, a.footer-mott:hover {
background-position: left bottom;
}	


a img {outline : none;}
img {border : 0;}

.white-bg .container_24 .container_block p.levels {
	font-size: .75em;
	color: #000;
	text-align: center;
	margin-top: 50px;
}


/* IE6-8 Specific Code 
.lt-ie9 nav#main-nav {
   zoom: 1;
   filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=5, OffY=5, Color=#ff0000);
}*/