@charset "UTF-8";
/* CSS Document */

/* COLORS USED:
	Orange: #FF6600;
	Dark Gray: #999999;
	Med Gray: #666666;
	*/
	
.orange { 
	color: #FF6600;
}

body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 62.5%;
	margin: 0px;
	pading: 0px;
}	
	
ul, li {
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	list-style-type: none;
}

a {
	color: #333333;
}

a:hover {
	color:#000000;
}

img {
	border: 0px;
}

p {
	margin: 0;
}

/* General layout styles */

body {
	background-color: #efeeed;
}

#rap {
	margin: 0 auto;
	width: 954px;
	overflow: hidden;
	background-color: #FFFFFF;
}

#header {
	margin: 50px 0 0 106px;
}

#phdHeader{
	margin: 0 22px 0 -56px;
	float: left;
}

#phdHeader a{
	display: block;
	background: transparent url(../img/basic/phd_top.gif) no-repeat scroll top left;
	height: 19px;
	width: 33px;
	text-indent: -999em;
}

#phdHeader a:hover{
	background-position: bottom left;
}

#designOffice {
	float: left;
	margin-bottom: 2px;
	display: block;
	background: transparent url(../img/basic/design_office.gif) scroll top left;
	height: 24px;
	width: 112px;
	text-indent: -999em;
}

#de-signOffice a{
	display: block;
	background: transparent url(../img/basic/design_office.gif) scroll top left;
	height: 24px;
	width: 112px;
	text-indent: -999em;
}

ul#topNav {
	display: inline;
	float: left;
	list-style-image: none;
	list-style-position: none;
	list-style-type: none;
	clear: both;
	margin-top:6px;
	_margin-top:3px;
}

ul#topNav li {
	display: inline;
	float: left;
	margin-right: 6px;
}

#topNav li a {
	display: block;
	height: 20px;
	text-indent: -999em;
}

li#nav1 a {
	background: transparent url(../img/nav/work.gif) no-repeat scroll top left;
	width: 54px;
}

li#nav2 a {
	background: transparent url(../img/nav/office.gif) no-repeat scroll top left;
	width: 60px;
}

li#nav3 a {
	background: transparent url(../img/nav/news.gif) no-repeat scroll top left;
	width: 51px;
}

li#nav4 a {
	background: transparent url(../img/nav/downloads.gif) no-repeat scroll top left;
	width: 113px;
}

#topNav li#nav1 a:hover, #topNav li#nav2 a:hover, #topNav li#nav3 a:hover, #topNav li#nav4 a:hover {
	background-position: bottom left;
}

#topNav li.selected a {
	background-position: bottom left;
}

ul#twoNav {
	display: inline;
	float: left;
	list-style-image: none;
	list-style-position: none;
	list-style-type: none;
	clear: both;
	margin-top: 8px;
}

#twoNav li {
	display: inline;
	float: left;
	margin-right: 8px;
}

#twoNav #subnav3 {
	margin-right: 9px;
}

#twoNav li a {
	display: block;
	height: 12px;
	text-indent: -999em;
}

#subnav1 a {
	background: transparent url(../img/nav/about.gif) no-repeat scroll top left;
	width: 64px;
}

#subnav2 a {
	background: transparent url(../img/nav/contact.gif) no-repeat scroll top left;
	margin-top: 1px;
	width: 119px;
}

#subnav3 a {
	background: transparent url(../img/nav/vp.gif) no-repeat scroll top left;
	width: 83px;
}

#subnav4 a {
	background: transparent url(../img/nav/environments.gif) no-repeat scroll top left;
	width: 85px;
}

#subnav5 a {
	background: transparent url(../img/nav/print.gif) no-repeat scroll top left;
	width: 33px;
}

/* CHANGED AS OF 12.01.08 FROM "MOTION GRAPHICS" to "VIDEO"
#subnav6 a {
	background: transparent url(../img/nav/motion.gif) no-repeat scroll top left;
	width: 99px;
}*/

/* added margin to right side, adds to css on line 153*/
#subnav6 a {
	background: transparent url(../img/nav/video.gif) no-repeat scroll top left;
	width: 32px;
	margin-right: 2px;
}

#subnav7 a {
	background: transparent url(../img/nav/books.gif) no-repeat scroll top left;
	width: 36px;
}

#subnav8 a {
	background: transparent url(../img/nav/web.gif) no-repeat scroll top left;
	width: 24px;
}

#subnav9 a {
	background: transparent url(../img/nav/packaging.gif) no-repeat scroll top left;
	width: 61px;
}

#cat1 a {
	background:transparent url(../img/nav/all.gif) no-repeat scroll top left;
	width:20px;
}

#cat2 a {
	background:transparent url(../img/nav/office_news.gif) no-repeat scroll top left;
	margin-top: 1px;
	width:72px;
}

#cat3 a {
	background:transparent url(../img/nav/new_work.gif) no-repeat scroll top left;
	width:59px;
}

#cat4 a {
	background:transparent url(../img/nav/favorites.gif) no-repeat scroll top left;
	width:57px;
}

#twoNav #subnav1 a:hover, #twoNav #subnav2 a:hover, #twoNav #subnav3 a:hover, #twoNav #subnav4 a:hover, #twoNav #subnav5 a:hover, #twoNav #subnav6 a:hover, #twoNav #subnav7 a:hover, #twoNav #subnav8 a:hover, #twoNav #subnav9 a:hover, #cat1 a:hover, #cat2 a:hover, #cat3 a:hover, #cat4 a:hover {
	background-position: bottom left;
}

#twoNav .selected a {
	background-position: bottom left;
}

#content {
	overflow: auto;
	margin: 0 0 100px 106px;
	clear: left;
}

#leftFull {
	width: 620px;
	margin-top: 30px;
}

.bigP {
	color:#333;
	font-size: 160%;
	line-height: 135%; 
}

#leftHalf {
	width: 440px;
	float: left;
	margin: 30px 0 0 0;
}

#leftHalf h4 {
	font-size: 120%;
	text-transform: uppercase;
	letter-spacing: .04em;
}

#rightHalf {
	width: 332px;
	float: left;
	margin: 30px 0 0 50px;
}

#rightHalf img {
	margin: 18px 0 0 0;
}

p {
	color: #333;
	font-size: 110%;
	line-height: 180%;
}

#footer{
	margin: 0px 0 0 106px;
	clear: both;
}

#footer p{
	color: #666666;
	font-size: 100%;
	margin: -2px 0 32px 0px;
}

#footer p a{
	color: #666;
}

#footer p a:hover{
	color: #333;
}

#phdLogo{
	margin: 0px 0 -24px 783px;
}

#foot {
	background: #efeeed url(../img/basic/foot.gif) no-repeat scroll top left;
	width: 954px;
	height: 9px;
	padding-bottom: 25px;
}
/* Styles For Downloads Page*/

.dwnldItm {
	position: relative;
	padding: 80px 0 0 0 ;
	clear: both;
}

.dwnldItm img {
	float: left;
	margin-right: 25px;
}

.dwnldItm .desc{
	float: left;
	width: 420px;
}

.desc h3, .desc h3 a {
	text-transform: uppercase;
	color: #330000;
	text-decoration: none;
	letter-spacing: .03em;
	margin-top: 0;
}

.desc h3 a:hover {
	color: #FF6600;
}

/* Styles For Portfolio Page */

#leftColumn {
	width: 600px;
	float: left;
	margin: 60px 0 0 0px;
}

#rightColumn {
	float: left;
	margin: 60px 0 0 40px;
}

#imgButtons ul {
	margin-top: 20px;
}

#imgButtons ul li {
	display: inline;
}

.imgBtn {
	margin-right: 8px;
}

.projTitle {
	text-transform: uppercase;
	letter-spacing: .1em;
	color: #330000;
}

#threeNav {
	width: 200px;
}

#threeNav li {
	margin-bottom: 8px;
}

#threeNav a {
	text-decoration: none;
	font-weight: bold;
	color: #999999;
}

#threeNav a:hover {
	color:#FF6600;
}

#threeNav .selected a {
	color:#FF6600;
}

/* Styles for Homepage */

#oneHome, #oneStory {
	float: left;
	width: 540px;
	margin: 50px 80px 0 0;
}

#twoHome, #twoStory {
	float: left;
	width: 220px;
	margin: 146px 0 0 -20px;
}

#hmpg_mn_news_image {
	float: left;
	margin: 4px 20px 0 0;	
}

#hmpg_mn_news_desc {
	float: left;
	width: 400px;
}

.readmore a {
	color: #999;
	text-decoration: none;
	font-size: 70%;
	font-weight: bold;	
}

.hmpgNews .readmore a {
	color: #999;
	text-decoration: none;
	font-size: 100%;
	font-weight: bold;	
}

.readmore a:hover {
	color: #666;	
}

#hmpg_mn_news_desc p {
	color:#666666;
	font-size: 180%;
	line-height: 140%;
}

.hmpgNews {
	margin-bottom: 25px;
}

.hmpgNews h3 {
	font-size: 160%;
}

.hmpgNews p {
	color: #666;
	line-height: 150%;
}

/* Styles for News Pages */

#newsLeftHalf {
	float: left;
	width: 400px;
	margin: 60px 60px 0 0;
}

#newsRightHalf {
	float:left;
	margin: 60px 0 0 0;
}

#newsRightHalf img {
	margin: 18px 0 0 0;
}

.newsItm img{
	display: none;
}

.newsItm p{
	line-height: 150%;
}



#pagination {
	font-weight: bold;
	color: #999999;
}

#pastPosts {
	margin-top: 60px;
}

#pastPosts a {
	color: #999;
	font-weight: bold;
	text-decoration: none;
	
}

#pastPosts a:hover {
	color: #666;
}

#earlierPosts {
	float: right;
}

/* STYLES FOR STORY POSTS */

#oneStory {
	float: left;
	width: 540px;
	margin: 50px 60px 0 0;
}

#twoStory {
	float: left;
	width: 220px;
	margin: 40px 0 0 0px;
}

#storyPost h2 {
	font-size: 270%;
}

#twoStory h3 {
	color: #FF6600;
	margin-bottom: 8px;
}

#share h3 {
	margin-top: 30px;
}

#share h3 a {
	text-decoration: none;
}

#share h3 a:hover {
	text-decoration: underline;
}

#feed a {
	text-decoration: none;
}

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

#twoStory ul li {
	margin-bottom: 8px;
}

#twoStory ul li:last-child {
	margin-bottom: 24px;
}

#twoStory ul li a {
	font-weight: bold;
	text-decoration: none;
	color: #999999;
}

#twoStory ul li a:hover {
	color: #666666;
}

#story_desc p {
	font-size: 140%;
}

/*STYLES FOR SLIDEVIEWER*/
/*preload classes
.svw {width: 50px; height: 20px; background: #fff;} 
.svw ul {position: relative; left: -999em;}*/ 
 
/*core classes*/ 
.stripViewer {  
position: relative; 
overflow: hidden;   
} 
.stripViewer ul { /* this is your UL of images */ 
margin: 0; 
padding: 0; 
position: relative; 
left: 0; 
top: 0; 
width: 1%; 
list-style-type: none; 
} 
.stripViewer ul li {  
float:left; 
} 
.stripTransmitter { 
overflow: auto; 
width: 1%; 
} 
.stripTransmitter ul { 
margin: 20px 0 0 0; 
padding: 0; 
position: relative; 
list-style-type: none; 
} 
.stripTransmitter ul li{ 
width: 20px; 
float:left; 
margin: 0 1px 1px 0; 
} 
.stripTransmitter a{
height: 15px;
width: 15px;
font: bold 10px Verdana, Arial; 
background: transparent url(../img/basic/btn.gif) no-repeat top left; 
display: block; 
text-indent: -999em;
} 
.stripTransmitter a:hover, a.current{ 
background-position: bottom left; 
color: #ff0000; 
}