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

/***********************************************************************/
/* dirtyfork | juicyapple                                              */
/***********************************************************************/

body
{
	background-color: #000000;
	margin: 0px;
	padding: 0px;
	font-size: 62.5%; /* this means 1em = 10px */
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	font-family: Arial, Helvetica, sans-serif;
}

/* force a vertical scroll in firefox (prevents page jumping) */
html 
{
	min-height: 100%;
	margin-bottom: 1px;
}


/***********************************************************************/
/* main containers                                                     */
/***********************************************************************/

#wrap
{
	margin: 0px auto;
	padding: 0px;
	width: 976px;
}

#content
{
	float: left;
	margin: 0px;
	padding: 0px 45px;
	width: 886px;
	background-color: #0d0d0d;
}

#mainContent
{
	float: left;
	margin: 0px;
	padding: 0px;
	width: 886px;
}

#copy
{
	float: left;
	margin: 0px;
	padding: 19px 90px 11px 0px;
	width: 550px;
}

#copyWide
{
	float: left;
	margin: 0px;
	padding: 19px 30px 11px 0px;
	width: 856px;
}

#bookBox
{
	float: left;
	margin: 20px 0px 0px 0px;
	padding: 11px 0px 11px 0px;
	width: 550px;
	border-bottom: solid 1px #494949;
	border-top: solid 1px #494949;
	background: url(images/book_bg.jpg) bottom left repeat-x #0d0d0d;
}

#bookBox img
{
	float: right;
	padding: 20px 0px;
}

#bookBox h3
{
	font-size: 1.8em;
	line-height: 1.1em;
	color: #cf308a;
	padding: 3px 0px 10px 20px;
	margin: 0px;
	font-weight: normal;
	text-decoration: none;
}

#bookBox h3 a, #bookBox h3 a:hover
{
	color: #cf308a;
	text-decoration: none;
	display: block;
}

#bookBox p
{
	font-size: 1.3em;
	line-height: 1.3em;
	color: #808080;
	padding: 0px 200px 12px 20px;
	margin: 0px;
	font-weight: normal;
	text-decoration: none;
	display: block;
}

.rightCopy
{
	float: left;
	margin: 0px;
	padding: 7px 0px 5px 0px;
	width: 246px;
	border-bottom: solid 1px #494949;
}

#paddTop
{
	padding-top: 15px;
}

.rightCopy p, .rightCopyWork p
{
	font-size: 1.4em;
	line-height: 1.3em;
	color: #E2E2E2;
	padding: 0px 0px 12px 0px;
	margin: 0px;
	font-weight: normal;
	text-decoration: none;
}

.rightCopy p a
{
	color: #E2E2E2;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
	text-decoration: none;
}

.rightCopy p a:hover
{
	color: #E2E2E2;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
	text-decoration: underline;
}

/***********************************************************************/
/* main Navigation                                                     */
/***********************************************************************/

#nav
{
	float: left;
	margin: 10px 0px 4px 0px;
	padding: 0px;
	width: 886px;
}	
		
#nav a 
{		
	display: block;
	color: #e2e2e2;
	font-weight: normal;
	margin: 0px;
	font-size: 15px;
	line-height: 15px;
	padding: 8px 15px 24px 16px;
	text-decoration: none;
	/*font-family: "Times New Roman", Times, serif;*/
}

#nav span 
{
	float: left;
	width: 1px;
	height: 33px;
	background-color: #606062;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-size: 0px;
	
}
		 	
.homeNav, .aboutNav, .approachNav, .experienceNav, .thinkingNav, .workNav, .clientsNav, .logoNav, .contactNav
{
	float: left;
	margin: 0px;
	padding: 0px;
}	

a.homeNav:hover, a.aboutNav:hover, a.approachNav:hover, a.experienceNav:hover, a.thinkingNav:hover, a.workNav:hover, a.clientsNav:hover, a.logoNav:hover, a.contactNav:hover
{
	background-image: url(images/menu_arrow.gif);
	background-repeat: no-repeat;
	background-position: bottom center;
	color: #8b9298;
}

body#homeSelected #nav a.homeNav,
body#aboutSelected #nav a.aboutNav,
body#approachSelected #nav a.approachNav,
body#experienceSelected #nav a.experienceNav,
body#thinkingSelected #nav a.thinkingNav,
body#workSelected #nav a.workNav,
body#clientsSelected #nav a.clientsNav,
body#logoSelected #nav a.logoNav,
body#contactSelected #nav a.contactNav
{
	background-image: url(images/menu_arrow.gif);
	background-repeat: no-repeat;
	background-position: bottom center;
	color: #8b9298;
}

/* end nav build */

/***********************************************************************/
/* work list                                                           */
/***********************************************************************/

.rightCopyWork
{
	float: left;
	margin: 0px;
	padding: 7px 0px 5px 0px;
	width: 246px;
}

.rightCopyWork ul, .rightCopyWork li
{
	list-style: none;
	display: block;
	margin : 0px;
	padding: 0px;
	float: left;
	width: 246px;
}


.rightCopyWork a
{
	float: left;
	padding: 2px 0px 2px 0px;
	margin: 0px 0px 2px 0px;
	color: #8B9298;
	width: 246px;
	font-weight: normal;
	text-decoration: none;
	font-size: 1.3em;
	line-height: 1.1em;
	border-bottom: solid 1px #494949;
}

.rightCopyWork a:hover
{
	color: #E2E2E2;
	text-decoration: none;
}

.rightCopyWork a.active, .rightCopyWork a.active:hover
{
	color: #E2E2E2;
	text-decoration: none;
}

.rightCopyWork a.selected, .rightCopyWork a.selected:hover
{
	color: #E2E2E2;
	text-decoration: none;
}

/***********************************************************************/
/* footer build                                                        */
/***********************************************************************/

#footer
{
	float: left;
	background: url(images/mpandp_footer_logo.gif) top left no-repeat;
	margin: 20px 0px 0px 0px;
	padding: 0px;
	width: 886px;
	border-top: solid 1px #494949;
}

#footer p
{
	color: #808080;
	padding: 30px 0px 40px 70px;
	font-size: 1.4em;
	display: block;
}
	
/***********************************************************************/
/* flash build                                                         */
/***********************************************************************/

#flashContainer
{
	float: left;
	width: 886px;
	margin: 0px;
	padding: 0px;
	height: 287px;
}

#noFlashContainer
{
	float: left;
	width: 886px;
	margin: 0px;
	padding: 0px;
	height: 287px;
}

/***********************************************************************/
/* general spans                                                       */
/***********************************************************************/

.print
{
	display: none;
}

.clear
{
	clear: both;
	font-size: 1px;
	height: 1px;
	padding: 0px;
	margin: 0px;
}

img
{
	border: none;
}

.pink
{
	color: #cf308a;
}

.small
{
	font-size: 1.6em;
	line-height: 1.3em;
	padding-top: 10px;
}

/***********************************************************************/
/* basic xhtml styling :)                                              */
/***********************************************************************/

h1
{
	display: none;
}

h2
{
	font-size: 3.0em;
	color: #cf308a;
	font-weight: normal;
	/*width: 550px;*/
	width: 886px;
	display: block;
	padding: 15px 0px 26px 0px;
	margin: 0px;
	border-bottom: solid 1px #494949;
}

h3
{
	font-size: 1.4em;
	line-height: 1.1em;
	color: #8B9298;
	padding: 3px 0px 5px 0px;
	margin: 0px;
	font-weight: bold;
	text-decoration: none;
}

h3 a, h3 a:hover
{
	color: #8B9298;
	text-decoration: none;
	display: block;
}

p
{
	font-size: 1.6em;
	line-height: 1.3em;
	color: #E2E2E2;
	padding: 0px 0px 12px 0px;
	margin: 0px;
	font-weight: normal;
	text-decoration: none;
	display: block;
}

p a
{
	color: #E2E2E2;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
	text-decoration: none;
}

p a:hover
{
	color: #E2E2E2;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
	text-decoration: underline;
}