/* 
  style.css contains a reset, font normalization and some base styles.
  
  credit is left where credit is due.
  additionally, much inspiration was taken from these projects:
    yui.yahooapis.com/2.8.1/build/base/base.css
    camendesign.com/design/
    praegnanz.de/weblog/htmlcssjs-kickstart
*/

/* 
  html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
  v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark
  html5doctor.com/html-5-reset-stylesheet/
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, 
hgroup, menu, nav, section, menu,
time, mark, audio, video {
  text-align: left;
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}                  

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

nav ul { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a {color: #fff; margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }

ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }

/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

input, select { vertical-align:middle; }
/* END RESET CSS */


header {
	padding-top: 15px;
	padding-left: 48px;
	margin-bottom: -6px;
}

#content_area{
	padding-left: 7px;
}

p {
	padding: 10px 0 5px 0;
}


/* 
 * minimal base styles 
 */
 
a img {
	border: 0;
}



body {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 10pt;
	background-color: #363E40;
}

#container {
	position: absolute;
	margin-left: 32px;
	margin-right: 32px;
}

a {
	text-decoration: none;
	
}

a:hover {
	border-bottom: red dotted 1px;
}

a.current, li.current-menu-item a {
	border-bottom: red solid 1px;
}

h1 {
	/*text-transform: uppercase;*/
	font-style: normal;
	font-weight: normal;
	color: white;
	font-size: 24px;
	font-family: 'Helvetica W01 Light', Helvetica, Verdana, Arial, sans-serif;
	margin: 0px;
	
}

h2 {
	text-transform: none;
	font-style: normal;
	font-weight: normal;
	color: white;
	font-size: 24px;
	font-family: 'Helvetica W01 Light', Helvetica, Verdana, Arial, sans-serif;
	margin: 0px;
	
}

h3 {
	text-transform: uppercase;
	font-variant: normal;
	font-style: normal;
	font-weight: normal;
	color: white;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 10px;
	margin: 0px;
}



header {
	float: left;
	clear: left;
}

#main_nav {
	position: relative;
	margin-left: 84px;
	width: 1024px;
	margin-top: 6px;
	margin-bottom: 36px;

}

header nav ul li {
	color: white;
	float: left;
	margin-right: 48px;
	list-style-type: none;
}

#content_area {
	float: left;
	clear: left;
}

#ie7 #content_area{
	width: 1148px;
}
#ie8 #content_area{
	width: 1148px;
}

#ie7 #logo{
	width: 254px;
}

#ie6 header{
	margin-bottom: -30px;
	padding-top: 20px;
}
#ie7 header{
	margin-bottom: -30px;
	padding-top: 20px;
}

#clip_rect {
	position: relative;
	overflow: hidden;
	height: 720px;
	width: 1024px;
	margin-left: 84px;
}

#clip_rect_scroll {
	position: absolute;
	overflow: hidden;
	height: 720px;
	width: 708px;
}

#info_panel_container {
	top: 236px;
	left: 91px;
	height: 529px;
	width: 473px;
	z-index: 1;
	position: absolute;
	overflow: hidden;
}

#info_panel {
	height: 529px;
	width: 473px;
	z-index: 1;
	color: white;
	position: absolute;
}

#info_transparency {
	background-color: #666666;
	height: 529px;
	width: 473px;
	position: absolute;
	opacity: 0.75;
  	filter: alpha(opacity = 75);
}

body.page-id-83 #info_panel {
	top: 200px;
	height: 564px;
	width: 473px;
	z-index: 1;
	color: white;
	position: absolute;
}

body.page-id-83 #info_transparency {
	margin-top: -9px;
	background-color: #666666;
	height: 564px;
	width: 473px;
	position: absolute;
	opacity: 0.75;
  	filter: alpha(opacity = 75);
}

body.page-id-88 #info_panel {
	top: 200px;
	height: 564px;
	width: 473px;
	z-index: 1;
	color: white;
	position: absolute;
}

body.page-id-88 #info_transparency {
	margin-top: -9px;
	background-color: #666666;
	height: 564px;
	width: 473px;
	position: absolute;
	opacity: 0.75;
  	filter: alpha(opacity = 75);
}

body.page-id-92 #info_panel {
	top: 200px;
	height: 564px;
	width: 473px;
	z-index: 1;
	color: white;
	position: absolute;
}

body.page-id-92 #info_transparency {
	margin-top: -9px;
	background-color: #666666;
	height: 564px;
	width: 473px;
	position: absolute;
	opacity: 0.75;
  	filter: alpha(opacity = 75);
}

#ie6 #info_transparency {
	z-index: -10;
}

#info_text{
	margin: 36px;
	margin-top: 32px;
	position: relative;
}

article p{	
	color: #B7D4D2;
	
}

article a{
	color: white;
}


#logo.work {
	top: 95px;
	left: 916px;
	z-index: 1;
	position: absolute;
}

#logo {
	top: 50px;
	left: 825px;
	z-index: 1;
	position: absolute;
}

#logo a {
	display: block;
}

footer {
	float: left;
	clear: left;
}

#foot {
	position: relative;
	margin-top: 24px;
	margin-left: 166px;
	width: 1024px;

}



body.page-id-105 #info_panel {
	top: 0px;
	height: 720px;
	width: 708px;
}

body.page-id-105 #scroll_pane {
	position: relative;
	height: 2000px;
}

body.page-id-105 #info_transparency {
	height: 720px;
	width: 708px;
}

body.page-id-105 #content_pane {
	position: relative;
	width: 1044px;
	height: 720px;
}

body.page-id-105 #scroll_pane{
	position: relative;
	height: auto;
}

body.page-id-105 article {
	width: 500px;
	margin-left: 36px;
	margin-right: 36px;
	margin-top: 12px;
	/*position: relative;*/
}

body.page-id-105 .myArticle {
	height:auto;
}

body.page-id-105 h1 {
	margin-left: 36px;
	margin-right: 36px;
	margin-top: 24px;
}


body.page-id-105 .post_image {
	/*margin-top: 12px;
	float: left;
	clear: both;*/
}

body.page-id-105 .post_text {
	/*clear: both;
	float: left;*/
	              
	              
}

body.page-id-105 .post_text img{
	margin-bottom: 0px;
	margin-top: 24px;
}

body.page-id-105 article p{	
	color: #B7D4D2;
	margin-top: 6px;
	/*float:right;*/
	}

body.page-id-105 article em{
	color: white;
	font-weight: bold;
}

body.page-id-105 #content_bottom {
	margin: 36px;
	margin-top: 32px;
	float: left;
	clear: both;
}

body.page-id-8 #content_pane {
	position: relative;
	width: 1044px;
	height: 720px;
}

body.page-id-8 .bio_item {
	position: relative;
	float: left;
	margin-right: 48px;
}

.bio_item {
	padding-bottom: 18px;
}

bio_pane{
	margin-top: 10px; 
}

body.page-id-8 .bio_image {
	margin-bottom: 4px;
}

body.page-id-8 .bio_link {
	text-align: center;	
}

body.bio #content_pane {
	position: relative;
	width: 1044px;
	height: 720px;
}

body.bio .bio_item {
	position: relative;
	float: left;
	margin-right: 24px;
}

body.bio .bio_image {
	margin-bottom: 4px;
}

body.bio .bio_link {
	text-align: center;	
}

body.services h1 {
	margin-top: 24px;
}

body.services #info_panel {
	top: 0px;
	height: 720px;
	width: 530px;
	z-index: 0;

}

body.services #scroll_pane {
	position: relative;
	height: 2000px;
}

body.services #info_transparency {
	height: 720px;
	width: 530px;
}

body.services #content_pane {
	position: relative;
	width: 1044px;
	height: 720px;
}

body.services #scroll_pane{
	position: relative;
	height: auto;
}

body.services article {
	margin: 36px;
	margin-top: 32px;
}

body.services .myArticle {
	height:auto;
}

body.services em {
	color: white;
}

/*
.post_text {
	margin-top: 24px;
	width: 400;
	float: left;
	clear: both;


}

.post_image {
	margin-top: 24px;
	width: 530px;
	float: right;
}
*/
body.services .post_text {
	width: 400px;
	float: left;
}


body.services .post_image {
	float: right;
	width: 530px;
}

body.services .post_image img{
	margin-bottom: 24px;
}

body.services article p{	
	color: #B7D4D2;
	
}

body.services #content_bottom {
	margin: 36px;
	margin-top: 32px;
	float: left;
	clear: both;
}


body.category-news #info_panel {
	top: 0px;
	height: 720px;
	width: 708px;
}

body.category-news #scroll_pane {
	position: relative;
	height: 2000px;
}

body.category-news #info_transparency {
	height: 730px;
	width: 708px;
}

body.category-news #content_pane {
	position: relative;
	width: 1044px;
	height: 720px;
	overflow: hidden;
}

body.category-news #scroll_pane{
	position: relative;
	height: auto;
}

body.category-news article {
	margin: 36px;
	margin-top: 32px;
}

body.category-news .myArticle {
	height:auto;
}


body.category-news .post_image {
	margin-top: 24px;
	float: left;
	clear: both;
}

body.category-news .post_text {
	margin-top: 24px;
	width: 400px;
	float: right;
}

body.category-news article p{	
	color: #B7D4D2;
}

body.category-news article em{
	color: white;
	font-weight: bold;
}

body.category-news #content_bottom {
	margin: 36px;
	margin-top: 32px;
	float: left;
	clear: both;
}

body.home #content_pane {
	position: relative;
	width: 1100px;
	height: 805px;
}

body.home #image_buffer1{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 1044px;
	display: block;	
}

body.home #image_buffer2{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 1044px;
	display: none;
}

body.home #clip_rect {
	height:805px;
}

body.category-6 #scroll_pane {
	position: relative;
	width: 20000px;
	height: 720px;
}

body.category-6 #project_scroll_pane {
 	position: relative;
	top: 0px;
	height: 520px;
	width: 84px;
	padding: 0px;
	margin: 0px;
}

#project_nav_panel {
	background-color: #282828;
	top: 236px;
	height: 530px;
	width: 84px;
	z-index: 1;
	position: absolute;
	overflow: hidden;
}	

body.category-6 #icon_set {
	margin-top: 24px;
	margin-left: 18px;
}

#project_nav {
	margin-top: 24px;
	margin-left: 18px;
}

 #icon_margin {
	margin-left: 18px;
}					

img.icon_image {
	padding-bottom: 3px;
	margin-top: 24px;
}

 img.browse_image {
	padding-right: 48px;
	float: left;
}

#info_toggle {
	position: relative;
	left: 451px;
	top: 9px;
} 



body.page-id-92 #content_pane {
	position: relative;
	width: 1044px;
	height: 720px;
}

body.page-id-92 .bio_item {
	position: relative;
	float: left;
	margin-right: 24px;
}

body.page-id-92 .bio_image {
	margin-bottom: 4px;
}

body.page-id-88 .bio_link {
	text-align: center;	
}


body.page-id-92 div.post_text{
	margin: 36px;
	margin-top: 32px;
	position: relative;
}




body.page-id-88 #content_pane {
	position: relative;
	width: 1044px;
	height: 720px;
}

body.page-id-88 .bio_item {
	position: relative;
	float: left;
	margin-right: 24px;
}

body.page-id-88 .bio_image {
	margin-bottom: 4px;
}

body.page-id-88 .bio_link {
	text-align: center;	
}


body.page-id-88 div.post_text{
	margin: 36px;
	margin-top: 32px;
	position: relative;
}

body.page-id-83 #content_pane {
	position: relative;
	width: 1044px;
	height: 720px;
}

body.page-id-83 div.post_text{
	margin: 36px;
	margin-top: 24px;
	margin-bottom: 10px;
	position: relative;
}

a.no_highlight {
	text-decoration: none;
	border-bottom: 0;
}

body.page-id-83 .bio_item {
	position: relative;
	float: left;
	margin-right: 48px;
	margin-top: 10px;
}

body.page-id-83 .bio_image {
	margin-bottom: 4px;
}

body.page-id-83 .bio_link {
	text-align: center;	
}


div.archive_detail #info_panel {
	top: 0px;
	height: 720px;
	width: 1044px;
	z-index: 0;

}

div.archive_detail #scroll_pane {
	position: relative;
	height: 2000px;
}

div.archive_detail #info_transparency {
	height: 730px;
	width: 1044px;
	z-index: -50;
}

div.archive_detail #content_pane {
	position: relative;
	width: 1044px;
	height: 720px;
	overflow: hidden;
}

div.archive_detail #scroll_pane{
	position: relative;
	height: auto;
}

div.archive_detail article {
	margin: 36px;
	margin-top: 32px;
}

div.archive_detail .myArticle {
	height:auto;
}
 /*
.post_text {
	margin-top: 24px;
	width: 400;
	float: left;
	clear: both;


body.archive_detail }

body.archive_detail .post_image {
	margin-top: 24px;
	width: 530px;
	float: right;
}
*/
div.archive_detail #post_text {
	width: 400px;
	float: left;
	z-index: 500;
}


div.archive_detail #post_image {
	float: right;
	width: 530px;
}

div.archive_detail #post_image img{
	margin-bottom: 24px;
}

div.archive_detail article p{	
	color: #B7D4D2;
	
}

div.archive_detail #content_bottom {
	margin: 36px;
	margin-top: 32px;
	float: left;
	clear: both;
}

body.category-archive #info_panel {
	top: 0px;
	height: 720px;
	width: 708px;
}

body.category-archive #scroll_pane {
	position: relative;
	height: 2000px;
}

body.category-archive #info_transparency {
	height: 730px;
	width: 708px;
}

body.category-archive p {
	padding: 5px 0 0px 0;
}


body.category-archive #content_pane {
	position: relative;
	width: 1044px;
	height: 720px;
	overflow: hidden;
}

body.category-archive #scroll_pane{
	position: relative;
	height: auto;
}

body.category-archive article {
	margin: 36px;
	margin-top: 32px;
}

body.category-archive .myArticle {
	height:auto;
}


body.category-archive .post_image {
	margin-top: 24px;
	float: left;
	clear: both;
}

body.category-archive .post_text {
	margin-top: 24px;
	width: 400px;
	float: right;
}
/*
.more_link {
	position: relative;
	//margin-left: 200px;
	//float: right;
	//width: 100px;
}
*/
body.category-archive .more_link {
	font-variant: small-caps;
	float:right;
	width: 50px;
}
body.category-archive article p{	
	color: #B7D4D2;
	
}

body.category-archive #content_bottom {
	margin: 36px;
	margin-top: 32px;
	float: left;
	clear: both;
}




body.page-id-105 #info_panel {
	top: 0px;
	height: 720px;
	width: 708px;
}

body.page-id-105 #scroll_pane {
	position: relative;
	height: 2000px;
}

body.page-id-105 #info_transparency {
	height: 720px;
	width: 708px;
}

body.page-id-105 #content_pane {
	position: relative;
	width: 1044px;
	height: 720px;
}

body.page-id-105 #scroll_pane{
	position: relative;
	height: auto;
}

body.page-id-105 article {
	width: 500px;
	margin-left: 36px;
	margin-right: 36px;
	margin-top: 12px;
	/*position: relative;*/
}

body.page-id-105 .myArticle {
	height:auto;
}

body.page-id-105 h1 {
	margin-left: 36px;
	margin-right: 36px;
	margin-top: 24px;
}


body.page-id-105 .post_image {
	/*margin-top: 12px;
	float: left;
	clear: both;*/
}

body.page-id-105 .post_text {
	/*clear: both;
	float: left;*/
	              
	              
}

body.page-id-105 .post_text img{
	margin-bottom: 0px;
	margin-top: 24px;
}

body.page-id-105 article p{	
	color: #B7D4D2;
	margin-top: 6px;
	/*float:right;*/
	}

body.page-id-105 article em{
	color: white;
	font-weight: bold;
}

body.page-id-105 #content_bottom {
	margin: 36px;
	margin-top: 32px;
	float: left;
	clear: both;
}

body.page-id-8 #content_pane {
	position: relative;
	width: 1044px;
	height: 720px;
}

body.page-id-8 .bio_item {
	position: relative;
	float: left;
	margin-right: 48px;
}

body.page-id-8 .bio_image {
	margin-bottom: 4px;
}

body.page-id-8 .bio_link {
	text-align: center;	
}

body.bio #content_pane {
	position: relative;
	width: 1044px;
	height: 720px;
}

body.page-id-31 em{
display: block;
padding-bottom: 8px;

}

body.bio .bio_item {
	position: relative;
	float: left;
	margin-right: 24px;
}

body.bio .bio_image {
	margin-bottom: 4px;
}

body.bio .bio_link {
	text-align: center;	
}

body.page-template h1 {
	margin-top: 24px;
	display: none;
}

body.page-template #info_panel {
	top: 0px;
	height: 720px;
	width: 530px;
	z-index: 0;

}

body.page-template #scroll_pane {
	position: relative;
	height: 2000px;
}

body.page-template #info_transparency {
	height: 730px;
	width: 530px;
}

body.page-template #content_pane {
	position: relative;
	width: 1044px;
	height: 720px;
}

body.page-template #scroll_pane{
	position: relative;
	height: auto;
}

body.page-template article {
	margin: 36px;
	margin-top: 32px;
}

body.page-template .myArticle {
	height:auto;
}

body.page-template em {
	color: white;
}

/*
.post_text {
	margin-top: 24px;
	width: 400;
	float: left;
	clear: both;


}

.post_image {
	margin-top: 24px;
	width: 530px;
	float: right;
}
*/
body.page-template .post_text {
	width: 400px;
	float: left;
}


body.page-template .post_image {
	float: right;
	width: 530px;
}

body.page-template .post_image img{
	margin-bottom: 24px;
}

body.page-template article p{	
	color: #B7D4D2;
	
}

body.page-template #content_bottom {
	margin: 36px;
	margin-top: 32px;
	float: left;
	clear: both;
}


body.category-news #info_panel {
	top: 0px;
	height: 720px;
	width: 708px;
}

body.category-news #scroll_pane {
	position: relative;
	height: 2000px;
}


body.category-news #content_pane {
	position: relative;
	width: 1044px;
	height: 720px;
}

body.category-news #scroll_pane{
	position: relative;
	height: auto;
}

body.category-news article {
	margin: 36px;
	margin-top: 32px;
}

body.category-news .myArticle {
	height:auto;
}


body.category-news .post_image {
	margin-top: 24px;
	float: left;
	clear: both;
}

body.category-news .post_text {
	margin-top: 24px;
	width: 400px;
	float: right;
}

body.category-news article p{	
	color: #B7D4D2;
}

body.category-news article em{
	color: white;
	font-weight: bold;
}

body.category-news #content_bottom {
	margin: 36px;
	margin-top: 32px;
	float: left;
	clear: both;
}

body.home #content_pane {
	position: relative;
	width: 1100px;
	height: 805px;
}

body.home #info_transparency, body.home h2 {
	display: none;
}

body.home #image_buffer1{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 1044px;
	display: block;	
}

body.home #image_buffer2{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 1044px;
	display: none;
}

body.home #clip_rect {
	height:720px;
}

body.category-6 #scroll_pane {
	position: relative;
	width: 20000px;
	height: 720px;
}

body.category-6 #project_scroll_pane {
 	position: relative;
	top: 0px;
	height: 520px;
	width: 84px;
	padding: 0px;
	margin: 0px;
}


body.category-6 #icon_set {
	margin-top: 24px;
	margin-left: 18px;
}


body.category-6 #icon_margin {
	margin-left: 18px;
}					

body.category-6 img.icon_image {
	padding-bottom: 3px;
	margin-top: 24px;
}

body.category-6 img.browse_image {
	padding-right: 48px;
	float: left;
}

body.category-6 #info_toggle {
	position: relative;
	left: 451px;
	top: 9px;
} 

body.category-accolades #info_panel {
	top: 0px;
	height: 720px;
	width: 708px;
}

body.category-accolades p {
	padding: 0px 0 0px 0;
}


body.category-accolades  #scroll_pane {
	position: relative;
	height: 2000px;
}

body.category-accolades  #info_transparency {
 	height: 730px;
	width: 708px;
}

body.category-accolades div.post_text{
}

body.category-accolades #content_pane {
	position: relative;
	width: 1044px;
	height: 720px;
	overflow: hidden;
}

body.category-accolades #scroll_pane{
	position: relative;
	height: auto;
}

body.category-accolades article {
	width: 500px;
	margin-left: 36px;
	margin-right: 36px;
	margin-top: 12px;
	/*position: relative;*/
}

body.category-accolades .myArticle {
	height:auto;
}

body.category-accolades h1 {
	margin-left: 36px;
	margin-right: 36px;
	margin-top: 24px;
}


body.category-accolades .post_image {
	/*margin-top: 12px;
	float: left;
	clear: both;*/
}

body.category-accolades .post_text {
	/*clear: both;
	float: left;*/
	              
	              
}

body.category-accolades .post_text img{
	margin-bottom: 0px;
	margin-top: 24px;
}

body.category-accolades article p{	
	color: #B7D4D2;
	margin-top: 6px;
	/*float:right;*/
	}

body.category-accolades article em{

	color: white;

	font-weight: bold;

}

body.category-accolades  #content_bottom {
	margin: 36px;
	margin-top: 32px;
	float: left;
	clear: both;
}

#work_page #scroll_pane {
	position: relative;
	width: 20000px;
	height: 720px;
}

#work_page #project_scroll_pane {
 	position: relative;
	top: 0px;
	height: 520px;
	width: 84px;
	padding: 0px;
	margin: 0px;
}
#work_page #info_transparency, #work_page #info_text{
	cursor: pointer;

}

#work_page #icon_set {
	margin-top: 24px;
	margin-left: 18px;
}

#work_page #icon_margin {
	margin-left: 18px;
}					

#work_page img.icon_image {
	padding-bottom: 3px;
	margin-top: 24px;
}

#work_page img.browse_image {
	padding-right: 48px;
	float: left;
}

#work_page #info_toggle {
	position: relative;
	left: 11px;
	top: 9px;
}

#facebook_link img {
	position: absolute;
	top: 465px;
	left: 38px;

}

#facebook_text {
	position: absolute;
	top: 473px;
	left: 80px;
}

.photos { padding-top: 10px; }