/*
--
peterhammerquist.com 
GLOBAL SCREEN STYLES 
--
v3.9
--
cmyk-hexcodes
{
	C 0x: #00AEEF;
	M 0x: #EC008C; 
	Y 0x: #FFF200, 
	K 0x: #000000;
}
--
*/

html 
{
height: 100%;
}
body
{
	margin: 0px;
	padding: 0px;
	background-color: #ffffff; /* #e1f4fd; */
	text-align: center;
	height: 100%;
	font-family: helvetica, 'Lucida Grande', lucida,  Arial, Sans-Serif;
}
#grid
{
	width: 980px;
	padding: 0;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	clear: both;

	background-color: #FFFFFF;
	background-repeat: repeat-y;
	background-position: 0 0;
}
#container 
{
	width: 940px;
	min-height: 100%;
	padding: 0;
	margin: 0 auto;
	overflow: hidden;
}
#content
{
	padding: 0px;
	margin: 0px;
	text-align: left;
	clear: both;
}

/* -------------------------------------------------------------------------- */
/* HEADER */

#header{
	width: 700px;
	height: 95px;
	padding: 0;
	margin: 0;
	float: left;
	overflow: hidden;
	/*
	background-image: url("images/1x1-000000.gif");
	background-repeat: repeat-x;
	background-position: 0 100%;
	*/
}
#header h1{
	padding: 0;
	margin: 46px 0 0 0;
	border: none;
}
#header h1 a{
	width: 699px;
	height: 19px;
	display: block;
	padding: 0;
	margin: 0;
	color: #000000;
	
	text-indent: -9000px;
	font-size: 7px;
	overflow: hidden;

	background-image: url("images/masthead_699.gif");
	background-repeat: no-repeat;
	background-position: 0 0;
}
#header h1 a:hover{}

#print-head{
	display: none;
}

/* -------------------------------------------------------------------------- */
/* SUB-HEAD */

.sub-head{
	width: 220px;
	height: 80px;
	margin: 0 0 0 20px;
	padding: 0 0 0 0;
	float: left;
	overflow: hidden;
	/*
	background-image: url("images/1x1-000000.gif");
	background-repeat: repeat-x;
	background-position: 0 100%;
	*/
}
.search-terms{
	display: none;	
}

/* ERROR */

.error{
	width: 720px;
	float: left;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.error h2{
	width: 700px;
}

/* -------------------------------------------------------------------------- */
/* PORTFOLIO */

.portfolio-wrapper{
	width: 720px;
	float: left;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.portfolio-wrapper h2
{
	margin-right: 20px;
}

.project-featured
{
	width: 700px;
	padding: 0;
	margin: 1px 0 15px 0;
	overflow: hidden;
	position: relative;
}

.featured-title-flash
{
	display: block;
	height: 31px;
	overflow: hidden;
}

/* -------------------------------------------------------------------------- */
/* PORTFOLIO THUMBS */

.project-thumb-section{
	width: 720px;
	overflow: hidden;	
}
.project-thumb
{
	width: 220px;
	float: left;
	margin: 0px 20px 15px 0;
	padding: 0;
}
.project-thumb-image, .project-thumb-image a
{
	width: 220px;
	height: 128px;
	overflow: hidden;
	background-position: 0 0;
}
.project-thumb-image
{
	background-repeat: no-repeat;
}
.project-thumb-image a
{
	display: block;
	background-repeat: repeat;
	background-image: url("images/000000_20.png");
}
.project-thumb-image a:hover
{
	background-image: none;
}

/* -------------------------------------------------------------------------- */
/* PORTFOLIO SIDE BAR */

#side-bar{
	position: relative;
	width: 220px;
	margin: 0;
	padding: 0;
	float: right;
}

/* -------------------------------------------------------------------------- */
/* PORTFOLIO SORT MENU */

#sort-menu{
	width: 220px;	
	margin: 0;
	padding: 0;
}

#sort-menu h4{
	margin: 0 0;
	line-height: 31px; 
	padding: 0px;
	border-top: 1px solid #007ADF;
	border-bottom: 1px solid #007ADF;
}

#sort-menu ul{
	margin: 0 0;
	padding: 8px 0 15px 0;
}
#sort-menu ul li{
	padding: 0;
	margin: 0;
}
#sort-menu a{
	line-height: 16px;
	display: block;

	font-size: 10px;
	letter-spacing: 0.1em;	
	font-weight: normal;
	
	text-align: left;
	text-decoration: none;
	
	margin: 0;
	padding: 0;
	overflow: hidden;	
}
#sort-menu a:hover{
	color: #007ADF;
	text-decoration: none; 
}
#sort-menu li.current a{
	color: #000000;
}

/* -------------------------------------------------------------------------- */
/* CONTACT INFO */

.contact-info
{
	width: 220px;
	height: 128px;
	margin: 0 0;
	padding: 0;
	overflow: hidden;
}
.contact-sections
{
	margin: 16px 0 0 0;
}
.contact-info p
{
	width: 220px;
	margin: 0 0 4px 0;
	text-align: right;
	clear: both;
}
span.sans-serif{
	float: left;
}

/* -------------------------------------------------------------------------- */
/* CONTACT FORM */

.contact-form
{
	width: 220px;
	overflow: hidden;
}
.contact-fields
{
	margin: 15px 0 0 0;
}
.contact-form p.field
{
	margin: 0;
	padding: 0;
	clear: both;
	overflow: hidden;
}
.contact-form p.button
{
	margin: 0 0 2px 0;
	float: right;
}
.contact-form label{
	width: 80px;
	float: left;
	display: none;
}
.contact-form input, 
.contact-form select, 
.contact-form textarea
{
	float: left;
	width: 210px;
}
.contact-form textarea
{
	height: 86px;
}

/* -------------------------------------------------------------------------------------------------------------------------------- */
/* PROJECT */


.client-list
{
	width: 220px;
	margin: 0px 0 0 0;
	padding: 0;
	overflow: hidden;
}
.client-list ul
{
	margin: 0 0;
	padding: 15px 0 16px 0;
}


/* -------------------------------------------------------------------------------------------------------------------------------- */
/* PROJECT */

.project{
	clear: both;
	overflow: hidden;
	padding: 0;
	margin: 0 0;	
}
.project-images
{
	width: 620px;
	float: left;
	margin: 0 20px 0 0;
	padding: 0 0 0 0;
	overflow: hidden;
}
.project-image-wrapper
{
	width: 620px;
	/* height: 271px; */
	margin: 16px 0 16px 0;
	padding: 0 0;
	overflow: hidden;
}


.project-description{
	width: 300px;
	float: left;
	overflow: hidden;
	padding: 0 0 9px 0;
	border-bottom: 1px solid #000000;	
}
.project-info
{
	clear: both;
}
.project-description h4{
	width: 60px;
	float: left;
	margin: 0 20px 8px 0;	
	vertical-align: text-top;
}
.project-description p{
	width: 220px;
	float: left;
	margin: 0 0 8px 0;	
	vertical-align: text-top;
}
.project-description  p.project-url
{
	margin-left: 80px;
	margin-top: 15px;
}
.project-description  p.project-url a
{
	color: #EC008C;
}

/* -------------------------------------------------------------------------- */
/* FOOT */

.foot-spacer
{
	display: block;
	height: 15px;
	clear: both;
}
.site-foot
{
	border-top: 1px solid #999999;
	height: 31px;
	line-height: 31px;
	margin: 0;
	padding: 0;
	clear: both;
}
.side-bar-foot
{
	height: 31px;
	line-height: 31px;
	margin: 0;
	padding: 0;
	float: left
}
.site-foot p, .site-foot h5, .site-foot h6, .side-bar-foot p, .side-bar-foot h5, .side-bar-foot h6
{
	line-height: 31px;
	color: #999999;
	margin: 0;
	padding: 0;
}

/* -------------------------------------------------------------------------- */
/* DEFAULTS */




/* ------------------------------------ */
/* LINKS */

a{
	color: #EC008C;
	text-decoration: none;
}
p a{
	color: #999999;
}
a:hover	{
	color: #007ADF;
	text-decoration: none;
}

/* ------------------------------------ */
/* HEADINGS */

h1 {
	color: #000000;
	font-weight: bold;
	font-size: 18px;
	letter-spacing: 0.5em;
	text-align: left;
	margin: 0;
	padding: 0;
}
h2, h3, h5, p.back_button
{
	line-height: 31px; 
	text-align: left;	
	font-family: georgia, times, serif;
	padding: 0px;	
}
h2
{
	font-size: 15px;
	font-weight: bold;
	margin: 0 0 15px 0;
	color: #000000;
}
h2, p.back_button
{
	border-top: 1px solid  #000000;
	border-bottom: 1px solid #000000;
}
h3
{
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	color: #666666;
	border-top: 1px solid  #666666;
	border-bottom: 1px solid #666666;
}
h5 {
	color: #000000;
	font-weight: normal;
	font-size: 12px;
	letter-spacing: 0.1em;
	margin: 0 0 10px 0;
	padding: 0px;	
}
h6 {
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	line-height: 31px;
	color: #999999;
	margin: 0px;
	padding: 0px;	
}


p, td, li , input, textarea, select, h4, label, span.sans-serif
{
	font-size: 11px;
	font-weight: normal;
	line-height: 16px; 
	text-align: left;
}

p, td, li , input, textarea, select
{
	color: #666666;
}
p, td
{
	font-family: georgia, times, serif;	
	margin: 0px 0px 15px 0;
	padding: 0px;	

}
li {
	overflow: hidden;
	padding: 0px;
	margin: 0px;
	font-family: helvetica, 'Lucida Grande', lucida,  Arial, Sans-Serif;	
}
input, textarea, select
{
	font-family: helvetica, 'Lucida Grande', lucida,  Arial, Sans-Serif;
	margin: 0 0 6px 0;
	padding: 4px;	
	border: 1px solid #999999;
}


label, td{
	margin: 0 0 0 0; 
	display: block;	
}

h4, label, span.sans-serif
{
	margin: 0;
	padding: 0px;	
	letter-spacing: 0.06em;
	font-family: helvetica, 'Lucida Grande', lucida,  Arial, Sans-Serif;
	color: #007ADF;
}

ul{
	margin: 0px 0px 0px 0px;
	padding: 15px 0 15px 0;
	list-style-type: none;
}
img{ 
	display: block;
	border: 0;
	margin: 0;
	padding: 0;	
}
table{
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;	
}
em{
	color: #666666;
	font-style: normal;	
}

.clear{
	clear: both;
}
.hide,
.hide_print
{
	display: none;	
}


/* FORM SHIT */
/* -------------------------------------------------------------------------- */

form{
	padding: 0px;
	margin: 0px;
	clear: both;
}
fieldset{
	padding: 10px 0;
	margin: 0;
	border-top: 1px solid  #000000;
	border-bottom: 1px solid #000000;	
	border-left: none;
	border-right: none;
}
legend{
	width: 140px;
	color: #000000;
	font-weight: normal;
	font-size: 12px;
	text-align: right;
	padding: 0;
	margin: 0 0 0 0;
}

form p
{
	overflow: hidden;	
}
form .sort-menu input,
form .submit input,
p.button input
{
	padding: 2px 4px;
	border: 1px solid #999999;
	letter-spacing: 0.1em;
	width: auto;
	color: #007ADF;
	background-color: #ffffff;	
}
form .sort-menu input,
form .submit input,
p.button input:hover
{
	color: #ffffff;
	background-color: #999999;
}

/* FIN */