* {
	margin: 0px;
	padding:0;
}

body {   	                             
	background-color: white;   	                             
	background-image: url(../img/pggradbg4.png);
	background-position: center top;
	background-repeat: repeat-y;
	margin-left: 0;
	margin-bottom: 0px;
	margin-right: 0;
	margin-top: 0px;
}

/* !- Prevent IE image borders -*/

a img {
	border: none; 
	}

a:visited img {
	border: none; 
	}

/* ENDPrevent IE image borders */

.container {
	z-index: 0;
	background-color: white;
	position: relative;
	background-attachment:fixed;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:0;
	margin-top:0;
	width:960px;
	overflow:hidden;
}
.container.work{
	height: 1200px;
	background-image: url(img/page_bg4a.jpg);
	background-repeat: no-repeat;
	background-position:  center top;
	background: #FBFBF9; /* Old browsers */
	background: -moz-linear-gradient(top, #FBFBF9 0%, #F8F8F6 50%, #EBEAE6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBFBF9), color-stop(50%,#F8F8F6), color-stop(100%,#EBEAE6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #FBFBF9 0%,#F8F8F6 50%,#EBEAE6 100%); /* Chrome10+,Safari5.1+ */
	background: linear-gradient(top, #FBFBF9 0%,#F8F8F6 50%,#EBEAE6 100%); /* W3C */
}

.container.scroll{
	height: auto;
	background: #F8F8F6; /* Old browsers */
	background: -moz-linear-gradient(top, #FBFBF9 0%, #F8F8F6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBFBF9), color-stop(100%,#F8F8F6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #FBFBF9 0%,#F8F8F6 100%); /* Chrome10+,Safari5.1+ */
	background: linear-gradient(top, #FBFBF9 0%,#F8F8F6 100%); /* W3C */
}

#sidenav {
	position: fixed; /* FIXED prevents the menu navigation from scrolling */
	width:164px;  
	float:left;   /* FloatLeft Keeps sidenav into place when Fixed positioning fails */
}

#content {
	margin-right:27px;
	float:right;
	margin-top: 80px;
	width:720px;
}

#content.work {
	margin-top: 15px;
}

#content_head {
	border-top-color: #808080;
	border-bottom-color: #b8bcbd;
	margin-bottom: 33px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-top-width: 1px;
	border-top-style: solid;
	word-spacing: normal;
	letter-spacing: 0.1em;
	line-height: 1.5em;
	font-family: 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align:left;
	color: #000;
	width: 715px;
}
#content_head p {
	padding-right: 0px;
	padding-left: 4px;
	padding-bottom: 3px;
	padding-top: 3px;
	margin-bottom: 0px;
}
#content_head p i {
	font-style: italic;
}

#content_head.case {
	padding: 0px;
	border-bottom-color: #cccccc;
	border-bottom-style: dotted;
	margin-bottom: 0px;
}
#content_head.case p{
}

#content_head.dark {
	border-top-color: transparent;
	border-bottom-color: transparent;
	border-bottom-width: 0px;
	background-color: #ccc
}
#content_head.dark p{

}

.idhead {
	margin-left: 15px;
	margin-bottom: 0px;
	margin-right: 30px;
	margin-top: 15px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 10px;
}
.caseIntro {
	line-height: 1.5em;
	font-family: 'HelveticaNeue-Light',Arial, Helvetica, sans-serif;
	font-size: 14px;
/* 	background-color: #ebebe8; */
/* 	background-color: #f2f2ef; */
/* border-left: 1px solid #eee; */
/* border-right: 1px solid #eee; */

	color: #888;
	text-align:left;
	padding: 8px 18px;
	margin-top: 20px;
	margin-bottom: 24px;
	margin-right: -11px;
}

.caseText {
	padding-left: 4px;
}

.caseText a {
	text-decoration:none;
	border-bottom:1px dotted #666;
}

.caseText a:hover {
	color:#000;
	border-bottom:1px dotted #000;
}
#dotted_background { position: absolute; z-index: -1000; background:url(img/dotted-bg2.png); height: 100%; width: 100%; top: 0; left: 200px;}


/* ! ACCORDION MENU navigation    */

.navmenu {
	font:11px Arial, "Helvetica Neue", sans-serif;
	margin-top: 15px;
	margin-left:28px;
	border-bottom-color: #999;
	width:162px;  /*width of accordion menu*/
	border-bottom-width:1px;
	border-bottom-style: solid;
}

.navmenu h3{
	font-size: 1em;
	color: #666;
	line-height: 1.2em;
	margin-top: 0;
	margin-bottom: 1.5em;
}


/*CSS class for menu headers in general (expanding or not!)*/
.navmenu .menuheader {
	padding-left: 4px;
	padding-bottom: 6px;
	padding-right: 0;
	padding-top: 6px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	cursor:pointer;
	margin-top:0px;
	margin-bottom:0px;
}
/*hover state CSS (expanding or not!)*/
.navmenu .menuheader:hover {
	color:#000;
}

/* ! == Custom Header states ==  */

.navmenu .closedheader {
}

.navmenu .closedheader:hover {
	background-color: rgba(255,255,255,.9);
}

.navmenu .soloheader {
}

.navmenu .soloheader:hover {
	background-color: rgba(255,255,255,.9);
}
.navmenu .photoheader {
}

.navmenu .photoheader:hover {
	color: white;
	background-color: rgba(0,0,0,.5);
}


/*CSS class to apply to expandable header when it's expanded*/
.navmenu .openheader {
	border-bottom-style:none;
}
/*hover state CSS class (expandable header when it's expanded)*/
.navmenu .openheader:hover {
	color:inherit;
	cursor: default;
}


/* ! SUBMENUS */


/*CSS for UL of each sub menu*/
.navmenu ul {
	padding-left: 12px;
	margin-top: 2px;
	margin-bottom: 6px;
}
/*bottom spacing between menu items*/
.navmenu ul li {
	padding-bottom:2px;
	line-height:11px;
}

.navmenu ul li .submenuheader{ /*CSS for Sub Menu HEADER*/ 
	padding-left: 0px;                                                           
	padding-bottom: 2px;                                                             
	padding-right: 0;                                                             
	padding-top: 3px;                                                             
	margin-bottom:0px;
}
.navmenu ul li .submenuheader.open{ /*CSS for Open Sub Menu HEADER*/                                 
	color: #cc0000;
}

/* ! Submenu categories */


.navmenu ul li .subcategoryitems{ /*CSS for Sub Menu UL - Subcategory items ONLY*/                        
	margin-top:2px;
}

.navmenu ul li .subcategoryitems a{ /*CSS for Sub Menu UL - Subcategory items ONLY*/
	color: #666;
}

.navmenu ul li a {  /*CSS for Submenus and Subcategory items*/
	padding-left: 0;                                            
	padding-bottom: 2px;                                            
	padding-right: 0;                                            
	padding-top: 3px;                                            
	color: #999;
	display:block;
	text-decoration:none;
}
/*hover state for Submenus and Subcategory items*/
.navmenu ul li a:hover {
	color: #000;
}
a.current {				/*menu item for current page*/				                              				                              
	color: #cc0000 !important;
}
a.current:hover {		/* hover state -- menu item for current page*/
/* 	color:#FFF !important; */
	cursor:default;
}
a.black {
	color:#000 !important
	}

a.grey {
	color:#333 !important
	}
a.grey2 {
	color:#666 !important
	}
a.grey2:hover {
	color:#333 !important
	}
a.dim {				/*menu item for inactive page*/				                               				                               				                               
	color: #cccccc !important;
	cursor: default;
}
a.hot {				/*red*/				                               				                               				                               				                               
	font-weight: bold;
	color: #dd3000 !important;
}
a.wht {				/*white*/				                               				                               				                               				                               
	color: #fff !important;
}

li.current {			                              
}

/* ! JQUERY CYCLE SLIDESHOW   */


#topnav { 
	font-family: Helvetica, Arial, sans-serif; 
}
#topnav a { 
	letter-spacing: 0.2em; 
	text-decoration: none; 
	text-transform: uppercase; 
	color: #666; 
	font-size: 9px; 
}
#topnav a:hover {
		color: #000;
	}
	
.slnav,.slnav1,.slnav2, .slnav3 {
	font-family: Helvetica, Arial, sans-serif; 
	color: #ccc;
	padding-right: 2px;
	position: relative;
	float: right;
	right: 0px;
	top: -16px;
}
.slnav a, .slnav1 a, .slnav2 a, .slnav3 a{
	letter-spacing: 0.2em; 
	text-decoration: none; 
	color: #bbb; 
	font-size: 9px; 
}
.slnav a:hover, .slnav1 a:hover, .slnav2 a:hover, .slnav3 a:hover {
		color: #000;
	}
	
.slideshow, .s1, .s2, .s3 { 	/*  bg-color white for scroll, none for fade*/
	z-index: 0; 	                                              
	background-color: #fff; 	                                    
	position: relative; 
	height: 460px; 
	width: 715px; 
	margin: auto;
	overflow: hidden; 
	}
	
.slideshow img, .s1 img, .s2 img, .s3 img  {
	}
	
	
.pag, .pag1, .pag2, .pag3 {
	position: relative;
	height: auto;
	width: 620px;
	margin-left: 0px;
	margin-top: 16px;
}
	
.pag a, .pag1 a, .pag2 a, .pag3 a{
	padding-bottom: 1px;
	padding-top: 1px;
	padding-right: 4px;
	padding-left: 4px;
	margin-right: 10px;
	font: bold 10px Helvetica, Arial, sans-serif;
	text-align: left;
	line-height: 18px;
	color: #bbb;
	text-decoration: none;
}
	
.pag a:hover, .pag1 a:hover,.pag2 a:hover,.pag3 a:hover{
	color: #333;
}

.pag a.activeSlide, .pag1 a.activeSlide, .pag2 a.activeSlide, .pag3 a.activeSlide{
	color: #cc0000;
}
#arr {
	margin-left: 2px;
	margin-bottom: 0px;
	margin-right: 2px;
	margin-top: 0px;
	position: relative;
	bottom: -1px;
}

/* ! == PROJECT TITLES AND DESCRIPTIONS ==  */

#projblock {
	position: relative;
	border-top-width: 1px;
	border-top-color: #aeb2ab;
	border-top-style: solid;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 2px;
	padding-top: 8px;
	margin-top: 6px;
	height: auto;
	width: auto;
	z-index: 2000;

}

.projname {
	padding-bottom: 8px;
	font-size: 11px;
	text-align:left;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	color: #333;
}

.projdesc {
	font-weight: bold;
	padding-right: 300px;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	text-align:left;
	color: #666;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	font-size: 9px;  
}
.longdesc2{
	font-family: Georgia, "Times New Roman", Times, serif;
	position: relative;
	line-height: 1.5em;
	text-align:left;
	font-size: 10px; 
	color: #333;
	font-weight: normal;
	letter-spacing: 0em;
}

.longdesc p{
	font-family: Georgia, "Times New Roman", Times, serif;
	top: 8px;
	position: relative;
	width: 364px;
	line-height: 1.5em;
	text-align:left;
	color: #333333;
	font-size: 10px;  
}
.longdesc i{
	font-style: italic;
}
.longdesc b{
	font-weight: bold;
}

/* ! == PLAYBACK CONTROLS ==  */


#controls { top: 544px; float: none; position: absolute; z-index: 3; padding-left: 2px; padding-bottom: 1px; padding-right: 0px; padding-top: 7px; margin: 0px; right: 20px; text-align: center;
    background-color:rgba(255,255,255,.0); 
    width: 100px;
}
#controls span { margin: 0 2px }
#controls span a { text-align: center; text-transform: uppercase; font-size: 10px; text-decoration: none; color: #fff; }
/* #controls span a:hover { color: black; } */

img.nohover {padding-top: 3px; border:0}
img.hover {border:0;display:none}
a:hover img.hover {display:inline}
a:hover img.nohover {display:none}


#playpause {
	font-weight: bold;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: #fff;
	font-size: 8px;

}
.status {
	text-align: center;
	padding-left: 6px;
	padding-bottom: 1px;
	padding-right: 4px;
	padding-top: 2px;
	left: 858px;
	background-color: rgba(0,0,0,.15);
	z-index: 1000;
	top: 532px;
	position: absolute;
	width: 50px;
}

#caption {
	font-family:Verdana, Geneva, sans-serif;
	font-size:9px;
	padding-right: 4px;
	padding-bottom: 4px;
	letter-spacing: 0.04em;
	padding-top: 4px;
	color: #ccc;
	text-align: right;
	margin-left: 270px;
	margin-top: -12px;
	margin-right: 30px;
	}

	
/* ! == FOOTER ==  */
	
#footer {
	width: 960px;
	z-index: 100;
	margin-top: 0px;
	bottom: 0px;
	position: fixed;
	height: 30px;
}

#footer p {
	padding-right: 30px;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	letter-spacing: 0.13em;
	font-weight: bold;
	text-align: right;
	color: #cccccc;
	font-size: 8px;
}
#footer.bg {
	padding-top: 10px;
	height: 20px;
	background-color: rgba(220,220,220,.8);
}
#footer.bg p{
	color: #fff;
}
#footer.bglt {
	padding-top: 10px;
	height: 20px;
	background-color: rgba(255,255,255,.8);
}
#footer.bglt p{
	color: #ccc;
}
#footer.scroll {
	position: relative;
	float: left;
	padding-top: 15px;
	border-top-color: #ccc;
	border-top-style: solid;
	border-top-width: 1px;
	width: 100%;
	margin-top: 80px;
	z-index: inherit;
}
#footer.scrollfull {
	width: 720px;
	margin-right: 30px;
	margin-left: 0px;
	position: relative;
	float: right;
	padding-top: 15px;
	border-top-color: #ccc;
	border-top-style: solid;
	border-top-width: 1px;
	margin-top: 80px;
	z-index: inherit;
}

#footer.scroll p{
	padding-right: 30px;
}

/* ! == NEWS ==  */


.featTitle {
	color: black;
	border-top-width: 1px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 3px;
	padding-top: 0px;
	margin-left: 0;
	margin-bottom: 4px;
	margin-right: 0;
	margin-top: 24px;
	font-family: "Helvetica Neue", Arial, sans-serif;
	font-size: 13px;
	line-height:14px;

}
.featText {
	color: #555;
	padding-left: 0px;
	padding-bottom: 6px;
	padding-right: 0px;
	padding-top: 6px;
	margin: 0px;
	font-family: "Helvetica Neue", Arial, sans-serif;
	font-size: 11px;
	line-height:15px;
}

.featImg {
	padding-right: 7px;
	border-right-color: #cccccc;
	border-right-style: dotted;
	border-right-width: 1px;
	padding-bottom: 0px;
	margin-top: 24px;
}

.newsTitle {
	margin-left: 0;
	margin-bottom: 0;
	margin-right: 0;
	margin-top: 6px;
	border-bottom:1px solid #b8bcbd;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:14px;
	padding:5px 0 7px 0;
}

.newsText {
	padding-left: 0;
	padding-bottom: 5px;
	padding-right: 0;
	padding-top: 5px;
	margin: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size:9px;
	line-height:15px;
}

.newsText a {
	color: #666;
	text-decoration:none;
	border-bottom:1px dotted #ccc;
}

.newsText a:hover {
	color:#000;
	border-bottom:1px dotted #000;
}

.newsImg {
	margin-top: 24px;
	background: url(img/chk1.png) repeat;
}
.newsImg:hover {
opacity: .5;

}

.sep {
	margin-top: 4px;
	border-bottom-color: #eeeeee;
	border-bottom-style: solid;
	border-bottom-width: 2px;
}

#preload {
display: none;
}