/* =Next
-----------------------------------------------------------------------------*/
#next {
	position: relative;
	top: 26px;
	background: url(../img/next-work.gif) no-repeat;
    width: 833px;
    height: 22px;
}

#next span {display: none;}
#next li, #next a {border: 0px solid red; height: 22px; display: block;}
#next li {float: left; list-style: none; display: inline;}

#next-work {position: relative; left: 79px; width: 61px;}
#next-work a:hover {background: url(../img/next-work.gif) -79px -23px no-repeat;}


/* =Layout
-----------------------------------------------------------------------------*/
#img_work {
	float: right;
	width: 215px;
	height: 265px;
	padding-bottom: 20px;
}

.thumb-brand {
	float: left;
	width: 420px;
	height: 180px;
}

.thumb-mktg {
	float: left;

}

.thumb-web {
	float: left;
	width: 420px;
	height: 250px;
}


/* =Links
-----------------------------------------------------------------------------*/
#pNav a:link      {color: #000; text-decoration: none; padding: 8px 5px 2px 5px;}
#pNav a:visited   {color: #000; text-decoration: none; padding: 8px 5px 2px 5px;}
#pNav a:hover     {color: #fff; background-color: #e68f1a; text-decoration: none; padding: 8px 5px 2px 5px;}
#pNav a:active    {color: #000; text-decoration: none; padding: 8px 5px 2px 5px;}

ul#pNav li a.on_state {color: #fff; background-color: #e68f1a; text-decoration: none; padding: 8px 5px 2px 5px;}

#pNavBtm a:link      {color: #000; text-decoration: none; padding: 8px 5px 2px 5px;}
#pNavBtm a:visited   {color: #000; text-decoration: none; padding: 8px 5px 2px 5px;}
#pNavBtm a:hover     {color: #fff; background-color: #e68f1a; text-decoration: none; padding: 8px 5px 2px 5px;}
#pNavBtm a:active    {color: #000; text-decoration: none; padding: 8px 5px 2px 5px;}

ul#pNavBtm li a.on_state {color: #fff; background-color: #e68f1a; text-decoration: none; padding: 8px 5px 2px 5px;}

/* this is a link style in case we want to link up our li's/subnav on the portfolio page */
.pmLink a:link      {color: #000; text-decoration: none; padding: 0;}
.pmLink a:visited   {color: #000; text-decoration: none; padding: 0;}
.pmLink a:hover     {color: #fff; background-color: #e68f1a; text-decoration: none; padding: 0;}
.pmLink a:active    {color: #000; text-decoration: none; padding: 0;}

.top a:link      {color: #e68f1a; text-decoration: none; padding: 4px 0 0 0;}
.top a:visited   {color: #e68f1a; text-decoration: none; padding: 4px 0 0 0;}
.top a:hover     {color: #fff; background-color: #e68f1a; text-decoration: none; padding: 4px 0 0 0;}
.top a:active    {color: #e68f1a; text-decoration: none; padding: 4px 0 0 0;}


/* =Typography
-----------------------------------------------------------------------------*/
h1 {
	width: 500px;
}

#pNav {
	list-style: none;
	height: 40px;
	font-size: 1.5em;
	line-height: 1.25em;
	font-weight: 700;
	color: #000;
	padding: 28px 0 0 0;
}

#pn1 {
	float: left;
	position: relative;
	left: -6px;
}

#pn2 {
	float: left;
	position: relative;
	left: 91px;
}

#pn3 {
	float: left;
	position: relative;
	left: 229px;
}

#pNavBtm {
	clear: both;
	list-style: none;
	height: 40px;
	font-size: 1.5em;
	line-height: 1em;
	font-weight: 700;
	color: #000;
	border-top: 1px solid #666;
	padding: 40px 0 5px 0;
	margin-top: 15px;
}

#psn1 {
	float: left;
	color: #666;
}

#psn2 {
	float: left;
	position: relative;
	left: 126px;
	color: #666;
}

#psn3 {
	float: left;
	position: relative;
	left: 248px;
	color: #666;
}

.top {
	padding-bottom: 30px;
}

#pSubNav ul {
	list-style: none;
	padding: 0;
}

#pSubNav li {
	padding-bottom: .8em;
}

.detail {
	float: left;
	width: 200px;
	font-size: .7em;
	line-height: 1.5em;
}

.proj_type {
	font-weight: bold;
}

.project {
	border-top: 1px solid #a0a199;
	padding: 10px 0 0 0;
	margin-top: 15px;
}