@charset "UTF-8";

body {
margin:0px;
padding:0px;
font-size:12px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
line-height: 200%;

background-color:#eeeedd;


}

h1 {
font-family:Georgia, "Times New Roman", Times, serif;
line-height: 100%;
color:#333333;
font-weight:100;
text-transform:uppercase;
font-size: 2em;
margin: 0px;
padding:0px;
letter-spacing: .2em;
margin-bottom:48px;
}

h2 {}

h3{font-size: 1em; font-weight:bold; margin:0px 0px 1em 0px;; padding:0px; line-height:1em;}

p{font-size: 1em; line-height:200%; margin-bottom: 1em;}



a {text-decoration:none}
a:link {color:#ff6600;}

a:visited{color:#ff6600;}
a:hover {color:#000;}



#masterWrapper {
margin:0px;
padding:0px;
background-color:eee;
	
}

#masterWrapper #header {
	height: 48px;
	background-color:#30302C;
	margin:0px;
	padding:128px 80px 48px 300px; /* height of 128 */
}

#masterWrapper #header img {
	border: none;
	float:left;
	display: inline;
}

#masterWrapper #header h1 {
	color: #ff3300;
	font-size:1.333em;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 100%;
	margin:0px 0px 0px 60px;
	padding:0px;
	font-weight:100;
	letter-spacing:0.5em;
	text-transform: uppercase;
	display:block;

}

#masterWrapper #header h1 span {
	color: #FF9900;
	font-size:.5em;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 100%;
	margin:2em 0 0 0;
	padding:0px;
	font-weight:100;
	letter-spacing:0.7em;
	text-transform: uppercase;
	display:block;
}



#masterWrapper #contentWrapper {
	background-color: #eeeedd;
	margin:0;
}


#clearDiv {margin:0; padding:0; clear:both; width:100%;}


/***********  NAVIGATION  ***********/

#masterWrapper #contentWrapper #mainNav {
	width: 224px;
	float: left;
	margin:100px 16px 96px 120px;
	display:inline;
	/*background:#009999;*/
	
}



#mainNav ul {
	padding:0px;
	margin: 0px 0px 0px 0px;
	font-family: Helvetica, Arial, Sans-serif;
	font-size:1.33em;
	line-height: 100%;
	letter-spacing:.1em;
	list-style: none;
}


#mainNav ul li {
	display:block;
	margin: 0px 0px 16px 0px;
	font-size: 1em;

}

#mainNav ul li.active{
	
}


#mainNav ul li ul {
	display:block;
	margin: 0px 0px 24px 0px;

}

#mainNav ul li ul li {
	display:block;
	margin: 4px 0px 4px 0px;
	font-size: .5em;
	letter-spacing: .1em;
	padding-left: 0px;
	

}

a.activeProject{
	background-image: url(images/icon_arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:16px;
	color:#222;
}



.webProject {
	/*background-image: url(images/icon_digital.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:16px;
	color: #ff6600;*/
}

.printProject{
	/*background-image: url(images/icon_print.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;*/
}




/***********  MAIN COLUMN  ***********/

#masterWrapper #contentWrapper #contentColumn {
	float: left;
	width: 544px;
	/*background-color: #ddff44;*/
	margin:96px 0 ;
	
}




/***********  THUMBNAIL LISTINGS  ***********/


div.thumbnailWrapper {
	float:left;
}

div.thumbnailWrapper img{
	border: 1px #333333 solid;
	background-color:#eeeedd;
	padding: 2px;
	width:74px;
	height:74px;
	margin: 0 16px 0 0;
}

#contentColumn p.projectList {
	padding: 0 0 0 16;
	height: 80px;
	margin:0px;
	line-height:100%;
}

#contentColumn p span.description {
	font-style:italic;
	font-size:1.25em;
	display:block;
	margin-bottom:16px;
}

#contentColumn p span.client {
	font-weight:600;
	font-size:1.25em;
	margin-right:.25em;
	margin-bottom:16px;
	line-height:1em;
}

#contentColumn p span.location {
font-weight:100;
margin-bottom:16px;
}

#contentColumn p span.actionItem {
	font-weight:100;
	font-size:.8em;
	display:block;
	margin:16px 0px;

}

span.actionItem a{
background-image: url(images/bullet-arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 16px;
}

#contentColumn .hRule {
	height: 1px;
	clear:both;
	width: 100%;
	line-height: 0PX;
	padding: 0px;
	margin-top: 24px;
	margin-right: 0px;
	margin-bottom: 24px;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
}

/***********  FOOTER  ***********/

#notice {
font-size: .8em;
margin-top: -1.5em;
padding-top:1em;
border-top: 1px solid #333333;
text-align:left;
}


/***********  Portfolio pages  ***********/
.projectThumb {
float: left;
display:inline;
}

.projectThumb img{
	width: 216px;
	heigt: 238px;
	border: 1px solid #333333;
	padding: 2px;
}

.projectThumb p {
	margin-top:1em;
	font-size:.85em;
}

#projectInfo {
	width: 304px;
	float:right;
	margin: 0px;
	padding: 0px;
	clear: right;
	border: 0px none;

}

#projectInfo p {
	line-height: 2em;
}

.newWindow {
	background-image: url(images/icon_newwindow.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 16px;
}